:root{--paper: #f8f5ed;--ink: #29251f;--red: #b84932;--muted: #71695e;--soft: #eeeadf;--rule: #c9c2b4;--line: 1px solid var(--rule);--shadow: none;--font-zh: "ZCOOL QingKe HuangYou", "PingFang SC", "Noto Sans SC", sans-serif;--text-body: 1rem;--text-ui: .9375rem;--text-meta: .875rem;--gutter: clamp(1.25rem, 3vw, 2rem);--section-gap: clamp(2.75rem, 5vw, 4rem);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:var(--muted) var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font:var(--text-body)/1.65 var(--font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:3px solid var(--red);outline-offset:5px}:lang(zh-Hans){font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}.zh-display{font-family:var(--font-zh)}h1,h2,h3,.brand{line-height:1.2;text-wrap:balance}h1{font-family:var(--font-display),sans-serif;font-weight:400;font-size:clamp(2rem,1.3rem + 3vw,3.5rem);letter-spacing:-.03em}h2,h3{font-weight:600;letter-spacing:-.025em}h1,h2,h3,p{overflow-wrap:anywhere}p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}img{max-width:100%;height:auto}svg{flex-shrink:0}input{caret-color:var(--red)}[hidden]{display:none!important}main{max-width:960px;min-height:60vh;margin:0 auto;padding:52px var(--gutter) 88px}main.home-main{max-width:1280px;padding-top:0}main.lesson-main{max-width:850px}.site-head{max-width:1280px;min-height:108px;margin:0 auto;padding:20px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;border-bottom:1px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-display),sans-serif;font-size:1.15rem;line-height:1.2;letter-spacing:-.025em;text-decoration:none}.brand-accent{color:var(--red)}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:var(--red);color:var(--paper);font-family:var(--font-zh);font-size:2rem;font-weight:400}.site-head nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:var(--text-ui);font-weight:600}.site-head nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border-bottom:2px solid transparent;text-decoration:none;transition:color .2s,border-color .2s}.site-head nav a:hover,.site-head nav [aria-current=page]{color:var(--red);border-bottom-color:var(--red)}.skip-link{position:absolute;z-index:10;top:12px;left:12px;transform:translateY(-180%);padding:10px 18px;background:var(--ink);color:var(--paper)}.skip-link:focus{transform:none}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(1.5rem,1.25rem + 1vw,1.9rem)}.section-heading>p{margin:0;color:var(--muted);font-size:var(--text-ui)}.panel{background:transparent;border:var(--line);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;min-width:44px;padding:12px 20px;border:1px solid var(--ink);background:transparent;font-size:var(--text-ui);font-weight:600;text-align:center;text-decoration:none;transition:background .2s,color .2s,transform .2s}.btn:hover{background:var(--ink);color:var(--paper)}.btn.primary{background:var(--red);color:var(--paper);border-color:var(--red)}.btn.primary:hover{background:#963a28;border-color:#963a28}.btn:active{transform:translateY(1px)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;min-width:44px;font-size:var(--text-ui);font-weight:600;text-decoration:none;transition:color .2s}.text-link:hover{color:var(--red)}.btn svg,.text-link svg{transition:transform .25s var(--ease-out)}@media(hover:hover){.btn:hover svg,.text-link:hover svg{transform:translate(3px)}}.chip{display:inline-block;padding:2px 10px;font-size:var(--text-meta);font-weight:600;background:var(--ink);color:var(--paper)}.chip.red{background:var(--red)}.badge{display:inline-block;padding:2px 8px;border:1px solid var(--red);color:var(--red);font:600 var(--text-meta)/1.6 var(--font-body),sans-serif;vertical-align:middle}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:32px;padding:0;margin:0;list-style:none}.follow{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.page-intro{border-bottom:1px solid var(--ink);padding-bottom:28px;margin-bottom:36px}.page-intro h1{margin:0 0 20px}.page-intro p:last-child{max-width:65ch;color:var(--muted);margin-bottom:0}.empty-state{padding:clamp(24px,4vw,40px);background:var(--soft);border-block:1px solid var(--rule)}.empty-state h2,.empty-state h3{font-size:clamp(1.4rem,1.2rem + 1vw,1.8rem);margin:0 0 12px}.empty-state p{max-width:65ch;margin:0 0 20px;color:var(--muted)}.empty-state .text-link{color:var(--ink)}.site-foot{max-width:1280px;margin:0 auto;padding:36px var(--gutter) max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--ink)}.footer-content{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-brand{font-family:var(--font-display),sans-serif;font-size:1.15rem;letter-spacing:-.025em;text-decoration:none}.footer-brand span{color:var(--red)}.footer-content p{margin:8px 0 0;color:var(--muted);font-size:var(--text-ui)}.footer-content nav{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:var(--text-ui)}.footer-content nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.footer-content nav a:hover{color:var(--red)}.footer-content nav svg{width:16px;height:16px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;border-top:var(--line);margin-top:32px;padding-top:20px;color:var(--muted);font-size:var(--text-meta)}.footer-bottom p{margin:0}main,.site-head,.site-foot{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}@media(max-width:640px){main{padding-block:32px 56px}.site-head{padding-block:16px;min-height:92px}.brand{font-size:1rem;gap:10px}.brand-mark{width:40px;height:44px;font-size:1.8rem}.site-head nav{gap:12px 20px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.site-foot{padding-top:28px}.footer-content{flex-direction:column;gap:20px}.footer-bottom{margin-top:20px}}@media(max-width:480px){.site-head nav{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}