/* 数序全站版：原创蓝白数据看板 */
:root{color-scheme:light;--canvas:#f5f7fb;--paper:#fff;--paper-2:#f8faff;--ink:#1d2738;--muted:#758197;--line:#e7ebf2;--line-2:#d8dfeb;--brand:#2563eb;--brand-2:#1d4ed8;--brand-soft:#edf4ff;--green:#17885d;--green-soft:#eaf8f1;--red:#e34646;--red-soft:#fff0f0;--violet:#7254d6;--violet-soft:#f2efff;--shadow:0 8px 28px rgba(35,55,90,.055);--mono:'DM Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Manrope,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden],.route-page[hidden]{display:none!important}.site-shell{width:min(1200px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;z-index:50;top:0;height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:9px;flex:none}.brand-mark{width:34px;height:34px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px;border-radius:11px;background:linear-gradient(145deg,#4f88ff,#1d4ed8);box-shadow:0 5px 12px rgba(37,99,235,.18)}.brand-mark i{display:block;width:4px;border-radius:3px;background:white}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:18px}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;font-weight:800;letter-spacing:.04em}.brand-copy small{margin-top:4px;color:var(--muted);font:7px var(--mono);letter-spacing:.14em}.main-nav{height:100%;display:flex;align-items:center;gap:4px}.nav-link,.nav-dropdown>summary,.nav-action,.login-link,.theme-toggle{height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#59677e;font-size:12px;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover,.nav-link.is-active,.nav-dropdown[open]>summary,.nav-action:hover{background:var(--brand-soft);color:var(--brand)}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;cursor:pointer}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary span{margin-left:6px;color:#8b97aa}.dropdown-menu{position:absolute;top:43px;left:0;min-width:150px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:var(--shadow)}.dropdown-menu a{display:block;padding:9px;border-radius:7px;color:var(--muted);font-size:12px}.dropdown-menu a:hover{background:var(--brand-soft);color:var(--brand)}.nav-action{gap:8px}.nav-action kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px;color:#8994a7;font:9px var(--mono)}.login-link{background:var(--brand);color:white}.login-link:hover{background:var(--brand-2);color:white}.theme-toggle{width:34px;padding:0;font-size:18px}.mobile-nav-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:7px 10px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:27px 0 18px}.eyebrow{display:block;color:#7c8aa1;font:9px var(--mono);letter-spacing:.13em}.eyebrow b{color:#b3bdd0;padding:0 4px}h1{margin:7px 0 6px;font-size:clamp(24px,3vw,30px);line-height:1.2;letter-spacing:-.04em;font-weight:750}.page-heading p{margin:0;color:var(--muted);font-size:12px}.source-badge,.connection-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #dbe7ff;border-radius:99px;background:#f1f6ff;color:#4269ae;font-size:10px;white-space:nowrap}.connection-badge i{width:6px;height:6px;border-radius:50%;background:#e7a33c}.connection-badge.is-connected{border-color:#d0efe1;background:var(--green-soft);color:#187b56}.connection-badge.is-connected i{background:#25a16e}.connection-badge.is-delayed{border-color:#f3e4c4;background:#fff8e9;color:#9b691b}.connection-badge.is-delayed i{background:#d7942b}.connection-badge.is-offline{border-color:#f5dcdc;background:var(--red-soft);color:#a44848}.connection-badge.is-offline i{background:var(--red)}
.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.feature-card{min-width:0;min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:left;box-shadow:0 2px 8px rgba(30,50,90,.018);transition:transform .15s,border-color .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-1px);border-color:#c8d8f6;box-shadow:var(--shadow)}.feature-card>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.feature-card strong{font-size:11px}.feature-card small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.feature-card>b{color:#9ba7ba;font-size:14px}.feature-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--brand-soft);color:var(--brand);font:600 12px var(--mono)}.feature-icon.violet{background:var(--violet-soft);color:var(--violet)}.feature-icon.coral{background:#fff0ec;color:#df6b4c}.feature-icon.green{background:var(--green-soft);color:var(--green)}.data-banner{min-height:45px;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border:1px solid #dbe6f8;border-radius:9px;background:linear-gradient(90deg,#f7faff,#fff)}.banner-mark{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font:600 10px var(--mono)}.data-banner>div{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.data-banner strong{font-size:10px;white-space:nowrap}.data-banner>div span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.data-banner .connection-badge{padding:4px 8px}
.dashboard-grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.5fr);gap:12px;margin-bottom:17px}.panel{border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:var(--shadow)}.timer-card{padding:15px 17px 0}.card-topline,.latest-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.label-dot{width:7px;height:7px;border-radius:50%;background:#22a16c;box-shadow:0 0 0 4px #e5f6ed}.timer-state{color:#8995a8;font:9px var(--mono)}.timer-main{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:12px}.muted-label{color:var(--muted);font-size:10px}.countdown{margin:3px 0;color:#263b5d;font:600 clamp(30px,4vw,41px) var(--mono);letter-spacing:-.08em;font-variant-numeric:tabular-nums}.timer-note{color:#8a96a9;font-size:9px}.timer-side{display:grid;grid-template-columns:auto auto;gap:8px 9px;align-items:center;padding-left:12px;border-left:1px solid var(--line);color:var(--muted);font-size:9px}.timer-side strong{color:#364965;font:500 11px var(--mono);text-align:right;white-space:nowrap}.timer-footer{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);color:#8995a8;font-size:9px}.latest-card{padding:15px 18px 0}.latest-head{align-items:flex-start}.draw-meta{display:flex;align-items:center;gap:9px;margin-top:5px}.draw-meta strong{color:#263a5c;font:600 12px var(--mono)}.draw-meta span{color:#8995a8;font:9px var(--mono)}.result-stage{min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:10px}.number-equation{display:flex;align-items:center;gap:6px}.number-tile,.number-sum-tile{width:49px;height:49px;display:grid;place-items:center;border:1px solid #e8edf4;border-radius:10px;background:linear-gradient(145deg,#f5f8fc,#eaf0f8);color:#203454;font:600 23px var(--mono)}.number-sum-tile{border-color:#2466d6;background:#2466d6;color:white}.equation-sign{color:#91a0b7;font:14px var(--mono)}.latest-outcome{display:grid;gap:5px;padding-left:13px;border-left:1px solid var(--line)}.outcome-label{color:var(--muted);font-size:9px}.latest-outcome strong{padding:6px 9px;border-radius:7px;background:#eaf1ff;color:#245ac1;font-size:13px;white-space:nowrap}.latest-footer{min-height:32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8995a8;font-size:9px}
.history-section{margin-top:4px}.history-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:13px 0 9px}.section-heading h2{margin:4px 0;font-size:19px;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:10px}.home-actions{display:flex;gap:7px}.small-button,.primary-button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--line-2);border-radius:7px;background:var(--paper);color:#51627d;font-size:10px;white-space:nowrap;transition:all .15s}.small-button:hover{border-color:#b8cdf5;background:#f7faff;color:var(--brand)}.primary-button{border-color:var(--brand);background:var(--brand);color:#fff}.primary-button:hover{background:var(--brand-2);color:#fff}.history-panel{padding:10px 11px 0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.view-switch{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f3f8}.view-button{min-height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#718099;font-size:10px}.view-button.is-selected{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(27,50,90,.12);font-weight:700}.table-tools{display:flex;align-items:center;gap:8px}.search-box{width:min(265px,34vw);height:31px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.search-box:focus-within{border-color:#9db9f0;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.search-box>span{color:#8998ae;font-size:16px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.search-box kbd{padding:2px 4px;border:1px solid var(--line);border-radius:4px;color:#929eb1;font:8px var(--mono);white-space:nowrap}.filter-group{display:flex;gap:3px}.filter-button{height:27px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8793a6;font-size:10px}.filter-button.is-selected{border-color:#dce7ff;background:#eff5ff;color:var(--brand)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper);scrollbar-width:thin;scrollbar-color:#ccd6e6 #f5f7fa}.results-table{width:100%;min-width:920px;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}.results-table thead{background:#f5f7fb}.results-table th{height:34px;padding:0 9px;color:#76849b;font-size:9px;font-weight:650;white-space:nowrap}.results-table td{height:39px;padding:0 9px;border-top:1px solid #edf0f5;color:#52617a;font-size:10px;white-space:nowrap}.results-table tbody tr:hover td{background:#f8faff}.results-table td[data-col="period"]{color:#33496b;font:500 10px var(--mono)}.results-table td[data-col="time"]{color:#8894a7;font:9px var(--mono)}.combo-pill,.shape-pill,.extreme-pill,.dragon-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 6px;border-radius:5px;background:#edf3ff;color:#2d62c4;font-size:9px;font-weight:650}.combo-pill.big{background:#fff0ef;color:#d74848}.combo-pill.small{background:#edf4ff;color:#2d62c4}.shape-pill.pair{background:#fff4e7;color:#aa6818}.shape-pill.straight{background:#f1edff;color:#7054c7}.extreme-pill{background:#fff0ef;color:#d24d4d}.dragon-pill.dragon{background:#fff0ef;color:#d24d4d}.dragon-pill.tiger{background:#edf4ff;color:#2866c6}.keno-balls{display:flex;gap:4px;max-width:680px;overflow:hidden}.keno-ball{width:21px;height:21px;display:grid;place-items:center;flex:none;border:1px solid #dfe7f5;border-radius:50%;background:#f5f8fd;color:#456188;font:9px var(--mono)}.raw-source-note{margin:0 0 7px;color:var(--muted);font-size:9px}.empty-state{min-height:115px;display:grid;place-content:center;justify-items:center;gap:6px;color:var(--muted);text-align:center}.empty-state>span{font-size:20px;color:#a8b4c5}.empty-state strong{font-size:12px}.empty-state p{margin:0;font-size:10px}.table-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.pagination{display:flex;align-items:center;gap:4px}.page-arrow,.page-number,.page-ellipsis{min-width:27px;height:27px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#738199;font-size:10px}.page-arrow{border-color:var(--line)}.page-arrow:disabled{opacity:.42;cursor:not-allowed}.page-number.is-current{border-color:#cbdcff;background:#eff5ff;color:var(--brand);font-weight:700}.page-ellipsis{pointer-events:none}.jump-label{display:flex;align-items:center;gap:5px;margin-left:5px;white-space:nowrap}.jump-label input,.algorithm-pagination input{width:46px;height:27px;padding:0 6px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);color:var(--ink);font:10px var(--mono)}.data-note{margin:14px 1px 25px;padding:11px 13px;border-left:3px solid #b8cffb;border-radius:0 8px 8px 0;background:#f0f5ff}.data-note strong{font-size:10px}.data-note p{margin:5px 0 0;color:#6f7e96;font-size:9px;line-height:1.7}.site-footer{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);color:#8793a6;font-size:9px}.footer-brand{color:#334969;font-size:13px;font-weight:800}.footer-brand span{margin-left:4px;color:#94a0b1;font:7px var(--mono);letter-spacing:.1em}.footer-links{display:flex;gap:13px}.footer-links a:hover,.text-link:hover{color:var(--brand)}
/* Tools and algorithm pages */.back-link{color:var(--brand);font-size:11px}.page-heading-links{display:flex;gap:7px}.tool-tabs{display:flex;gap:6px;margin:2px 0 12px;overflow-x:auto}.tool-tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:#60718a;font-size:10px;white-space:nowrap}.tool-tabs a.is-active{border-color:#cbdcff;background:#eff5ff;color:var(--brand);font-weight:700}.tool-panel{padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-heading h2,.gated-panel h2{margin:4px 0;font-size:19px;letter-spacing:-.035em}.panel-heading p{margin:0;color:var(--muted);font-size:10px}.inline-status,.algorithm-status{padding:12px 0;color:var(--muted);font-size:10px}.tool-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stat-card{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2)}.stat-card span{color:var(--muted);font-size:9px}.stat-card strong{color:#31507f;font:600 17px var(--mono)}.stat-card small{color:#8a96a8;font-size:9px}.streak-list{display:grid;gap:7px}.streak-row{display:grid;grid-template-columns:100px 1fr auto auto auto;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);font-size:10px}.status-tag{padding:4px 7px;border-radius:5px;background:var(--green-soft);color:var(--green);font-size:9px}.status-tag.is-ended{background:#f1f3f7;color:#78849a}.algorithm-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;padding:11px}.algorithm-toolbar label{display:grid;gap:4px;color:#7c899d;font-size:9px}.algorithm-toolbar select,.algorithm-toolbar input{height:31px;min-width:122px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:#435570;font-size:10px}.algorithm-toolbar .algorithm-search{min-width:170px;flex:1}.algorithm-toolbar .algorithm-search input{width:100%}.algorithm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.algorithm-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}.algorithm-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.algorithm-title{margin:4px 0;font-size:14px;font-weight:750}.algorithm-meta{color:var(--muted);font-size:9px}.algorithm-category{display:inline-flex;padding:4px 7px;border-radius:5px;background:var(--brand-soft);color:var(--brand);font-size:9px}.favorite-button{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:#8c98ab;font-size:10px}.favorite-button.is-favorite{border-color:#fae5bd;background:#fff8e9;color:#b5791e}.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.rate-box{padding:8px;border-radius:7px;background:#f6f8fc}.rate-box span{display:block;color:var(--muted);font-size:9px}.rate-box strong{display:block;margin-top:3px;color:#245dca;font:600 18px var(--mono)}.algorithm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px;border-top:1px solid var(--line)}.algorithm-stats span{display:grid;gap:2px;color:#8793a6;font-size:8px}.algorithm-stats strong{color:#425571;font:500 11px var(--mono)}.algorithm-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.algorithm-card-footer button{border:0;background:transparent;color:var(--brand);font-size:10px}.algorithm-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0;color:var(--muted);font-size:10px}.algorithm-pagination label{display:flex;align-items:center;gap:4px}.small-disclaimer{color:var(--muted);font-size:9px;line-height:1.7}
.gated-panel{display:grid;grid-template-columns:54px 1fr;gap:15px;max-width:760px;margin:16px auto;padding:22px}.gate-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff5e9;color:#bb7620;font-size:23px}.gated-panel p,.auth-panel p,.docs-panel p{max-width:720px;color:var(--muted);font-size:11px;line-height:1.8}.gate-requirements{display:grid;gap:7px;margin:14px 0;color:#68778d;font-size:10px}.gate-requirements strong{color:var(--ink)}.disabled-action{display:inline-flex;align-items:center;min-height:33px;margin-top:9px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#f4f6fa;color:#9aa5b5;font-size:10px;cursor:not-allowed}.auth-panel{max-width:480px;display:flex;align-items:center;flex-direction:column;margin:30px auto;padding:24px;text-align:center}.auth-panel h2{margin:10px 0 6px;font-size:16px}.auth-panel p{margin:0 auto 9px}.auth-panel .feature-icon{margin:auto}.docs-panel{padding:18px}.docs-panel h2{margin:0 0 7px;font-size:17px}.docs-panel h3{margin:18px 0 8px;font-size:12px}.endpoint-list{display:grid;grid-template-columns:minmax(220px,1fr) 1fr;gap:8px 14px;max-width:650px;padding:12px;border-radius:9px;background:var(--paper-2);font-size:10px}.endpoint-list code,.docs-panel code{color:#2f65c9;font:10px var(--mono)}.text-link{display:inline-block;margin-top:7px;color:var(--brand);font-size:10px}
/* Modals and demo interactions */dialog{color:var(--ink)}.site-dialog{width:min(520px,calc(100% - 28px));max-height:min(82vh,760px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 24px 90px rgba(20,35,65,.2)}.site-dialog::backdrop{background:rgba(19,31,53,.35);backdrop-filter:blur(2px)}.site-dialog form{padding:17px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head h2{margin:4px 0 0;font-size:18px}.dialog-close{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:#7b879a;font-size:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:#596982;font-size:11px}.setting-row select{height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:10px}.column-settings{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px}.column-settings legend{padding:0 5px;color:var(--muted);font-size:10px}.column-settings label{display:flex;align-items:center;gap:4px;color:#66758b;font-size:9px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:14px}.column-hidden{display:none!important}.table-wrap.is-dense .results-table td{height:30px}.mipai-content{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mipai-stat{padding:11px;border-radius:8px;background:var(--paper-2)}.mipai-stat span{display:block;color:var(--muted);font-size:9px}.mipai-stat strong{display:block;margin-top:4px;color:#295fc2;font:600 16px var(--mono)}.algorithm-dialog{width:min(700px,calc(100% - 24px))}.detail-summary{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.detail-summary span{padding:5px 7px;border-radius:6px;background:var(--brand-soft);color:#3c63a8;font-size:9px}.detail-records{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:8px}.detail-record{display:grid;grid-template-columns:100px 1fr 80px;gap:8px;padding:8px;border-bottom:1px solid var(--line);font-size:9px}.detail-record:last-child{border:0}.detail-record strong{font-family:var(--mono)}.hit-yes{color:var(--green)}.hit-no{color:var(--red)}.wide-input{width:100%;height:38px;padding:0 11px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink);outline:0}.wide-input:focus{border-color:#9db9f0;box-shadow:0 0 0 3px rgba(37,99,235,.07)}.search-results{display:grid;gap:5px;max-height:310px;overflow:auto;margin-top:10px}.search-result{padding:9px;border:1px solid transparent;border-radius:7px;color:#586982;font-size:11px}.search-result:hover{border-color:#dbe6fb;background:#f5f8ff;color:var(--brand)}
.chat-launcher{position:fixed;z-index:60;right:20px;bottom:18px;display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border:1px solid #dce4f0;border-radius:99px;background:var(--paper);box-shadow:0 8px 28px rgba(24,42,76,.14);color:#405470;font-size:10px}.chat-dot{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#3d8bff,#1d4ed8);color:white;font:700 9px var(--mono)}.chat-panel{position:fixed;z-index:59;right:20px;bottom:66px;width:min(340px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 16px 50px rgba(24,42,76,.2)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.chat-head div{display:grid;gap:3px}.chat-head strong{font-size:12px}.chat-head small{color:var(--muted);font-size:9px}.chat-head button{border:0;background:transparent;color:var(--muted);font-size:20px}.chat-feed{height:235px;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:10px;background:var(--paper-2)}.chat-demo-note{margin:0;padding:8px;border:1px dashed var(--line-2);border-radius:7px;color:var(--muted);font-size:9px;line-height:1.6}.chat-message{max-width:90%;align-self:flex-end;padding:8px 10px;border:1px solid #dfe9fb;border-radius:9px 9px 2px 9px;background:#f0f5ff}.chat-message-meta{display:flex;justify-content:space-between;gap:15px;color:#6f83a3;font-size:8px}.chat-message p{margin:5px 0 0;color:#3e506c;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.chat-form{display:flex;gap:6px;padding:9px;border-top:1px solid var(--line)}.chat-form input{min-width:0;height:32px;flex:1;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:10px}.chat-form button{border:0;border-radius:7px;background:var(--brand);color:#fff;padding:0 10px;font-size:10px;white-space:nowrap}.chat-form button:hover{background:var(--brand-2)}
.demo-mode-badge{display:inline-flex;align-items:center;align-self:center;margin:8px auto;padding:5px 8px;border:1px solid #f2dfb3;border-radius:99px;background:#fff8e9;color:#926516;font-size:9px}.workspace-panel{max-width:760px;margin:18px auto;padding:21px}.workspace-panel h2{margin:10px 0 5px;font-size:18px}.workspace-panel>p{color:var(--muted);font-size:10px;line-height:1.7}.workspace-hint{margin:15px 0;padding:12px;border-radius:8px;background:var(--paper-2);color:var(--muted);font-size:10px;line-height:1.8}.demo-form{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2)}.demo-form label{display:grid;gap:5px;color:var(--muted);font-size:10px}.demo-form input,.demo-form select,.demo-form textarea{width:100%;padding:8px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);color:var(--ink);font:11px var(--sans)}.demo-form textarea{resize:vertical}.demo-draft{display:grid;gap:5px;margin-top:10px;padding:12px;border:1px dashed #d8e1f0;border-radius:8px;background:var(--paper)}.demo-draft strong{font-size:12px}.demo-draft span{color:#a17420;font-size:9px}.demo-draft p{margin:0;color:var(--muted);font-size:10px}.demo-favorite-list{display:grid;gap:7px;margin-top:13px}.demo-favorite{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);font-size:10px}.demo-favorite span{color:var(--brand)}.demo-favorite-list+.primary-button{margin-top:10px}
.fly-demo-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,240px) auto;align-items:center;gap:12px;margin:14px 0;padding:15px}.fly-demo-panel h2{margin:5px 0;font-size:15px}.fly-demo-panel p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.fly-demo-panel label{display:grid;gap:5px;color:var(--muted);font-size:9px}.fly-demo-panel select{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:10px}.fly-demo-state{grid-column:1/-1;padding:9px;border-radius:7px;background:#f3f5f8;color:#778399;font-size:10px}.fly-demo-state.is-preview-connected{background:#fff8e9;color:#9a6a1d}
body[data-theme="dark"]{color-scheme:dark;--canvas:#101827;--paper:#172235;--paper-2:#1d2a40;--ink:#e5ecf7;--muted:#9aa9bf;--line:#2a3850;--line-2:#354660;--brand:#6a9cff;--brand-2:#4d82eb;--brand-soft:#22395d;--green-soft:#1b3b32;--red-soft:#432b32;--violet-soft:#302b4c;--shadow:0 8px 28px rgba(0,0,0,.12)}body[data-theme="dark"] .site-header{background:rgba(23,34,53,.95)}body[data-theme="dark"] .nav-link,body[data-theme="dark"] .nav-dropdown>summary,body[data-theme="dark"] .nav-action,body[data-theme="dark"] .theme-toggle{color:#aab8ce}body[data-theme="dark"] .login-link{color:#fff}body[data-theme="dark"] .results-table thead,body[data-theme="dark"] .rate-box{background:#202d43}body[data-theme="dark"] .results-table tbody tr:hover td{background:#1c2940}body[data-theme="dark"] .timer-side strong,body[data-theme="dark"] .draw-meta strong{color:#e2ebfa}body[data-theme="dark"] .number-tile{background:#26354e;border-color:#3b4b65;color:#e2ebfa}body[data-theme="dark"] .number-sum-tile{background:#3a74dd;color:#fff}body[data-theme="dark"] .latest-outcome strong{background:#23395f;color:#aac8ff}body[data-theme="dark"] .data-note{background:#1c2c48}body[data-theme="dark"] .data-note p{color:#aab8ce}body[data-theme="dark"] .view-switch{background:#202d43}body[data-theme="dark"] .view-button.is-selected{background:#293952;color:#9cbbff}body[data-theme="dark"] .search-box input,body[data-theme="dark"] .algorithm-toolbar input,body[data-theme="dark"] .algorithm-toolbar select,body[data-theme="dark"] .setting-row select,body[data-theme="dark"] .wide-input{color:var(--ink);background:var(--paper)}body[data-theme="dark"] .chat-message{background:#23395d;border-color:#344c72}body[data-theme="dark"] .chat-message p{color:#d0dcf0}body[data-theme="dark"] .chat-message-meta{color:#a3b7d8}
@media(max-width:980px){.site-shell{width:min(calc(100% - 28px),1200px)}.site-header{gap:8px}.brand{gap:7px}.main-nav{gap:0}.nav-link,.nav-dropdown>summary,.nav-action,.login-link{padding:0 7px;font-size:10px}.nav-action kbd{display:none}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr)}.timer-main{min-height:110px}.countdown{font-size:32px}.number-tile,.number-sum-tile{width:43px;height:43px;font-size:20px}.tool-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.site-shell{width:calc(100% - 24px)}.site-header{height:58px}.mobile-nav-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:57px;left:0;right:0;height:auto;display:none;align-items:stretch;flex-direction:column;padding:8px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--paper);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.nav-link,.nav-dropdown>summary,.nav-action,.login-link,.theme-toggle{height:38px;justify-content:flex-start;padding:0 10px}.theme-toggle{width:auto}.nav-dropdown .dropdown-menu{position:static;margin:4px 0;box-shadow:none}.page-heading{align-items:flex-start;flex-direction:column;padding:21px 0 12px}.home-heading{gap:8px}.page-heading .source-badge{align-self:flex-start}.feature-strip{gap:7px}.feature-card{min-height:59px;padding:8px}.feature-card small{font-size:8px}.data-banner{align-items:flex-start}.data-banner>div{align-items:flex-start;flex-direction:column;gap:3px}.data-banner .connection-badge{align-self:center}.dashboard-grid{grid-template-columns:1fr}.timer-main{min-height:105px}.countdown{font-size:38px}.result-stage{min-height:91px}.history-toolbar{align-items:flex-start}.section-heading h2{font-size:17px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-tools{width:100%;justify-content:space-between}.search-box{width:min(100%,300px);flex:1}.filter-group{flex:none}.history-panel{padding:8px 7px 0}.table-wrap{overflow:visible;border:0;background:transparent}.results-table,.results-table tbody{display:block;width:100%;min-width:0;max-width:100%}.results-table{table-layout:fixed}.results-table thead{display:none}.results-table tbody{display:grid;gap:8px}.results-table tr{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 2px 8px rgba(25,45,80,.025)}.results-table td{min-width:0;height:auto;min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 2px;border:0;border-bottom:1px solid #f0f2f6;font-size:9px;white-space:normal}.results-table td::before{content:attr(data-label);flex:none;color:#8a96a9;font-size:8px}.results-table td[data-col="number"],.results-table td[data-col="raw"]{grid-column:1/-1;justify-content:flex-start;overflow:hidden}.results-table td[data-col="number"]::before,.results-table td[data-col="raw"]::before{min-width:28px}.results-table td[data-col="threes"],.results-table td[data-col="fours"],.results-table td[data-col="fives"]{display:none}.keno-balls{max-width:100%;flex-wrap:wrap;gap:3px}.keno-ball{width:19px;height:19px;font-size:8px}.table-footer{align-items:flex-start;flex-direction:column;padding:8px 2px}.pagination{width:100%;justify-content:flex-start;flex-wrap:wrap}.page-number,.page-arrow{min-width:25px;height:25px}.jump-label{margin-left:auto}.data-note{margin-top:10px}.site-footer{align-items:flex-start;flex-direction:column;padding:12px 0}.footer-links{order:3;flex-wrap:wrap}.tool-results{grid-template-columns:repeat(2,minmax(0,1fr))}.streak-row{grid-template-columns:70px 1fr auto;gap:6px}.streak-row span:nth-last-child(-n+2){display:none}.algorithm-toolbar{align-items:stretch}.algorithm-toolbar label{min-width:calc(50% - 8px);flex:1}.algorithm-toolbar .algorithm-search{min-width:100%}.algorithm-toolbar select,.algorithm-toolbar input{width:100%}.algorithm-grid{grid-template-columns:1fr}.algorithm-pagination{flex-wrap:wrap}.gated-panel{grid-template-columns:1fr;margin:12px 0;padding:17px}.page-heading-links{width:100%}.endpoint-list{grid-template-columns:1fr;gap:4px}.endpoint-list span{margin-bottom:6px}.chat-launcher{right:12px;bottom:12px}.chat-panel{right:10px;bottom:58px}.mipai-content{grid-template-columns:repeat(2,1fr)}.fly-demo-panel{grid-template-columns:1fr}.fly-demo-state{grid-column:auto}.history-panel.is-raw .results-table{min-width:0}.history-panel.is-raw .results-table tr{grid-template-columns:1fr}.history-panel.is-raw .results-table td[data-col="raw"]{grid-column:1;align-items:flex-start;flex-direction:column;gap:6px}.history-panel.is-raw .results-table td[data-col="raw"]::before{margin-right:0}}
@media(max-width:390px){.brand-copy small{display:none}.feature-card{gap:7px}.feature-icon{width:28px;height:28px}.feature-card strong{font-size:10px}.feature-card small{max-width:104px}.source-badge{font-size:9px}.countdown{font-size:31px}.timer-main{gap:6px}.timer-side{gap:7px 5px;padding-left:8px;font-size:8px}.number-tile,.number-sum-tile{width:38px;height:40px;font-size:18px}.number-equation{gap:4px}.equation-sign{font-size:11px}.draw-meta{align-items:flex-start;flex-direction:column;gap:3px}.latest-head{align-items:center}.home-actions .small-button{padding:0 7px}.filter-button{padding:0 6px}.search-box kbd{display:none}.table-footer{font-size:8px}.jump-label input{width:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:340px){.data-banner{display:grid;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:4px 8px}.data-banner>.banner-mark{grid-column:1;grid-row:1/3}.data-banner>div{grid-column:2;width:100%;max-width:100%;min-width:0}.data-banner>div>*{max-width:100%;min-width:0}.data-banner>div span{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-banner>.connection-badge{grid-column:2;justify-self:start;align-self:start}.result-stage{gap:4px}.number-equation{gap:1px}.number-tile,.number-sum-tile{width:32px;height:34px;font-size:15px}.equation-sign{font-size:9px}.latest-outcome{padding-left:5px}.latest-outcome strong{padding:4px 5px;font-size:10px}.timer-side{grid-template-columns:minmax(0,1fr) auto;gap:6px 4px;padding-left:6px;font-size:7px}.timer-side strong{font-size:9px}}


/* 首页可读性升级：更清晰的字号层级、更舒展的内容宽度与触控间距 */
@media (min-width: 981px) {
  .site-shell { width: min(1360px, calc(100% - 64px)); }
  .site-header { height: 72px; gap: 28px; }
  .brand-mark { width: 40px; height: 40px; }
  .brand-copy strong { font-size: 19px; }
  .main-nav { gap: 5px; }
  .nav-link, .nav-dropdown > summary, .nav-action, .login-link { height: 42px; padding: 0 12px; font-size: 14px; }
  .theme-toggle { width: 40px; height: 42px; font-size: 20px; }
}

#page-home .page-heading { padding: 34px 0 23px; }
#page-home .eyebrow { font-size: 11px; }
#page-home h1 { margin: 9px 0 8px; font-size: clamp(30px, 3vw, 38px); line-height: 1.22; }
#page-home .page-heading p { font-size: 15px; line-height: 1.65; }
#page-home .source-badge { padding: 8px 12px; font-size: 12px; }
#page-home .feature-strip { gap: 14px; margin-bottom: 16px; }
#page-home .feature-card { min-height: 78px; gap: 13px; padding: 14px 16px; border-radius: 12px; }
#page-home .feature-icon { width: 40px; height: 40px; border-radius: 11px; font-size: 14px; }
#page-home .feature-card strong { font-size: 14px; }
#page-home .feature-card small { font-size: 12px; }
#page-home .feature-card > b { font-size: 18px; }
#page-home .data-banner { min-height: 58px; gap: 13px; margin-bottom: 16px; padding: 11px 15px; }
#page-home .banner-mark { width: 23px; height: 23px; font-size: 12px; }
#page-home .data-banner > div { gap: 14px; }
#page-home .data-banner strong, #page-home .data-banner > div span { font-size: 13px; }
#page-home .data-banner .connection-badge { padding: 6px 10px; font-size: 12px; }
#page-home .dashboard-grid { gap: 16px; margin-bottom: 24px; }
#page-home .panel { border-radius: 14px; }
#page-home .timer-card, #page-home .latest-card { padding: 21px 23px 0; }
#page-home .section-label { gap: 10px; font-size: 15px; }
#page-home .timer-state { font-size: 12px; }
#page-home .timer-main { min-height: 145px; gap: 18px; }
#page-home .muted-label { font-size: 13px; }
#page-home .countdown { margin: 8px 0; font-size: clamp(42px, 4vw, 56px); }
#page-home .timer-note { font-size: 12px; }
#page-home .timer-side { gap: 10px 12px; padding-left: 17px; font-size: 12px; }
#page-home .timer-side strong { font-size: 14px; }
#page-home .timer-footer, #page-home .latest-footer { min-height: 42px; font-size: 12px; }
#page-home .draw-meta { gap: 11px; margin-top: 7px; }
#page-home .draw-meta strong { font-size: 15px; }
#page-home .draw-meta span { font-size: 12px; }
#page-home .latest-head .connection-badge { padding: 7px 11px; font-size: 12px; }
#page-home .result-stage { min-height: 124px; gap: 16px; }
#page-home .number-equation { gap: 8px; }
#page-home .number-tile, #page-home .number-sum-tile { width: 60px; height: 60px; border-radius: 13px; font-size: 29px; }
#page-home .equation-sign { font-size: 18px; }
#page-home .latest-outcome { gap: 8px; padding-left: 17px; }
#page-home .outcome-label { font-size: 12px; }
#page-home .latest-outcome strong { padding: 8px 12px; font-size: 16px; }
#page-home .history-toolbar { margin: 18px 0 12px; }
#page-home .section-heading h2 { margin: 6px 0; font-size: 25px; }
#page-home .section-heading p { font-size: 13px; line-height: 1.6; }
#page-home .home-actions { gap: 10px; }
#page-home .home-actions .small-button { min-height: 40px; padding: 0 14px; border-radius: 9px; font-size: 13px; }
#page-home .history-panel { padding: 14px 15px 0; }
#page-home .table-toolbar { gap: 14px; margin-bottom: 13px; }
#page-home .view-switch { gap: 4px; padding: 4px; }
#page-home .view-button { min-height: 36px; padding: 0 14px; font-size: 13px; }
#page-home .table-tools { gap: 11px; }
#page-home .search-box { height: 40px; width: min(340px, 34vw); gap: 8px; padding: 0 11px; }
#page-home .search-box input { font-size: 13px; }
#page-home .search-box kbd { font-size: 10px; }
#page-home .filter-button { height: 36px; padding: 0 12px; font-size: 13px; }
#page-home .results-table { min-width: 1100px; }
#page-home .results-table th { height: 44px; padding: 0 11px; font-size: 12px; }
#page-home .results-table td { height: 49px; padding: 0 11px; font-size: 13px; }
#page-home .results-table td[data-col="period"] { font-size: 13px; }
#page-home .results-table td[data-col="time"] { font-size: 12px; }
#page-home .combo-pill, #page-home .shape-pill, #page-home .extreme-pill, #page-home .dragon-pill { min-width: 36px; padding: 5px 8px; font-size: 12px; }
#page-home .keno-balls { gap: 6px; }
#page-home .keno-ball { width: 26px; height: 26px; font-size: 11px; }
#page-home .raw-source-note { font-size: 12px; }
#page-home .empty-state strong { font-size: 15px; }
#page-home .empty-state p { font-size: 13px; }
#page-home .table-footer { min-height: 58px; font-size: 12px; }
#page-home .page-arrow, #page-home .page-number, #page-home .page-ellipsis { min-width: 34px; height: 34px; font-size: 13px; }
#page-home .jump-label, #page-home .jump-label input { font-size: 12px; }
#page-home .jump-label input { height: 34px; }
#page-home .data-note { margin-top: 18px; padding: 15px 18px; }
#page-home .data-note strong { font-size: 13px; }
#page-home .data-note p { margin-top: 7px; font-size: 12px; line-height: 1.8; }

@media (min-width: 721px) and (max-width: 980px) {
  .site-shell { width: min(calc(100% - 32px), 1200px); }
  .nav-link, .nav-dropdown > summary, .nav-action, .login-link { font-size: 11px; }
  #page-home .page-heading { padding-top: 29px; }
  #page-home h1 { font-size: 32px; }
  #page-home .feature-strip { gap: 10px; }
  #page-home .dashboard-grid { gap: 12px; }
  #page-home .timer-card, #page-home .latest-card { padding-right: 16px; padding-left: 16px; }
  #page-home .number-tile, #page-home .number-sum-tile { width: 48px; height: 48px; font-size: 23px; }
  #page-home .results-table { min-width: 1100px; }
}

@media (max-width: 860px) and (min-width: 721px) {
  #page-home .dashboard-grid { grid-template-columns: 1fr; }
  #page-home .timer-main { min-height: 130px; }
}

@media (max-width: 720px) {
  #page-home .page-heading { gap: 11px; padding: 25px 0 17px; }
  #page-home h1 { font-size: clamp(29px, 7.4vw, 34px); }
  #page-home .page-heading p { font-size: 14px; line-height: 1.65; }
  #page-home .eyebrow { font-size: 10px; }
  #page-home .source-badge { padding: 7px 10px; font-size: 11px; }
  #page-home .feature-strip { gap: 9px; margin-bottom: 13px; }
  #page-home .feature-card { min-height: 68px; gap: 9px; padding: 10px; border-radius: 11px; }
  #page-home .feature-icon { width: 34px; height: 34px; font-size: 13px; }
  #page-home .feature-card strong { font-size: 13px; }
  #page-home .feature-card small { font-size: 10px; }
  #page-home .data-banner { gap: 8px; margin-bottom: 13px; padding: 11px; }
  #page-home .data-banner > div { gap: 5px; }
  #page-home .data-banner strong { font-size: 12px; }
  #page-home .data-banner > div span { font-size: 11px; white-space: normal; line-height: 1.45; }
  #page-home .data-banner .connection-badge { font-size: 10px; }
  #page-home .dashboard-grid { gap: 12px; margin-bottom: 19px; }
  #page-home .timer-card, #page-home .latest-card { padding: 17px 16px 0; }
  #page-home .section-label { font-size: 14px; }
  #page-home .timer-state { font-size: 11px; }
  #page-home .timer-main { min-height: 122px; gap: 9px; }
  #page-home .muted-label { font-size: 12px; }
  #page-home .countdown { font-size: clamp(36px, 9vw, 44px); }
  #page-home .timer-note { font-size: 11px; }
  #page-home .timer-side { gap: 8px 7px; padding-left: 11px; font-size: 10px; }
  #page-home .timer-side strong { font-size: 12px; }
  #page-home .timer-footer, #page-home .latest-footer { min-height: 39px; gap: 8px; font-size: 10px; }
  #page-home .draw-meta { gap: 5px; }
  #page-home .draw-meta strong { font-size: 14px; }
  #page-home .draw-meta span { font-size: 11px; }
  #page-home .latest-head .connection-badge { padding: 6px 9px; font-size: 10px; }
  #page-home .result-stage { min-height: 110px; gap: 9px; }
  #page-home .number-equation { gap: 5px; }
  #page-home .number-tile, #page-home .number-sum-tile { width: clamp(42px, 12vw, 48px); height: clamp(42px, 12vw, 48px); font-size: 22px; }
  #page-home .equation-sign { font-size: 13px; }
  #page-home .latest-outcome { gap: 6px; padding-left: 10px; }
  #page-home .outcome-label { font-size: 10px; }
  #page-home .latest-outcome strong { padding: 6px 8px; font-size: 13px; }
  #page-home .history-toolbar { gap: 9px; margin: 15px 0 10px; }
  #page-home .section-heading h2 { font-size: 21px; }
  #page-home .section-heading p { font-size: 12px; line-height: 1.55; }
  #page-home .home-actions { gap: 6px; }
  #page-home .home-actions .small-button { min-height: 38px; padding: 0 10px; font-size: 12px; }
  #page-home .history-panel { padding: 10px 9px 0; }
  #page-home .view-button { min-height: 36px; padding: 0 12px; font-size: 12px; }
  #page-home .table-tools { gap: 7px; }
  #page-home .search-box { height: 38px; width: min(100%, 300px); }
  #page-home .search-box input { font-size: 12px; }
  #page-home .filter-button { height: 34px; padding: 0 9px; font-size: 12px; }
  #page-home .results-table th { font-size: 11px; }
  #page-home .results-table td { min-height: 36px; font-size: 12px; }
  #page-home .results-table td::before { font-size: 10px; }
  #page-home .results-table td[data-col="period"] { font-size: 12px; }
  #page-home .results-table td[data-col="time"] { font-size: 11px; }
  #page-home .combo-pill, #page-home .shape-pill, #page-home .extreme-pill, #page-home .dragon-pill { min-width: 33px; padding: 4px 7px; font-size: 11px; }
  #page-home .keno-ball { width: 23px; height: 23px; font-size: 10px; }
  #page-home .raw-source-note { font-size: 11px; line-height: 1.5; }
  #page-home .table-footer { font-size: 11px; }
  #page-home .page-arrow, #page-home .page-number { min-width: 32px; height: 32px; font-size: 12px; }
  #page-home .jump-label, #page-home .jump-label input { font-size: 11px; }
  #page-home .jump-label input { height: 32px; }
  #page-home .data-note { padding: 13px 14px; }
  #page-home .data-note strong { font-size: 12px; }
  #page-home .data-note p { font-size: 11px; line-height: 1.75; }
}

@media (max-width: 390px) {
  #page-home .page-heading { padding-top: 22px; }
  #page-home h1 { font-size: 29px; }
  #page-home .feature-card { min-height: 64px; gap: 7px; padding: 8px; }
  #page-home .feature-icon { width: 31px; height: 31px; }
  #page-home .feature-card strong { font-size: 12px; }
  #page-home .feature-card small { font-size: 9px; }
  #page-home .countdown { font-size: 34px; }
  #page-home .timer-side { font-size: 9px; }
  #page-home .timer-side strong { font-size: 11px; }
  #page-home .number-tile, #page-home .number-sum-tile { width: 40px; height: 42px; font-size: 20px; }
  #page-home .number-equation { gap: 3px; }
  #page-home .latest-outcome { padding-left: 7px; }
  #page-home .latest-outcome strong { padding: 5px 6px; font-size: 12px; }
  #page-home .filter-button { padding: 0 7px; }
  #page-home .search-box kbd { display: none; }
}

@media (min-width: 981px) {
  #page-home .timer-main > div:first-child { min-width: 0; flex: 1; }
  #page-home .countdown { font-size: clamp(40px, 3.35vw, 48px); white-space: nowrap; }
}
@media (min-width: 721px) and (max-width: 980px) {
  #page-home .timer-main > div:first-child { min-width: 0; flex: 1; }
  #page-home .countdown { font-size: clamp(36px, 4.6vw, 44px); white-space: nowrap; }
}
@media (max-width: 720px) {
  #page-home .countdown { white-space: nowrap; }
}

@media (max-width: 720px) {
  #page-home .timer-note { white-space: nowrap; font-size: 10px; }
}

@media (max-width: 720px) {
  #page-home .results-table,
  #page-home .results-table tbody { min-width: 0; width: 100%; max-width: 100%; }
}