/* Compact, data-first homepages. All rules scoped to home. */
[data-page=home] .site-header{padding-top:0}
[data-page=home] .masthead{min-height:62px}
[data-page=home] .brand-tag,[data-page=home] .brand small{display:none}
[data-page=home] .brand{font-size:25px}
[data-page=home] .brand img{width:36px;height:36px}
[data-page=home] .nav{display:flex;gap:20px;margin:0 auto;padding-bottom:6px}
[data-page=home] .nav-group{padding:0;border:0;border-radius:0;background:none}
[data-page=home] .nav-group>span{display:none}
[data-page=home] .nav-group>div{gap:10px}
[data-page=home] .nav a{min-height:44px;font-size:13px;padding:0 5px}
[data-page=home] main{padding-top:0}
.home-bar{display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:12px}
.home-bar h1{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:0;line-height:1.3;margin:0}
.home-bar h1>span{font-size:12px;font-weight:500;color:var(--muted);border-left:1px solid var(--line);padding-left:10px}
.home-zone{font-size:11px;color:var(--muted)}
.home-bar svg,.panel-heading svg,.quick-tools svg,.home-tail svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)}
.home-dashboard{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.35fr);gap:18px;align-items:start}
.draw-panel,.home-dashboard .recent{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 4px 14px #14233208}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;min-height:48px;background:var(--section-tint);border-bottom:1px solid var(--line)}
.panel-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;line-height:1.3;letter-spacing:0}
.panel-heading>a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;color:var(--accent)}
.panel-heading>a svg{width:18px;height:18px}
.home-dashboard .result{padding:12px 16px 10px;border:0;border-radius:0;background:transparent;margin:0;box-shadow:none}
.home-dashboard .result-top{gap:8px;font-size:12px}
.home-dashboard .refresh{width:44px;height:44px;min-height:44px;border-radius:10px;background:var(--section-tint)}
.home-dashboard .balls{gap:9px;padding:24px 0 20px}
.home-dashboard .balls span,.home-dashboard .balls strong{width:56px;height:56px;font-size:30px;font-weight:750;border:1px solid #00000008;box-shadow:inset 0 2px 2px #ffffff60,0 3px 0 #00000012}
.home-dashboard .balls span:nth-of-type(1){background:#ffe0b0;color:#8c3d0d}
.home-dashboard .balls span:nth-of-type(2){background:#c8dfff;color:#214aa1}
.home-dashboard .balls span:nth-of-type(3){background:#c1ebd8;color:#166347}
.home-dashboard .balls strong{background:#dd4d35;color:#fff;box-shadow:0 3px 0 #a53122}
[data-site=guanlan] .home-dashboard .balls strong{background:#087d81;box-shadow:0 3px 0 #07565e}
[data-site=shixu] .home-dashboard .balls strong{background:#b52e43;box-shadow:0 3px 0 #7e1e31}
.home-dashboard .balls i{font-size:17px}
.home-dashboard .result-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.home-dashboard .tag{padding:4px 8px;border-radius:5px;background:#fff0d0;color:#8c5516;font-size:12px}
.home-dashboard .tag:nth-child(2){background:#e7ddff;color:#6335a2}.home-dashboard .tag:nth-child(3){background:#d7eeff;color:#245a93}.home-dashboard .tag:nth-child(4){background:#ffe0df;color:#a13543}
.home-dashboard .countdown{display:flex;align-items:center;gap:6px;background:var(--section-tint);padding:8px 10px;border-radius:8px;font-size:12px;width:100%;justify-content:space-between;margin-top:2px}
.home-dashboard .countdown:before{content:'◷';font-size:21px;color:var(--accent)}
.home-dashboard .countdown b{font-size:28px;margin-left:auto;font-weight:750;font-variant-numeric:tabular-nums;color:var(--accent)}
.home-dashboard .draw-time{font-size:10px;margin-top:10px;text-align:left}
.quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
.quick-tools>a{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:68px;border-radius:10px;background:var(--feature-a);font-size:12px;font-weight:600;transition:transform .15s}
.quick-tools>a:nth-child(2){background:var(--feature-b)}.quick-tools>a:nth-child(3){background:var(--art-wash)}.quick-tools>a:nth-child(4){background:var(--section-tint)}
.quick-tools>a:hover{transform:translateY(-2px)}
.home-dashboard .table-wrap{border:0;border-radius:0;box-shadow:none}
.home-dashboard .table-cue{display:none}
.home-dashboard .history-table{min-width:0;font-size:12px;table-layout:auto}
.home-dashboard .history-table th{padding:9px 10px;background:var(--brand-night);font-size:11px}
.home-dashboard .history-table td{padding:9px 10px;height:48px}
.home-dashboard .history-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--section-tint) 45%,var(--surface))}
.home-dashboard .history-table small{font-size:9px}
.home-dashboard .mini-balls{gap:4px}.home-dashboard .mini-balls b{width:24px;height:24px;font-weight:700}
.home-dashboard .mini-balls b:nth-child(1){background:#ffe0b0;color:#8c3d0d}.home-dashboard .mini-balls b:nth-child(2){background:#c8dfff;color:#214aa1}.home-dashboard .mini-balls b:nth-child(3){background:#c1ebd8;color:#166347}
.home-dashboard .sum-number{font-size:21px;font-weight:750}
.home-tail{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.home-tail>a{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 15px;background:var(--section-tint);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:600}
.home-tail>a>span{margin-left:auto;color:var(--accent)}
[data-page=home] .site-footer{margin-top:24px;padding:18px 0;gap:12px}
[data-page=home] .footer-brand span{display:none}
@media(min-width:701px) and (max-width:1050px){.home-dashboard{grid-template-columns:330px minmax(0,1fr);gap:12px}.home-dashboard .history-table th:nth-child(n+4),.home-dashboard .history-table td:nth-child(n+4){display:none}[data-page=home] .nav{gap:10px;flex-wrap:wrap}[data-page=home] .nav a{font-size:12px}[data-page=home] .nav-group>div{gap:3px}}
@media(max-width:700px){
[data-page=home] .wrap{width:calc(100% - 20px)}
[data-page=home] .masthead{min-height:52px}
[data-page=home] .brand{font-size:22px}[data-page=home] .brand img{width:32px;height:32px}
[data-page=home] .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 2px;padding-bottom:4px}
[data-page=home] .nav-group,[data-page=home] .nav-group>div{display:contents}
[data-page=home] .nav a{min-height:44px;padding:0 2px;font-size:11px;justify-content:center;white-space:nowrap}
.home-bar{min-height:40px}.home-bar h1{font-size:16px;gap:6px}.home-bar h1>span{font-size:10px;padding-left:7px}.home-bar svg{width:18px;height:18px}.home-zone{font-size:10px}
.home-dashboard{display:flex;flex-direction:column;gap:10px}.draw-panel,.home-dashboard .recent{width:100%;border-radius:10px}
.panel-heading{min-height:40px;padding:0 12px}.panel-heading h2{font-size:15px}.panel-heading svg{width:19px;height:19px}.panel-heading>a{font-size:11px}
.home-dashboard .result{padding:0 12px 8px}.home-dashboard .result-top{font-size:11px;min-height:36px}.home-dashboard .refresh{height:44px}
.home-dashboard .balls{padding:3px 0 8px;gap:10px}.home-dashboard .balls span,.home-dashboard .balls strong{width:45px;height:45px;font-size:26px}.home-dashboard .balls i{font-size:13px}
.home-dashboard .result-bottom{gap:8px;flex-wrap:nowrap}.home-dashboard .result-bottom>div:first-child{display:flex;gap:3px;flex-wrap:wrap}
.home-dashboard .tag{font-size:10px;padding:3px 5px}
.home-dashboard .countdown{width:auto;min-width:133px;flex-shrink:0;margin:0;padding:4px 7px;gap:4px;font-size:10px}.home-dashboard .countdown b{font-size:20px;margin-left:1px}.home-dashboard .countdown:before{font-size:17px}
.home-dashboard .draw-time{margin:5px 0 0;font-size:9px;line-height:1.4}
.quick-tools{display:none}
.home-dashboard .history-table{table-layout:fixed}.home-dashboard .history-table th,.home-dashboard .history-table td{padding:6px 10px}.home-dashboard .history-table td{height:40px}.home-dashboard .history-table th:first-child{width:42%}.home-dashboard .history-table th:nth-child(2){width:38%}.home-dashboard .history-table th:nth-child(3){width:20%}.home-dashboard .history-table small{font-size:9px}
.home-tail{gap:8px;margin-top:10px}.home-tail>a{padding:8px;font-size:11px;gap:5px}.home-tail svg{width:18px;height:18px}
}
@media(max-width:350px){.home-dashboard .balls{gap:7px}.home-dashboard .balls span,.home-dashboard .balls strong{width:42px;height:42px}.home-dashboard .countdown{min-width:122px;padding:4px}.home-dashboard .countdown b{font-size:18px}.home-dashboard .tag{padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.quick-tools>a{transition:none}.quick-tools>a:hover{transform:none}}
@media(min-width:701px) and (max-height:500px){
[data-page=home] .masthead{min-height:44px}[data-page=home] .brand img{width:30px;height:30px}[data-page=home] .nav{padding-bottom:0}.home-bar{min-height:30px}.panel-heading{min-height:40px}
.home-dashboard .result{padding:0 12px 6px}.home-dashboard .balls{padding:3px 0 8px}.home-dashboard .balls span,.home-dashboard .balls strong{width:42px;height:42px;font-size:25px}
.home-dashboard .result-bottom{gap:5px;flex-wrap:nowrap}.home-dashboard .tag{font-size:10px;padding:2px 4px}.home-dashboard .countdown{width:auto;padding:4px;gap:4px;margin:0;font-size:10px}.home-dashboard .countdown b{font-size:20px;margin-left:3px}.home-dashboard .countdown:before{font-size:16px}.home-dashboard .draw-time{margin-top:4px}.quick-tools{padding:7px}.quick-tools>a{min-height:48px;gap:2px;font-size:11px}
}