:root{font-family:Microsoft YaHei,Noto Sans SC,sans-serif;color:#eee7d9;background:#090a0b;font-synthesis:none;line-height:1.65;font-weight:400;--gold:#d9b778;--muted:#969184;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{color:inherit;background:#161815;border:1px solid #3b3b31;cursor:pointer;border-radius:3px;padding:9px 14px}button:hover,button:focus-visible,select:focus-visible{border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.primary{background:var(--gold);color:#14140f;border-color:var(--gold)}header{max-width:1260px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid #24261f}.brand{font-size:18px;letter-spacing:.1em;color:var(--gold)}nav{display:flex;gap:28px;font-size:14px;color:#b8b2a5}main{max-width:1260px;margin:auto;padding:0 40px}.hero{padding:76px 0 54px}.section-kicker{font-size:13px;color:var(--gold);letter-spacing:.12em;margin-bottom:20px}h1{font-weight:400;font-size:clamp(42px,5.5vw,76px);line-height:1.27;letter-spacing:-.035em;margin:0 0 30px}h1 span{color:var(--gold)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{font-size:16px;color:#aba698;margin:0}.arrow-link{color:var(--gold);border-bottom:1px solid #706044;padding-bottom:7px}.watch{scroll-margin-top:25px}.film{aspect-ratio:16/9;border:1px solid #303027;position:relative;overflow:hidden}.play-overlay{position:absolute;bottom:14px;left:16px;padding:4px 14px;background:#090a0bd9;color:var(--gold);opacity:0;transition:opacity .15s}.film:hover .play-overlay,.play-overlay:focus-visible{opacity:1}.transport{display:flex;align-items:center;gap:16px;padding:18px 0}.transport>input{flex:1;min-width:50px}.time{font-family:monospace;font-size:13px;white-space:nowrap;color:#aaa595}input[type=range]{accent-color:var(--gold);cursor:pointer;min-height:24px}.volume{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.volume input{width:80px}.chapter-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2d2f25}.chapter-list button{text-align:left;border:0;border-radius:0;background:none;font-size:13px;border-bottom:1px solid #26281f;padding:12px 8px;color:#b3ad9e}.chapter-list button[aria-current]{color:var(--gold);background:#1d1b13}.chapter-list small{font-family:monospace;display:block;color:#77796c}.under-film{display:flex;gap:24px;justify-content:flex-end;font-size:12px;color:var(--muted);padding:18px 0}.under-film span{margin-right:auto}.under-film a{color:var(--gold)}section#labs,section#read,section#sources{padding-top:100px;scroll-margin-top:20px}h2{font-size:clamp(27px,3vw,38px);line-height:1.4;font-weight:400;margin:0 0 35px}h3{font-size:23px;font-weight:400;line-height:1.5;margin:0 0 17px}.tabs{display:flex;border-bottom:1px solid #3b3b31;overflow-x:auto;gap:4px}.tabs button{border:0;background:none;border-radius:0;white-space:nowrap;font-size:13px;color:var(--muted);padding:13px 17px}.tabs button[aria-selected=true]{color:var(--gold);border-bottom:2px solid var(--gold)}.lab-panel{display:grid;grid-template-columns:1.6fr 1fr;min-height:420px;background:#0e100d;border-bottom:1px solid #34362a}.lab-art{display:flex;align-items:center;padding:12px}.lab-controls{padding:35px 28px;border-left:1px solid #292c20;font-size:14px;color:#b9b3a6}.lab-controls h3{color:#eee7d9}.lab-controls button{margin:8px 10px 0 0}.slider{display:grid;grid-template-columns:1fr 40px;margin:24px 0 14px;gap:5px}.slider span{grid-column:1/3;font-size:13px}.slider input{width:100%}.slider output{color:var(--gold);text-align:right}.lab-controls select{display:block;margin:10px 0}.aside{font-size:12px;color:#929180;line-height:1.8;margin-top:20px}.lab-controls .section-kicker{margin:0 0 10px}.reading{border-top:1px solid #34362b}.reading article{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #26291f}.reading article>span{color:var(--gold);font-family:monospace;padding-top:6px}.reading h3{margin-bottom:12px}.reading p{max-width:850px;font-size:16px;color:#b8b2a4;line-height:1.9;margin:0}.source-intro{font-size:15px;color:#aaa595;max-width:730px}details{border-top:1px solid #33362a;border-bottom:1px solid #33362a;margin-top:25px;padding:20px 0}summary{cursor:pointer;color:var(--gold)}details li{font-size:13px;margin:12px 0;color:#aaa595;overflow-wrap:anywhere}details a:hover{color:var(--gold)}footer{max-width:1180px;margin:80px auto 0;border-top:1px solid #33362a;padding:28px 0 45px;display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}footer>span{color:var(--gold)}footer a{margin-left:auto}.audio-note{color:#db7269;font-size:13px}@media(max-width:800px){header{padding:20px}nav{gap:15px;font-size:12px}main{padding:0 20px}.hero{padding-top:50px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}.transport{flex-wrap:wrap;gap:10px}.transport>input{min-width:35%;flex:1}.transport .volume{margin-left:auto}.chapter-list{grid-template-columns:repeat(2,1fr)}.lab-panel{grid-template-columns:1fr}.lab-controls{border-left:0;border-top:1px solid #292c20}.under-film{flex-wrap:wrap;justify-content:flex-start;gap:12px}.under-film span{flex-basis:100%}section#labs,section#read,section#sources{padding-top:65px}.reading article{grid-template-columns:32px 1fr;gap:15px}.reading p{font-size:14px}.reading h3{font-size:20px}footer{margin:60px 20px 0;flex-wrap:wrap;gap:12px}footer p{flex-basis:60%}}.reading p+p{margin-top:15px}.film:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#080c0c;display:flex;align-items:center;justify-content:center}.hero h1{font-family:"Noto Serif SC",SimSun,serif;font-size:clamp(40px,5vw,66px)}.hero{padding-top:55px}.chapter-list{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.chapter-list{grid-template-columns:repeat(2,1fr)}}.player-shell:fullscreen{width:100vw;height:100vh;background:#080a09;display:flex;flex-direction:column;justify-content:center;padding:16px 24px}.player-shell:fullscreen .film{max-height:calc(100vh - 100px);width:100%;border:0}.player-shell:fullscreen .transport{width:100%;flex-shrink:0;padding:16px 0}.transport{gap:10px}.transport button[aria-label*="10 秒"]{white-space:nowrap;font-size:12px;padding:9px}.transport>input{touch-action:none}.transport select{padding:9px}.film svg{pointer-events:none}@media(max-width:800px){.transport>input{order:10;flex:0 0 100%;width:100%}.player-shell:fullscreen{padding:8px}.player-shell:fullscreen .film{max-height:calc(100vh - 160px)}}