*{box-sizing:border-box}body,html{margin:0;padding:0;background:#06070a;color:#fff;font-family:Arial,Microsoft YaHei,sans-serif}button{font-family:inherit}.page{min-height:100vh;padding:28px;background:radial-gradient(circle at top left,rgba(37,99,235,.22),transparent 34%),radial-gradient(circle at top right,rgba(234,179,8,.13),transparent 30%),#06070a}.hero{max-width:1200px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.badge{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(59,130,246,.16);color:#93c5fd;font-size:14px;margin-bottom:14px;border:1px solid rgba(147,197,253,.22)}h1{margin:0;font-size:42px;line-height:1.15;letter-spacing:1px}.hero p{color:#a1a1aa;font-size:16px;margin:14px 0 0}.refresh-btn{border:none;border-radius:18px;padding:14px 24px;background:linear-gradient(135deg,#facc15,#f97316);color:#111827;font-weight:800;cursor:pointer;box-shadow:0 12px 40px rgba(249,115,22,.22);white-space:nowrap}.refresh-btn:disabled{opacity:.65;cursor:not-allowed}.card,.error-card,.loading-card{max-width:1200px;margin:0 auto 20px;border-radius:28px;background:rgba(24,24,27,.88);border:1px solid rgba(63,63,70,.8);box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px}.loading-card{text-align:center;color:#e4e4e7}.error-card{color:#fecaca;background:rgba(127,29,29,.55);border-color:hsla(0,91%,71%,.5)}.top-grid{max-width:1200px;margin:0 auto 20px;display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px}.top-grid .card{margin:0}.card-title{font-size:24px;font-weight:800;margin-bottom:16px}.hot-title{color:#f87171}.cold-title{color:#67e8f9}.section-desc{margin:-8px 0 16px;color:#a1a1aa;font-size:14px}.latest-info{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:22px}.analysis-list div,.latest-info div,.stats-list div{background:rgba(39,39,42,.72);border:1px solid rgba(63,63,70,.8);border-radius:18px;padding:14px}.analysis-list span,.latest-info span,.stats-list span{display:block;color:#a1a1aa;font-size:13px;margin-bottom:8px}.analysis-list strong,.latest-info strong,.stats-list strong{font-size:18px}.latest-balls{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.plus{font-size:30px;font-weight:900;color:#f87171}.ball-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-gap:14px;gap:14px}.recommend-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.ball-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.ball-box.small{gap:4px}.ball{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:900;box-shadow:inset 0 -6px 12px rgba(0,0,0,.22),0 10px 22px rgba(0,0,0,.28);border:3px solid hsla(0,0%,100%,.2)}.ball-box.small .ball{width:44px;height:44px;font-size:16px;border-width:2px}.ball.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.ball.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ball.green{background:linear-gradient(135deg,#16a34a,#15803d)}.ball-count{color:#d4d4d8;font-size:13px}.ball-type{position:absolute;top:-6px;right:4px;font-size:12px;font-weight:900;padding:2px 6px;border-radius:999px}.ball-type.hot{background:#facc15;color:#111827}.ball-type.cold{background:#67e8f9;color:#083344}.analysis-list,.stats-list{display:grid;grid-gap:12px;gap:12px}.mini-note{margin-top:14px;color:#a1a1aa;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.filter-row button{border:none;cursor:pointer;border-radius:999px;padding:9px 14px;background:#27272a;color:#d4d4d8;font-weight:700}.filter-row button.active{background:#fff;color:#111827}.three-grid{max-width:1200px;margin:0 auto 20px;display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-gap:20px;gap:20px}.three-grid .card{margin:0}.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));grid-gap:12px;gap:12px}.rank-item{background:rgba(39,39,42,.58);border:1px solid rgba(63,63,70,.72);border-radius:18px;padding:10px;text-align:center}.rank-count{color:#d4d4d8;font-size:13px;margin-top:6px}.history-list{display:grid;grid-gap:12px;gap:12px}.history-row{display:grid;grid-template-columns:210px 1fr;align-items:center;grid-gap:16px;gap:16px;background:rgba(39,39,42,.58);border:1px solid rgba(63,63,70,.7);border-radius:20px;padding:14px}.history-meta strong{display:block;font-size:16px;margin-bottom:6px}.history-meta span{color:#a1a1aa;font-size:13px}.history-balls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.history-plus{color:#f87171;font-weight:900;font-size:20px}.footer-note{max-width:1200px;margin:24px auto 0;text-align:center;color:#71717a;font-size:13px}@media (max-width:900px){.page{padding:18px}.hero{display:block}.refresh-btn{margin-top:18px;width:100%}h1{font-size:32px}.latest-info,.three-grid,.top-grid{grid-template-columns:1fr}.section-head{display:block}.filter-row{justify-content:flex-start;margin-top:14px}.history-row{grid-template-columns:1fr}}