/* ==========================================================================
   行业数据（/data/）：KPI 带 + 数据表 + 指数走势
   站点级样式在 site.css，本文件只放本页特有组件
   ========================================================================== */

/* ---------- KPI 带 ---------- */
.dkpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.dkpi{border:1px solid var(--line);border-radius:12px;padding:16px 16px 14px;background:var(--white)}
.dkpi span{display:block;font-size:13.5px;color:var(--muted);margin-bottom:8px}
.dkpi b{display:block;font-size:26px;font-weight:700;color:var(--green);line-height:1.15;font-variant-numeric:tabular-nums}
.dkpi b i{font-size:14px;font-weight:600;color:var(--ink2);font-style:normal;margin-left:3px}
.dkpi em{display:block;font-size:12.5px;color:var(--muted);font-style:normal;margin-top:7px;line-height:1.6}

/* ---------- 频道切换 ---------- */
.dtabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.dtabs a{height:42px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid var(--line);
  border-radius:10px;font-size:15.5px;color:var(--ink2);background:var(--white);transition:.15s}
.dtabs a:hover{border-color:var(--green-l);color:var(--green)}
.dtabs a.on{background:var(--green);border-color:var(--green);color:var(--white);font-weight:600}

/* ---------- 数据表 ---------- */
.dwrap{overflow-x:auto}
.dt{width:100%;border-collapse:collapse;font-size:15px}
.dt caption{text-align:left;padding:0 20px 12px;font-size:15.5px;font-weight:700;color:var(--ink)}
.dt thead th{background:var(--green-bg);color:var(--ink);font-weight:700;font-size:14.5px;
  text-align:left;padding:12px 16px;border-bottom:1px solid var(--line2);white-space:nowrap}
.dt tbody td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink2);line-height:1.7}
.dt tbody tr:last-child td{border-bottom:none}
.dt tbody tr:hover{background:#fbfdfb}
.dt td:first-child{font-weight:600;color:var(--ink)}
.dt td.num,.dt td:not(:first-child):not(:last-child){font-variant-numeric:tabular-nums}
.dt .up{color:#cc3327;font-weight:600}
.dt .down{color:var(--green);font-weight:600}

/* 指数走势 */
.didx{padding:4px 20px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.didx .spark{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfdfb}
.didx .lbl{font-size:14.5px;color:var(--ink2)}
.didx .lbl b{display:block;font-size:20px;color:var(--green);font-variant-numeric:tabular-nums;margin-top:4px}

@media (max-width:1080px){
  .dkpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .dkpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}