/* 厨房台面高度计算器 —— 木纹与暖黄 */
.c60{
  --a:#a16207;
  --a2:#fde047;
  --a-soft:rgba(161,98,7,.10);
  --a-line:rgba(161,98,7,.26);
}

/* 橱柜木纹：横向纹路 + 暖光 */
.c60-hero{
  background:
    radial-gradient(690px 320px at 15% 0%, rgba(255,255,255,.84), transparent 62%),
    repeating-linear-gradient(0deg, rgba(161,98,7,.045) 0 2px, transparent 2px 14px),
    linear-gradient(135deg, #fefce8 0%, #fef9c3 46%, #fffbeb 100%);
}
.c60-hero::before{
  background-image:
    linear-gradient(to right, rgba(161,98,7,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(161,98,7,.05) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(80% 80% at 72% 24%, #000 0%, transparent 80%);
  -webkit-mask-image:radial-gradient(80% 80% at 72% 24%, #000 0%, transparent 80%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(690px 320px at 15% 0%, rgba(253,224,71,.11), transparent 62%),
    repeating-linear-gradient(0deg, rgba(253,224,71,.025) 0 2px, transparent 2px 14px),
    linear-gradient(135deg,#1d1503 0%,#241a04 46%,#1a1405 100%);
}
:root[data-theme="dark"] .c60-hero::before{
  background-image:
    linear-gradient(to right, rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148,163,184,.08) 1px, transparent 1px);
}

/* 自绘插画：厨房立面剖面 */
.c60-hero-art .kc-section{
  position:relative;
  width:206px;
  height:168px;
  border-radius:16px;
  border:1.5px solid rgba(161,98,7,.34);
  background:linear-gradient(170deg,#ffffff,#fffbeb 66%,#fef9c3);
  box-shadow:0 18px 36px rgba(161,98,7,.16), inset 0 0 0 7px rgba(161,98,7,.04);
}
.c60-hero-art .kc-hood{
  position:absolute;
  top:20px;left:30px;right:54px;
  height:34px;
  border-radius:5px;
  background:linear-gradient(180deg,#fde68a,#d97706 72%,#92400e);
  border:1px solid rgba(120,53,15,.35);
  box-shadow:0 4px 8px rgba(120,53,15,.16);
}
.c60-hero-art .kc-counter{
  position:absolute;
  top:82px;left:20px;right:20px;
  height:9px;
  border-radius:3px;
  background:linear-gradient(90deg,#fde047,#eab308 55%,#a16207);
  border:1px solid rgba(120,53,15,.30);
  box-shadow:0 3px 7px rgba(120,53,15,.20);
}
.c60-hero-art .kc-base{
  position:absolute;
  top:91px;left:30px;right:64px;bottom:18px;
  border-radius:0 0 4px 4px;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.22) 0 1px, transparent 1px 26px),
    linear-gradient(180deg,#fef3c7,#fde68a 60%,#fbbf24);
  border:1px solid rgba(161,98,7,.28);
}
.c60-hero-art .kc-plinth{
  position:absolute;
  bottom:10px;left:30px;right:64px;
  height:9px;
  border-radius:0 0 3px 3px;
  background:linear-gradient(180deg,#a16207,#78350f);
}
.c60-hero-art .kc-ruler{
  position:absolute;
  top:20px;bottom:18px;
  width:1px;
  border-left:1px dashed rgba(161,98,7,.32);
}
.c60-hero-art .kc-ruler.r1{right:44px;}
.c60-hero-art .kc-ruler.r2{right:32px;border-left-style:solid;opacity:.35;}
.c60-hero-art .kc-ruler.r3{right:20px;border-left-style:solid;opacity:.2;}
.c60-hero-art .kc-mark{
  position:absolute;
  right:48px;
  font-size:9px;
  font-weight:900;
  color:#92400e;
  letter-spacing:.5px;
}
.c60-hero-art .kc-mark.m1{top:30px;}
.c60-hero-art .kc-mark.m2{top:70px;}
.c60-hero-art .kc-mark.m3{top:116px;}
:root[data-theme="dark"] .c60-hero-art .kc-section{
  background:linear-gradient(170deg,#241a06,#1d1503 66%,#161003);
  border-color:rgba(253,224,71,.26);
  box-shadow:0 18px 36px rgba(0,0,0,.36), inset 0 0 0 7px rgba(253,224,71,.03);
}
:root[data-theme="dark"] .c60-hero-art .kc-hood{background:linear-gradient(180deg,#422c05,#a16207 72%,#78350f);border-color:rgba(253,224,71,.22);}
:root[data-theme="dark"] .c60-hero-art .kc-counter{background:linear-gradient(90deg,#a16207,#eab308 55%,#fde047);border-color:rgba(253,224,71,.24);}
:root[data-theme="dark"] .c60-hero-art .kc-base{background:repeating-linear-gradient(90deg,rgba(253,224,71,.04) 0 1px,transparent 1px 26px),linear-gradient(180deg,#332304,#422c05 60%,#4a3208);border-color:rgba(253,224,71,.18);}
:root[data-theme="dark"] .c60-hero-art .kc-plinth{background:linear-gradient(180deg,#422c05,#2a1c03);}
:root[data-theme="dark"] .c60-hero-art .kc-ruler{border-left-color:rgba(253,224,71,.28);}
:root[data-theme="dark"] .c60-hero-art .kc-mark{color:#fde047;}
.c60-hero-art .chip{background:rgba(255,255,255,.92);}
:root[data-theme="dark"] .c60-hero-art .chip{background:rgba(14,22,38,.88);}
.c60-hero-art .chip b{color:#a16207;}
:root[data-theme="dark"] .c60-hero-art .chip b{color:#fde047;}

/* 主结果：赭石 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#713f12,#a16207 50%,#eab308 100%);
  box-shadow:0 16px 34px rgba(161,98,7,.28);
}
.c60-metric.is-hero .v{font-size:clamp(28px,3.4vw,42px);}

.c60-segbtn.on{color:#a16207;}
:root[data-theme="dark"] .c60-segbtn.on{color:#fde047;}

.kc-sub{
  position:relative;
  margin:20px 0 2px;
  padding-left:12px;
  font-size:13.5px;
  font-weight:900;
  color:var(--ink);
}
.kc-sub::before{
  content:"";
  position:absolute;
  left:0;top:5px;bottom:5px;
  width:4px;
  border-radius:4px;
  background:linear-gradient(180deg,#a16207,#fde047);
}
.c60-bars{margin-top:10px;}
.c60-bar-row .bf{background:linear-gradient(90deg,#a16207,#fde047);}

/* 对比表 */
#kcTable td:first-child,#kcRefTable td:first-child{font-weight:900;color:var(--ink);}
#kcTable td:nth-child(n+2),#kcRefTable td:nth-child(n+2){font-variant-numeric:tabular-nums;}
#kcTable tbody tr.is-rec td{background:color-mix(in srgb,var(--a) 8%,var(--card));font-weight:800;color:var(--ink);}
#kcRefTable tbody tr.is-rec td{background:color-mix(in srgb,var(--a) 7%,var(--card));color:var(--ink);}

/* 附加尺寸卡 */
.kc-extra{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.kc-extra-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 13px;
  border-radius:11px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,color-mix(in srgb,var(--a) 5%,var(--card)),var(--card));
  font-size:12.5px;
}
.kc-extra-row span{color:var(--muted);font-weight:700;}
.kc-extra-row b{color:var(--ink);font-weight:900;font-variant-numeric:tabular-nums;text-align:right;}
.kc-extra-row:nth-child(2) b{color:var(--a);}
.kc-extra-row:nth-child(4){grid-column:1/-1;}

/* 批量表 */
#kcBatchTable td:first-child{font-weight:800;color:var(--ink);}
#kcBatchTable tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--a) 3%,transparent);}
#kcBatchTable td:nth-child(n+2){font-variant-numeric:tabular-nums;}
#kcBatchTable tbody tr.is-err td{color:var(--err);background:var(--err-soft);}
#kcBatchTable tbody tr.is-warn td{color:#b45309;background:rgba(253,224,71,.16);}

:root[data-theme="dark"] .c60-warn{color:#fcd34d;}

@media (max-width:960px){
  .c60-hero-art .kc-section{width:176px;height:150px;}
  .c60-hero-art .kc-hood{left:24px;right:48px;}
  .c60-hero-art .kc-base{left:24px;right:56px;}
  .c60-hero-art .kc-plinth{left:24px;right:56px;}
  .c60-hero-art .kc-ruler.r1{right:38px;}
  .c60-hero-art .kc-mark{right:42px;font-size:8px;}
}
@media (max-width:640px){
  .kc-extra{grid-template-columns:1fr;}
  .kc-extra-row:nth-child(4){grid-column:auto;}
  .c60-metrics{grid-template-columns:1fr 1fr;}
  .kc-sub{font-size:13px;}
}
@media print{
  .c60-actions,.c60-batch,.c60-hist,.c60-seg,.c60-msg,.c60-hero-art{display:none!important;}
  .c60-card{box-shadow:none;border-color:#ccc;}
  #kcTable,#kcRefTable{min-width:0;}
  .kc-extra{grid-template-columns:1fr 1fr;}
}