:root{--bg:#fafaf9;--fg:#1c1917;--muted:#78716c;--line:#e7e5e4;--card:#fff;--accent:#0f766e;--pitfall:#dc2626;--pitfall-bg:#fef2f2;--warn:#d97706;--warn-bg:#fffbeb;--tip:#059669;--tip-bg:#ecfdf5;--info:#2563eb;--info-bg:#eff6ff;--radius:10px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--fg:#e7e5e4;--muted:#a8a29e;--line:#292524;--card:#1c1917;--accent:#2dd4bf;--pitfall:#f87171;--pitfall-bg:#2a1212;--warn:#fbbf24;--warn-bg:#2a2010;--tip:#34d399;--tip-bg:#0f241c;--info:#60a5fa;--info-bg:#111c2e}}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:17px;line-height:1.8}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.35}img{border-radius:var(--radius);max-width:100%;height:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}:not(pre)>code{background:var(--line);border-radius:4px;padding:.1em .35em}pre{border-radius:var(--radius);padding:1rem;font-size:.85rem;overflow-x:auto}.muted{color:var(--muted)}.container{max-width:1080px;margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);background:var(--card);z-index:10;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.logo{color:var(--fg);font-size:1.25rem;font-weight:800}.logo span{color:var(--accent)}.nav nav{gap:1.25rem;font-size:.95rem;display:flex}.nav nav a{color:var(--fg)}main.container{padding-top:2rem;padding-bottom:4rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0;font-size:.85rem}.hero{padding:2.5rem 0 1.5rem}.hero h1{margin:0 0 .75rem;font-size:clamp(1.8rem,5vw,2.8rem)}.hero p{color:var(--muted);max-width:40em}.hero-search{gap:.5rem;max-width:34rem;margin-top:1.25rem;display:flex}.hero-search input{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--fg);flex:1;padding:.7rem 1rem;font-size:1rem}.hero-search button{border-radius:var(--radius);background:var(--accent);color:var(--bg);cursor:pointer;border:0;padding:0 1.25rem;font-size:1rem;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:999px;padding:.2rem .9rem}.chip span{color:var(--muted);font-size:.85em}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);padding:1.1rem 1.25rem;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.card h3{margin:.5rem 0 .35rem;font-size:1.1rem}.card p{color:var(--muted);margin:0;font-size:.92rem}.card .card-date{margin-top:.6rem;font-size:.8rem}.card-meta{flex-wrap:wrap;gap:.35rem;display:flex}.badge{background:var(--line);border-radius:999px;padding:.05rem .55rem;font-size:.75rem}.badge-pitfall{background:var(--pitfall-bg);color:var(--pitfall);font-weight:600}.diff-简单{color:var(--tip)}.diff-中等{color:var(--warn)}.diff-困难{color:var(--pitfall)}.guide{max-width:1000px;margin:0 auto}.guide-header h1{margin:.25rem 0 .5rem;font-size:clamp(1.6rem,4vw,2.3rem)}.crumbs{margin:0;font-size:.9rem}.lede{color:var(--muted);margin-top:0;font-size:1.05rem}.facts{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:.5rem 1.75rem;margin:1rem 0;padding:.75rem 1rem;display:flex}.facts div{gap:.5rem;display:flex}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.stale{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius);padding:.6rem 1rem;font-size:.92rem}.box{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);margin:1.25rem 0;padding:.25rem 1.25rem .5rem}.box h2{margin:.75rem 0 .25rem;font-size:1.05rem}.box-pitfalls{border:2px solid var(--pitfall);background:var(--pitfall-bg)}.box-pitfalls h2{color:var(--pitfall)}.box-pitfalls li::marker{color:var(--pitfall);font-weight:700}.guide-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=960px){.guide-grid:has(.toc){grid-template-columns:200px minmax(0,1fr)}.toc{align-self:start;max-height:calc(100vh - 6rem);position:sticky;top:4.5rem;overflow-y:auto}}.toc{font-size:.88rem}.toc p{margin:.5rem 0;font-weight:700}.toc ul{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.toc li{padding:.15rem 0 .15rem .75rem;line-height:1.5}.toc .toc-3{padding-left:1.5rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}.prose{min-width:0;max-width:720px}.prose h2{border-bottom:1px solid var(--line);margin-top:2.25rem;padding-bottom:.3rem;scroll-margin-top:4.5rem}.prose h3{scroll-margin-top:4.5rem}.prose li+li{margin-top:.25rem}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:.4rem .7rem}.prose blockquote{border-left:4px solid var(--line);color:var(--muted);margin:1rem 0;padding:.25rem 1rem}.callout{border-left:5px solid var(--c);background:var(--c-bg);border-radius:0 var(--radius) var(--radius) 0;margin:1.25rem 0;padding:.6rem 1.1rem}.callout-title{color:var(--c);margin:0;font-weight:700}.callout-body>:first-child{margin-top:.25rem}.callout-body>:last-child{margin-bottom:.25rem}.callout-pitfall{--c:var(--pitfall);--c-bg:var(--pitfall-bg)}.callout-warn{--c:var(--warn);--c-bg:var(--warn-bg)}.callout-tip{--c:var(--tip);--c-bg:var(--tip-bg)}.callout-info{--c:var(--info);--c-bg:var(--info-bg)}.tags{flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;display:flex}.tag{color:var(--muted);font-size:.9rem}#search{--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--fg);--pagefind-ui-background:var(--card);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--line)}