/* 首页专用样式（蓝白 + 夜间）。其它页面仍使用 style.css，互不影响。 */
:root{
  --bg:#eef3fb;--card:#fff;--ink:#0f1a33;--text:#1d2a45;--muted:#6f7c96;--line:#e6ecf6;
  --b1:#0f46e0;--b2:#2a7dff;--b3:#5ab0ff;
  --red:#ff4d5e;--red-bg:#fff0f1;--blue:#2a6bff;--blue-bg:#edf3ff;--green:#14b88a;--green-bg:#e7f8f2;--orange:#ff8a1f;--orange-bg:#fff3e4;--gray:#7a869d;--gray-bg:#f0f3f8;
  --font:"Inter","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.dark{
  --bg:#080f22;--card:#111b36;--ink:#f1f5ff;--text:#dbe4fb;--muted:#8a98ba;--line:#1d2b4c;
  --red:#ff6f7d;--red-bg:rgba(255,77,94,.16);--blue:#78a8ff;--blue-bg:rgba(70,125,255,.18);--green:#35d6a6;--green-bg:rgba(20,184,138,.16);--orange:#ffa23d;--orange-bg:rgba(255,138,31,.16);--gray:#a3b0cb;--gray-bg:rgba(150,165,195,.14);
}
*{box-sizing:border-box;margin:0}
html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a,button,.brand-name{white-space:nowrap}
body{padding-bottom:84px}

