/* ============================================================
   ICSPC2026 · 首页模块（home）— bento 仪表盘布局
   全部选择器限定 .m-home 作用域；只引用 base.css 的 token
   ============================================================ */

.m-home{display:grid;gap:var(--gap);padding:2px 0 8px}

/* ---------- 区块标题 ---------- */
.m-home-sec{display:flex;align-items:center;gap:10px;margin:2px 0 0;
  font-size:clamp(18px,2.2vw,22px);font-weight:800;color:var(--txt)}
.m-home-sec::before{content:"";flex:0 0 auto;width:5px;height:20px;
  border-radius:3px;background:var(--grad)}

/* ---------- 1. Hero 头条 ---------- */
.m-home-hero{position:relative;overflow:hidden;padding:26px 28px 22px;
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(180deg,var(--bg2),var(--bg1))}
.m-home-hero::after{content:"";position:absolute;right:-60px;top:-70px;width:230px;height:230px;
  pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 65%)}
.m-home-hero::before{content:"";position:absolute;left:-70px;bottom:-90px;width:220px;height:220px;
  pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--lime) 8%,transparent),transparent 65%)}
.m-home-hero-kicker{display:block;width:max-content;margin-bottom:14px}
.m-home-hero h1{margin:4px 0 16px;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.35;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-home-hero-chips{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.m-home-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--txt);
  border-color:var(--line-strong);background:var(--surface);padding:6px 14px}
.m-home-chip-k{color:var(--cyan);font-weight:700;font-family:var(--mono);font-size:12px;letter-spacing:.05em}

/* ---------- 2. KPI 统计卡 ---------- */
.m-home-kpisec{display:grid;gap:14px}
.m-home-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}
.m-home-kpi{position:relative;overflow:hidden;padding:18px 18px 15px;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--surface-2),var(--card));box-shadow:var(--shadow)}
.m-home-kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--ac,var(--cyan))}
.m-home-kpi[data-ac="cyan"]{--ac:var(--cyan)}
.m-home-kpi[data-ac="teal"]{--ac:var(--teal)}
.m-home-kpi[data-ac="lime"]{--ac:var(--lime)}
.m-home-kpi[data-ac="amber"]{--ac:var(--amber)}
.m-home-kpi[data-ac="orange"]{--ac:var(--orange)}
.m-home-kpi-ico{position:absolute;top:14px;right:16px;font-size:22px;line-height:1;opacity:.95}
.m-home-kpi-num{font-family:var(--mono);font-weight:800;font-size:clamp(30px,3.6vw,42px);line-height:1;
  color:var(--ac,var(--cyan));font-variant-numeric:tabular-nums}
.m-home-kpi-unit{font-size:.42em;color:var(--mut);margin-left:3px;font-weight:600}
.m-home-kpi-label{color:var(--txt);font-weight:600;font-size:14px;margin-top:10px}

/* 速览要点 */
.m-home-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0;padding:0}
.m-home-fact{padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--surface);color:var(--mut);font-size:13px;line-height:1.6}
.m-home-fact b{color:var(--txt);font-weight:700}

/* ---------- 3. 快捷入口磁贴 ---------- */
.m-home-linksec{display:grid;gap:14px}
.m-home-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.m-home-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  padding:18px 16px 14px;border:1px solid var(--line);border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--surface-2),var(--card));color:var(--txt);
  transition:transform .18s,border-color .18s,background .18s}
.m-home-link:hover{transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--cyan) 45%,transparent);background:var(--surface-2)}
.m-home-link-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-sm);
  background:var(--surface);border:1px solid var(--line);color:var(--teal);font-size:18px}
.m-home-link-title{font-weight:700;font-size:15px;color:var(--txt)}
.m-home-link:hover .m-home-link-title{color:var(--cyan)}
.m-home-link-arrow{position:absolute;right:14px;top:16px;color:var(--dim);font-size:15px;
  transition:transform .18s,color .18s}
.m-home-link:hover .m-home-link-arrow{color:var(--cyan);transform:translateX(4px)}

/* ---------- 4. 总日程时间轴 ---------- */
.m-home-tlsec{display:grid;gap:14px}
.m-home-tl{display:grid;gap:var(--gap)}
.m-home-tl-day{padding:16px 18px 12px;border:1px solid var(--line);border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--surface-2),var(--card))}
.m-home-tl-dayhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;
  border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
.m-home-tl-daytag{font-family:var(--mono);font-weight:800;font-size:13px;color:var(--cyan);
  border:1px solid color-mix(in srgb,var(--cyan) 40%,transparent);border-radius:999px;
  padding:2px 12px;background:color-mix(in srgb,var(--cyan) 8%,transparent);letter-spacing:.06em}
.m-home-tl-daylabel{font-weight:700;color:var(--txt);font-size:15px}
.m-home-tl-daydate{color:var(--dim);font-size:12.5px;font-family:var(--mono);margin-left:auto}
.m-home-tl-list{list-style:none;margin:0;padding:0}
.m-home-tl-item{position:relative;display:grid;grid-template-columns:116px 1fr;gap:18px;
  margin:0;padding:11px 0 11px 14px;border-left:2px solid var(--line);
  transition:border-color .18s,background .18s}
.m-home-tl-item:hover{border-color:var(--line-strong);
  background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 5%,transparent),transparent)}
.m-home-tl-item::before{content:"";position:absolute;left:-6px;top:16px;width:14px;height:14px;
  border-radius:50%;background:var(--bg1);border:2px solid var(--cyan)}
.m-home-tl-time{font-family:var(--mono);color:var(--amber);font-size:13px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.m-home-tl-title{display:block;color:var(--txt);font-weight:600;font-size:14.5px}
.m-home-tl-loc{display:block;color:var(--mut);font-size:13px;margin-top:2px}

/* ---------- 响应式折叠 ---------- */
@media (max-width:980px){
  .m-home-kpis{grid-template-columns:repeat(2,1fr)}
  .m-home-kpi:last-child{grid-column:1/-1}
  .m-home-facts{grid-template-columns:1fr}
  .m-home-links-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .m-home-kpis{grid-template-columns:1fr}
  .m-home-kpi:last-child{grid-column:auto}
  .m-home-links-grid{grid-template-columns:1fr}
  .m-home-hero{padding:22px 18px 18px}
  .m-home-tl-item{grid-template-columns:1fr;gap:4px}
  .m-home-tl-item::before{top:13px}
}