/* 抽卡记录 / 爆率统计（模态复用 shop.css 的 .topup-modal） */
.records-panel{width:min(560px,calc(100vw - 32px))}
.records-list{display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:min(420px,52vh);overflow:auto;margin-bottom:12px}
.record-session{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.record-session.is-custom-rates{border-color:rgba(255,180,60,.22)}
.record-session.is-custom-rates .meta{color:rgba(255,200,120,.55)}
.record-session-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.record-session-head .time{font-size:11px;color:rgba(200,220,240,.55);white-space:nowrap;font-variant-numeric:tabular-nums}
.record-session-head .meta{font-size:10px;color:rgba(200,220,240,.48);letter-spacing:.04em;text-align:right}
.record-session-pulls{display:flex;flex-wrap:wrap;gap:4px 6px;line-height:1.35}
.pull-chip{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.02em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pull-chip.tier-SSR{color:var(--gold);border-color:rgba(255,200,100,.28);background:rgba(255,180,60,.08)}
.pull-chip.tier-SR{color:var(--purple);border-color:rgba(185,140,255,.28);background:rgba(150,90,255,.08)}
.pull-chip.tier-R{color:var(--blue);border-color:rgba(120,190,255,.24);background:rgba(90,150,255,.06)}
.records-empty{padding:32px 12px;text-align:center;color:rgba(200,220,240,.45);font-size:13px;letter-spacing:.04em}
.records-pager{display:flex;align-items:center;justify-content:center;gap:12px}
.records-pager button{padding:6px 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;cursor:pointer}
.records-pager button:disabled{opacity:.4;cursor:not-allowed}
.records-pager span{font-size:12px;color:rgba(210,232,255,.65);letter-spacing:.04em}
.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.stat-box{padding:12px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}
.stat-box .label{font-size:11px;color:rgba(200,220,240,.58);letter-spacing:.06em}
.stat-box .val{margin-top:6px;font-size:22px;font-weight:900;letter-spacing:.04em}
.stat-box.ssr .val{color:var(--gold)}.stat-box.sr .val{color:var(--purple)}.stat-box.r .val{color:var(--blue)}
.stats-table{width:100%;border-collapse:collapse;font-size:12px}
.stats-table th,.stats-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
.stats-table th{color:rgba(200,220,240,.55);font-weight:600;letter-spacing:.06em}
.stats-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.stats-note{margin:12px 0 0;font-size:11px;line-height:1.55;color:rgba(200,220,240,.45);letter-spacing:.03em}