/* theme-slate */
:root{
    --bg:#f1f5f9;
    --panel:#ffffff;
    --line:#e9eef3;
    --line-soft:#f1f5f9;
    --text:#0f172a;
    --text-muted:#475569;
    --text-subtle:#94a3b8;
    --text-disabled:#cbd5e1;
    --brand:#0f172a;
    --brand-hover:#334155;
    --brand-soft:#f1f5f9;
    --success:#16a34a;
    --success-soft:#f0fdf4;
    --danger:#dc2626;
    --danger-soft:#fef2f2;
    --warning:#ea580c;
    --info:#2563eb;
    --info-soft:#eff6ff;
    --inverse-border:#1e293b;
    --color-dark-rgb:15,23,42;
    --backdrop:rgba(15,23,42,.15);
    --shadow-base:rgba(0,0,0,.04);
    --shadow-medium:rgba(0,0,0,.06);
    --focus-ring:rgba(15,23,42,.12);
    --radius:12px;
    --radius-sm:8px;
}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif}
.top{position:sticky;top:0;z-index:30;background:transparent;border-bottom:none;padding:0.5rem 0.5rem 0}
.bar{grid-template-rows:52px;margin:0 auto;background:rgba(255,255,255,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.4);border-radius:1.25rem;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.box,.card,.list,.user-header,.user-bio{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.home-shell{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.tab.active{background:var(--panel);border-color:var(--line);color:var(--text);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.sidebar-card{border-color:var(--line);box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.user-card{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.user-panel{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.reply-panel{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.mobile-menu-backdrop{background:rgba(0,0,0,.15)}
.mobile-menu-drawer{width:min(300px,85vw);box-shadow:2px 0 12px rgba(0,0,0,.06);border-right:1px solid var(--line)}
.mobile-menu-section h3{font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.mobile-menu-link{padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted)}
.search-form{height:32px;border:1px solid rgba(226,232,240,.5);background:rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .2s,background .2s}
.search-form:focus-within{border-color:rgba(148,163,184,.6);background:rgba(255,255,255,.8);box-shadow:none}
.footer{border-top:1px solid rgba(226,232,240,.6);margin-top:24px}
.bulk-bar{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.admin-list-panel{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.admin-bulk-list,.main-panel>.admin-bulk-list{box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02)}
.post-avatar{border-radius:50%;overflow:hidden}
@media(max-width:720px){
    .top{padding:0.375rem 0.375rem 0}
    .bar{height:48px}
}