/* 淋浴房尺寸计算器 —— 深青 + 冰蓝 · 玻璃质感 */
.c60{
  --a:#0e7490;
  --a2:#67e8f9;
  --a-soft:rgba(14,116,144,.10);
  --a-line:rgba(14,116,144,.26);
}

/* 水汽与玻璃反光 */
.c60-hero{
  background:
    radial-gradient(620px 300px at 90% 0%, rgba(103,232,249,.34), transparent 60%),
    radial-gradient(520px 260px at 8% 10%, rgba(255,255,255,.86), transparent 62%),
    linear-gradient(135deg,#f4fbfd 0%,#e6f6fa 46%,#cffafe 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(620px 300px at 90% 0%, rgba(103,232,249,.20), transparent 60%),
    linear-gradient(135deg,#061720 0%,#082330 46%,#062a38 100%);
}
.c60-hero h1 em{background:linear-gradient(120deg,#0e7490,#22d3ee);-webkit-background-clip:text;background-clip:text;}
.c60-hero-badge{color:#0e7490;border-color:rgba(14,116,144,.24);}

/* hero：两片玻璃 + 石基 */
.c60-hero-art{min-height:200px;}
.c60-hero-art .sr-glass{
  position:relative;
  width:190px;height:170px;
}
.c60-hero-art .sr-pane{
  position:absolute;
  left:12px;bottom:22px;
  width:104px;height:120px;
  border-radius:6px;
  background:linear-gradient(155deg,rgba(224,247,250,.94),rgba(165,243,252,.62));
  border:2px solid rgba(14,116,144,.55);
  box-shadow:0 16px 34px rgba(14,116,144,.22), inset 0 1px 0 #fff;
  transform:perspective(340px) rotateY(-9deg);
}
.c60-hero-art .sr-pane.side{
  left:auto;right:10px;
  width:62px;
  transform:perspective(340px) rotateY(22deg);
}
.c60-hero-art .sr-base{
  position:absolute;
  left:8px;right:2px;bottom:10px;
  height:14px;
  border-radius:4px;
  background:linear-gradient(180deg,#0e7490,#155e75);
  box-shadow:0 8px 18px rgba(14,116,144,.28);
}
.c60-hero-art .sr-shine{
  position:absolute;
  left:24px;top:40px;
  width:26px;height:92px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));
  transform:rotate(14deg);
  filter:blur(1px);
  opacity:.9;
}
.c60-hero-art .chip b{color:#0e7490;}
:root[data-theme="dark"] .c60-hero-art .sr-pane{
  background:linear-gradient(155deg,rgba(34,211,238,.22),rgba(14,116,144,.18));
  border-color:rgba(103,232,249,.6);
  box-shadow:0 16px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.18);
}
:root[data-theme="dark"] .c60-hero-art .sr-base{background:linear-gradient(180deg,#155e75,#082f49);}

/* 主结果 */
.c60-metric.is-hero{
  background:linear-gradient(135deg,#0e7490,#0891b2 58%,#06b6d4);
  box-shadow:0 16px 34px rgba(14,116,144,.32);
}
.c60-metric.is-hero .v{font-size:clamp(26px,3.2vw,40px);letter-spacing:-1px;}

/* 平面示意 */
.sr-plan{
  margin-top:16px;
  padding:14px 14px 8px;
  border-radius:14px;
  background:linear-gradient(180deg,#f4fbfd,#e8f7fb);
  border:1px solid #cdeef6;
}
:root[data-theme="dark"] .sr-plan{
  background:linear-gradient(180deg,#0a1d26,#081721);
  border-color:#164b5c;
}
.sr-plan-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.sr-plan-h h3{margin:0;font-size:13px;font-weight:900;color:var(--ink2);}
.sr-plan-h span{font-size:11.5px;font-weight:800;color:#0e7490;}
:root[data-theme="dark"] .sr-plan-h span{color:#67e8f9;}
.sr-plan svg{display:block;width:100%;height:auto;max-height:280px;}

/* 适配结论 */
.sr-verdict{
  margin-top:14px;
  padding:12px 15px;
  border-radius:12px;
  border-left:4px solid #0e7490;
  background:rgba(14,116,144,.07);
  color:var(--ink2);
  font-size:13px;
  line-height:1.75;
  font-weight:700;
}
.sr-verdict.is-bad{border-left-color:#dc2626;background:rgba(220,38,38,.08);color:#b91c1c;}
.sr-verdict.is-warn{border-left-color:#d97706;background:rgba(217,119,6,.09);color:#92400e;}
:root[data-theme="dark"] .sr-verdict.is-bad{color:#fca5a5;}
:root[data-theme="dark"] .sr-verdict.is-warn{color:#fcd34d;}

/* 规格表 */
#srSpecTable td:first-child{font-weight:800;color:var(--ink);}
#srSpecTable tbody tr:nth-child(even) td{background:rgba(14,116,144,.04);}

.c60-chip.on{background:rgba(14,116,144,.12);border-color:#0e7490;color:#0e7490;}
:root[data-theme="dark"] .c60-chip.on{color:#67e8f9;}
.c60-bar-row .bf{background:linear-gradient(90deg,#0e7490,#67e8f9);}

@media (max-width:640px){
  .c60-hero-art .sr-glass{width:160px;height:146px;}
  .c60-hero-art .sr-pane{width:86px;height:100px;}
  .c60-hero-art .sr-pane.side{width:50px;}
  .sr-plan{padding:10px 10px 4px;}
}