/* 孕酮单位换算计算器 —— 紫罗兰 · 双单位镜像 */
.c60{
  --a:#6d28d9;
  --a2:#c4b5fd;
  --a-soft:rgba(109,40,217,.10);
  --a-line:rgba(109,40,217,.26);
}

.c60-hero{
  background:
    radial-gradient(700px 300px at 12% -10%, rgba(255,255,255,.8), transparent 62%),
    linear-gradient(90deg, rgba(109,40,217,.05) 0 1px, transparent 1px 50%),
    linear-gradient(134deg, #f5f3ff 0%, #ede9fe 44%, #ddd6fe 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 300px at 12% -10%, rgba(196,181,253,.14), transparent 62%),
    linear-gradient(90deg, rgba(196,181,253,.05) 0 1px, transparent 1px 50%),
    linear-gradient(134deg,#150b2b 0%,#1d1038 48%,#0d1424 100%);
}
.pu .c60-hero-art .core{
  background:linear-gradient(145deg,#8b5cf6,#4c1d95);
  box-shadow:0 18px 42px rgba(76,29,149,.34);
}
.pu .c60-hero-art .chip b{color:#6d28d9;}

/* 双单位装饰 */
.pu-units{
  position:absolute;
  inset:6px 6px auto auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:8px 12px;
  border:1px dashed rgba(109,40,217,.35);
  border-radius:14px;
  background:rgba(255,255,255,.55);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  color:#6d28d9;
  opacity:.9;
  pointer-events:none;
}
.pu-units b{font-size:16px;line-height:1;}
:root[data-theme="dark"] .pu-units{background:rgba(20,12,40,.6);color:#c4b5fd;border-color:rgba(196,181,253,.4);}

.pu .c60-metric.is-hero{
  background:linear-gradient(135deg,#7c3aed,#4c1d95 76%);
  box-shadow:0 16px 34px rgba(76,29,149,.32);
}
.pu .c60-metric.is-hero .v{font-size:clamp(26px,3vw,40px);}

.pu .c60-segbtn.on{color:#6d28d9;}
.pu .c60-chip.on{background:rgba(109,40,217,.12);border-color:#6d28d9;color:#5b21b6;}

.pu-factor{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:14px;
  padding:10px 12px;
  border:1px dashed var(--a-line);
  border-radius:12px;
  background:var(--a-soft);
  font-size:12px;
}
.pu-factor .k{font-weight:900;color:var(--a);}
.pu-factor .f{font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums;}

/* 区间条 */
.pu-bar svg{display:block;width:100%;height:auto;max-height:200px;}
.pu-bar text{font-family:var(--font);}

/* 表格 */
.c60-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:12px;}
.c60-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.c60-table th{background:var(--a-soft);color:var(--a);font-weight:800;text-align:left;padding:9px 12px;font-size:11.5px;}
.c60-table td{padding:7px 12px;border-top:1px solid var(--line);color:var(--ink2);}
.c60-table tbody tr:nth-child(even) td{background:rgba(109,40,217,.035);}
.pu-table td{font-variant-numeric:tabular-nums;}
.pu-table td:nth-child(1),.pu-table td:nth-child(2){font-weight:800;color:var(--a);}
.pu-tip{margin-top:9px;font-size:11.5px;color:var(--ink2);line-height:1.7;}

/* 状态色 */
.pu-st-low{color:#b45309 !important;}
.pu-st-ok{color:#047857 !important;}
.pu-st-high{color:#be123c !important;}
:root[data-theme="dark"] .pu-st-low{color:#fbbf24 !important;}
:root[data-theme="dark"] .pu-st-ok{color:#34d399 !important;}
:root[data-theme="dark"] .pu-st-high{color:#fda4af !important;}

@media (max-width:640px){
  .pu-units{display:none;}
  .pu-bar svg{max-height:170px;}
}
@media print{
  .pu-units{display:none;}
}