:root{--bigdata-red:#d71920;--bigdata-red-deep:#9f1218;--bigdata-gold:#d69a20;--bigdata-ink:#1d2430;--bigdata-muted:#747d8c;--bigdata-line:#e7eaf0;--bigdata-bg:#f3f4f7;--bigdata-panel:#fff;--bigdata-soft:#fff7e8}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bigdata-bg);color:var(--bigdata-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
body{font-size:16px;line-height:1.5}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
.lottery-bigdata-page{max-width:720px;margin:0 auto;min-height:100vh;padding:10px 10px 28px}
.bigdata-topbar{height:56px;display:grid;grid-template-columns:44px minmax(0,1fr) 64px;align-items:center;gap:8px;background:var(--bigdata-panel);border:1px solid var(--bigdata-line);border-radius:8px;padding:6px;box-shadow:0 8px 22px rgba(29,36,48,.06)}
.bigdata-back{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#f5f6f8;color:#1d2430;text-decoration:none;font-size:30px;font-weight:400;line-height:1}
.bigdata-title{min-width:0;text-align:center}
.bigdata-title h1{margin:0;color:#111722;font-size:18px;line-height:1.2;font-weight:900;letter-spacing:0}
.bigdata-title p{margin:2px 0 0;color:var(--bigdata-muted);font-size:12px;line-height:1.2}
.bigdata-refresh{height:42px;border:0;border-radius:8px;background:var(--bigdata-red);color:#fff;font-size:14px;font-weight:900;cursor:pointer;box-shadow:inset 0 -1px 0 rgba(0,0,0,.14)}
.bigdata-refresh.is-loading,.bigdata-refresh:disabled{opacity:.72;cursor:default}
.bigdata-refresh:active,.bigdata-back:active{transform:translateY(1px)}
.bigdata-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:14px;border-radius:8px;background:#b9151b;color:#fff;box-shadow:0 10px 20px rgba(159,18,24,.14)}
.bigdata-summary-main{min-width:0}
.bigdata-summary-main span{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:800}
.bigdata-summary-main strong{display:block;margin-top:2px;font-size:23px;line-height:1.2;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bigdata-summary-time{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;padding:0 9px;border-radius:6px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:800}
.bigdata-metrics{display:grid;grid-template-columns:1.35fr 1fr .78fr;gap:8px;margin-top:8px}
.bigdata-metric{min-width:0;border:1px solid var(--bigdata-line);border-radius:8px;background:var(--bigdata-panel);padding:10px 11px;box-shadow:0 6px 16px rgba(29,36,48,.04)}
.bigdata-metric span{display:block;color:var(--bigdata-muted);font-size:12px;font-weight:800}
.bigdata-metric strong{display:block;margin-top:3px;min-height:24px;color:#111722;font-size:18px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bigdata-metric.is-leader strong{color:var(--bigdata-red)}
.bigdata-switch{margin-top:10px;padding:8px;border:1px solid var(--bigdata-line);border-radius:8px;background:var(--bigdata-panel)}
.bigdata-type-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.bigdata-type-pills::-webkit-scrollbar{display:none}
.bigdata-type-btn{flex:0 0 auto;min-width:74px;height:38px;border:1px solid #edf0f4;background:#f8f9fb;color:#3a4250;border-radius:8px;padding:0 13px;font-size:14px;font-weight:900;cursor:pointer}
.bigdata-type-btn.active{background:#202734;color:#fff;border-color:#202734;box-shadow:0 4px 10px rgba(32,39,52,.15)}
.bigdata-rank-panel{margin-top:10px;border:1px solid var(--bigdata-line);border-radius:8px;background:var(--bigdata-panel);overflow:hidden;box-shadow:0 10px 24px rgba(29,36,48,.06)}
.bigdata-panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:13px 14px 11px;border-bottom:1px solid var(--bigdata-line);background:#fff}
.bigdata-panel-title div{min-width:0}
.bigdata-panel-title span{display:block;color:var(--bigdata-muted);font-size:12px;font-weight:800}
.bigdata-panel-title strong{display:block;margin-top:1px;color:#111722;font-size:20px;line-height:1.2;font-weight:900}
.bigdata-panel-title em{flex:0 0 auto;color:#a46a09;font-style:normal;font-size:12px;font-weight:800}
.bigdata-rank-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:4px;background:#f0f2f5;border-bottom:1px solid var(--bigdata-line)}
.bigdata-tab-btn{height:42px;border:0;border-radius:6px;background:transparent;color:#606878;font-size:15px;font-weight:900;cursor:pointer}
.bigdata-tab-btn.active{background:#fff;color:var(--bigdata-red);box-shadow:0 1px 4px rgba(29,36,48,.08)}
.bigdata-table-head{display:grid;grid-template-columns:44px minmax(96px,1fr) minmax(112px,.95fr);gap:10px;padding:9px 14px;background:#fafbfc;border-bottom:1px solid var(--bigdata-line);color:#8a92a1;font-size:12px;font-weight:900}
.bigdata-table-head span:last-child{text-align:right}
.bigdata-list{display:grid;gap:0}
.bigdata-podium{position:relative;display:grid;grid-template-columns:1fr 1.06fr 1fr;align-items:end;gap:8px;padding:16px 12px 0;background:var(--bigdata-soft);border-bottom:1px solid var(--bigdata-line)}
.bigdata-podium-card{position:relative;z-index:1;min-width:0;text-align:center;border:1px solid #e8e1d3;background:#fff;border-radius:8px 8px 0 0;padding:10px 5px 0;overflow:hidden;box-shadow:0 7px 16px rgba(29,36,48,.07)}
.bigdata-podium-card.rank-1{padding-top:14px;border-color:#dfbd65;box-shadow:0 9px 20px rgba(214,154,32,.2)}
.bigdata-podium-card.rank-2{transform:translateY(8px)}
.bigdata-podium-card.rank-3{transform:translateY(12px)}
.bigdata-podium-rank{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:22px;margin-bottom:7px;border-radius:6px;background:#f3f5f8;color:#697282;font-size:12px;font-weight:900}
.bigdata-podium-card.rank-1 .bigdata-podium-rank{background:#fff0bd;color:#936000}
.bigdata-podium-card.rank-2 .bigdata-podium-rank{background:#eef1f6;color:#526071}
.bigdata-podium-card.rank-3 .bigdata-podium-rank{background:#fff0e4;color:#9a5426}
.bigdata-podium-mark{display:flex;justify-content:center;margin-bottom:7px}
.bigdata-podium-card .bigdata-ball,.bigdata-podium-card .bigdata-tag{width:44px;height:44px;font-size:16px}
.bigdata-podium-card strong{display:block;color:#111722;font-size:17px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums}
.bigdata-podium-step{height:18px;margin:9px -5px 0;background:#d8dde6}
.bigdata-podium-card.rank-1 .bigdata-podium-step{height:34px;background:var(--bigdata-gold)}
.bigdata-podium-card.rank-2 .bigdata-podium-step{height:26px;background:#bfc7d3}
.bigdata-podium-card.rank-3 .bigdata-podium-step{height:20px;background:#c9824c}
.bigdata-podium-base{grid-column:1/-1;height:8px;margin:0 -12px;background:var(--bigdata-red-deep)}
.bigdata-row{display:grid;grid-template-columns:44px minmax(96px,1fr) minmax(112px,.95fr);align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--bigdata-line);background:#fff}
.bigdata-row:nth-child(even){background:#fcfcfd}
.bigdata-row:last-child{border-bottom:0}
.bigdata-rank{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-weight:900;font-size:14px}
.bigdata-name{display:flex;align-items:center;gap:9px;min-width:0;font-weight:900;color:#141a24}
.bigdata-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bigdata-ball{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#111722;font-size:15px;font-weight:900;line-height:1;overflow:hidden}
.bigdata-ball img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.bigdata-ball span{position:relative;z-index:1}
.bigdata-tag{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#fff4e2;color:#9b6400;font-weight:900}
.bigdata-value{min-width:0}
.bigdata-value strong{display:block;text-align:right;font-size:18px;line-height:1.2;color:#111722;font-weight:900;font-variant-numeric:tabular-nums}
.bigdata-bar{height:6px;background:#eef1f5;border-radius:99px;margin-top:7px;overflow:hidden}
.bigdata-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--bigdata-red),var(--bigdata-gold));border-radius:99px;transition:width .25s ease-out}
.bigdata-empty{padding:38px 12px;text-align:center;color:#7a8190}
.bigdata-footnote{margin:10px 2px 0;color:#8a92a1;font-size:12px;text-align:center}
@media (max-width: 520px){
    .lottery-bigdata-page{padding:8px 8px 22px}
    .bigdata-topbar{height:54px;grid-template-columns:42px minmax(0,1fr) 60px;gap:6px;padding:6px}
    .bigdata-back{width:40px;height:40px;font-size:28px}
    .bigdata-title h1{font-size:17px}
    .bigdata-refresh{height:40px;font-size:13px}
    .bigdata-summary{padding:12px}
    .bigdata-summary-main strong{font-size:20px}
    .bigdata-summary-time{font-size:11px;padding:0 8px}
    .bigdata-metrics{grid-template-columns:1.25fr 1fr .72fr;gap:6px}
    .bigdata-metric{padding:9px 8px}
    .bigdata-metric strong{font-size:15px;min-height:20px}
    .bigdata-switch{padding:7px}
    .bigdata-type-btn{min-width:68px;height:36px;padding:0 11px;font-size:13px}
    .bigdata-panel-title{padding:12px 10px 10px}
    .bigdata-panel-title strong{font-size:18px}
    .bigdata-panel-title em{font-size:11px}
    .bigdata-rank-tabs{padding:3px}
    .bigdata-tab-btn{height:39px;font-size:14px}
    .bigdata-table-head{grid-template-columns:36px minmax(82px,1fr) minmax(88px,.9fr);gap:7px;padding:8px 10px}
    .bigdata-podium{gap:6px;padding:13px 8px 0}
    .bigdata-podium-card{padding:8px 4px 0}
    .bigdata-podium-card.rank-1{padding-top:11px}
    .bigdata-podium-rank{min-width:36px;height:20px;font-size:11px}
    .bigdata-podium-card .bigdata-ball,.bigdata-podium-card .bigdata-tag{width:38px;height:38px;font-size:14px}
    .bigdata-podium-card strong{font-size:13px}
    .bigdata-podium-base{margin:0 -8px}
    .bigdata-row{grid-template-columns:36px minmax(82px,1fr) minmax(88px,.9fr);gap:7px;padding:10px}
    .bigdata-rank{width:30px;height:30px;font-size:13px}
    .bigdata-ball,.bigdata-tag{width:32px;height:32px;font-size:13px}
    .bigdata-name{gap:6px}
    .bigdata-label{font-size:14px}
    .bigdata-value strong{font-size:16px}
}