:root{--fg:#1a1a1a;--muted:#5b5b5b;--line:#e6e2d9;--bg:#fdfcf9;--card:#fff;--accent:#0f6c3e;--warn:#9a5b00;--warnbg:#fff6e5;--code:#f4f2ec}
*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.85}
a{color:var(--accent)}header.top{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:10}
.wrap{max-width:900px;margin:0 auto;padding:0 18px}
.bar{display:flex;gap:10px;align-items:center;padding:12px 0}.brand{font-weight:800;font-size:1.05rem;white-space:nowrap}
#q{flex:1;padding:10px 12px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
nav.cats{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px}nav.cats a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--fg);background:#fff;font-size:.9rem}
main{padding:22px 0 80px}.hero{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--card)}
.hero h1{margin:.2em 0;font-size:1.6rem;line-height:1.4}.grid{display:grid;gap:12px;margin-top:14px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
.pick{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;text-decoration:none;color:var(--fg)}
.pick b{display:block}.pick span{color:var(--muted);font-size:.92rem}
h2{margin-top:2.2em;border-bottom:2px solid var(--fg);padding-bottom:6px}h3{margin-top:1.8em}
.card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px;margin:14px 0}
.meta{color:var(--muted);font-size:.85rem}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem;margin:2px 4px 2px 0;background:#fff}
.warn{background:var(--warnbg);border:1px solid #e8c97a;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:.95rem}
pre{background:var(--code);border:1px solid var(--line);border-radius:10px;padding:12px;overflow-x:auto;font-size:.9rem;line-height:1.7}
code{font-family:ui-monospace,Consolas,monospace}.flow{list-style:none;margin:12px 0;padding:0}.flow li{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;margin:0}.flow li+li{margin-top:0}.flow .arr{text-align:center;color:var(--muted);margin:2px 0}
table.cmp{width:100%;border-collapse:collapse;background:#fff;font-size:.93rem}table.cmp th,table.cmp td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
@media(max-width:640px){table.cmp,table.cmp tbody,table.cmp tr,table.cmp td,table.cmp th{display:block;width:100%}table.cmp tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px}table.cmp th{background:var(--code)}html{font-size:16.5px}body{line-height:1.9}}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:20px 0}
.src{font-size:.88rem;color:var(--muted)}.src a{word-break:break-all}
#results{margin:10px 0}.hl{background:#fff3bf}
.kv{display:grid;gap:8px}.k6{border-left:4px solid var(--accent);padding:4px 0 4px 12px;margin:10px 0}
.small{font-size:.88rem;color:var(--muted)}