/* 亚克力字报价计算器 —— 玫粉 · 发光字母题 */
.c60{
  --a:#db2777;
  --a2:#f9a8d4;
  --a-soft:rgba(219,39,119,.10);
  --a-line:rgba(219,39,119,.26);
}

.c60-hero{
  background:
    radial-gradient(560px 300px at 18% 30%, rgba(249,168,212,.30), transparent 62%),
    radial-gradient(460px 260px at 84% 10%, rgba(255,255,255,.82), transparent 66%),
    linear-gradient(135deg,#fdf2f8 0%,#fce7f3 46%,#fff1f2 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(560px 300px at 18% 30%, rgba(219,39,119,.24), transparent 62%),
    radial-gradient(460px 260px at 84% 10%, rgba(249,168,212,.10), transparent 66%),
    linear-gradient(135deg,#2a0d1c 0%,#2c101f 48%,#0e1626 100%);
}

/* hero：发光字 */
.al-art{
  position:relative;
  display:grid;
  place-items:center;
  min-height:190px;
}
.al-ring{
  position:absolute;
  width:158px;height:158px;
  border-radius:50%;
  border:1px dashed rgba(219,39,119,.36);
  animation:c60spin 24s linear infinite;
}
.al-glyph{
  position:relative;
  display:grid;place-items:center;
  width:104px;height:104px;
  border-radius:24px;
  background:linear-gradient(145deg,#f472b6,#db2777);
  color:#fff;
  font-size:48px;
  font-weight:900;
  letter-spacing:0;
  text-shadow:0 0 18px rgba(255,255,255,.85), 0 0 42px rgba(249,168,212,.9);
  box-shadow:0 0 34px rgba(219,39,119,.42), 0 0 74px rgba(249,168,212,.42), 0 18px 40px rgba(219,39,119,.3);
  animation:alGlowPulse 3.2s ease-in-out infinite;
}
.al-chip{
  position:absolute;
  bottom:6px;right:0;
  padding:6px 11px;
  border-radius:12px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(219,39,119,.2);
  color:#9d174d;
  font-size:11.5px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(219,39,119,.14);
}
@keyframes alGlowPulse{
  0%,100%{box-shadow:0 0 30px rgba(219,39,119,.36), 0 0 66px rgba(249,168,212,.34), 0 18px 40px rgba(219,39,119,.28);}
  50%{box-shadow:0 0 44px rgba(219,39,119,.5), 0 0 92px rgba(249,168,212,.5), 0 18px 40px rgba(219,39,119,.3);}
}
@media (prefers-reduced-motion:reduce){
  .al-glyph,.al-ring{animation:none;}
}
:root[data-theme="dark"] .al-chip{background:rgba(14,22,38,.82);border-color:#1f2b3e;color:#f9a8d4;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#db2777,#831843 72%);
  box-shadow:0 16px 34px rgba(219,39,119,.28);
}
.c60-segbtn.on{color:#be185d;}
.c60-chip.on{background:rgba(219,39,119,.11);border-color:#db2777;color:#be185d;}
.c60-bar-row .bf{background:linear-gradient(90deg,#f9a8d4,#db2777);}

/* 发光示意 */
.al-glow{
  margin-top:18px;
  padding:10px 14px;
  border-radius:14px;
  background:radial-gradient(60% 90% at 50% 50%, rgba(249,168,212,.22), rgba(219,39,119,.03));
  border:1px dashed rgba(219,39,119,.24);
  overflow-x:auto;
}
.al-glow svg{display:block;width:100%;min-width:260px;height:auto;}
.al-glow-empty{
  text-align:center;color:var(--muted);font-size:12.5px;font-weight:700;padding:22px 0;
}
:root[data-theme="dark"] .al-glow{background:radial-gradient(60% 90% at 50% 50%, rgba(219,39,119,.18), rgba(14,22,38,.2));border-color:rgba(249,168,212,.2);}

#alTierBody tr.is-current td{background:rgba(219,39,119,.11);font-weight:800;color:var(--ink);}
#alTierBody td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:800;color:#be185d;}

@media (max-width:640px){
  .al-ring{width:132px;height:132px;}
  .al-glyph{width:88px;height:88px;font-size:40px;}
  .al-chip{font-size:10.5px;}
}