/* V6：正常的人像比例，清晰的主要系统与界面入口。 */
.transition-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;gap:8%;min-height:420px;padding:52px 8%}
.transition-person{width:100%;max-width:none;flex:none;padding:8px 8px 12px;transform:rotate(2deg)}
.transition-person img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.transition-person figcaption{font-size:11px;line-height:1.7;padding:10px 4px 0}
.work-scenes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #d3dfec}
.work-scenes button{border:1px solid #c5d4e5;border-radius:6px;background:#edf3fa;padding:10px 16px;min-height:44px;color:#4c6685;font-size:12px}
.work-scenes button[aria-pressed=true]{background:#173152;color:#f4faff;border-color:#173152}
.work-scenes[hidden]{display:none}
#tools[data-selected-work=sansheng] .work-phase{color:#285977;border-color:#97bdd0;background:#ebf5fa}
#tools[data-selected-work=sansheng] .work-shot{height:auto;aspect-ratio:8/5;background:#f5f8fd;overflow:hidden}
#tools[data-selected-work=sansheng] .work-shot img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:1100px) and (min-width:801px){.transition-band{grid-template-columns:minmax(0,1fr) 240px;gap:7%;padding-inline:8%}.transition-band p{font-size:36px}.transition-person{width:240px}}
@media(max-width:800px){.transition-band{grid-template-columns:1fr;gap:30px;padding:42px 7%;min-height:0}.transition-person{width:min(72%,250px);justify-self:center}.transition-person figcaption{display:block;font-size:10px}.transition-band>div>span{max-width:none}.transition-band p{font-size:30px}.portfolio-heading h2{font-size:clamp(34px,7vw,48px);letter-spacing:-1.5px}.work-scenes{gap:6px;margin-bottom:15px}.work-scenes button{min-height:48px;padding:10px 13px;font-size:11px}#tools[data-selected-work=sansheng] .work-shot{aspect-ratio:8/5}}

.work-image-sizes{display:flex;gap:8px;padding:10px 20px;border-bottom:1px solid #d4dfed;background:#f5f8fc}.work-image-sizes button{border:1px solid #bfcee0;border-radius:5px;background:white;padding:8px 14px;min-height:44px;font-size:11px;color:#45617f}.work-image-sizes button[aria-pressed=true]{background:#173152;color:white;border-color:#173152}.work-dialog-body.is-native-size img{width:auto;max-width:none;height:auto;margin:0}@media(max-width:800px){.work-image-sizes{padding:9px 15px}.work-image-sizes button{min-height:48px}}
