/* 橱柜延米报价计算器 —— 胡桃木棕 + 琥珀 · 木纹层板 */
.c60{
  --a:#92400e;
  --a2:#f59e0b;
  --a-soft:rgba(146,64,14,.10);
  --a-line:rgba(146,64,14,.26);
}

/* 木纹：竖向年轮 + 暖光 */
.c60-hero{
  background:
    radial-gradient(680px 300px at 92% 4%, rgba(245,158,11,.22), transparent 62%),
    repeating-linear-gradient(96deg, rgba(146,64,14,.045) 0 1px, transparent 1px 12px),
    linear-gradient(135deg,#fffbf5 0%,#fef3e2 48%,#fde8c8 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(680px 300px at 92% 4%, rgba(245,158,11,.18), transparent 62%),
    repeating-linear-gradient(96deg, rgba(251,191,36,.05) 0 1px, transparent 1px 12px),
    linear-gradient(135deg,#1b1108 0%,#241606 48%,#101a2b 100%);
}
.c60-hero h1 em{background:linear-gradient(120deg,#92400e,#f59e0b);-webkit-background-clip:text;background-clip:text;}
.c60-hero-badge{color:#92400e;border-color:rgba(146,64,14,.26);}

/* hero：叠放柜体 + 台面 */
.c60-hero-art{min-height:200px;}
.c60-hero-art .cb-wood{
  position:relative;
  width:180px;height:150px;
  border-radius:14px;
  padding:10px 10px 0;
  display:flex;
  align-items:flex-end;
  gap:6px;
  background:linear-gradient(180deg,#fdf6ec,#f4e6d2);
  border:1px solid #e7d3b6;
  box-shadow:0 18px 40px rgba(146,64,14,.18);
  transform:rotate(-3deg);
}
.c60-hero-art .cb-plank{
  flex:1;
  border-radius:6px 6px 0 0;
  background:
    repeating-linear-gradient(92deg, rgba(120,53,15,.18) 0 1px, transparent 1px 7px),
    linear-gradient(180deg,#d9a86a,#b4763a);
  border:1px solid #a4682f;
  position:relative;
}
.c60-hero-art .cb-plank::after{
  content:"";
  position:absolute;
  left:50%;top:52%;
  width:12px;height:3px;
  border-radius:2px;
  background:#6b3d17;
  transform:translateX(-50%);
  box-shadow:0 10px 0 #6b3d17;
}
.c60-hero-art .p1{height:52%;}
.c60-hero-art .p2{height:66%;}
.c60-hero-art .p3{height:44%;}
.c60-hero-art .cb-base{
  position:absolute;
  left:6px;right:6px;bottom:-9px;
  height:10px;
  border-radius:4px;
  background:linear-gradient(180deg,#e8d6bd,#cdb290);
  box-shadow:0 6px 14px rgba(146,64,14,.16);
}
.c60-hero-art .chip b{color:#92400e;}
:root[data-theme="dark"] .c60-hero-art .cb-wood{
  background:linear-gradient(180deg,#1d150c,#160f08);
  border-color:#3a2716;
  box-shadow:0 18px 40px rgba(0,0,0,.42);
}
:root[data-theme="dark"] .c60-hero-art .cb-plank{
  background:
    repeating-linear-gradient(92deg, rgba(0,0,0,.22) 0 1px, transparent 1px 7px),
    linear-gradient(180deg,#a8763c,#7a5124);
  border-color:#8a5c2b;
}
:root[data-theme="dark"] .c60-hero-art .cb-base{background:linear-gradient(180deg,#33261a,#241a11);}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#92400e,#b45309 62%,#d97706);
  box-shadow:0 16px 34px rgba(146,64,14,.30);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

/* 环图区 */
.cb-pie{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:14px;
  border-radius:14px;
  background:linear-gradient(135deg,#fffaf3,#fdf1e1);
  border:1px solid #f0ddc2;
}
:root[data-theme="dark"] .cb-pie{
  background:linear-gradient(135deg,#181108,#111a29);
  border-color:#2a2015;
}
.cb-pie svg{display:block;}
.cb-legend{display:flex;flex-direction:column;gap:7px;min-width:0;}
.cb-legend .row{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  font-size:12px;
  color:var(--ink2);
}
.cb-legend .row i{
  width:10px;height:10px;border-radius:3px;display:block;
}
.cb-legend .row b{font-weight:800;color:var(--ink);white-space:nowrap;}
.cb-legend .row em{font-style:normal;color:var(--muted);font-weight:700;white-space:nowrap;grid-column:2/4;}
.cb-legend-empty{font-size:12.5px;color:var(--muted);}

/* 报价表格 */
#cbQuoteTable tbody tr:nth-child(even) td{background:rgba(245,158,11,.05);}
#cbQuoteTable td:first-child{font-weight:800;color:var(--ink);}
#cbQuoteTable td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:800;color:#92400e;}
:root[data-theme="dark"] #cbQuoteTable td:nth-child(3){color:#fcd34d;}
#cbQuoteTable tr.is-total td{background:rgba(245,158,11,.10);font-weight:800;color:var(--ink);}

/* chips / range */
.c60-chip.on{background:rgba(245,158,11,.14);border-color:#d97706;color:#92400e;}
:root[data-theme="dark"] .c60-chip.on{color:#fcd34d;}
.c60-bar-row .bf{background:linear-gradient(90deg,#d97706,#92400e);}

/* 门板/台面 select 暖色描边 */
#cbTopMat,#cbDoorMat{color:#92400e;}
:root[data-theme="dark"] #cbTopMat,
:root[data-theme="dark"] #cbDoorMat{color:#fcd34d;}

@media (max-width:640px){
  .cb-pie{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .cb-legend{width:100%;}
  .c60-hero-art .cb-wood{width:150px;height:126px;}
}