:root{--bg:#f8f9fb;--fg:#111827;--muted:#5a6374;--line:#e2e8f0;--card:#fff;--accent:#6d28d9;--accent-soft:rgba(109,40,217,.1);--shadow:0 12px 28px rgba(15,23,42,.08);--radius:14px}:root[data-theme=dark]{--bg:#0b111d;--fg:#e5e7eb;--muted:#9aa5b8;--line:#263244;--card:#121a2a;--accent:#b794f4;--accent-soft:rgba(183,148,244,.14);--shadow:0 12px 30px rgba(2,8,23,.45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:Avenir Next,Inter,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}h1,h2,h3,h4{margin:0 0 12px;line-height:1.25}p{margin:0 0 12px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.app-shell{max-width:1060px;margin:0 auto;padding:16px 20px 48px}.topbar{border-radius:calc(var(--radius) - 2px);border:1px solid var(--line);background:color-mix(in srgb, var(--card) 94%, transparent);box-shadow:var(--shadow);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:10px 0 24px;padding:12px 14px;display:flex;position:-webkit-sticky;position:sticky;top:8px}.brand{letter-spacing:.01em;font-size:1.04rem;font-weight:700}.brand-dot{color:var(--accent)}.main-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.main-nav a,.topbar-actions a{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.92rem}.main-nav a.is-active,.topbar-actions a.is-active{background:var(--accent-soft);color:var(--accent)}.content{padding:8px 0 56px}.headline{letter-spacing:-.02em;margin:8px 0 14px;font-size:max(34px,min(6vw,58px));line-height:1.05}.subline{color:var(--muted);max-width:65ch;margin:0}.hero-block{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 10% 0%, var(--accent-soft), transparent 55%), var(--card);box-shadow:var(--shadow);margin:14px 0 26px;padding:20px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;margin:0 0 8px;padding:4px 10px;font-size:.75rem;display:inline-block}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.channel-card h3,.post-item h3,.post-item h4{letter-spacing:-.01em;margin:0 0 10px}.channel-card,.post-item,.admin-form,.article{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:16px 18px}.channel-card{transition:transform .18s,box-shadow .18s,border-color .18s}.channel-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));transform:translateY(-2px)}.post-list{gap:14px;margin-top:12px;display:grid}.excerpt{color:var(--muted)}.section-title{margin-top:28px}.page-subtitle,.muted-text{color:var(--muted)}.empty-tip{color:var(--muted);font-style:italic}.actions{flex-wrap:wrap;gap:8px;display:flex}.topbar-actions{align-items:center}.btn{background:var(--accent);color:#fff;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:8px 14px;font-weight:600;transition:transform .12s,opacity .12s}.btn:hover{transform:translateY(-1px)}.btn-secondary{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 20%, var(--line))}label{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}input,select,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);color:var(--fg);border-radius:10px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}textarea{resize:vertical;min-height:120px}.admin-layout{grid-template-columns:minmax(320px,1fr) minmax(300px,1fr);gap:16px;display:grid}.filters{grid-template-columns:1fr 170px;gap:8px;margin-bottom:12px;display:grid}.status-badge{border:1px solid var(--line);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.7rem;display:inline-block}.status-draft{color:#9f5f00;background:rgba(245,158,11,.12)}.status-published{color:#0f7b41;background:rgba(22,163,74,.12)}.status-archived{color:var(--muted);background:rgba(148,163,184,.12)}.notice{border:1px solid var(--line);border-radius:10px;margin:8px 0 12px;padding:10px 12px}.notice-success{color:#136f3f;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.notice-error{color:#a61b1b;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.panel-list{gap:12px;margin-top:12px;display:grid}.article{max-width:76ch}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1.3em;margin-bottom:.45em;line-height:1.25}.markdown-content p,.markdown-content li{line-height:1.78}.markdown-content code{background:color-mix(in srgb, var(--accent-soft) 50%, transparent);border-radius:6px;padding:2px 6px;font-size:.9em}.markdown-content pre{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, transparent);border-radius:12px;padding:14px;overflow-x:auto}.auth-card{max-width:620px}@media (max-width:1024px){.topbar{position:static}}@media (max-width:920px){.admin-layout{grid-template-columns:1fr}}@media (max-width:620px){.app-shell{padding:12px 14px 40px}.filters{grid-template-columns:1fr}}