/* ============================================================
   dao · 官网2 —— 沙盘主页(指挥台总览)
   ============================================================ */
.home-hero{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.home-title{ font-family:var(--f-disp); font-weight:900; font-size:clamp(34px,4.4vw,52px); line-height:1.1; letter-spacing:.02em; margin:8px 0 10px; }
.home-sub{ color:var(--tx-dim); font-size:14px; line-height:1.8; max-width:52ch; margin:0 0 16px; }
.home-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.home-seal{ flex:none; }
.home-seal img{ width:clamp(96px,10vw,150px); filter:drop-shadow(0 0 22px var(--sig-glow)); animation:sealPulse 6s var(--ease) infinite; }
@keyframes sealPulse{ 0%,100%{ filter:drop-shadow(0 0 10px var(--sig-glow)); } 50%{ filter:drop-shadow(0 0 26px var(--sig-glow)); } }

/* 项目现状仪表带 */
.home-stats{ display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; margin-bottom:22px; }
.home-stat{ padding:16px 14px 12px; text-align:center; }
.home-stat b{ display:block; font-size:clamp(22px,2.4vw,30px); font-weight:500; color:var(--tx); line-height:1; }
.home-stat b.g{ color:var(--sig); }
.home-stat span{ display:block; margin-top:7px; font-size:var(--fs-2xs); }

/* 块头(标题 + 右侧链接) */
.home-block-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:14px; }
.home-link{ font-family:var(--f-hud); font-weight:600; font-size:var(--fs-2xs); letter-spacing:.18em; color:var(--sig); text-transform:uppercase; transition:letter-spacing var(--t-fast); }
.home-link:hover{ letter-spacing:.28em; }

/* 五章沙盘链 */
.home-run{ padding:18px 18px 16px; margin-bottom:22px; }
.home-chain{ display:flex; align-items:center; gap:0; margin:6px 0 12px; }
.home-node{ display:flex; flex-direction:column; align-items:center; gap:5px; flex:none; }
.home-node-dot{ width:14px; height:14px; border-radius:50%; background:var(--ink-800); border:2px solid var(--sig); box-shadow:0 0 8px var(--sig-glow); }
.home-node.boss .home-node-dot{ background:var(--red); border-color:var(--red); }
.home-node-name{ font-family:var(--f-disp); font-weight:700; font-size:14px; }
.home-node-sub{ font-family:var(--f-hud); font-size:var(--fs-micro); letter-spacing:.2em; color:var(--tx-faint); }
.home-edge{ flex:1; height:1px; background:linear-gradient(90deg, var(--sig-dim), var(--line)); margin:0 4px 22px; }
.home-run-note{ margin:0; font-size:13px; color:var(--tx-dim); line-height:1.7; }

/* 七职业速览 */
.home-classes{ margin-bottom:22px; }
.home-clsrow{ display:grid; grid-template-columns:repeat(7, 1fr); gap:12px; }
.home-cls{ position:relative; padding:12px 8px 10px; display:flex; flex-direction:column; align-items:center; gap:6px; overflow:hidden; transition:transform var(--t-fast), border-color var(--t-fast); }
.home-cls:hover{ transform:translateY(-4px); border-color:var(--line-strong); }
.home-cls img{ width:100%; height:120px; object-fit:contain; object-position:bottom; filter:drop-shadow(0 6px 12px rgba(0,0,0,.5)); }
.home-cls-name{ font-family:var(--f-disp); font-weight:700; font-size:14px; letter-spacing:.06em; }
.home-cls-role{ font-size:var(--fs-micro); color:var(--tx-faint); }

/* 最近动态 */
.home-recent{ padding:16px 18px; }
.home-day{ display:flex; align-items:baseline; gap:14px; padding:10px 4px; border-top:1px solid var(--line); transition:background var(--t-fast); }
.home-day:first-of-type{ border-top:none; }
.home-day:hover{ background:var(--ink-850); }
.home-day-date{ flex:none; font-size:13px; color:var(--sig); width:48px; }
.home-day-theme{ flex:1; font-size:14px; color:var(--tx); }
.home-day-n{ flex:none; font-size:var(--fs-2xs); color:var(--tx-faint); }

@media (max-width:1080px){
  .home-stats{ grid-template-columns:repeat(3, 1fr); }
  .home-clsrow{ grid-template-columns:repeat(4, 1fr); }
}
@media (prefers-reduced-motion:reduce){ .home-seal img{ animation:none; } }
