/* V4：透明人物进入页面，已有形象照分布于开场、作品与个人介绍。 */
.site-header{gap:16px}.site-header nav{gap:23px}.hero-portrait{right:4%;bottom:-1%;height:95%;width:44%}.hero-portrait .portrait-actor img{object-fit:contain;object-position:center bottom;mask-image:none;filter:drop-shadow(0 14px 18px #233b5014)}
.person-follow-hint{font-size:11px;letter-spacing:1px;color:#657c96;margin:23px 0 0}.person-follow-hint span{display:inline-block;margin-right:7px;font-size:15px}
.transition-band{min-height:430px;background:#edf1f7;color:var(--ink);padding:70px 8%;gap:7%;border-block:1px solid #dce4ef}.transition-band:after{border-color:#9db4d329;top:-210px;right:-220px;box-shadow:0 0 0 50px #ffffff20,0 0 0 120px #ffffff10}.transition-band>div{position:relative;z-index:1}.transition-band>div>span{display:block;align-self:auto;color:#637b99;margin-top:27px}.transition-person{position:relative;z-index:1;margin:0;flex:0 0 220px;max-width:35%;transform:rotate(3deg);padding:8px 8px 12px;background:white;box-shadow:0 20px 45px #14253d16}.transition-person img{width:100%;aspect-ratio:3/4;object-fit:cover}.transition-person figcaption{font-size:9px;color:#62758c;padding:9px 4px 0;text-align:center}
.portfolio-intro{display:flex!important;align-items:center;gap:23px}.tools-person{flex:0 0 90px;margin:0;transform:rotate(-3deg)}.tools-person img{width:90px;height:120px;object-fit:cover;border:5px solid white;box-shadow:0 7px 20px #233b5018}.portfolio-intro>div{min-width:0}
@media(min-width:801px){#portraits{scroll-margin-top:0;padding-block:85px;gap:25px 8%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#portraits .portrait-gallery-open>img{height:540px}#portraits .portrait-gallery-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#portraits .portrait-gallery-selector button{display:flex;flex-direction:column;gap:8px;padding:6px;min-height:135px;text-align:center}#portraits .portrait-gallery-selector button>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}#portraits .portrait-gallery-selector button>span{gap:2px}#portraits .portrait-gallery-selector strong{font-size:12px}#portraits .portrait-gallery-selector small{font-size:9px}#portraits .portrait-gallery-selector i{display:none}#portraits .portrait-gallery-heading h2{font-size:48px}}
body.simple .scene-intro{background:linear-gradient(90deg,#f5f7fb 35%,#f5f7fb55),url('assets/portraits/longge-standing-cutout.png') right 20%/auto 94% no-repeat}body.simple .person-follow-hint{display:none}
@media(max-width:1000px) and (min-width:801px){.site-header .brand{gap:9px}.site-header nav{gap:15px}.site-header{padding-inline:16px;gap:11px}.person-follow-toggle{padding-inline:10px}.motion-toggle{padding-inline:10px}.transition-person{flex-basis:185px}.tools-person{flex-basis:72px}.tools-person img{width:72px;height:96px}}
@media(max-width:800px){.site-header{gap:8px}.hero-portrait{width:60%;height:82%;aspect-ratio:auto;right:-9%;bottom:0}.hero-portrait .portrait-actor img{mask-image:none;object-position:center bottom}.scene-intro .hero-line{max-width:235px}.person-follow-hint{display:none}.transition-band{display:grid;grid-template-columns:1fr 95px;align-items:center;gap:14px;padding:50px 7%;min-height:270px}.transition-band p{font-size:clamp(26px,6.8vw,37px);letter-spacing:-1px}.transition-band>div>span{font-size:11px;margin-top:20px;max-width:180px}.transition-person{max-width:none;width:100%;padding:4px}.transition-person figcaption{display:none}.portfolio-intro{gap:16px;align-items:flex-start}.tools-person{flex-basis:66px}.tools-person img{width:66px;height:88px;border-width:3px}.portfolio-intro>div>p{margin-top:0}body.simple .scene-intro{background-size:auto 80%;background-position:right bottom}}
@media(max-width:800px){.hero-actions .quiet-link{padding:6px 10px;min-height:48px;border:1px solid #c4cfdf;border-radius:4px;background:#f5f7fbe8;font-size:10px;display:inline-flex;align-items:center}}
@media(max-width:360px){.hero-portrait{width:63%;right:-12%}.scene-intro .hero-line{max-width:215px}.transition-band{grid-template-columns:1fr 78px;gap:10px}.tools-person{flex-basis:52px}.tools-person img{width:52px;height:70px}.portfolio-intro{gap:12px}}
