/* 项目工作台 · 设计系统 — Linear 级（近黑画布 + 四级 surface + hairline + Inter + 单一强调色）。
   遵守 impeccable 产品准则：克制配色、状态语义化、无渐变文字 / 无侧边色条 / 无玻璃拟态默认。 */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('inter.woff2') format('woff2')}

:root{
  --canvas:#08090a; --surface-1:#0f1011; --surface-2:#141516; --surface-3:#1a1c1e; --sidebar:#0b0c0d;
  --hairline:#23252a; --hairline-2:#303237; --hairline-3:#3e4046;
  --ink:#f7f8f8; --ink-mut:#c7ccd6; --ink-sub:#8a8f98; --ink-ter:#62666d;
  --acc:#5e6ad2; --acc-h:#828fff; --acc-soft:rgba(94,106,210,.16); --acc-line:rgba(94,106,210,.42);
  --red:#e5534b; --amber:#e0a23c; --green:#3fb950; --blue:#4cb3ff; --violet:#a371f7; --teal:#2ec4b6;
  --r-xs:5px; --r-sm:7px; --r-md:9px; --r-lg:12px; --r-xl:16px;
  --z-sticky:20; --z-overlay:50; --z-modal:60; --z-toast:80;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:var(--canvas);color:var(--ink);
  font:14px/1.55 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:-.01em;display:flex;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#26282c;border-radius:6px;border:2px solid var(--canvas)}::-webkit-scrollbar-thumb:hover{background:#34373c}::-webkit-scrollbar-track{background:transparent}
a{color:var(--acc-h);text-decoration:none;cursor:pointer}a:hover{color:#a3adff}
.mut{color:var(--ink-sub)}.tiny{font-size:11.5px;color:var(--ink-ter)}
code,.mono{font-family:ui-monospace,"JetBrains Mono","SF Mono",Menlo,monospace}

/* ===== 侧栏 ===== */
aside{width:244px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--hairline);height:100vh;position:sticky;top:0;overflow-y:auto;display:flex;flex-direction:column;z-index:var(--z-sticky)}
.brand{display:flex;align-items:center;gap:10px;padding:16px 18px 14px}
.brand .mark{width:26px;height:26px;border-radius:7px;background:var(--acc);display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.brand .bt{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.02em}
.brand .bs{font-size:11px;color:var(--ink-ter);margin-top:1px}
.sec-l{font-size:10.5px;letter-spacing:.06em;color:var(--ink-ter);font-weight:600;text-transform:uppercase;margin:14px 18px 6px}

.proj-switch{padding:2px 10px}
.proj-i{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--r-md);cursor:pointer;margin-bottom:1px;transition:background .13s var(--ease)}
.proj-i:hover{background:#15171a}
.proj-i.on{background:var(--surface-2)}
.proj-i .dot{width:8px;height:8px;border-radius:3px;flex-shrink:0}
.proj-i .nm{font-size:13px;color:var(--ink-mut);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proj-i.on .nm{color:var(--ink);font-weight:500}
.proj-i .cnt{font-size:11px;color:var(--ink-ter);font-variant-numeric:tabular-nums}
.proj-add{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--r-md);cursor:pointer;color:var(--ink-ter);font-size:12.5px;transition:.13s}
.proj-add:hover{background:#15171a;color:var(--ink-mut)}

nav{padding:2px 10px}
.nav-i{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--r-md);color:var(--ink-sub);cursor:pointer;transition:.13s var(--ease);margin-bottom:1px}
.nav-i:hover{background:#15171a;color:var(--ink-mut)}
.nav-i.on{background:var(--surface-2);color:var(--ink)}
.nav-i .ico{width:16px;height:16px;flex-shrink:0;opacity:.85}
.nav-i.on .ico{opacity:1}
.nav-i .nm{font-size:13px;font-weight:450;flex:1}
.nav-i .badge{font-size:10.5px;background:var(--acc);color:#fff;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;font-weight:600;font-variant-numeric:tabular-nums}
.side-foot{margin-top:auto;padding:12px 18px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-ter);line-height:1.5}

/* ===== 主区 ===== */
main{flex:1;min-width:0;height:100vh;overflow-y:auto}
.top{position:sticky;top:0;background:rgba(8,9,10,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);padding:0 26px;height:52px;display:flex;align-items:center;gap:14px;z-index:var(--z-sticky)}
.crumb{font-size:13px;color:var(--ink-sub);display:flex;align-items:center;gap:7px}
.crumb b{color:var(--ink);font-weight:550}.crumb .sep{color:var(--ink-ter)}
.search{margin-left:auto;position:relative;width:240px;max-width:34vw}
.search input{width:100%;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);font-size:13px;padding:7px 11px 7px 31px;transition:.13s}
.search input::placeholder{color:var(--ink-ter)}
.search input:focus{outline:none;border-color:var(--acc-line);box-shadow:0 0 0 3px var(--acc-soft)}
.search .si{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ink-ter);pointer-events:none;display:flex}
.live{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-ter)}
.live .d{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(63,185,80,.7)}

