@font-face{font-family:LocalSong;src:local("Songti SC"),local("Noto Serif CJK SC"),local("Source Han Serif SC")}
:root{--deep:#122d25;--ink:#1c382b;--gold:#dbb97e;--paper:#eeeae0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c5914b;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:20px;z-index:50;padding:10px;background:white}.skip-link:focus{top:12px}
.chapter-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:74px;padding:12px clamp(20px,4vw,64px);background:#10291f;color:#f5ecdc}.chapter-header a{text-decoration:none}.chapter-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.chapter-brand>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:500 23px LocalSong,serif}.chapter-brand strong{font:500 20px/1.1 LocalSong,serif}.chapter-brand small{display:block;margin-top:5px;font:600 8px Arial,sans-serif;letter-spacing:.2em;color:#e2c995}.chapter-header nav{display:flex;gap:25px;font-size:12px}.chapter-back{font-size:11px;border-bottom:1px solid #b6b99c;padding-bottom:5px;white-space:nowrap}
.chapter-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);min-height:590px;background:#142f26;color:#f4efdf}.chapter-hero-art{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:590px;padding:clamp(24px,4vw,64px);background-size:cover;background-position:center}.chapter-hero-art>span:first-child{align-self:flex-start;padding:9px 12px;border:1px solid rgba(241,220,169,.7);background:rgba(9,30,21,.65);color:#f2ddb1;font-size:11px;letter-spacing:.14em}.hero-art-number{font:400 clamp(170px,23vw,370px)/.72 Georgia,serif;color:rgba(245,228,183,.42)}.chapter-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(30px,5vw,85px)}.eyebrow{color:#af8d5e;font-size:11px;letter-spacing:.17em;font-weight:700}.chapter-hero-copy .eyebrow{color:#ddbd85}.chapter-hero-copy h1,.chapter-section-head h2,.chapter-reading-heading h2,.question-panel h2,.question-aside h3{font-family:LocalSong,"Songti SC",serif;font-weight:500}.chapter-hero-copy h1{margin:26px 0 22px;font-size:clamp(52px,5.5vw,88px);line-height:1.14;letter-spacing:.04em}.chapter-hero-copy>p{max-width:480px;color:#dce6d9;line-height:1.95;font-size:16px}.chapter-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:37px}.chapter-hero-actions a,.chapter-hero-actions button{font-size:13px;text-decoration:none}.chapter-hero-actions button{padding:6px 0;border:0;border-bottom:1px solid #aebca7;background:none;color:#e7d7b8}.gold-button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 20px;background:var(--gold);color:#153428!important;font-weight:700}.chapter-hero-copy>small{margin-top:30px;color:#aebfac;font-size:11px;line-height:1.6}
.chapter-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#dcd9cc;border-bottom:1px solid #b7c4b3}.chapter-nav a{display:flex;flex-direction:column;gap:8px;padding:23px clamp(20px,4vw,64px);text-decoration:none;border-right:1px solid #b7c4b3}.chapter-nav a[aria-current]{background:#eae9df;box-shadow:inset 0 -5px #bd955e}.chapter-nav span{color:#877b61;font-size:10px;letter-spacing:.13em}.chapter-nav strong{font:500 23px LocalSong,serif}.chapter-nav a:hover{background:#ecebe2}
.chapter-screen-section,.chapter-reading,.chapter-interact{max-width:1440px;margin:auto;padding:95px clamp(22px,5vw,82px)}.chapter-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.chapter-section-head h2{font-size:clamp(40px,4vw,61px);margin:14px 0 0}.chapter-section-head p{max-width:465px;margin:0;color:#617366;font-size:13px;line-height:1.9}.screen-frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/8.2;min-height:360px;background:radial-gradient(circle at 50% 45%,#2c5840,#081c15 75%);border:11px solid #1d3e2f;box-shadow:0 25px 45px rgba(26,46,32,.19)}.screen-frame:after{content:"";position:absolute;inset:16px;border:1px solid rgba(219,185,126,.3);pointer-events:none}.screen-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#f4eada}.screen-play{display:grid;place-items:center;width:77px;height:77px;margin-bottom:22px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:24px;text-indent:6px}.screen-empty strong{font:500 clamp(31px,3vw,46px) LocalSong,serif}.screen-empty p{font-size:13px;color:#c5d1c0}.screen-frame video{width:100%;height:100%;object-fit:contain}.screen-frame video[hidden],.screen-frame .screen-empty[hidden]{display:none}.screen-caption{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #b3c0ad;font-size:11px;color:#6f816e}.screen-caption strong{margin-right:auto;color:#23432f;font:500 21px LocalSong,serif}.chapter-paging{display:flex;justify-content:space-between;gap:15px;padding-top:28px}.chapter-paging a{padding-bottom:7px;border-bottom:1px solid #54745c;color:#21432f;text-decoration:none;font-size:13px}
.chapter-reading{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,120px);background:#e4e5dc;max-width:none}.chapter-reading>*{max-width:610px}.chapter-reading-heading{justify-self:end}.chapter-reading-heading h2{font-size:clamp(39px,4vw,60px);line-height:1.2}.chapter-reading-heading p{max-width:360px;font-size:13px;line-height:1.9;color:#637765}.chapter-reading ol{padding:0;margin:0;list-style:none;border-top:1px solid #adbaa8}.chapter-reading li{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #adbaa8}.chapter-reading li>span{color:#ae8854;font:400 28px Georgia,serif}.chapter-reading h3{margin:0 0 9px;font:500 25px LocalSong,serif}.chapter-reading li p{margin:0;font-size:13px;line-height:1.9;color:#647668}
.chapter-interact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:20px}.question-panel{padding:clamp(25px,4vw,55px);background:#f6f3e9;border:1px solid #b6c5af}.question-panel h2{font-size:clamp(36px,4vw,54px);margin:19px 0 28px}.question-panel>p{font-size:18px}.question-panel form>div{display:grid;gap:8px;margin:25px 0}.question-panel label{display:flex;align-items:center;gap:18px;min-height:60px;padding:13px 17px;border:1px solid #b8c6b6;cursor:pointer}.question-panel label:has(input:checked){border-color:#35644a;background:#e3eadd}.question-panel input{accent-color:#305b40}.question-panel label span{color:#ae8c59;font:500 19px Georgia,serif}.question-panel label strong{font-size:13px;font-weight:500}.question-panel form button{padding:12px 20px;border:0;background:#214936;color:#fff;font-size:13px}.quiz-feedback{min-height:26px;margin:18px 0;color:#53745a;font-size:13px;line-height:1.7}.quiz-feedback[data-result="retry"]{color:#8b6140}.question-panel>a{color:#7b623d;font-size:12px;text-decoration:none;border-bottom:1px solid #9c845c}.question-aside{display:flex;flex-direction:column;padding:clamp(25px,4vw,55px);background:#17372b;color:#f4e9d7}.question-aside>span{color:#d3b77f;font-size:11px;letter-spacing:.15em}.question-aside h3{font-size:clamp(35px,3vw,47px);line-height:1.25}.question-aside p{font-size:13px;line-height:1.9;color:#d4e0d2}.question-aside a{align-self:flex-start;margin-top:23px;color:#e4c896;font-size:12px;text-decoration:none;border-bottom:1px solid #a7a17a;padding-bottom:6px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(22px,5vw,82px);background:#10291f;color:#b4c4b5;font-size:11px}footer a{text-decoration:none;color:#e0c18c}
@media(max-width:900px){.chapter-header{flex-wrap:wrap}.chapter-header nav{order:3;width:100%;justify-content:space-between}.chapter-hero{grid-template-columns:1fr}.chapter-hero-art{min-height:380px}.chapter-hero-copy{padding:55px 30px}.chapter-reading{grid-template-columns:1fr}.chapter-reading-heading{justify-self:start}.chapter-reading>*{max-width:none}}
@media(max-width:650px){.chapter-header{gap:12px}.chapter-header nav{gap:12px;overflow-x:auto;white-space:nowrap}.chapter-back{display:none}.chapter-hero-art{min-height:310px;padding:25px}.hero-art-number{font-size:160px}.chapter-hero-copy h1{font-size:49px}.chapter-nav{display:flex;overflow-x:auto}.chapter-nav a{min-width:180px;padding:17px}.chapter-nav strong{font-size:19px}.chapter-screen-section,.chapter-reading,.chapter-interact{padding:65px 20px}.chapter-section-head{display:block}.chapter-section-head p{margin-top:20px}.screen-frame{min-height:240px;border-width:6px}.screen-caption{flex-wrap:wrap}.chapter-paging a{font-size:11px}.chapter-interact{grid-template-columns:1fr}.question-panel,.question-aside{padding:25px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}