:root{--ink:#17243a;--muted:#738198;--line:#dce7f1;--panel:rgba(255,255,255,.94);--blue:#286bf3;--shadow:0 14px 40px rgba(33,68,108,.1)}
*{box-sizing:border-box}html{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#f4f8fc}body{margin:0;min-height:100vh;background-color:#f4f8fc;background-image:linear-gradient(rgba(128,167,203,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(128,167,203,.13) 1px,transparent 1px);background-size:32px 32px}button,a{font:inherit}
.site-header{height:76px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.header-inner{max-width:1180px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#246cf5,#783cf2);box-shadow:0 8px 18px rgba(52,91,232,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.live-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.live-state i{width:9px;height:9px;border-radius:50%;background:#f0a72c;box-shadow:0 0 0 5px rgba(240,167,44,.12)}.live-state.ready i{background:#18ac79;box-shadow:0 0 0 5px rgba(24,172,121,.12)}.live-state.error i{background:#ef5265}
.page-shell{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}.hero-card{min-height:180px;border-radius:24px;padding:34px 42px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:radial-gradient(circle at 70% 0,rgba(255,255,255,.22),transparent 28%),linear-gradient(120deg,#142b54,#246cf5 58%,#5a43db);box-shadow:0 18px 46px rgba(31,77,165,.22);overflow:hidden;position:relative}.hero-card:after{content:"28";position:absolute;right:22%;top:-60px;font-size:220px;font-weight:900;color:rgba(255,255,255,.06)}.eyebrow{font-size:12px;letter-spacing:.16em;opacity:.72}.hero-copy h1{font-size:38px;margin:9px 0 8px}.hero-copy p{margin:0;opacity:.75}.countdown-box{z-index:1;min-width:220px;padding:22px 28px;text-align:center;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:rgba(7,24,62,.24);backdrop-filter:blur(12px)}.countdown-box span,.countdown-box small{display:block;opacity:.72}.countdown-box strong{font-size:42px;letter-spacing:.06em;display:block;margin:4px 0;font-variant-numeric:tabular-nums}.countdown-box small{font-size:12px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.current-card{margin-top:20px;padding:28px}.panel-title-row,.history-heading{display:flex;align-items:center;justify-content:space-between}.section-kicker{color:var(--blue);font-size:13px;font-weight:700}.panel-title-row h2{margin:4px 0 0;font-size:22px}.verified-badge{padding:7px 12px;border-radius:999px;background:#eef3f8;color:var(--muted);font-size:13px}.verified-badge.ok{background:#e6f8f2;color:#0a936a}.current-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:center;margin-top:24px}.result-area{min-width:0}.balls{display:flex;align-items:center;justify-content:center;gap:12px}.balls b{font-size:22px;color:#7e8aa0}.ball{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800;border:5px solid #fff;box-shadow:0 8px 22px rgba(35,61,98,.16)}.ball-a{background:#3174f5}.ball-b{background:#13a875}.ball-c{background:#f39b18}.ball-result{background:#ed4e68}.result-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.result-tags span{padding:6px 12px;border-radius:9px;background:#eef4fb;color:#47617c;font-weight:600;font-size:14px}.time-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-stats div{padding:18px;border:1px solid var(--line);border-radius:15px;background:#f9fbfd}.time-stats span,.time-stats strong{display:block}.time-stats span{font-size:12px;color:var(--muted);margin-bottom:7px}.time-stats strong{font-size:16px}.keno-block{margin-top:24px;padding:18px;border-radius:16px;background:#f2f7ff;border:1px solid #d8e6fa}.keno-title{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:700}.keno-title small{font-weight:400;color:var(--muted)}.keno-numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.keno-numbers span{height:31px;border-radius:8px;display:grid;place-items:center;background:#e1ecff;color:#2862c8;font-size:13px;font-weight:700}
.history-panel{margin-top:20px;padding:20px}.history-heading{padding:2px 2px 18px}.history-heading h2{font-size:20px;margin:0}.refresh-icon{display:inline-block;font-size:26px;vertical-align:-2px}.history-heading button{border:1px solid #cfdceb;background:#fff;color:#315170;border-radius:10px;padding:9px 14px;cursor:pointer}.history-heading button:hover{background:#f2f7fc}.table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:15px}th{background:#eaf1f8;text-align:left;color:#405069;padding:16px 13px;font-weight:700}td{padding:15px 13px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}tbody tr:hover{background:#f7fbff}.combo-pill{display:inline-block;padding:5px 9px;border-radius:9px;background:#eaf7f3;color:#0c9b70;font-weight:700}.loading-cell{text-align:center;color:var(--muted);padding:34px}.mobile-history{display:none}footer{text-align:center;color:#8793a6;font-size:13px;padding:28px 10px 0}
@media(max-width:760px){.site-header{height:64px}.header-inner{padding:0 14px}.live-state span{display:none}.page-shell{width:min(100% - 20px,1180px);margin:14px auto 35px}.hero-card{min-height:auto;padding:22px;border-radius:18px;display:block}.hero-copy h1{font-size:27px}.hero-copy p{font-size:13px}.countdown-box{margin-top:18px;padding:14px;min-width:0}.countdown-box strong{font-size:34px}.current-card{padding:18px;border-radius:18px}.current-grid{display:block;margin-top:18px}.balls{gap:5px}.balls b{font-size:15px}.ball{width:51px;height:51px;border-width:3px;font-size:21px}.time-stats{margin-top:18px}.time-stats div{padding:13px}.keno-block{padding:13px}.keno-title small{display:none}.keno-numbers{grid-template-columns:repeat(5,1fr)}.table-wrap{display:none}.mobile-history{display:grid;gap:10px}.history-panel{padding:14px;border-radius:18px}.history-heading{padding:4px 2px 14px}.history-heading h2{font-size:18px}.history-heading button{padding:7px 10px}.draw-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.draw-top,.draw-meta{display:flex;align-items:center;justify-content:space-between}.draw-top strong{font-size:16px}.draw-time{color:var(--muted);font-size:12px}.draw-equation{display:flex;align-items:center;gap:7px;margin:13px 0}.mini-ball{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800}.mini-ball:nth-of-type(1){background:#3174f5}.mini-ball:nth-of-type(2){background:#13a875}.mini-ball:nth-of-type(3){background:#f39b18}.mini-result{color:#ed4e68;font-size:20px;font-weight:900}.draw-meta{justify-content:flex-start;gap:6px;flex-wrap:wrap}.draw-meta span{font-size:12px;padding:4px 7px;border-radius:7px;background:#eef4fa;color:#587089}}