/* 首页完整工作场景，保持下方滚动分区独立。 */
.intro-chapter{display:block;padding:35px 6% 64px;background:radial-gradient(ellipse at 38% 64%,#7f68301a,transparent 48%),radial-gradient(ellipse at 83% 67%,#8f713021,transparent 35%)}
.home-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:4%;align-items:end;min-height:calc(100svh - 178px)}
.home-station{min-width:0;align-self:center}.intro-copy h1{font-size:clamp(34px,3.2vw,49px);letter-spacing:-1.5px;line-height:1.25;margin:21px 0 15px;white-space:nowrap}.intro-copy .intro-lead{font-size:13px;letter-spacing:.3px;line-height:1.9;margin:0;color:#adb2aa}.intro-copy .intro-lead strong{font-weight:500;color:#e8e4d9}.intro-links{gap:23px;margin-top:18px}.intro-links .primary{min-height:39px;padding:9px 14px;font-size:11px;gap:20px}.intro-links .text-link{font-size:11px;margin:0;display:inline-block}
.home-desk{position:relative;isolation:isolate;aspect-ratio:1.3;margin-top:13px}.desk-structure{position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 22px 15px #0009)}.home-desk:after{content:"";position:absolute;left:-4%;right:-4%;height:7%;bottom:-1%;background:radial-gradient(ellipse,#000a,transparent 69%);filter:blur(7px);z-index:-1}.desk-object{position:absolute;background:transparent;border:0;padding:0;transition:transform .3s,filter .3s;color:#ddd9cb}.desk-object:hover{transform:translateY(-4px);filter:brightness(1.08)}.desk-object:focus-visible{outline-offset:2px}.home-monitor{width:53%;left:24%;bottom:44.5%;z-index:2}.home-monitor>img{display:block;width:100%;filter:drop-shadow(0 9px 12px #0007);pointer-events:none}.home-screen{position:absolute;left:8.8%;top:12.9%;width:82.4%;height:53.35%;background:radial-gradient(ellipse at 80% 100%,#6d603733,transparent 66%),#141d21;display:flex;flex-direction:column;text-align:left;overflow:hidden;padding:5% 5% 3%;border-radius:1px}.home-screen-top{display:flex;justify-content:space-between;font-size:clamp(4px,.5vw,7px);letter-spacing:.5px;color:#9b9d8d;border-bottom:1px solid #b9a37024;padding-bottom:5%}.home-screen-top b{color:var(--gold);font-weight:500}.home-screen-title{font-size:clamp(8px,.9vw,13px);line-height:1.6;letter-spacing:.4px;margin:7% 0;color:#e4e4d9}.home-screen-title em{font-style:normal;color:#cbb174}.home-screen-apps{display:flex;gap:7%;align-items:center;margin-top:auto}.home-screen-apps>span{font-size:clamp(5px,.6vw,9px);color:#aeb6a5;display:flex;align-items:center;gap:6px}.home-screen-apps i{font-style:normal;font-size:clamp(9px,1.2vw,17px);color:#c5ac72}.home-screen-bottom{font-size:clamp(4px,.46vw,7px);margin-top:7%;border-top:1px solid #b9a37024;padding-top:4%;color:#9c906e;display:flex;justify-content:space-between}.home-monitor:hover .home-screen{background:radial-gradient(ellipse at 80% 100%,#92784055,transparent 66%),#172226}.home-monitor:hover .home-screen-bottom>span{transform:translateX(3px)}.home-screen-bottom>span{transition:transform .2s}
.home-books{position:absolute;left:4%;bottom:45%;width:20%;display:grid;grid-template-columns:1fr 1fr;gap:2%;z-index:2}.home-books .book-button{position:relative}.home-books .book-crop{aspect-ratio:1/2}.home-books .book-button:after{content:attr(data-book-label);position:absolute;bottom:-14px;left:0;right:0;font-size:7px;text-align:center;letter-spacing:1px;color:#b69b65;opacity:0;transition:opacity .2s}.home-books .book-button:hover:after,.home-books .book-button:focus-visible:after{opacity:1}
.home-record{width:26%;right:1%;bottom:43%;z-index:3}.home-record>img{display:block;width:100%;pointer-events:none;filter:drop-shadow(0 7px 7px #0006)}.home-record .vinyl-disc{left:15%;top:1%;width:60%}.home-record .vinyl-spin b{font-size:5px}.home-record .vinyl-spin{animation-play-state:paused}.music-playing .home-record .vinyl-spin{animation-play-state:running}.home-record .record-light{position:absolute;right:12%;bottom:18%;width:4px;height:4px;background:#947750;border-radius:50%;box-shadow:0 0 6px #dab06455}.music-playing .home-record .record-light{background:#e4bf77;box-shadow:0 0 10px #e4bf77}.desk-interaction-note{position:absolute;left:2%;right:2%;bottom:-22px;font-size:9px;letter-spacing:.7px;color:#7d877c;display:flex;align-items:center;gap:9px;justify-content:center}.desk-interaction-note i{height:3px;width:3px;border-radius:50%;background:#c2a262}.desk-interaction-note span{color:#a39b84}
.intro-chapter .portrait{align-self:end;align-items:center;gap:18px;padding-bottom:5%;position:relative}.intro-chapter .portrait>img{height:clamp(430px,66svh,660px);max-width:73%;width:auto}.intro-chapter .portrait figcaption{max-width:90px}.intro-chapter .portrait h2{font-size:27px}.intro-chapter .portrait figcaption p{font-size:11px}.intro-chapter .portrait .name{font-size:8px;letter-spacing:2px}.intro-chapter .portrait:after{left:0;bottom:5%;width:73%;height:14px;z-index:0}.intro-chapter .portrait>img{position:relative;z-index:1}.intro-chapter .scroll-cue{bottom:18px;font-size:9px}.intro-chapter .eyebrow{font-size:9px;letter-spacing:2.7px}
@media(min-width:1500px){.home-layout{gap:5%}.intro-chapter .portrait{gap:28px}.intro-chapter .portrait figcaption{max-width:110px}.intro-chapter .portrait h2{font-size:33px}.intro-chapter .portrait figcaption p{font-size:13px}.intro-chapter .portrait .name{font-size:9px}.desk-interaction-note{font-size:10px}}
@media(max-width:1050px){.intro-chapter{padding-left:5%;padding-right:5%}.home-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:2%}.intro-copy h1{font-size:34px}.intro-copy .intro-lead{font-size:11px}.intro-chapter .portrait>img{height:clamp(370px,59svh,540px);max-width:73%}.intro-chapter .portrait{gap:11px}.intro-chapter .portrait figcaption{max-width:70px}.intro-chapter .portrait h2{font-size:24px}.intro-chapter .portrait .name{font-size:6px;letter-spacing:1.5px}.intro-chapter .portrait .gold-rule{margin:16px 0}.intro-chapter .portrait figcaption p{font-size:10px}.desk-interaction-note{font-size:8px;gap:7px}}
@media(max-width:760px){.intro-chapter{padding:30px 6% 62px}.home-layout{grid-template-columns:1fr;gap:38px;min-height:0}.intro-copy h1{font-size:36px;margin:18px 0 14px}.intro-copy .intro-lead{font-size:12px;max-width:310px}.intro-copy .intro-lead strong{display:block}.intro-links{gap:19px;margin-top:18px}.intro-links .primary{font-size:10px;min-height:41px}.intro-links .text-link{font-size:10px}.home-desk{margin-top:26px;aspect-ratio:1.3}.home-screen-title{font-size:9px}.home-screen-top{font-size:5px}.home-screen-apps>span{font-size:6px;gap:4px}.home-screen-apps i{font-size:11px}.home-screen-bottom{font-size:5px}.home-record .vinyl-spin b{font-size:3px}.desk-interaction-note{font-size:8px;bottom:-13px;gap:7px}.intro-chapter .portrait{justify-content:center;padding:12px 0 8px;gap:36px;align-self:auto}.intro-chapter .portrait>img{height:285px;max-width:55%}.intro-chapter .portrait figcaption{max-width:110px}.intro-chapter .portrait h2{font-size:30px}.intro-chapter .portrait .name{font-size:8px;letter-spacing:2px}.intro-chapter .portrait figcaption p{font-size:12px}.intro-chapter .portrait:after{left:19%;width:38%;bottom:8px}.intro-chapter .scroll-cue{bottom:17px}.home-books .book-button:after{font-size:6px}.intro-chapter .eyebrow{font-size:8px;letter-spacing:2px}}
@media(max-width:370px){.intro-copy h1{font-size:31px}.home-screen-apps>span{gap:3px;font-size:5px}.desk-interaction-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.desk-object:hover{transform:none}}

/* 桌上物件的局部接触阴影，跟随物件位置。 */
.home-monitor:before{content:"";position:absolute;left:30%;bottom:7%;width:40%;height:4%;border-radius:50%;background:#0009;filter:blur(3px);z-index:-1}
.home-books .book-button:before{content:"";position:absolute;left:9%;right:7%;bottom:12%;height:5%;border-radius:50%;background:#000a;filter:blur(2px);z-index:-1}
.home-record:before{content:"";position:absolute;left:10%;right:7%;bottom:10%;height:8%;border-radius:50%;background:#000a;filter:blur(3px);z-index:-1}

/* One physically staged pair, with separate hotspots for the two books. */
.home-books{left:1%;bottom:43.5%;width:27%;display:block;isolation:isolate}
.home-book-arrangement{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(1px 4px 3px #0005)}
.home-books:before{content:"";position:absolute;left:8%;right:3%;bottom:6%;height:8%;background:radial-gradient(ellipse,#0009,transparent 70%);filter:blur(2px);z-index:-1}
.home-book-hit{position:absolute;border:0;background:none;padding:0;border-radius:3px;transition:background .2s;min-height:0}
.home-article-book{left:7%;top:8%;width:40%;height:79%;clip-path:polygon(0 8%,100% 0,100% 91%,0 100%)}
.home-skills-book{left:46%;top:49%;width:49%;height:43%;clip-path:polygon(0 22%,64% 0,100% 63%,43% 100%,0 53%)}
.home-book-hit:hover{background:#d9b67114}.home-book-hit:focus-visible{clip-path:none;outline:1px solid var(--gold);outline-offset:2px}
.home-book-hit>span{position:absolute;left:10%;bottom:10%;color:#e8cc8e;background:#171511d9;border:1px solid #b9985b66;border-radius:3px;padding:3px 5px;font-size:clamp(6px,.6vw,9px);white-space:nowrap;opacity:0;transition:opacity .2s}
.home-book-hit:hover>span,.home-book-hit:focus-visible>span{opacity:1}
.home-monitor{left:27%;width:49%;cursor:default}.home-monitor:hover{transform:none;filter:none}
.home-monitor-expand{position:absolute;left:38%;bottom:9%;border:0;background:none;padding:3px;color:#c0ab83;font-size:clamp(6px,.55vw,9px);min-height:0;white-space:nowrap;opacity:0;transition:opacity .2s;z-index:3}
.home-monitor:hover .home-monitor-expand,.home-monitor:focus-within .home-monitor-expand{opacity:1}