/* ============ 城市路网覆盖总览 · 嵌入仿真页专用样式 ============ */
/* 与 docs/城市路网覆盖总览.html 视觉一致；命名空间 .cov-* 避免污染其它样式 */
.cov-wrap{max-width:1280px;margin:0 auto}
.cov-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.cov-brand{display:flex;align-items:center;gap:12px}
.cov-logo{width:40px;height:40px;border-radius:3px;background:#3b82f6;display:grid;place-items:center;font-weight:800;font-size:18px;color:#ffffff}
.cov-brand h2{font-size:22px;font-weight:700;color:var(--text)}
.cov-brand p{font-size:12px;color:var(--text-2);margin-top:2px}
.cov-badge{background:var(--card);border:1px solid var(--border);border-radius:3px;padding:8px 14px;font-size:13px;color:var(--text-2)}
.cov-badge b{color:var(--text)}

.cov-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}
.cov-kpi{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:16px 18px;box-shadow:none}
.cov-kpi .v{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}
.cov-kpi .l{font-size:13px;color:var(--text-2);margin-top:4px}
.cov-kpi .v.blue{color:var(--blue-2)}
.cov-kpi .v.green{color:#22c55e}
.cov-kpi .v.gold{color:#eab308}
.cov-kpi .v.red{color:#ef4444}

.cov-panel{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:20px;margin-bottom:22px;box-shadow:none}
.cov-panel h3{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text)}
.cov-panel h3::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--blue-2)}

.cov-table{width:100%;min-width:1060px;table-layout:fixed;border-collapse:collapse;font-size:13px}
.cov-th{text-align:left;color:var(--text-2);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums}
.cov-th.num{text-align:left}
.cov-th.scale{text-align:left}
.cov-td{padding:8px 10px;border-bottom:1px solid #1c3454;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.cov-tr:hover .cov-td{background:rgba(59,130,246,.06)}
.cov-td.num{text-align:left}

.cov-tier{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}
.cov-tier i{width:8px;height:8px;border-radius:50%;display:inline-block}
.cov-tier.t1 i{background:#ef4444}
.cov-tier.t2 i{background:#38bdf8}
.cov-tier.t3 i{background:#eab308}

.cov-scale{display:flex;align-items:center;gap:8px}
.cov-scale .cov-bar{flex:1}
.cov-scale b{font-size:12px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.cov-bar{height:6px;border-radius:3px;background:#24446b;overflow:hidden;min-width:60px}
.cov-bar>span{display:block;height:100%;border-radius:3px}
.cov-bar.b1>span{background:var(--blue-2)}
.cov-bar.b2>span{background:#38bdf8}
.cov-bar.b3>span{background:#eab308}
.cov-bar.b4>span{background:#ef4444}

.cov-foot{text-align:center;color:var(--text-3);font-size:12px;margin-top:26px}

@media (max-width:960px){
  .cov-wrap{padding:0 14px}
  .cov-head{gap:10px}
  .cov-badge{padding:6px 10px;font-size:12px}
}

@media (max-width:760px){
  .cov-kpis{grid-template-columns:repeat(2,1fr)}
  .cov-table{font-size:12px}
  .cov-td,.cov-th{padding:6px 8px}
}

@media (max-width:640px){
  .cov-wrap{padding:0 8px}
  .cov-head{flex-direction:column;align-items:flex-start}
  .cov-brand{gap:10px}
  .cov-logo{width:36px;height:36px;font-size:16px}
  .cov-brand h2{font-size:18px}
  .cov-brand p{font-size:11px}
  .cov-kpis{gap:10px}
  .cov-kpi{padding:12px 14px}
  .cov-kpi .v{font-size:24px}
  .cov-kpi .l{font-size:12px}
  .cov-panel{padding:14px;margin-bottom:16px}
  .cov-panel h3{font-size:14px}
  .cov-table{font-size:11px}
  .cov-td,.cov-th{padding:5px 6px}
  .cov-tier{font-size:11px}
}

/* 五个汇总数字没有等级语义，统一白色，避免五色乱跳 */
.cov-kpi .v,.cov-kpi .v.blue,.cov-kpi .v.green,.cov-kpi .v.gold,.cov-kpi .v.red{color:var(--text)}