:root{--paper:#f3efe5;--card:#faf8f2;--ink:#263a32;--muted:#6c756e;--line:#d8d8ca;--green:#234638;--sage:#a9b9a2;--ochre:#b7773d;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.reading-progress{position:fixed;z-index:20;left:0;top:0;height:3px;width:0;background:var(--ochre)}.topbar{height:72px;display:flex;align-items:center;gap:34px;padding:0 max(28px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#f3efe5e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}.brand span{font:32px Georgia;color:var(--green)}.brand b{font-size:14px;letter-spacing:2px}.topbar nav{display:flex;gap:25px}.topbar nav a{text-decoration:none;color:var(--muted);font-size:12px}.lesson-number{font:11px "Space Mono",monospace;color:var(--muted);letter-spacing:1px}.hero{max-width:1180px;min-height:470px;margin:28px auto 0;background:var(--green);color:#f7f3e8;border-radius:4px;padding:68px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff17;border-radius:50%;right:-50px;top:-150px;box-shadow:0 0 0 76px #ffffff08,0 0 0 152px #ffffff05}.hero-copy{position:relative;z-index:2}.eyebrow{font:11px "Space Mono",monospace;letter-spacing:2px;text-transform:uppercase;color:#bfcabe}.hero h1{font:500 clamp(42px,6vw,72px)/1.25 var(--serif);letter-spacing:2px;margin:20px 0}.hero h1 em{font-style:normal;color:#dfe5d6}.lead{font:17px/1.8 var(--serif);color:#cfd8cf}.meta{display:flex;gap:8px;margin-top:30px}.meta span{font-size:11px;border:1px solid #ffffff35;padding:8px 12px;border-radius:30px;color:#dbe2da}.hero-mark{position:absolute;right:55px;bottom:-75px;font:260px/.8 Georgia;color:#ffffff09}.course-shell{max-width:1080px;margin:75px auto;display:grid;grid-template-columns:160px minmax(0,760px);gap:70px}.toc{position:sticky;top:110px;align-self:start;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:13px}.toc p{font-size:11px;color:var(--ink);font-weight:700;letter-spacing:1px;margin:0 0 6px}.toc a{text-decoration:none;font-size:12px;color:var(--muted)}.toc a:hover{color:var(--ochre)}.lesson-content{min-width:0}.welcome-card{background:#e6e8dc;padding:42px 46px;border-radius:4px;border-top:4px solid var(--sage);font:16px/2 var(--serif)}.welcome-card h2{font:500 30px/1.4 var(--serif);margin:5px 0 22px}.welcome-card p{margin:0 0 13px}.welcome-card .time{font:11px monospace;color:var(--muted);letter-spacing:1px}.welcome-end{font-weight:700;color:var(--green)}.lesson-section{padding:95px 0 10px;border-bottom:1px solid var(--line)}.section-kicker{display:flex;align-items:center;gap:13px;color:var(--muted)}.section-kicker span{font:32px Georgia;color:var(--ochre)}.section-kicker p{font:11px monospace;letter-spacing:1.5px}.lesson-section>h2,.portrait-layout h2{font:500 clamp(32px,4vw,45px)/1.35 var(--serif);margin:24px 0 30px}.lesson-section>p,.portrait-layout p{font-size:16px;line-height:2;color:#46564e}.schiller{margin:38px 0;padding:32px 35px;border-left:3px solid var(--ochre);background:var(--card)}.schiller p{font:italic 21px/1.75 Georgia,serif;margin:0;color:var(--green)}.schiller footer{margin-top:18px;font-size:11px;color:var(--muted)}.term-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:35px 0}.term-grid div{padding:25px;background:var(--card);border:1px solid var(--line)}.term-grid b{font:17px Georgia}.term-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0 0}.media-placeholder{margin:35px 0;min-height:135px;padding:30px;background:#243b33;color:white;display:flex;align-items:center;gap:24px;border-radius:3px}.media-placeholder>span{width:54px;height:54px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;padding-left:3px}.media-placeholder b{font:20px var(--serif)}.media-placeholder p{margin:8px 0 0;color:#bec9c1;font-size:12px}.portrait-layout{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:start}.portrait-layout figure{margin:0}.portrait-layout img{display:block;width:100%;filter:sepia(.08);border-radius:2px}.portrait-layout figcaption{font:10px monospace;color:var(--muted);margin-top:9px}.portrait-layout h2{margin-top:0}.insight{margin:32px 0 45px;padding:27px 30px;background:#e4e9e0;display:flex;gap:15px;font:17px/1.9 var(--serif)}.insight span{color:var(--ochre)}.insight p{margin:0}.section-intro{max-width:620px}.principle-list{margin:45px 0}.principle{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:38px 0;border-top:1px solid var(--line)}.principle-no{font:31px Georgia;color:#a3a99f}.principle .label{font:10px monospace;color:var(--ochre);letter-spacing:1.4px;margin:0 0 9px}.principle h3{font:600 25px/1.45 var(--serif);margin:0 0 14px}.principle p{font-size:15px;line-height:1.9;color:#4c5b53}.principle aside{border-left:2px solid var(--sage);padding-left:18px;margin-top:20px;font:15px/1.8 var(--serif);color:var(--green)}.practice{margin-top:90px;background:#203f32;color:#f5f1e6;padding:55px;border-radius:4px}.practice h2{font:500 38px/1.4 var(--serif);margin:16px 0}.practice>p:not(.eyebrow){line-height:1.8;color:#cbd5cc}.practice button{margin-top:20px;background:transparent;color:white;border:1px solid #ffffff55;padding:13px 18px;border-radius:3px;cursor:pointer}.practice button.done{background:#f3efe5;color:var(--green)}footer{max-width:1180px;margin:0 auto;padding:30px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:900px){.topbar nav{display:none}.hero{margin:18px 18px 0;padding:45px 35px;min-height:420px}.course-shell{display:block;margin:50px 24px}.toc{display:none}.portrait-layout{grid-template-columns:220px 1fr;gap:28px}}@media(max-width:620px){.topbar{padding:0 20px}.lesson-number{display:none}.hero{padding:38px 25px;min-height:410px}.hero h1{font-size:37px}.hero-mark{font-size:190px}.course-shell{margin:35px 20px}.welcome-card{padding:30px 24px}.lesson-section{padding-top:70px}.term-grid,.portrait-layout{grid-template-columns:1fr}.portrait-layout figure{max-width:320px}.principle{grid-template-columns:42px 1fr}.practice{padding:38px 25px}footer{margin:0 20px}}
.game-card{margin:32px 0 8px;background:#fff;border-radius:3px;overflow:hidden}.game-card img{display:block;width:100%;height:auto}@media(max-width:620px){.practice{padding:38px 18px}.practice h2{font-size:31px}.game-card{margin-left:-4px;margin-right:-4px}}
.course-video{margin:35px 0}.course-video video{display:block;width:100%;max-height:72vh;background:#172c24;border-radius:4px}.course-video figcaption{margin-top:10px;font-size:11px;line-height:1.7;color:var(--muted)}
.schiller strong{display:block;margin-top:20px;font:600 17px/1.9 var(--serif);font-style:normal}.term-grid>div:last-child:nth-child(3){grid-column:1/-1}.wide-photo{margin:35px auto;max-width:480px}.wide-photo img{display:block;width:100%;border-radius:3px}.wide-photo figcaption{font:10px monospace;color:var(--muted);margin-top:9px;text-align:center}.principle-full{padding:55px 0 25px;border-top:1px solid var(--line)}.principle-full:first-of-type{margin-top:32px}.principle-full .label{font:10px monospace;color:var(--ochre);letter-spacing:1.5px;margin:0 0 10px}.principle-full h3{font:600 28px/1.45 var(--serif);margin:0 0 24px}.principle-full>img{display:block;width:100%;max-height:520px;object-fit:contain;background:#f6eccf;margin:0 0 30px;border-radius:3px}.principle-full>p{font-size:16px;line-height:2;color:#46564e}.author-note{margin:30px 0;padding:28px 30px;background:#e4e9e0;border-left:3px solid var(--sage)}.author-note:before{content:"我的体验";display:block;margin-bottom:15px;font:10px monospace;letter-spacing:1.5px;color:var(--ochre)}.author-note p{font:15px/1.95 var(--serif);color:var(--green)}.author-note img{display:block;width:100%;margin-top:22px;border-radius:3px}.reading-card{margin-bottom:50px}.reading-card h2{font-size:32px}@media(max-width:620px){.principle-full h3{font-size:24px}.author-note{padding:23px 20px}.term-grid>div:last-child:nth-child(3){grid-column:auto}}
.notion-link{color:var(--ochre);font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px;margin:0 .15em}.notion-link:hover{color:var(--green)}