/* 会员储值赠送计算器 —— 玫瑰红会员卡 · 消费金融 */
.c60{
  --a:#be123c;
  --a2:#fb7185;
  --a-soft:rgba(190,18,60,.10);
  --a-line:rgba(190,18,60,.26);
}

/* 会员卡母题：斜切卡面 + 卡号点阵 */
.c60-hero{
  background:
    radial-gradient(720px 320px at 10% 0%, rgba(255,255,255,.82), transparent 62%),
    repeating-linear-gradient(115deg, rgba(190,18,60,.05) 0 1px, transparent 1px 14px),
    linear-gradient(135deg,#fff1f2 0%,#ffe4e6 48%,#fdf2f8 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(720px 320px at 10% 0%, rgba(251,113,133,.16), transparent 62%),
    repeating-linear-gradient(115deg, rgba(251,113,133,.06) 0 1px, transparent 1px 14px),
    linear-gradient(135deg,#1d0710 0%,#2a0b16 50%,#170b1d 100%);
}

/* hero 会员卡插画 */
.ms-hero-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  width:238px;
  min-height:140px;
  padding:18px 20px;
  border-radius:18px;
  background:
    radial-gradient(220px 120px at 85% 10%, rgba(255,255,255,.24), transparent 60%),
    linear-gradient(135deg,#e11d48,#9f1239 68%,#4c0519);
  color:#fff;
  box-shadow:0 26px 48px rgba(159,18,57,.38);
  transform:rotate(-4deg);
  overflow:hidden;
}
.ms-hero-card::after{
  content:"";
  position:absolute;
  right:-30px;bottom:-40px;
  width:130px;height:130px;
  border-radius:50%;
  border:14px solid rgba(255,255,255,.12);
}
.ms-hero-brand{font-size:10px;font-weight:800;letter-spacing:2.2px;opacity:.82;}
.ms-hero-chip{
  width:34px;height:24px;margin-top:10px;border-radius:6px;
  background:linear-gradient(135deg,#fde68a,#f59e0b);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
}
.ms-hero-balance{font-size:31px;font-weight:900;letter-spacing:-1px;line-height:1.2;}
.ms-hero-sub{font-size:11.5px;font-weight:700;opacity:.88;}
.ms-hero-band{align-self:flex-start;margin-top:2px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px;font-weight:800;}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#e11d48,#881337 72%);
  box-shadow:0 16px 34px rgba(159,18,57,.34);
}
.c60-segbtn.on{color:#9f1239;}
.c60-chip.on{background:rgba(190,18,60,.12);border-color:#be123c;color:#9f1239;}

/* 结果会员卡 */
.ms-card{
  position:relative;
  max-width:360px;
  margin:18px auto 14px;
  padding:18px 20px 16px;
  border-radius:18px;
  background:
    radial-gradient(240px 130px at 88% 8%, rgba(255,255,255,.22), transparent 62%),
    linear-gradient(135deg,#e11d48,#be123c 45%,#7f1d1d);
  color:#fff;
  box-shadow:0 22px 42px rgba(159,18,57,.3);
  overflow:hidden;
}
.ms-card::after{
  content:"";
  position:absolute;
  right:-26px;bottom:-44px;
  width:140px;height:140px;
  border-radius:50%;
  border:12px solid rgba(255,255,255,.10);
}
.ms-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}
.ms-brand{font-size:10.5px;font-weight:800;letter-spacing:2px;opacity:.9;}
.ms-chip{width:32px;height:22px;border-radius:5px;background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:inset 0 0 0 2px rgba(255,255,255,.3);}
.ms-card-balance{position:relative;z-index:1;margin-top:12px;}
.ms-card-balance small{display:block;font-size:10.5px;letter-spacing:1.2px;opacity:.8;font-weight:700;}
.ms-card-balance strong{display:block;font-size:34px;font-weight:900;letter-spacing:-1.2px;line-height:1.2;}
.ms-card-mid{position:relative;z-index:1;display:flex;gap:18px;margin-top:8px;font-size:11.5px;font-weight:700;opacity:.92;}
.ms-card-mid b{font-weight:900;}
.ms-card-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:800;letter-spacing:.6px;}
.ms-card-no{letter-spacing:2px;opacity:.8;}

/* 构成环图 */
.ms-donut-wrap{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;border:1px dashed var(--a-line);border-radius:14px;background:linear-gradient(180deg,var(--a-soft),transparent);}
.ms-donut-wrap > div:first-child{flex:none;}
.ms-donut-info{min-width:0;}
.ms-donut-title{margin:0 0 3px;font-size:12.5px;font-weight:900;color:var(--ink);}
.ms-donut-info p:not(.ms-donut-title){margin:0;font-size:11.5px;line-height:1.65;color:var(--muted);}
.ms-donut-tip{margin-top:4px !important;font-weight:700;color:var(--a) !important;}

/* 档位表 */
#msTierTable td{font-variant-numeric:tabular-nums;}
#msTierTable tbody tr:nth-child(even) td{background:rgba(190,18,60,.035);}
#msTierTable tr.is-current td{background:rgba(190,18,60,.10);font-weight:800;color:var(--ink);}
#msTierTable tr.is-current td:first-child::after{content:" 当前";font-size:10px;color:var(--a);}

/* 预设 chips 两行排列 */
#msTierChips{margin-top:-2px;}

.c60-bar-row .bf{background:linear-gradient(90deg,#fb7185,#be123c);}

@media (max-width:640px){
  .ms-card{max-width:100%;}
  .ms-donut-wrap{flex-direction:column;align-items:flex-start;}
}