:root{--bg: #ffffff;--surface: #f6f7f9;--border: #e5e7eb;--text: #111827;--text2: #6b7280;--brand: #2563eb;--brand-weak: #e8f0fe;--ok: #16a34a;--radius: 12px;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.6}a{color:var(--brand);text-decoration:none}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}.container{max-width:960px;margin:0 auto;padding:0 16px}.page{padding:24px 0 48px}.page h1{margin:8px 0 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}}.btn{display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer}.btn:hover{opacity:.9}.btn-ghost{background:var(--brand-weak);color:var(--brand)}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;margin-bottom:12px}.muted{color:var(--text2);font-size:13px}.tag{display:inline-block;background:var(--brand-weak);color:var(--brand);border-radius:6px;padding:2px 8px;font-size:12px;margin-right:6px}