:root{color-scheme:dark;--bg:#0a101d;--panel:#101a2a;--panel2:#142137;--ink:#f0f3f8;--muted:#a5b3c7;--line:#2a384d;--accent:#8be4cf;--warm:#e8be88;--blue:#a8c9ff;--red:#ffb3ab;--radius:14px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1c2a443d,transparent 56%),var(--bg);line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--ink);border:1px solid var(--line);background:#152033;border-radius:8px;padding:8px 14px;line-height:1.5;min-height:42px}button:hover{border-color:#7389a6;background:#1c2c43}button:disabled{cursor:default;opacity:.4}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);border:1px solid var(--accent);color:#081e1b;border-radius:8px;font-weight:700;padding:12px 22px;min-height:48px}.primary:hover{background:#b2f4e4;color:#081e1b;border-color:#b2f4e4}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--accent);color:#081e1b;padding:10px 20px}.skip:focus{top:10px}.site-header{display:flex;align-items:center;gap:24px;min-height:80px;padding:14px 3.5vw;border-bottom:1px solid var(--line);background:#0a101de8}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;object-fit:contain}.course-identity{font-size:14px;color:#cbd5e4;display:flex;align-items:center;gap:16px;min-width:0}.identity-divider{color:#46566e}.preview-label{font-size:11px;letter-spacing:.08em;color:var(--warm);border:1px solid #e8be8838;padding:2px 9px;border-radius:4px;white-space:nowrap}.header-return{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--accent);margin:0 0 14px;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--accent)}.course-container{width:min(1180px,90vw);margin:0 auto}.course-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:7%;padding:75px 0 65px;min-height:660px}.hero-copy h1{font-size:clamp(36px,3.8vw,56px);font-weight:600;letter-spacing:.035em;line-height:1.5;margin:20px 0 24px}.hero-description{font-size:16px;line-height:2;color:var(--muted);margin:0 0 30px}.hero-meta{font-size:12px;color:#94a5be;margin-top:18px}.hero-diagram{padding:30px 32px;border:1px solid #34465f;border-radius:18px;background:linear-gradient(145deg,#19283d88,#101927);position:relative;box-shadow:0 25px 100px #0003}.diagram-caption{font-size:11px;letter-spacing:.1em;color:var(--muted)}.diagram-title{font-size:23px;margin:6px 0 20px}.diagram-node{padding:12px 18px;background:#101c2e;border:1px solid #304058;border-radius:9px;position:relative;overflow:hidden}.diagram-node>span{font-size:9px;color:var(--blue);letter-spacing:.15em;display:block}.diagram-node strong{font-size:17px;font-weight:500}.diagram-node p{font-size:12px;color:var(--muted);margin:0}.diagram-node.model{background:#1c2a42}.diagram-node.check{border-color:#8be4cf55;background:#102b2b66}.diagram-node.check>span{color:var(--accent)}.diagram-connector{height:25px;line-height:25px;color:#7f97b5;padding-left:26px}.model-orbits{position:absolute;right:40px;top:12px;width:58px;height:58px}.model-orbits i{position:absolute;border:1px solid #a8c9ff66;border-radius:50%;inset:0}.model-orbits i:nth-child(2){transform:rotate(60deg) scaleX(.4)}.model-orbits i:nth-child(3){transform:rotate(-60deg) scaleX(.4)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:28px;font-weight:500;margin:0}.section-heading .eyebrow{margin-bottom:5px}.section-heading>p{font-size:13px;color:var(--muted)}.lesson-entry{display:flex;gap:28px;align-items:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--line);padding:28px 20px;background:linear-gradient(90deg,#8be4cf09,transparent)}.lesson-entry:hover{background:#8be4cf12}.lesson-number{font-size:38px;color:#8be4cf99;font-weight:300;align-self:flex-start;line-height:1.6}.entry-status{font-size:11px;color:var(--accent)}.lesson-entry h3{font-size:25px;font-weight:500;margin:0 0 5px}.lesson-entry p{color:var(--muted);font-size:14px;margin:0}.entry-details{display:flex;gap:22px;color:#b3c4dc;font-size:12px;margin-top:14px}.entry-arrow{margin-left:auto;font-size:30px;color:var(--accent)}.upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}.upcoming-grid article{padding:20px 0;border-bottom:1px solid var(--line)}.upcoming-grid article>span{font-size:11px;color:#92a0b4;letter-spacing:.1em}.upcoming-grid h3{font-size:18px;font-weight:500;color:#b5c1d2;margin:8px 0}.upcoming-grid p{font-size:13px;color:#8294ad;margin:0}.study-note{display:grid;grid-template-columns:220px 1fr;gap:8px 30px;margin:65px 0;padding:30px;border:1px solid var(--line);border-radius:12px}.study-note h2{font-size:20px;margin:0;grid-row:span 3;font-weight:500}.study-note p{font-size:14px;color:var(--muted);margin:0}.study-note a{font-size:14px;color:var(--accent);margin-top:6px}.course-footer{width:min(1180px,90vw);margin:0 auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font-size:12px;color:var(--muted)}
.scene-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-gallery figure{margin:0;background:#0c1827;border-radius:8px;overflow:hidden;border:1px solid #4a605f}.scene-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.scene-gallery figcaption{font-size:12px;padding:6px 10px;color:#d1e3dd}.image-source-note{font-size:10px;color:#9aafa8;margin:12px 0 0}.study-note a{display:block}
@media(max-width:850px){.site-header{gap:14px;flex-wrap:wrap;padding:14px 5vw}.course-identity{font-size:12px}.course-hero{gap:25px;padding:40px 0;min-height:0}.hero-copy h1{font-size:34px}.hero-description{font-size:14px}.hero-diagram{padding:22px}.diagram-title{font-size:20px}.upcoming-grid{gap:15px}.study-note{grid-template-columns:1fr}.study-note h2{grid-row:auto}.hero-description br{display:none}}
@media(max-width:600px){.brand img{width:106px;height:31px}.course-identity{order:3;width:100%;font-size:13px}.header-return{margin-left:auto}.preview-label{margin-left:auto}.course-hero{grid-template-columns:1fr;gap:30px;padding:30px 0 40px}.hero-copy h1{font-size:34px;margin:12px 0 18px}.hero-diagram{padding:23px}.hero-meta{font-size:11px}.section-heading{display:block}.section-heading>p{margin:8px 0}.section-heading h2{font-size:24px}.lesson-entry{gap:16px;padding:22px 5px}.lesson-number{font-size:27px}.lesson-entry h3{font-size:22px}.lesson-entry p{font-size:13px}.entry-details{gap:8px;flex-wrap:wrap;font-size:11px}.upcoming-grid{grid-template-columns:1fr;gap:3px}.study-note{padding:22px;margin:35px 0}.course-footer{font-size:11px;gap:20px}.course-page .course-identity{order:0;width:auto;font-size:12px}.course-page .site-header .preview-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.theory-second-entry{border-top:0}.theory-path{display:flex;align-items:center;gap:18px;padding:30px 20px;border-bottom:1px solid var(--line)}.theory-path>div{flex:1}.theory-path strong,.theory-path small,.theory-path>div>span{display:block}.theory-path>div>span{font-size:11px;color:var(--muted)}.theory-path strong{font-size:20px;font-weight:500;margin:5px 0}.theory-path small{font-size:12px;color:#aabed5}.path-arrow{color:#698a9e;font-size:23px}.guide-container{max-width:1080px}.guide-heading{padding:55px 0 35px;border-bottom:1px solid var(--line)}.guide-heading h1{font-size:clamp(29px,3.5vw,42px);font-weight:500;line-height:1.5;margin:8px 0 15px}.guide-heading>p:not(.eyebrow){color:var(--muted);font-size:15px}.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.guide-secondary{color:var(--accent);padding:10px 0}.guide-period{padding:38px 0;border-bottom:1px solid var(--line)}.guide-period-heading{display:flex;align-items:center;gap:22px;margin-bottom:24px}.guide-period-number{font-size:44px;font-weight:300;color:#8be4cf99}.guide-period-heading .eyebrow{margin-bottom:2px}.guide-period h2,.guide-work h2{font-size:26px;font-weight:500;line-height:1.5;margin:0}.review-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.review-scenes figure{margin:0}.review-scenes img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px}.review-scenes figcaption{font-size:13px;color:#c5d7e0;padding:10px 0}.review-flow{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0;padding:20px 15px;border-top:1px solid #345555;border-bottom:1px solid #345555;background:#8be4cf06}.review-flow strong{flex:1;text-align:center;font-size:17px;font-weight:500}.review-flow>span{font-size:22px;color:#7eaaac}.guide-recall{padding:15px 0 0}.guide-recall summary{color:var(--accent);cursor:pointer;min-height:38px;font-size:15px}.guide-recall p{font-size:14px;color:#bfcede;margin:5px 0 0;max-width:850px}.review-training{max-width:780px;margin:0 auto}.review-training-input{display:flex;gap:18px;justify-content:center}.review-training-input strong{padding:10px 28px;border-bottom:2px solid #709bb9;color:var(--blue);font-size:18px;font-weight:500}.training-arrow{display:block;text-align:center;color:#709bb9;font-size:26px;line-height:1.3;margin-top:10px}.review-training .review-flow{margin-top:10px}.review-use{border-color:#738a6266}.review-comparison{display:flex;gap:45px;justify-content:center;margin:25px auto 5px}.review-comparison>div{flex:1;border-left:2px solid #709bb9;padding-left:20px;max-width:360px}.review-comparison h3{font-size:17px;font-weight:500;margin:0 0 8px}.review-comparison p{font-size:14px;color:var(--muted);margin:0}.review-comparison p strong{font-weight:500;color:#d7e3ef}.review-task-lines{display:grid;gap:15px}.review-task-lines>div{display:grid;grid-template-columns:165px 35px 1fr;align-items:center;padding:10px 0;border-bottom:1px solid #27354b}.review-task-lines strong{font-size:18px;font-weight:500;color:var(--blue)}.review-task-lines span{font-size:22px;color:#709bb9}.review-task-lines p{margin:0;font-size:16px;color:#d3dfe9}.review-domains{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;margin:0 0 20px}.review-domains span{flex:1;text-align:center;font-size:17px;color:var(--warm);padding:10px 0;border-bottom:2px solid #e8be8840;white-space:nowrap}.guide-work{padding:45px 0 30px}.guide-work>p:not(.eyebrow){font-size:15px;color:var(--muted)}.work-fields{list-style:none;display:flex;gap:20px;padding:0;margin:30px 0}.work-fields li{flex:1;position:relative;border-top:2px solid #649b91;padding-top:12px}.work-fields li>span{font-size:11px;color:#8ab8b0;display:block}.work-fields strong{display:block;font-size:21px;font-weight:500}.work-fields p{margin:5px 0;font-size:13px;color:var(--muted)}.work-example{padding:17px 20px;border-left:3px solid var(--warm);background:#e8be8806;line-height:2}.work-example strong{font-weight:500;color:#e6d4bc}.guide-work .guide-footnote{font-size:12px!important;max-width:800px;margin-top:18px}.guide-foot{margin:0 0 35px;padding:25px 0;border-top:1px solid var(--line)}.guide-foot p{font-size:12px;color:var(--muted);margin:0 0 8px}.guide-archive{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}.guide-archive a{font-size:13px;color:var(--accent)}
@media(max-width:750px){.theory-path{gap:10px;padding:24px 5px}.theory-path strong{font-size:17px}.theory-path small{font-size:11px}.path-arrow{font-size:18px}.review-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-period-heading{gap:15px}.guide-period h2,.guide-work h2{font-size:23px}.review-flow{gap:9px;padding:16px 9px}.review-flow strong{font-size:14px}.review-flow>span{font-size:18px}.review-task-lines>div{grid-template-columns:140px 28px 1fr}.review-task-lines strong{font-size:16px}.review-task-lines p{font-size:14px}.review-domains{gap:10px}.review-domains span{font-size:15px;min-width:100px}.work-fields{gap:12px}.work-fields strong{font-size:18px}.work-fields p{font-size:12px}}
@media(max-width:540px){.theory-path{display:grid;grid-template-columns:1fr 25px 1fr;gap:16px}.theory-path>.path-arrow:nth-of-type(2){display:none}.theory-path>div:nth-of-type(3){grid-column:1}.theory-path>.path-arrow:nth-of-type(3){grid-column:2;grid-row:2}.theory-path>div:nth-of-type(4){grid-column:3;grid-row:2}.theory-path>div>span{font-size:10px}.theory-path strong{font-size:19px}.guide-heading{padding-top:35px}.guide-actions{gap:12px}.guide-actions .primary{font-size:14px;width:100%}.guide-secondary{font-size:14px}.guide-period{padding:28px 0}.guide-period-heading{align-items:flex-start;gap:12px}.guide-period-number{font-size:34px}.guide-period-heading .eyebrow{font-size:10px;letter-spacing:.06em}.guide-period h2,.guide-work h2{font-size:21px}.review-scenes{gap:11px}.review-scenes figcaption{font-size:11px}.review-flow{flex-wrap:wrap;gap:9px;margin:19px 0}.review-flow strong{min-width:70px;font-size:14px}.review-flow>span{font-size:16px}.review-training-input{gap:12px}.review-training-input strong{font-size:16px;padding:7px 20px}.review-comparison{gap:18px;margin-top:18px}.review-comparison>div{padding-left:12px}.review-comparison h3{font-size:15px}.review-comparison p{font-size:12px}.review-task-lines>div{grid-template-columns:1fr 25px 1.45fr;gap:5px}.review-task-lines strong{font-size:15px}.review-task-lines p{font-size:13px}.work-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}.work-fields li:last-child{grid-column:1/-1}.work-fields p{font-size:13px}.guide-work .primary{width:100%;font-size:14px}.guide-recall summary{font-size:14px}.guide-recall p{font-size:13px}.guide-archive{gap:13px}}
@media print{.theory-guide-page{background:#fff;color:#111}.theory-guide-page .site-header,.theory-guide-page .guide-actions,.theory-guide-page .guide-work>.primary,.theory-guide-page .guide-archive,.theory-guide-page .course-footer,.theory-guide-page .skip{display:none}.theory-guide-page .course-container{width:100%;max-width:none}.theory-guide-page .eyebrow,.theory-guide-page .guide-period-number,.theory-guide-page .review-flow strong,.theory-guide-page .review-task-lines strong,.theory-guide-page .review-task-lines p,.theory-guide-page .review-domains span,.theory-guide-page .work-fields p,.theory-guide-page .work-example strong,.theory-guide-page .guide-work>p,.theory-guide-page .guide-foot p,.theory-guide-page .review-scenes figcaption,.theory-guide-page .guide-heading>p{color:#222}.theory-guide-page .guide-heading{padding-top:0}.theory-guide-page .guide-period,.theory-guide-page .guide-work{break-inside:avoid;padding:18px 0}.theory-guide-page .guide-recall{display:none}.theory-guide-page .guide-period h2,.theory-guide-page .guide-work h2{font-size:20px}.theory-guide-page .review-flow{padding:12px 8px}.theory-guide-page .guide-foot{margin-bottom:0}}
