/* 集成吊顶扣板数量计算器 —— 石墨灰 + 天青 · 扣板方格 */
.c60{
  --a:#475569;
  --a2:#0ea5e9;
  --a-soft:rgba(71,85,105,.10);
  --a-line:rgba(71,85,105,.26);
}

/* 吊顶：方格铝扣板 + 冷光 */
.c60-hero{
  background:
    radial-gradient(720px 300px at 88% 8%, rgba(14,165,233,.18), transparent 62%),
    radial-gradient(620px 280px at 6% 0%, rgba(255,255,255,.8), transparent 60%),
    linear-gradient(135deg,#f8fafc 0%,#eef3f9 48%,#e0f2fe 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 300px at 88% 8%, rgba(14,165,233,.20), transparent 62%),
    linear-gradient(135deg,#0b1220 0%,#101b2b 48%,#08202e 100%);
}
.c60-hero h1 em{background:linear-gradient(120deg,#475569,#0ea5e9);-webkit-background-clip:text;background-clip:text;}
.c60-hero-badge{color:#0369a1;border-color:rgba(14,165,233,.28);}

/* hero 方格母题 */
.c60-hero-art{min-height:200px;}
.c60-hero-art .cp-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:1fr;
  gap:6px;
  width:172px;
  height:172px;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(160deg,#f1f5f9,#e2e8f0);
  border:1px solid #cbd5e1;
  box-shadow:0 18px 40px rgba(71,85,105,.18);
  transform:rotate(-4deg);
}
.c60-hero-art .cp-grid span{
  border-radius:5px;
  background:linear-gradient(145deg,#ffffff,#e6edf5);
  border:1px solid #d5dee9;
  box-shadow:inset 0 1px 0 #fff;
}
.c60-hero-art .cp-grid span:nth-child(3n){background:linear-gradient(145deg,#e0f2fe,#bae6fd);border-color:#bae6fd;}
.c60-hero-art .cp-grid span:nth-child(5n){background:linear-gradient(145deg,#475569,#334155);border-color:#334155;}
.c60-hero-art .chip b{color:#0369a1;}
:root[data-theme="dark"] .c60-hero-art .cp-grid{
  background:linear-gradient(160deg,#122033,#0c1727);
  border-color:#1f2b3e;
  box-shadow:0 18px 40px rgba(0,0,0,.4);
}
:root[data-theme="dark"] .c60-hero-art .cp-grid span{
  background:linear-gradient(145deg,#1a2a40,#101c2d);
  border-color:#24324a;
}
:root[data-theme="dark"] .c60-hero-art .cp-grid span:nth-child(3n){background:linear-gradient(145deg,#0c4a6e,#075985);border-color:#075985;}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#475569,#0e7490 78%);
  box-shadow:0 16px 34px rgba(51,65,85,.32);
}
.c60-metric.is-hero .v{font-size:clamp(30px,3.6vw,44px);}

/* 排布示意卡 */
.cp-plan{
  margin-top:16px;
  padding:14px 14px 10px;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fafc,#eff6ff);
  border:1px solid #dbe7f3;
}
:root[data-theme="dark"] .cp-plan{
  background:linear-gradient(180deg,#0f1928,#0b1522);
  border-color:#1f2b3e;
}
.cp-plan-h{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:8px;
}
.cp-plan-h h3{
  margin:0;
  font-size:13px;
  font-weight:900;
  color:var(--ink2);
  letter-spacing:.2px;
}
.cp-plan-h span{font-size:11.5px;font-weight:800;color:#0369a1;}
:root[data-theme="dark"] .cp-plan-h span{color:#7dd3fc;}
.cp-plan svg{display:block;width:100%;height:auto;max-height:260px;}

/* 表格：扣板清单 */
#cpListTable tbody tr:nth-child(even) td{background:rgba(14,165,233,.045);}
#cpListTable td:first-child{font-weight:800;color:var(--ink);}
#cpListTable td:nth-child(3){font-variant-numeric:tabular-nums;color:#0e7490;font-weight:800;}
:root[data-theme="dark"] #cpListTable td:nth-child(3){color:#7dd3fc;}

/* 批量表格合计 */
#cpBatchTable tr.is-total td{background:rgba(14,165,233,.08);font-weight:800;color:var(--ink);}
#cpBatchTable td:nth-child(2),
#cpBatchTable td:nth-child(3){font-variant-numeric:tabular-nums;}

/* 分段 / chips */
.c60-segbtn.on{color:#0369a1;}
.c60-chip.on{background:rgba(14,165,233,.12);border-color:#0ea5e9;color:#0369a1;}
:root[data-theme="dark"] .c60-chip.on{color:#7dd3fc;}

.c60-bar-row .bf{background:linear-gradient(90deg,#64748b,#0ea5e9);}

/* 输入卡吊顶尺寸略加冷色描边 */
#cpLen,#cpWid{color:#0e7490;}

@media (max-width:640px){
  .cp-plan{padding:10px 10px 6px;}
  .cp-plan-h h3{font-size:12.5px;}
}