/* ===== 顶栏 ===== */
.site-header{position:sticky;top:0;z-index:30;background:linear-gradient(100deg,var(--b1),var(--b2));box-shadow:0 6px 22px rgba(15,70,224,.25)}
body.dark .site-header{background:linear-gradient(100deg,#0a2166,#1347c4);box-shadow:0 6px 22px rgba(0,0,0,.5)}
.header-inner{max-width:1200px;margin:0 auto;height:64px;padding:0 14px;display:flex;align-items:center;gap:12px;color:#fff}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{display:grid;place-items:center;height:38px;padding:0 10px;border-radius:12px;background:#fff;color:var(--b1);font-weight:900;font-size:17px;letter-spacing:-.02em;font-style:italic;box-shadow:0 4px 12px rgba(0,20,100,.25)}
.brand-logo:has(img){padding:0;background:transparent;box-shadow:none;border-radius:0;height:auto}
.brand-logo span{color:var(--orange)}
.brand-logo img{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,20,100,.3))}
.brand-name{font-size:16px;font-weight:700}
.main-nav{display:none;gap:2px;margin-left:12px}
.main-nav a{padding:9px 15px;border-radius:999px;font-size:14.5px;color:rgba(255,255,255,.82);transition:.2s}
.main-nav a:hover{background:rgba(255,255,255,.14);color:#fff}
.main-nav a.on{background:rgba(255,255,255,.2);color:#fff;font-weight:600}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.theme-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:16px;color:#fff;background:rgba(255,255,255,.14)}
.header-btn{display:inline-flex;align-items:center;height:36px;padding:0 13px;border-radius:999px;font-size:14px;font-weight:600}
.login-btn{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.1)}
.register-btn{background:#fff;color:var(--b1)}

.page{max-width:1200px;margin:0 auto;padding:12px 12px 0;display:grid;gap:12px}
.card{background:var(--card);border-radius:22px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 10px 30px rgba(30,70,160,.07)}
body.dark .card{box-shadow:0 0 0 1px rgba(110,150,255,.08) inset,0 12px 30px rgba(0,0,0,.35)}

/* ===== 公告 ===== */
.announcement-card{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;font-size:13.5px;overflow:hidden}
.announcement-icon{flex:0 0 auto;font-size:15px}
.announcement-viewport{min-width:0;flex:1;overflow:hidden;white-space:nowrap}
.announcement-track{display:inline-block;padding-left:100%;color:var(--muted);font-weight:600;animation:announcement-scroll 18s linear infinite}
@keyframes announcement-scroll{to{transform:translateX(-100%)}}

.stage{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.stage>*{min-width:0}

/* ===== 倒计时 ===== */
.countdown-card{position:relative;overflow:hidden;isolation:isolate;padding:16px 14px;color:#fff;border-radius:24px;
  background:radial-gradient(120% 90% at 0% 0%,#4aa0ff 0,transparent 55%),radial-gradient(90% 90% at 100% 100%,#0a2fb8 0,transparent 60%),linear-gradient(135deg,#1456ff,#1e7bff 55%,#2aa0ff);
  box-shadow:0 14px 24px -16px rgba(20,86,255,.5),0 2px 0 rgba(255,255,255,.35) inset}
.countdown-card::before{content:"";position:absolute;z-index:-1;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(255,255,255,.16) 0 1px,transparent 1px 22px);animation:cd-rot 40s linear infinite;
  -webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
.countdown-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-120%);animation:cd-sheen 6s ease-in-out infinite}
@keyframes cd-sheen{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes cd-rot{to{transform:rotate(360deg)}}
.countdown-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.countdown-top #countdownLabel{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:rgba(255,255,255,.92)}
.countdown-top #countdownLabel::before{content:"";width:8px;height:8px;border-radius:50%;background:#7dffb3;box-shadow:0 0 0 4px rgba(125,255,179,.25),0 0 12px #7dffb3;animation:cd-pulse 1.6s infinite}
@keyframes cd-pulse{50%{box-shadow:0 0 0 8px rgba(125,255,179,0),0 0 12px #7dffb3}}
.countdown-top strong{padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);font-weight:600;font-size:12.5px}
.countdown-value{margin:14px 0 12px;display:flex;justify-content:center;align-items:center;gap:6px;min-height:74px}
.countdown-value.is-text{font-size:44px;font-weight:800;letter-spacing:2px;text-shadow:0 4px 14px rgba(0,30,140,.45)}
.dg{position:relative;display:grid;place-items:center;width:52px;height:68px;border-radius:13px;font-style:normal;font-family:Arial,"Segoe UI",Roboto,"Liberation Sans",sans-serif;font-weight:800;font-size:46px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1));
  box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 14px 26px rgba(4,25,120,.35),0 1px 0 rgba(255,255,255,.5) inset;text-shadow:0 3px 10px rgba(0,30,140,.45)}
@media(max-width:359px){.dg{width:46px;height:60px;font-size:40px}}
@media(min-width:420px){.dg{width:60px;height:78px;font-size:54px}}
.colon{display:grid;gap:10px;padding:0 1px}
.colon i{display:block;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9)}
.countdown-bottom{display:flex;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.85)}
.countdown-bottom b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.progress-track{display:grid;grid-template-columns:repeat(42,1fr);gap:2.5px;margin-top:12px;height:11px}
.progress-track i{border-radius:3px;background:rgba(255,255,255,.18);transition:background .3s,box-shadow .3s}
.progress-track i.on{background:linear-gradient(180deg,#fff,#bfe0ff);box-shadow:0 0 8px rgba(255,255,255,.75)}
.progress-track i.head{background:#fff;box-shadow:0 0 14px 3px rgba(255,255,255,.95);transform:scaleY(1.35)}
.countdown-card.warn{background:radial-gradient(120% 90% at 0% 0%,#ffb067 0,transparent 55%),radial-gradient(90% 90% at 100% 100%,#c2210f 0,transparent 60%),linear-gradient(135deg,#ff6a2b,#ff4a3d 55%,#ff7a45);box-shadow:0 14px 24px -16px rgba(255,80,50,.5),0 2px 0 rgba(255,255,255,.35) inset}
.countdown-card.warn .dg{animation:cd-shake .5s infinite}
@keyframes cd-shake{0%,100%{transform:none}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}

/* ===== 最新开奖 ===== */
.latest-card{position:relative;z-index:1;padding:14px 12px;border-radius:24px}
.section-heading{display:flex;align-items:center;width:fit-content;max-width:100%;margin:0 auto;padding:4px;border-radius:999px;background:#eaf1ff;font-size:13px;white-space:nowrap;color:#1346dc;font-weight:700}
.section-heading>span:first-child{padding:6px 12px}
.section-heading>span:nth-child(2),.section-heading>span:nth-child(4){display:none}
.section-heading strong,.section-heading #latestTime{padding:0 12px;border-left:1px solid #c9dafc;font-weight:700;color:#1346dc}
.section-heading #latestTime{font-weight:600;font-variant-numeric:tabular-nums}
body.dark .section-heading{background:rgba(80,130,255,.16);color:#a9c6ff}
body.dark .section-heading strong,body.dark .section-heading #latestTime{color:#a9c6ff;border-left-color:rgba(160,190,255,.22)}
.latest-main{margin-top:14px}
.numbers{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.6vw,12px)}
.number,.sum-box{display:grid;place-items:center;width:clamp(48px,13.6vw,58px);aspect-ratio:1;border-radius:50%;font-size:clamp(24px,6.8vw,30px);font-weight:800;font-variant-numeric:tabular-nums}
.number{color:#1346dc;background:#fff;box-shadow:0 0 0 3px #dbe8ff,0 0 0 4.5px #fff,0 10px 22px -8px rgba(30,80,200,.45),inset 0 -6px 12px rgba(40,90,220,.08)}
.sum-box{color:#fff;background:linear-gradient(145deg,#2a8bff,#1456ff 55%,#0c3bd0);box-shadow:0 0 0 3px #bcd5ff,0 0 0 4.5px #fff,0 14px 26px -8px rgba(20,86,255,.65),inset 0 2px 0 rgba(255,255,255,.4)}
body.dark .number{background:#17274d;color:#a9c6ff;box-shadow:0 0 0 3px #254283,0 0 0 4.5px #111b36,0 10px 22px -8px rgba(0,0,0,.6)}
body.dark .sum-box{box-shadow:0 0 0 3px #274a97,0 0 0 4.5px #111b36,0 14px 26px -8px rgba(20,86,255,.7),inset 0 2px 0 rgba(255,255,255,.35)}
.plus,.equals{font-size:16px;color:#a9b5cc;font-weight:500}
body.dark .plus,body.dark .equals{color:#566892}
.latest-meta{margin-top:14px;display:flex;justify-content:center;align-items:center;padding:8px 2px;border-radius:18px;background:#f4f8ff;box-shadow:0 0 0 1px #e1ebfb inset}
body.dark .latest-meta{background:rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(110,150,255,.14) inset}
.meta-item{display:flex;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.meta-item+.meta-item{border-left:1px solid #d6e3fb}
body.dark .meta-item+.meta-item{border-left-color:rgba(160,190,255,.16)}
.result-tags{display:flex;gap:4px}
/* 实心标签：组合 / 形态 / 龙虎 共用一套 */
.tag,.meta-badge{display:inline-grid;place-items:center;min-width:32px;height:30px;padding:0 8px;border-radius:9px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(150deg,#9aa6bd,#6d7a94);--sh:rgba(109,122,148,.45);box-shadow:0 8px 16px -6px var(--sh,rgba(0,0,0,.3)),inset 0 1px 0 rgba(255,255,255,.35)}
.tag-red,.meta-red{background:linear-gradient(150deg,#ff6e7c,#e5283c);--sh:rgba(229,40,60,.55)}
.tag-blue,.meta-blue{background:linear-gradient(150deg,#559aff,#1c53e6);--sh:rgba(28,83,230,.55)}
.meta-green{background:linear-gradient(150deg,#35d6a6,#0e9b74);--sh:rgba(14,155,116,.5)}
.meta-orange{background:linear-gradient(150deg,#ffb35c,#f0770a);--sh:rgba(240,119,10,.5)}
.meta-gray{background:linear-gradient(150deg,#9aa6bd,#6d7a94);--sh:rgba(109,122,148,.45)}

/* ===== 开奖记录 ===== */
.history-card{padding:20px 14px 16px}
.history-title{display:flex;justify-content:space-between;align-items:center;padding:0 4px 14px}
.history-title h2{font-size:19px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
.history-title h2::before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(var(--b3),var(--b1))}
.history-title p{margin-top:5px;font-size:12.5px;color:var(--muted);padding-left:15px}
.refresh-btn{height:36px;padding:0 18px;border-radius:999px;background:var(--blue-bg);color:var(--blue);font-size:14px;font-weight:700;transition:.2s}
.refresh-btn:hover{background:var(--blue);color:#fff}
body.dark .refresh-btn,body.dark .pagination button{background:rgba(70,125,255,.18);color:#9dbfff}
table{width:100%;border-collapse:collapse}
thead{display:none}
td.loading,td.error{grid-column:1/-1;padding:28px 0;text-align:center;color:var(--muted);font-size:14px}
td.error{color:var(--red)}
tbody tr{display:grid;grid-template-columns:1fr auto auto auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;row-gap:11px;padding:14px 2px;align-items:center;border-top:1px solid var(--line)}
tbody tr:first-child{border-top-color:transparent}
td.issue{grid-column:1/4;grid-row:1;font-weight:800;color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}
td:nth-child(2){grid-column:4/6;grid-row:1;justify-self:end;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
td.draw-number{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0;border-radius:16px;background:#f4f8ff;font-variant-numeric:tabular-nums}
body.dark td.draw-number{background:rgba(255,255,255,.04)}
td:nth-child(4),td:nth-child(5),td:nth-child(6){grid-row:3;justify-self:center;display:inline-flex;align-items:center;gap:5px}
td:nth-child(4){grid-column:2}td:nth-child(5){grid-column:3}td:nth-child(6){grid-column:4}
td:nth-child(4)::before,td:nth-child(5)::before,td:nth-child(6)::before{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}
td:nth-child(4)::before{content:"组合"}td:nth-child(5)::before{content:"形态"}td:nth-child(6)::before{content:"龙虎"}
.dn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:800;color:#1346dc;background:#fff;box-shadow:0 0 0 2px #dbe8ff,0 4px 8px -3px rgba(30,80,200,.3)}
.ds{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(145deg,#2a8bff,#1456ff 55%,#0c3bd0);box-shadow:0 0 0 2px #bcd5ff,0 5px 10px -3px rgba(20,86,255,.55)}
.dp{color:#b6c0d6;font-size:12px}
body.dark .dn{background:#17274d;color:#a9c6ff;box-shadow:0 0 0 2px #254283}
body.dark .ds{box-shadow:0 0 0 2px #274a97}
body.dark .dp{color:#566892}
.table-tag{display:inline-grid;place-items:center;min-width:32px;height:30px;padding:0 8px;border-radius:9px;font-size:13.5px;font-weight:800}
/* 组合：实心；形态 / 龙虎：同色浅底 + 描边 */
.table-red{background:linear-gradient(150deg,#ff6e7c,#e5283c);color:#fff}
.table-blue{background:linear-gradient(150deg,#559aff,#1c53e6);color:#fff}
.table-gray{background:linear-gradient(150deg,#9aa6bd,#6d7a94);color:#fff}
td:nth-child(5) .table-tag,td:nth-child(6) .table-tag{box-shadow:inset 0 0 0 1.5px currentColor}
td:nth-child(5) .table-green{color:#0e9b74;background:#e7f8f2}
td:nth-child(5) .table-orange{color:#e07a12;background:#fff3e4}
td:nth-child(5) .table-gray,td:nth-child(6) .table-gray{color:#6d7a94;background:#f0f3f8}
td:nth-child(6) .table-red{color:#e5283c;background:#fff0f1}
td:nth-child(6) .table-blue{color:#1c53e6;background:#edf3ff}
body.dark td:nth-child(5) .table-green{color:#35d6a6;background:rgba(20,184,138,.16)}
body.dark td:nth-child(5) .table-orange{color:#ffa23d;background:rgba(255,138,31,.16)}
body.dark td:nth-child(5) .table-gray,body.dark td:nth-child(6) .table-gray{color:#a3b0cb;background:rgba(150,165,195,.14)}
body.dark td:nth-child(6) .table-red{color:#ff6f7d;background:rgba(255,77,94,.16)}
body.dark td:nth-child(6) .table-blue{color:#78a8ff;background:rgba(70,125,255,.18)}
.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 0 6px;font-size:14px;color:var(--muted)}
.pagination button{height:38px;padding:0 20px;border-radius:999px;background:var(--blue-bg);color:var(--blue);font-weight:700}
.pagination button:disabled{opacity:.4;cursor:default}
.site-footer{text-align:center;padding:22px 0 10px;font-size:12.5px;color:#9aa6bd}
body.dark .site-footer{color:#5b6b8f}

/* ===== 手机底部导航 ===== */
.tabbar{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3ebf8;box-shadow:0 -6px 22px -10px rgba(20,60,160,.28)}
.tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:50px;color:#8794ad;font-size:11px;font-weight:600;white-space:nowrap;transition:color .2s}
.tabbar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabbar a.on{color:#1456ff}
.tabbar a.on:not(.fab)::before{content:"";position:absolute;top:-7px;width:22px;height:3px;border-radius:0 0 3px 3px;background:#1456ff}
.tabbar a.fab{color:#1456ff;font-weight:700;overflow:visible}
.tabbar a.fab i{display:grid;place-items:center;width:58px;height:58px;margin-top:-30px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#3a9bff,#1456ff 55%,#0c3bd0);border:4px solid #fff;box-shadow:0 10px 20px -6px rgba(20,86,255,.75),inset 0 2px 0 rgba(255,255,255,.4)}
.tabbar a.fab svg{width:26px;height:26px;stroke-width:2}
.tabbar a.fab span{margin-top:1px}
body.dark .tabbar{background:#0e162e;border-top-color:rgba(110,150,255,.16);box-shadow:0 -8px 24px -10px rgba(0,0,0,.7)}
body.dark .tabbar a{color:#6c7ca3}body.dark .tabbar a.on,body.dark .tabbar a.fab{color:#7fb0ff}
body.dark .tabbar a.on:not(.fab)::before{background:#7fb0ff}
body.dark .tabbar a.fab i{color:#fff;border-color:#0e162e}

@media(max-width:380px){.brand-name{display:none}}

/* ===== 桌面 ===== */
/* ===== 手机端开奖记录：一期一行 ===== */
@media(max-width:899px){
  thead{display:block}
  thead tr,tbody tr{display:grid;grid-template-columns:54px minmax(0,1fr) 42px 34px 22px;column-gap:4px;align-items:center}
  thead tr{padding:9px 2px;margin-bottom:2px;border-radius:12px;background:var(--bg)}
  body.dark thead tr{background:#0d1833}
  thead th{padding:0;text-align:center;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap}
  thead th:nth-child(1){text-align:left;padding-left:4px;font-size:0}
  thead th:nth-child(1)::after{content:"期号/时间";font-size:11.5px}
  thead th:nth-child(2){display:none}
  tbody tr{grid-template-rows:auto auto;row-gap:2px;padding:10px 2px}
  td.issue{grid-column:1;grid-row:1;padding-left:4px;font-size:12px}
  td:nth-child(2){grid-column:1;grid-row:2;grid-template-columns:none;justify-self:start;padding-left:4px;font-size:11px}
  td.draw-number{grid-column:2;grid-row:1/3;padding:0;background:none;gap:2px;justify-content:center}
  body.dark td.draw-number{background:none}
  td:nth-child(4){grid-column:3;grid-row:1/3;gap:2px;justify-self:center}
  td:nth-child(5){grid-column:4;grid-row:1/3;justify-self:center}
  td:nth-child(6){grid-column:5;grid-row:1/3;justify-self:center}
  td:nth-child(n+4)::before{display:none}
  .dn{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 1.5px #dbe8ff,0 3px 6px -3px rgba(30,80,200,.3)}
  .ds{width:24px;height:24px;font-size:12px;box-shadow:0 0 0 1.5px #bcd5ff,0 3px 6px -2px rgba(20,86,255,.5)}
  .dp{font-size:9px}
  .table-tag{min-width:19px;height:21px;padding:0 3px;font-size:11.5px;border-radius:6px;white-space:nowrap}
  td:nth-child(5) .table-tag,td:nth-child(6) .table-tag{box-shadow:inset 0 0 0 1px currentColor}
}
@media(min-width:900px){
  body{padding-bottom:0}
  .tabbar{display:none}
  .main-nav{display:flex}
  .page{padding:20px 20px 0;gap:18px}
  .announcement-card{height:44px}
  .stage{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:18px}
  .countdown-card{padding:32px 30px 30px;display:flex;flex-direction:column;justify-content:center;border-radius:26px}
  .countdown-top{font-size:14px}.countdown-top strong{font-size:13px;padding:5px 12px}
  .countdown-value{margin:34px 0 30px;gap:10px;min-height:0}
  .dg{width:72px;height:94px;font-size:64px;border-radius:16px}
  .colon{gap:14px}.colon i{width:9px;height:9px}
  .countdown-bottom{font-size:13.5px}.progress-track{margin-top:16px;height:14px;gap:3px}
  .latest-card{padding:28px 30px 24px;display:flex;flex-direction:column;border-radius:26px}
  .section-heading{font-size:14px}.section-heading>span:first-child{padding:7px 14px}.section-heading strong,.section-heading #latestTime{padding:0 14px}
  .latest-main{margin-top:30px}
  .number,.sum-box{width:clamp(60px,6.6vw,86px);font-size:clamp(30px,3.4vw,44px)}
  .plus,.equals{font-size:24px}
  .latest-meta{margin-top:auto;padding:12px 6px}
  .meta-item{padding:0 14px;gap:7px;font-size:13px}
  .tag,.meta-badge{min-width:36px;height:34px;padding:0 10px;font-size:16px;border-radius:10px}
  .history-card{padding:26px 24px 20px}
  thead{display:table-header-group}
  thead tr,tbody tr{display:grid;grid-template-columns:1.25fr 1fr 2.3fr 1.15fr 1fr 1fr;column-gap:12px}
  thead tr{background:var(--bg);border-radius:12px}
  thead th{padding:11px 14px;text-align:left;font-size:12.5px;font-weight:600;color:var(--muted)}
  thead th:nth-child(n+3){text-align:center}
  tbody tr{grid-template-rows:auto;padding:16px 14px;row-gap:0;transition:background .15s}
  tbody tr:first-child{border-top-color:var(--line)}
  tbody tr:hover{background:#f6f9ff}
  body.dark thead tr{background:#0d1833}
  body.dark tbody tr:hover{background:#15234a}
  td.issue,td:nth-child(2),td.draw-number,td:nth-child(4),td:nth-child(5),td:nth-child(6){grid-row:1;grid-column:auto}
  td.issue{font-size:15px}
  td:nth-child(2){justify-self:start}
  td.draw-number{padding:0;background:none;justify-content:center;gap:8px}
  body.dark td.draw-number{background:none}
  td:nth-child(n+4)::before{display:none}
  .dn{width:32px;height:32px;font-size:15px}.ds{width:34px;height:34px;font-size:15px}
  td.loading,td.error{grid-column:1/-1}
}
@media(min-width:1200px){.dg{width:88px;height:114px;font-size:78px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.announcement-track{padding-left:0}}