/* 积分兑换价值计算器 —— 金币琥珀 · 会员返利 */
.c60{
  --a:#b45309;
  --a2:#fbbf24;
  --a-soft:rgba(180,83,9,.10);
  --a-line:rgba(180,83,9,.26);
}

/* 金币母题：同心圆 + 金属高光 */
.c60-hero{
  background:
    radial-gradient(700px 320px at 14% 0%, rgba(255,255,255,.86), transparent 62%),
    repeating-radial-gradient(circle at 90% 20%, rgba(180,83,9,.06) 0 2px, transparent 2px 22px),
    linear-gradient(135deg,#fffbeb 0%,#fef3c7 50%,#fff7ed 100%);
}
:root[data-theme="dark"] .c60-hero{
  background:
    radial-gradient(700px 320px at 14% 0%, rgba(251,191,36,.16), transparent 62%),
    repeating-radial-gradient(circle at 90% 20%, rgba(251,191,36,.06) 0 2px, transparent 2px 22px),
    linear-gradient(135deg,#1a1205 0%,#241a06 50%,#1d1208 100%);
}

/* hero 金币叠放 */
.pts-coin-stack{position:relative;width:220px;height:170px;}
.pts-coin{
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:112px;height:112px;
  border-radius:50%;
  color:#78350f;
  font-size:24px;
  font-weight:900;
  line-height:1.05;
  background:
    radial-gradient(circle at 32% 26%, #fffbeb, #fde68a 38%, #f59e0b 72%, #b45309);
  border:3px solid #fbbf24;
  box-shadow:0 14px 26px rgba(180,83,9,.26), inset 0 0 0 6px rgba(255,255,255,.35);
}
.pts-coin small{font-size:10px;font-weight:800;letter-spacing:1.2px;opacity:.8;}
.pts-coin.c1{left:0;top:26px;transform:rotate(-8deg);}
.pts-coin.c2{right:0;top:0;transform:rotate(7deg);background:radial-gradient(circle at 32% 26%, #fff7ed, #fed7aa 40%, #fb923c 72%, #c2410c);}
.pts-coin.c3{right:22px;bottom:0;transform:rotate(-3deg);background:radial-gradient(circle at 32% 26%, #fffbeb, #fef08a 40%, #facc15 72%, #a16207);}

.c60-metric.is-hero{
  background:linear-gradient(135deg,#d97706,#92400e 72%);
  box-shadow:0 16px 34px rgba(146,64,14,.32);
}
.c60-segbtn.on{color:#b45309;}
.c60-chip.on{background:rgba(180,83,9,.12);border-color:#b45309;color:#92400e;}

/* 结果区金币 + 环图 */
.pts-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px;align-items:stretch;}
.pts-coins{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:14px 8px;
  border:1px dashed var(--a-line);border-radius:14px;
  background:linear-gradient(160deg,var(--a-soft),transparent 72%);
}
.pts-bigcoin{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:112px;height:112px;border-radius:50%;
  color:#78350f;
  background:radial-gradient(circle at 32% 26%, #fffbeb, #fde68a 40%, #f59e0b 72%, #b45309);
  border:3px solid #fbbf24;
  box-shadow:0 10px 22px rgba(180,83,9,.2), inset 0 0 0 6px rgba(255,255,255,.3);
  transform:rotate(-4deg);
}
.pts-bigcoin.sub{width:96px;height:96px;transform:rotate(4deg);background:radial-gradient(circle at 32% 26%, #fff7ed, #fed7aa 40%, #fb923c 72%, #c2410c);}
.pts-bigcoin small{font-size:9.5px;font-weight:800;letter-spacing:1px;opacity:.8;}
.pts-bigcoin b{font-size:20px;font-weight:900;letter-spacing:-.5px;line-height:1.15;}
.pts-bigcoin em{font-style:normal;font-size:9.5px;font-weight:800;opacity:.8;}

.pts-donut{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;border:1px solid var(--line);border-radius:14px;background:var(--card);}
.pts-donut p{margin:4px 0 0;font-size:11px;color:var(--muted);font-weight:700;text-align:center;}

/* 商品兑换卡 */
.pts-redeem-card{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(160deg,var(--a-soft),transparent 70%);
}
.pts-redeem-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;font-weight:900;color:var(--ink);}
.pts-redeem-head span:last-child{font-size:11px;color:var(--a);font-weight:800;}
.pts-redeem-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;color:var(--muted);border-bottom:1px dashed var(--line);}
.pts-redeem-row b{color:var(--ink);font-variant-numeric:tabular-nums;}
.pts-redeem-row.total{border-bottom:0;padding-top:8px;font-size:13px;}
.pts-redeem-row.total b{color:var(--a);font-size:16px;}

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

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

@media (max-width:640px){
  .pts-visual{grid-template-columns:1fr;}
  .pts-coin-stack{width:190px;height:150px;}
  .pts-coin{width:100px;height:100px;font-size:21px;}
  .pts-bigcoin{width:100px;height:100px;}
  .pts-bigcoin.sub{width:88px;height:88px;}
}