.wrap{max-width:1160px;margin:0 auto;padding:26px 26px 96px}
h1{font-size:21px;font-weight:600;letter-spacing:-.025em;margin:0 0 3px;color:var(--ink)}
.lead{color:var(--ink-sub);font-size:13px;margin:0 0 22px;max-width:70ch}
h2{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:26px 0 12px;color:var(--ink);display:flex;align-items:center;gap:8px}
h2 .c{font-size:12px;color:var(--ink-ter);font-weight:500;font-variant-numeric:tabular-nums}
h3{font-size:13px;font-weight:600;margin:0 0 10px;color:var(--ink);letter-spacing:-.01em}

/* ===== 通用卡 / 栅格 ===== */
.grid{display:grid;gap:13px}.g2{grid-template-columns:1fr 1fr}
.cards{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:16px 17px;position:relative}
.card.hov{cursor:pointer;transition:border-color .13s,background .13s}
.card.hov:hover{border-color:var(--hairline-2);background:#121316}

/* KPI 行（克制，无渐变） */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:6px}
.kpi{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:14px 16px}
.kpi .n{font-size:25px;font-weight:650;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.kpi .l{font-size:11.5px;color:var(--ink-sub);margin-top:7px;display:flex;align-items:center;gap:6px}
.kpi .l .ic{width:13px;height:13px;opacity:.7}
@media(max-width:760px){.kpis{grid-template-columns:1fr 1fr}}

/* 概览漏斗 */
.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.fcell{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:13px 14px}
.fcell .n{font-size:22px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.fcell .l{font-size:11.5px;color:var(--ink-sub);margin-top:6px}
@media(max-width:760px){.funnel{grid-template-columns:repeat(2,1fr)}}

/* ===== 项目卡（总览） ===== */
.pcard-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.pcard-head .dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.pcard-head .nm{font-size:14px;font-weight:600;color:var(--ink);flex:1;letter-spacing:-.01em}
.pcard-head .cd{font-size:10.5px;color:var(--ink-ter);font-family:ui-monospace,monospace;background:var(--surface-3);border-radius:var(--r-xs);padding:1px 6px}
.ring{--p:0;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--ring-c,var(--acc)) calc(var(--p)*1%),var(--surface-3) 0);display:grid;place-items:center;flex-shrink:0}
.ring::before{content:'';position:absolute;width:36px;height:36px;border-radius:50%;background:var(--surface-1)}
.ring span{position:relative;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pcard-stats{display:flex;gap:16px;margin:4px 0 12px}
.pcard-stats .st .v{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.pcard-stats .st .k{font-size:11px;color:var(--ink-sub);margin-top:1px}
.pcard-ver{border-top:1px solid var(--hairline);padding-top:11px;font-size:12px;color:var(--ink-mut);display:flex;align-items:center;gap:7px}
.pcard-ver .g{color:var(--ink-sub);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subprojs{border-top:1px solid var(--hairline);margin-top:11px;padding-top:8px;display:flex;flex-direction:column;gap:1px}
.subproj{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .12s}
.subproj:hover{background:var(--surface-2)}
.subproj .dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}
.subproj .sn{font-size:12px;color:var(--ink-mut);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subproj .sbar{width:52px;height:4px;border-radius:3px;background:var(--surface-3);overflow:hidden;flex-shrink:0}
.subproj .sbar i{display:block;height:100%;background:var(--green);border-radius:3px}
.subproj .sp2{font-size:11px;color:var(--ink-sub);font-variant-numeric:tabular-nums;width:30px;text-align:right}

#home{padding:8px 10px 0}
.proj-i.sub{margin-left:15px;position:relative}
.proj-i.sub::before{content:'';position:absolute;left:-6px;top:50%;width:8px;height:1px;background:var(--hairline-2)}
.proj-i.sub .nm{font-size:12.5px}

/* ===== 状态 / 优先级 标 ===== */
.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500;white-space:nowrap;line-height:1.5;border:1px solid transparent}
.pill .pd{width:6px;height:6px;border-radius:50%}
.s-pending{background:rgba(224,162,60,.13);color:#e9b95f;border-color:rgba(224,162,60,.24)}.s-pending .pd{background:var(--amber)}
.s-approved{background:rgba(46,196,182,.13);color:#4dd6c8;border-color:rgba(46,196,182,.24)}.s-approved .pd{background:var(--teal)}
.s-rejected{background:rgba(229,83,75,.13);color:#f0817a;border-color:rgba(229,83,75,.24)}.s-rejected .pd{background:var(--red)}
.s-scheduled{background:var(--acc-soft);color:#9aa4f0;border-color:var(--acc-line)}.s-scheduled .pd{background:var(--acc)}
.s-developing{background:rgba(76,179,255,.13);color:#7cc7ff;border-color:rgba(76,179,255,.24)}.s-developing .pd{background:var(--blue)}
.s-testing{background:rgba(163,113,247,.14);color:#bf97fb;border-color:rgba(163,113,247,.26)}.s-testing .pd{background:var(--violet)}
.s-done{background:rgba(63,185,80,.13);color:#5ed074;border-color:rgba(63,185,80,.24)}.s-done .pd{background:var(--green)}
.s-archived{background:#16181b;color:var(--ink-ter);border-color:var(--hairline)}.s-archived .pd{background:var(--ink-ter)}
.pri{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:var(--r-xs);font-family:ui-monospace,monospace;letter-spacing:0}
.pri.P0{background:rgba(229,83,75,.15);color:#f0817a}.pri.P1{background:rgba(224,162,60,.15);color:#e9b95f}.pri.P2{background:var(--surface-3);color:var(--ink-sub)}

/* ===== 需求行 ===== */
.req{display:flex;align-items:center;gap:13px;padding:11px 14px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-lg);margin-bottom:7px;cursor:pointer;transition:border-color .13s,background .13s}
.req:hover{border-color:var(--hairline-2);background:#121316}
.req .rid{font-family:ui-monospace,monospace;font-size:11px;color:var(--ink-ter);width:58px;flex-shrink:0}
.req .rt{flex:1;min-width:0;color:var(--ink);font-size:13.5px;font-weight:450}
.req .rt .rd{font-size:11.5px;color:var(--ink-sub);margin-top:2px;font-weight:400;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.req .rmeta{display:flex;gap:7px;align-items:center;flex-shrink:0}
.tprog{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-sub);font-variant-numeric:tabular-nums}
.tprog .bar{width:34px;height:4px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.tprog .bar i{display:block;height:100%;background:var(--green);border-radius:3px}

/* ===== 进度条 ===== */
.pbar{height:6px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.pbar i{display:block;height:100%;border-radius:4px;background:var(--acc);transition:width .4s var(--ease)}
.pbar.g i{background:var(--green)}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 13px;border-radius:var(--r-md);border:1px solid var(--hairline-2);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:.12s var(--ease);white-space:nowrap;letter-spacing:-.01em}
.btn:hover{background:var(--surface-3);border-color:var(--hairline-3)}
.btn:active{transform:translateY(.5px)}
.btn.primary{background:var(--acc);color:#fff;border-color:transparent}
.btn.primary:hover{background:var(--acc-h)}
.btn.ok{background:rgba(63,185,80,.14);color:#5ed074;border-color:rgba(63,185,80,.3)}.btn.ok:hover{background:rgba(63,185,80,.2)}
.btn.danger{background:rgba(229,83,75,.12);color:#f0817a;border-color:rgba(229,83,75,.3)}.btn.danger:hover{background:rgba(229,83,75,.18)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-sub)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}
.btn.sm{font-size:12px;padding:5px 10px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.iconbtn{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--ink-sub);cursor:pointer;border:1px solid transparent;transition:.12s}
.iconbtn:hover{background:var(--surface-2);color:var(--ink)}

/* ===== 分段筛选 ===== */
.filters{display:inline-flex;gap:2px;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--r-md);padding:3px;margin:0 0 16px}
.filters .f{font-size:12.5px;padding:4px 11px;border-radius:var(--r-sm);color:var(--ink-sub);cursor:pointer;transition:.12s;white-space:nowrap}
.filters .f:hover{color:var(--ink)}
.filters .f.on{background:var(--surface-3);color:var(--ink);font-weight:500}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.toolbar .sp{flex:1}

/* ===== 表格 ===== */
table{width:100%;border-collapse:collapse;font-size:12.5px;margin:2px 0}
th,td{text-align:left;padding:8px 11px;border-bottom:1px solid var(--hairline);vertical-align:middle}
th{color:var(--ink-sub);font-weight:500;font-size:11.5px;background:transparent}
tr:last-child td{border-bottom:none}

/* ===== 时间线 / 路线图 ===== */
.tl{position:relative;margin:4px 0 0 5px;padding-left:24px;border-left:1px solid var(--hairline-2)}
.tl-item{position:relative;margin-bottom:18px}
.tl-item::before{content:'';position:absolute;left:-29px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--surface-2);border:2px solid var(--ink-ter)}
.tl-item.released::before{background:var(--green);border-color:var(--green)}
.tl-item.developing::before{background:var(--blue);border-color:var(--blue)}
.tl-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tl-head .vn{font-size:14px;font-weight:600;color:var(--ink)}
.tl-goal{font-size:12.5px;color:var(--ink-sub);margin:4px 0 9px}
.due{font-size:11px;color:var(--ink-ter);display:inline-flex;align-items:center;gap:4px}
.due.over{color:#f0817a}
.subreq{font-size:12.5px;margin:4px 0;display:flex;align-items:center;gap:8px;color:var(--ink-mut)}

/* ===== 活动流 ===== */
.feed-i{display:flex;gap:11px;padding:8px 0;font-size:12.5px;align-items:flex-start}
.feed-i .fdot{width:7px;height:7px;border-radius:50%;background:var(--ink-ter);margin-top:6px;flex-shrink:0}
.feed-i.created .fdot{background:var(--amber)}.feed-i.released .fdot{background:var(--green)}.feed-i.reviewed .fdot{background:var(--teal)}.feed-i.advanced .fdot,.feed-i.scheduled .fdot{background:var(--acc)}
.feed-i .ft{color:var(--ink-mut);flex:1}.feed-i .ft b{color:var(--ink);font-weight:550}
.feed-i .fa{color:var(--ink-ter);font-size:11px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}

/* ===== 每日进展（dashboard/overview 紧凑列表） ===== */
.dl-i{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--hairline)}
.dl-i:last-child{border-bottom:none}
.dl-d{font-size:11.5px;color:var(--ink-ter);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:1px;flex-shrink:0;width:70px}
.dl-b{flex:1;min-width:0}
.dl-p{font-size:11.5px;font-weight:600;margin-right:8px}
.dl-s{font-size:13px;color:var(--ink-mut);line-height:1.55;display:inline}

/* ===== 任务清单 ===== */
.tasks{margin:4px 0}
.task{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--hairline)}
.task:last-child{border-bottom:none}
.ck{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--hairline-3);flex-shrink:0;cursor:pointer;display:grid;place-items:center;transition:.12s;color:transparent}
.ck:hover{border-color:var(--ink-sub)}
.ck.on{background:var(--green);border-color:var(--green);color:#06210c}
.task .tt{flex:1;font-size:13px;color:var(--ink)}
.task.done .tt{color:var(--ink-ter);text-decoration:line-through}
.task .del{opacity:0;color:var(--ink-ter);cursor:pointer;font-size:15px;transition:.12s;padding:0 4px}
.task:hover .del{opacity:1}.task .del:hover{color:#f0817a}
.taskadd{display:flex;gap:8px;margin-top:8px}
.taskadd input{flex:1}

/* ===== 流转条 ===== */
.flow{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:11px;color:var(--ink-ter);margin:14px 0}
.flow .st{padding:3px 9px;border-radius:20px;background:var(--surface-2);border:1px solid var(--hairline)}
.flow .st.cur{background:var(--acc-soft);color:#9aa4f0;border-color:var(--acc-line);font-weight:550}
.flow .st.passed{color:var(--ink-sub)}
.flow .ar{opacity:.4}

/* ===== 弹窗 ===== */
.overlay{position:fixed;inset:0;background:rgba(3,4,6,.6);backdrop-filter:blur(2px);z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:64px 20px;overflow-y:auto;animation:fade .14s var(--ease)}
.modal{background:var(--surface-1);border:1px solid var(--hairline-2);border-radius:var(--r-xl);width:100%;max-width:540px;padding:22px 24px;box-shadow:0 24px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);animation:rise .18s var(--ease)}
.modal.lg{max-width:620px}
.modal-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}
.modal-h h2{margin:0;font-size:16px}
.modal-h .x{margin-left:auto;color:var(--ink-ter);cursor:pointer;font-size:20px;line-height:1;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);transition:.12s}
.modal-h .x:hover{background:var(--surface-2);color:var(--ink)}
label{display:block;font-size:12px;color:var(--ink-mut);font-weight:500;margin:14px 0 6px}
input,textarea,select{width:100%;background:var(--canvas);border:1px solid var(--hairline-2);border-radius:var(--r-md);color:var(--ink);font:13px/1.5 'Inter',-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;padding:8px 11px;transition:.12s}
input::placeholder,textarea::placeholder{color:var(--ink-ter)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc-line);box-shadow:0 0 0 3px var(--acc-soft)}
textarea{min-height:78px;resize:vertical}
.frow{display:flex;gap:12px}.frow>div{flex:1}
.note{font-size:12px;color:var(--ink-sub);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);padding:9px 12px;margin:8px 0}
.note.warn{color:#e9b95f;background:rgba(224,162,60,.07);border-color:rgba(224,162,60,.22)}

/* ===== 空态 ===== */
.empty{text-align:center;color:var(--ink-sub);font-size:13px;padding:38px 20px;border:1px dashed var(--hairline-2);border-radius:var(--r-lg);background:var(--surface-1)}
.empty .ei{font-size:22px;margin-bottom:8px;opacity:.6}
.empty .eh{color:var(--ink-mut);font-weight:500;margin-bottom:3px}

/* ===== Toast ===== */
#toast-root{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center}
.toast{background:var(--surface-3);border:1px solid var(--hairline-2);border-radius:var(--r-md);padding:9px 16px;font-size:13px;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.45);animation:rise .18s var(--ease);display:flex;align-items:center;gap:8px}
.toast .td{width:6px;height:6px;border-radius:50%;background:var(--green)}
.toast.err .td{background:var(--red)}

@keyframes fade{from{opacity:0}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}

/* ===== 响应式 ===== */
@media(max-width:820px){
  body{flex-direction:column}
  aside{width:100%;height:auto;position:sticky;top:0;flex-direction:row;flex-wrap:wrap;align-items:center;overflow:visible}
  .brand{flex:1}.sec-l{display:none}.side-foot{display:none}
  nav{display:flex;flex-wrap:wrap;flex:none;width:100%;order:3;padding:6px 10px;border-top:1px solid var(--hairline)}
  .nav-i{flex:0}.proj-switch{display:flex;order:2;width:100%;overflow-x:auto;padding:6px 10px}
  .wrap{padding:18px 16px 70px}.search{width:160px}.kpis{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}