:root{
  --bg:#0e1117; --panel:#141a24; --chip:#192234;
  --line:#22304a; --text:#e6ecf5; --muted:#9fb0c8;
  --blue:#4aa8ff; --red:#ff6b6b; --green:#3ddc97; --yellow:#ffbf47; --violet:#9b8cff;
  --shadow:0 8px 22px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font:14px/1.6 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Helvetica,Arial,sans-serif}
h2{margin:0 0 12px 0;font-size:16px;font-weight:650;letter-spacing:.2px}
.muted{color:var(--muted)}
.hide{display:none}

/* 顶栏 */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0b0f17;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar .brand{font-weight:800;letter-spacing:.6px}
.topbar .meta{display:flex;gap:10px;align-items:center}
.badge{padding:2px 8px;border-radius:999px;background:#182237;color:#cfe0ff;border:1px solid #283a5a;font-size:12px}
.badge.ghost{opacity:.62}

/* 容器 */
.section{padding:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}

/* 栅格 */
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){ .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){ .grid-2,.grid-3,.grid-4{grid-template-columns:1fr} }

/* 主看板左右列 */
.boards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.board-col h2{margin-bottom:10px}
@media (max-width:1200px){ .boards{grid-template-columns:1fr} }

.blue{color:var(--blue)} .red{color:var(--red)} .green{color:var(--green)} .yellow{color:var(--yellow)} .violet{color:var(--violet)}
.footer{padding:18px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}

/* 阶段 */
.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--chip);border:1px solid var(--line);color:#cdd7ea;border-radius:999px;padding:4px 10px;font-size:12px}

/* 观察池&警示 */
.watchlist{margin-top:10px}
.watchlist>summary{cursor:pointer;color:#cfd8ea}
.alert{margin-top:12px;padding:10px;border-left:3px solid var(--yellow);background:#1a2132;border-radius:10px}

/* 项目卡 */
.project-card{display:flex;flex-direction:column;gap:10px}
.project-head{display:flex;justify-content:space-between;align-items:center}
.project-name{font-weight:700;letter-spacing:.2px}
.badge-stage{border:1px solid #2a3a58;border-radius:8px;padding:2px 6px;font-size:12px;color:#bcd1ff}
.meta-row{display:flex;gap:10px;color:#a9b5c9;font-size:12px;flex-wrap:wrap}
.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mini-tile{background:#111725;border:1px solid #1f2a44;border-radius:10px;padding:8px;min-height:58px}
.kv{display:flex;justify-content:space-between;color:#b9c6db;font-size:12px}
.bar{height:6px;border-radius:8px;background:#1b2234;overflow:hidden;margin-top:6px}
.bar>i{display:block;height:100%;background:linear-gradient(90deg,#4aa8ff,#7fb5ff);width:32%}
.bar.red>i{background:linear-gradient(90deg,#ff6b6b,#ff9a9a)}
.actions{background:#0d1424;border:1px dashed #283a5a;border-radius:10px;padding:8px;color:#b4c2da;font-size:12px}

/* 来源徽章 */
.source-badges{display:flex;gap:6px}
.badge-src{font-size:11px;color:#9fb2d5;background:#182033;border:1px solid #263350;border-radius:6px;padding:2px 6px}
.badge-bucket-1000{background:#102236;border-color:#204a7a;color:#9cd2ff}
.badge-bucket-10000{background:#29161a;border-color:#6a2730;color:#ffb4b4}

/* —— 新增：导航骨架 —— */

/* 顶层导航 */
.navbar{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);background:#0d131d;padding:10px 18px;position:sticky;top:52px;z-index:15}
.navbar a{color:#cbd8ef;text-decoration:none;padding:6px 10px;border-radius:8px}
.navbar a.active{background:#182237;border:1px solid #283a5a;color:#e9f2ff}

/* 二级 Chip 导航 */
.subnav{display:flex;gap:8px;align-items:center;padding:10px 18px;background:#0f1520;border-bottom:1px solid #1b2740;position:sticky;top:96px;z-index:14}
.subnav .chip{cursor:pointer;user-select:none}
.subnav .chip.active{background:#1e2a44;border-color:#2a3e66;color:#e6f1ff}

/* 页内锚点（本步仅样式，后续接入） */
.anchorbar{position:sticky;top:140px;z-index:13;background:#0f1520;border-bottom:1px solid #1b2740;padding:8px 18px;display:flex;gap:10px;flex-wrap:wrap}
.anchorbar a{color:#9fb0c8;text-decoration:none;font-size:12px}
.anchorbar a:hover{color:#cfe0ff}

/* 小屏微调 */
@media (max-width:480px){
  .project-head{align-items:flex-start}
  .mini-grid{grid-template-columns:1fr 1fr}
  .navbar{top:56px}
  .subnav{top:100px}
  .anchorbar{top:144px}
}