:root {
    --orange: #ff8614;
    --orange-dark: #e86e00;
    --orange-pale: #fff4e8;
    --red: #ef3f3f;
    --ink: #26364d;
    --muted: #7e8998;
    --paper: #f1f2f5;
    --line: #e4e6eb;
    --blue: #1594d0;
    --shadow: 0 5px 18px rgba(43, 55, 77, .07);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 60px; }
body { margin: 0; padding-bottom: 48px; color: var(--ink); background: var(--paper); font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
.site-shell { min-height: 100vh; overflow: hidden; }

.top-notice { height: 46px; border-bottom: 1px solid #d4d9df; color: #25364b; background: #f2f4f7; font-size: 18px; font-weight: 800; }
.notice-inner { width: min(1180px, calc(100% - 36px)); height: 100%; margin: auto; display: flex; align-items: center; gap: 12px; overflow: hidden; }
.notice-caption { flex: 0 0 auto; padding-right: 12px; color: #c84016; border-right: 2px solid #cbd1d8; font-size: 18px; font-weight: 900; }
.notice-window { min-width: 0; flex: 1; overflow: hidden; }
.notice-track { width: max-content; display: flex; gap: 0; animation: ticker 52s linear infinite; }
.notice-track span { padding-right: 60px; white-space: nowrap; letter-spacing: .2px; }.notice-inner time { flex: 0 0 auto; color: #5f6c7c; font-size: 13px; font-weight: 700; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.site-header { width: min(1180px, calc(100% - 36px)); height: 94px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #fff; }
.site-header::before { content: ""; position: absolute; left: 0; right: 0; height: 94px; z-index: -1; background: #fff; }
.brand { flex: 0 0 auto; display: block; }
.brand-logo { width: 211px; height: 87px; display: block; overflow: hidden; }
.brand-logo img { display: block; width: 218px; height: auto; transform: translateY(-5px); }
.header-slogan { margin-left: auto; display: grid; gap: 5px; text-align: right; }.header-slogan b { color: #454f5d; font-size: 14px; }.header-slogan span { color: #9a9fa7; font-size: 11px; letter-spacing: 1px; }
.mobile-all { display: none; }
.main-nav { height: 43px; color: #fff; background: var(--orange); box-shadow: 0 2px 0 rgba(210,91,0,.1); }
.main-nav > div { width: min(1180px, 100%); height: 100%; margin: auto; display: flex; align-items: stretch; }
.main-nav a, .main-nav span { min-width: 112px; padding: 0 21px; display: grid; place-items: center; font-size: 14px; }
.main-nav a:hover, .main-nav .is-active { background: var(--orange-dark); }.main-nav span { margin-left: auto; background: rgba(215,92,0,.22); }

main { width: min(1180px, calc(100% - 36px)); margin: auto; }
.feature-layout { margin-top: 14px; display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 14px; }
.hero-banner { min-height: 185px; padding: 27px 40px; position: relative; display: flex; align-items: center; overflow: hidden; color: #fff; background: linear-gradient(110deg, #f23832 0%, #ff671c 52%, #ff9a17 100%); box-shadow: var(--shadow); }
.hero-banner::before { content: ""; position: absolute; inset: 0; opacity: .18; background: repeating-linear-gradient(125deg, transparent 0 31px, #fff 32px 34px); }
.hero-copy { position: relative; z-index: 1; }.hero-copy > span { font: 700 10px/1 Arial, sans-serif; letter-spacing: 2px; }.hero-copy h1 { margin: 8px 0 10px; font-size: 31px; line-height: 1.1; }.hero-copy h1 b { color: #ffe56c; }.hero-copy p { margin: 0 0 16px; font-size: 12px; }.hero-copy a { padding: 8px 14px; display: inline-block; border: 1px solid rgba(255,255,255,.65); border-radius: 3px; font-size: 11px; }
.hero-art { width: 240px; height: 180px; position: absolute; right: 30px; top: 3px; }.hero-art i { position: absolute; right: 12px; bottom: 17px; border-radius: 50%; border: 2px solid rgba(255,255,255,.28); }.hero-art i:nth-child(1) { width: 165px; height: 165px; }.hero-art i:nth-child(2) { width: 120px; height: 120px; right: 34px; bottom: 39px; }.hero-art i:nth-child(3) { width: 78px; height: 78px; right: 55px; bottom: 60px; background: rgba(255,255,255,.13); }.hero-art strong { position: absolute; right: 51px; top: 54px; font: 900 45px/1 Arial, sans-serif; }.hero-art small { position: absolute; right: 57px; top: 103px; font-size: 13px; letter-spacing: 3px; }
.feature-side { padding: 23px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; background: linear-gradient(145deg, #137f45, #20a55d); box-shadow: var(--shadow); }.feature-side > b { font-size: 15px; }.feature-side > strong { margin: 5px 0 -2px; color: #ffe56a; font: 900 50px/1 Arial, sans-serif; }.feature-side > span { font-size: 12px; }.feature-side a { margin: 13px 0 9px; padding: 8px 14px; border-radius: 2px; color: #167d47; background: #fff; font-size: 11px; font-weight: 700; }.feature-side small { color: rgba(255,255,255,.72); font-size: 9px; }

.quick-games { min-height: 82px; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); border: 1px solid var(--line); border-top: 0; background: #fff; }
.quick-games a { min-width: 0; padding: 11px 6px 9px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; border-right: 1px solid #eee; }.quick-games a:last-child { border-right: 0; }.quick-games a:hover, .quick-games .is-selected { background: var(--orange-pale); }.quick-games .is-selected::before { content: "置顶"; position: absolute; left: 0; top: 0; padding: 2px 5px; color: #fff; background: var(--red); font-size: 9px; }.quick-games b { max-width: 100%; overflow: hidden; color: #505a68; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.game-symbol { width: 43px; height: 43px; display: inline-grid; place-items: center; flex: 0 0 auto; border: 6px solid #f0f2f5; border-radius: 50%; color: #fff; background: #1b96d2; font-size: 13px; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }.symbol-race { background: #e65435; }.symbol-ssc { background: #6856c8; }.symbol-happy { background: #14996b; }.symbol-choose5 { background: #2594cb; }.symbol-k3 { background: #dc8b27; }.symbol-keno { background: #1685d4; }.symbol-marksix { background: #d34c6b; }.symbol-pc28 { background: #8658be; }

.selected-game { margin-top: 14px; min-height: 145px; display: grid; grid-template-columns: 125px 220px minmax(0, 1fr) 145px 158px; align-items: stretch; border: 1px solid var(--line); border-top: 3px solid var(--orange); background: #fff; box-shadow: var(--shadow); }
.selected-label, .selected-name, .selected-result, .selected-next, .selected-actions { padding: 19px; display: flex; justify-content: center; flex-direction: column; }
.selected-label { color: #fff; background: var(--orange); }.selected-label span { font-size: 14px; font-weight: 700; }.selected-label small { margin-top: 5px; color: rgba(255,255,255,.78); font-size: 10px; }
.selected-name { flex-direction: row; align-items: center; justify-content: flex-start; gap: 11px; }.selected-name h2 { margin: 0 0 6px; font-size: 20px; }.selected-name p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.selected-result { border-left: 1px solid #eee; border-right: 1px solid #eee; }.selected-balls { display: flex; flex-wrap: wrap; gap: 5px; }.selected-result > p { margin: 10px 0 0; color: #768393; font-size: 11px; }
.selected-next { align-items: center; text-align: center; }.selected-next span, .selected-next small { color: #8b95a2; font-size: 10px; }.selected-next b { margin: 7px 0; color: var(--red); font: 800 24px/1 Arial, sans-serif; }
.selected-actions { gap: 8px; background: #fafafa; }.selected-actions a { padding: 8px 9px; border: 1px solid #e7e7e7; border-radius: 2px; color: #626d7a; text-align: center; font-size: 11px; }.selected-actions a:first-child { color: #fff; border-color: var(--orange); background: var(--orange); }

.content-layout { margin: 14px 0 34px; display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 14px; align-items: start; }.draws-section { min-width: 0; }.section-title { height: 53px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-bottom: 2px solid var(--orange); background: #fff; }.section-title h2 { margin: 0; display: inline; font-size: 18px; }.section-title span { margin-left: 10px; color: #9099a4; font-size: 10px; }.section-title a { color: var(--orange-dark); font-size: 11px; }
.draw-grid { margin-top: 10px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.draw-card { min-width: 0; min-height: 285px; display: flex; flex-direction: column; border: 1px solid var(--line); background: #fff; box-shadow: 0 2px 8px rgba(40,50,68,.035); }.draw-card > header { padding: 17px 17px 11px; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 10px; }.draw-card .game-symbol { width: 45px; height: 45px; }.game-name { min-width: 0; }.game-name h3 { margin: 0 0 5px; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }.game-name p { margin: 0; color: var(--muted); font-size: 10px; }.game-name p b { color: #596574; }.draw-countdown { text-align: right; }.draw-countdown span { display: block; color: #8c96a2; font-size: 9px; }.draw-countdown b { display: block; margin-top: 5px; color: var(--red); font: 700 16px/1 Arial, sans-serif; }.draw-time { padding: 0 17px 9px; display: flex; justify-content: space-between; color: #929aa5; font-size: 9px; }.draw-time a { color: var(--orange-dark); }.card-balls { min-height: 68px; padding: 7px 17px 13px; display: flex; align-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px; }.draw-stats { margin: 0 17px; min-height: 35px; display: flex; align-items: center; border: 1px solid #eee; background: #fafafa; }.draw-stats span { flex: 1; padding: 5px 7px; border-right: 1px solid #eee; color: #747f8d; text-align: center; font-size: 10px; }.draw-stats span:last-child { border-right: 0; }.draw-stats b { color: var(--red); }.card-empty { flex: 1; display: grid; place-items: center; color: var(--muted); font-size: 12px; }.draw-card footer { min-height: 39px; margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #eee; }.draw-card footer a { display: grid; place-items: center; border-right: 1px solid #eee; color: #596675; font-size: 10px; }.draw-card footer a:last-child { border-right: 0; }.draw-card footer a:hover { color: var(--orange-dark); background: var(--orange-pale); }
.draw-stats span { border-right-color: #e2e4e8; color: #3d4e63; font-size: 11px; font-weight: 600; }
.draw-stats b { color: #df3038; font-weight: 800; }
.draw-card footer { border-top-color: #dfe3e8; }
.draw-card footer a { border-right-color: #dfe3e8; color: #334861; font-size: 11px; font-weight: 600; }
.ball, .ball-separator, .ball-empty { display: inline-grid; place-items: center; flex: 0 0 auto; }.ball { width: 29px; height: 29px; border-radius: 4px; color: #fff; font: 800 11px/1 Arial, sans-serif; box-shadow: inset 0 -2px 0 rgba(0,0,0,.13); }.ball-1 { background: #1684d5; }.ball-2 { background: #7358d7; }.ball-3 { background: #ef5c54; }.ball-4 { background: #e8951f; }.ball-5 { background: #129c84; }.ball-special { outline: 2px solid #f1bb3f; outline-offset: 1px; }.ball-separator { color: #9099a3; font-weight: 800; }.ball-empty { color: var(--muted); font-size: 11px; }
.right-sidebar { display: grid; gap: 12px; }.right-sidebar section { border: 1px solid var(--line); background: #fff; }.right-sidebar h3 { margin: 0; padding: 13px 15px; border-bottom: 2px solid var(--orange); font-size: 15px; }.right-sidebar section > a { min-height: 37px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; color: #606b79; font-size: 11px; }.right-sidebar section > a:last-child { border-bottom: 0; }.right-sidebar section > a b { color: var(--orange); }.guide-box { padding-bottom: 10px; }.guide-box p { margin: 10px 14px; color: #7e8894; font-size: 10px; line-height: 1.6; }
.guide-box .guide-more { min-height: 35px; margin: 8px 12px 2px; padding: 0 12px; color: #fff; border: 0; background: var(--orange); font-weight: 700; }

.detail-main { padding-bottom: 35px; }.detail-breadcrumb { height: 44px; display: flex; align-items: center; gap: 8px; color: #818b97; font-size: 11px; }.detail-breadcrumb b { color: #545f6d; }.overview-card { min-height: 175px; display: grid; grid-template-columns: 240px minmax(0, 1fr) 200px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow); }.overview-game { padding: 23px; display: flex; align-items: center; gap: 13px; background: #fafafa; }.overview-game h1 { margin: 0 0 7px; font-size: 21px; }.overview-game p { margin: 0; color: var(--muted); font-size: 10px; }.overview-result { padding: 23px; display: flex; justify-content: center; flex-direction: column; }.overview-balls { display: flex; flex-wrap: wrap; gap: 6px; }.overview-balls .ball { width: 34px; height: 34px; font-size: 13px; }.overview-stats { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 9px; color: #788391; font-size: 10px; }.overview-stats span { padding-right: 9px; border-right: 1px solid #ddd; }.overview-stats time { margin-left: auto; }.overview-next { padding: 23px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; background: var(--orange); }.overview-next span, .overview-next small { color: rgba(255,255,255,.8); font-size: 10px; }.overview-next > b { margin: 9px 0 5px; font: 800 27px/1 Arial, sans-serif; }.overview-next a { margin-top: 14px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.55); font-size: 10px; }
.attribute-panel { margin-top: 12px; padding: 20px; display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 20px; border: 1px solid #eadfce; background: #fffaf2; }.attribute-panel h2 { margin: 0; font-size: 17px; }.attribute-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }.attribute-grid div { padding: 7px 3px; display: grid; gap: 3px; place-items: center; border: 1px solid #eee1cb; background: #fff; color: #806f5a; font-size: 9px; }.attribute-grid b { color: var(--red); font-size: 14px; }
.history-section { margin-top: 14px; border: 1px solid var(--line); background: #fff; }.history-toolbar { min-height: 52px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--orange); }.history-toolbar h2 { margin: 0; display: inline; font-size: 18px; }.history-toolbar span { margin-left: 10px; color: #8e97a2; font-size: 10px; }.history-toolbar nav { display: flex; gap: 7px; }.history-toolbar nav a { padding: 7px 11px; border: 1px solid #e5e5e5; color: #697481; font-size: 10px; }.history-toolbar nav .is-active { color: #fff; border-color: var(--orange); background: var(--orange); }.history-table-wrap { overflow-x: auto; }.history-table-wrap table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 10px; }.history-table-wrap th { height: 37px; color: #5f6976; background: #f0f0f0; font-weight: 500; }.history-table-wrap td { height: 48px; padding: 6px 9px; border-top: 1px solid #e6e6e6; text-align: center; }.history-table-wrap tbody tr:nth-child(even) { background: #fafafa; }.history-balls { display: flex; justify-content: center; flex-wrap: wrap; gap: 3px; }.history-balls .ball { width: 23px; height: 23px; border-radius: 3px; font-size: 9px; }
.pagination { min-height: 58px; padding: 10px 15px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; border-top: 1px solid #e5e5e5; }.pagination a { min-width: 34px; height: 32px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d9dde2; color: #34465c; background: #fff; font-size: 11px; }.pagination a:hover, .pagination .is-current { color: #fff; border-color: var(--orange); background: var(--orange); }.pagination .page-edge { min-width: 62px; }.pagination .is-disabled { color: #aeb5bd; border-color: #e8eaed; background: #f7f7f7; pointer-events: none; }

.catalog-main { padding: 20px 0 38px; }.catalog-title { min-height: 78px; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; border-left: 4px solid var(--orange); background: #fff; }.catalog-title h1 { margin: 0 0 6px; font-size: 23px; }.catalog-title p { margin: 0; color: var(--muted); font-size: 11px; }.catalog-title > b { color: var(--orange); font-size: 22px; }.catalog-section { margin-top: 14px; padding: 18px; border: 1px solid var(--line); background: #fff; }.catalog-section h2 { margin: 0 0 14px; padding-bottom: 11px; border-bottom: 2px solid var(--orange); font-size: 18px; }.catalog-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }.catalog-grid a { min-width: 0; min-height: 82px; padding: 10px; display: grid; grid-template-columns: 43px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 9px; border: 1px solid #e5e5e5; }.catalog-grid a:hover { border-color: #ffbd7d; background: var(--orange-pale); }.catalog-grid .game-symbol { grid-row: 1 / 3; }.catalog-grid b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.catalog-grid small { color: #9a9fa7; font-size: 9px; }

.about-main { padding: 22px 0 45px; }.about-hero { min-height: 250px; padding: 42px 48px; position: relative; overflow: hidden; display: flex; align-items: center; color: #fff; background: linear-gradient(125deg,#d96600 0%,#ff890e 54%,#ffad37 100%); }.about-hero::after { content: '168'; position: absolute; right: 40px; top: -35px; color: rgba(255,255,255,.12); font: 900 235px/1 Arial,sans-serif; }.about-hero > div { max-width: 670px; position: relative; z-index: 1; }.official-badge { padding: 6px 12px; display: inline-block; border: 1px solid rgba(255,255,255,.55); background: rgba(255,255,255,.13); font-size: 11px; letter-spacing: 1px; }.about-hero h1 { margin: 17px 0 12px; font-size: 34px; }.about-hero h1 b { color: #fff1c8; }.about-hero p { margin: 0; max-width: 600px; color: rgba(255,255,255,.88); font-size: 13px; line-height: 1.9; }.trust-grid { margin-top: 14px; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.trust-card { min-height: 180px; padding: 24px 20px; border: 1px solid var(--line); background: #fff; }.trust-card i { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--orange); font: normal 800 15px/1 Arial,sans-serif; }.trust-card h2 { margin: 16px 0 8px; font-size: 17px; }.trust-card p { margin: 0; color: #5d6a79; font-size: 11px; line-height: 1.8; }.official-section { margin-top: 14px; padding: 28px 32px; border: 1px solid var(--line); background: #fff; }.official-section > header { margin-bottom: 22px; padding-bottom: 15px; border-bottom: 2px solid var(--orange); }.official-section h2 { margin: 0 0 6px; font-size: 22px; }.official-section header p { margin: 0; color: var(--muted); font-size: 11px; }.collection-flow { display: grid; grid-template-columns: repeat(4,1fr); }.collection-flow div { min-height: 115px; padding: 12px 20px; position: relative; border-right: 1px solid #e5e5e5; }.collection-flow div:last-child { border-right: 0; }.collection-flow b { color: var(--orange); font: 800 22px/1 Arial,sans-serif; }.collection-flow h3 { margin: 10px 0 6px; font-size: 15px; }.collection-flow p { margin: 0; color: #647181; font-size: 10px; line-height: 1.7; }.official-promise { margin-top: 14px; padding: 28px 32px; display: grid; grid-template-columns: 190px 1fr; gap: 28px; color: #fff; background: #29323e; }.official-promise h2 { margin: 0; color: #ffbe69; font-size: 22px; }.official-promise ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 28px; list-style: none; }.official-promise li { padding-left: 18px; position: relative; color: #e4e8ed; font-size: 11px; line-height: 1.7; }.official-promise li::before { content: '✓'; position: absolute; left: 0; color: #ffbe69; font-weight: 800; }.official-note { margin-top: 14px; padding: 18px 22px; border-left: 4px solid var(--orange); color: #586575; background: #fff7ed; font-size: 11px; line-height: 1.8; }.responsible-use { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,1fr); gap: 14px; }.scroll-notice-card { min-width: 0; min-height: 170px; padding: 27px 28px; overflow: hidden; border: 1px solid #dce5df; background: #f7fcf8; }.scroll-notice-card > span { color: #21834d; font-size: 11px; font-weight: 800; letter-spacing: 1px; }.scroll-notice-card h2 { margin: 8px 0 18px; color: #183f2c; font-size: 23px; }.warning-notice { border-color: #f0dcd9; border-left: 4px solid #e34a3a; background: #fffafa; }.warning-notice > span { color: #c83729; }.warning-notice h2 { color: #662c26; }.panel-marquee { padding: 11px 0; overflow: hidden; border-top: 1px solid rgba(33,131,77,.18); border-bottom: 1px solid rgba(33,131,77,.18); }.warning-notice .panel-marquee { border-color: rgba(200,55,41,.17); }.panel-marquee-track { width: max-content; display: flex; animation: panel-ticker 30s linear infinite; will-change: transform; }.panel-marquee-track.is-slower { animation-duration: 34s; }.panel-marquee-track p { margin: 0; padding-right: 76px; color: #53685d; white-space: nowrap; font-size: 12px; line-height: 1.8; }.warning-notice .panel-marquee-track p { color: #694e4a; }.scroll-notice-card:hover .panel-marquee-track { animation-play-state: paused; }@keyframes panel-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.site-footer { min-height: 85px; padding: 20px max(18px, calc((100vw - 1180px) / 2)); display: flex; align-items: center; justify-content: space-between; color: #87909c; background: #fff; border-top: 1px solid #ddd; }.site-footer > div { display: grid; gap: 4px; }.site-footer b { color: #505b68; font-size: 15px; }.site-footer span, .site-footer p { margin: 0; font-size: 10px; }
.feature-stamp-side { padding: 18px; }
.feature-stamp-side > .official-stamp { width: 116px; height: 116px; display: grid; place-content: center; gap: 4px; color: #fff8f2; background: #c4141c; border: 4px solid #fff; border-radius: 50%; outline: 4px solid #c4141c; box-shadow: 0 10px 24px rgba(83,0,0,.28); transform: rotate(-6deg); text-align: center; line-height: 1; }
.feature-stamp-side .official-stamp span, .feature-stamp-side .official-stamp strong, .feature-stamp-side .official-stamp small { display: block; margin: 0; padding: 0; color: #fff8f2; background: transparent; }
.feature-stamp-side .official-stamp span { font-size: 12px; letter-spacing: 2px; }.feature-stamp-side .official-stamp strong { font-size: 22px; white-space: nowrap; }.feature-stamp-side .official-stamp small { font-size: 11px; letter-spacing: 2px; }
.fixed-slogan { height: 48px; padding: 0 max(18px, calc((100vw - 1180px) / 2)); position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 15px; color: #fff; background: rgba(37, 43, 53, .96); box-shadow: 0 -2px 10px rgba(0,0,0,.12); }.fixed-slogan b { color: #ffbd62; font-size: 13px; }.fixed-slogan span { font-size: 11px; }.fixed-slogan a { margin-left: auto; padding: 6px 11px; border: 1px solid rgba(255,255,255,.38); font-size: 10px; }

@media (max-width: 1000px) {
    .content-layout, .feature-layout { grid-template-columns: 1fr; }.feature-side, .right-sidebar { display: none; }.selected-game { grid-template-columns: 110px 200px minmax(0, 1fr) 140px; }.selected-actions { grid-column: 1 / -1; flex-direction: row; }.selected-actions a { flex: 1; }.catalog-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.trust-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 700px) {
    body { padding-bottom: 54px; }.top-notice { height: 42px; font-size: 16px; }.notice-inner { width: 100%; padding: 0 12px; gap: 8px; }.notice-caption { padding-right: 8px; font-size: 16px; }.notice-inner time { display: none; }.notice-track { animation-duration: 42s; }.notice-track span { padding-right: 36px; }
    .site-header { width: 100%; height: 88px; padding: 0 14px; }.site-header::before { height: 88px; }.brand-logo { width: 190px; height: 80px; }.brand-logo img { width: 198px; transform: translateY(-4px); }.header-slogan { display: none; }.mobile-all { padding: 7px 9px; display: block; color: var(--orange-dark); border: 1px solid #ffd0a1; border-radius: 3px; font-size: 11px; }
    .main-nav { height: 42px; }.main-nav > div { width: 100%; }.main-nav a, .main-nav span { min-width: 0; flex: 1; padding: 0 5px; font-size: 12px; }.main-nav a:nth-child(4), .main-nav a:nth-child(5), .main-nav span { display: none; }
    main { width: 100%; }.feature-layout { margin-top: 0; }.hero-banner { min-height: 165px; padding: 22px 20px; }.hero-copy h1 { font-size: 27px; }.hero-copy p { max-width: 230px; font-size: 10px; line-height: 1.5; }.hero-art { right: -62px; opacity: .65; }.quick-games { min-height: 75px; grid-template-columns: repeat(4, minmax(85px, 1fr)); overflow-x: auto; }.quick-games a { min-width: 85px; }.quick-games .game-symbol { width: 37px; height: 37px; border-width: 5px; font-size: 11px; }
    .selected-game { margin: 10px 10px 0; grid-template-columns: 1fr 112px; }.selected-label { grid-column: 1 / -1; padding: 9px 13px; flex-direction: row; justify-content: space-between; }.selected-label small { margin: 0; }.selected-name { padding: 14px; }.selected-name h2 { font-size: 17px; }.selected-name .game-symbol { width: 39px; height: 39px; }.selected-result { grid-column: 1 / -1; padding: 14px; border: 0; border-top: 1px solid #eee; }.selected-balls { gap: 4px; }.selected-next { grid-column: 2; grid-row: 2; padding: 11px; }.selected-next b { font-size: 20px; }.selected-actions { grid-column: 1 / -1; padding: 10px; flex-direction: row; }.selected-actions a { padding: 7px; }
    .content-layout { margin: 10px 10px 22px; }.section-title { height: 48px; }.section-title h2 { font-size: 16px; }.draw-grid { grid-template-columns: 1fr; gap: 9px; }.draw-card { min-height: 250px; border-radius: 4px; }.draw-card > header { padding: 14px 14px 9px; }.draw-card .game-symbol { width: 42px; height: 42px; }.game-name h3 { font-size: 17px; }.card-balls { min-height: 55px; padding: 5px 14px 12px; }.ball { width: 28px; height: 28px; }.draw-stats { margin: 0 14px; }.draw-time { padding: 0 14px 8px; }.draw-card footer { min-height: 36px; }
    .detail-main { width: 100%; }.detail-breadcrumb { padding: 0 13px; }.overview-card { margin: 0 10px; grid-template-columns: 1fr 112px; }.overview-game { padding: 15px; }.overview-game h1 { font-size: 19px; }.overview-result { grid-column: 1 / -1; padding: 15px; border-top: 1px solid #eee; }.overview-next { grid-column: 2; grid-row: 1; padding: 12px; }.overview-next > b { font-size: 21px; }.overview-next a { padding: 5px 6px; text-align: center; }.overview-stats time { flex-basis: 100%; margin-left: 0; }.attribute-panel { margin: 10px; grid-template-columns: 1fr; }.attribute-grid { overflow-x: auto; grid-template-columns: repeat(7, minmax(50px, 1fr)); }.history-section { margin: 10px; }.history-toolbar { padding: 10px 12px; align-items: flex-start; gap: 10px; }.history-toolbar h2 { font-size: 16px; }.history-toolbar nav { flex-wrap: wrap; justify-content: flex-end; }.history-toolbar nav a { padding: 5px 7px; }.history-table-wrap table { min-width: 760px; }.pagination { padding: 9px 6px; gap: 4px; }.pagination a { min-width: 30px; height: 30px; padding: 0 6px; }.pagination .page-edge { min-width: 54px; }
    .catalog-main { padding: 0 10px 25px; }.catalog-title { min-height: 65px; margin: 10px -10px 0; padding: 12px 16px; }.catalog-title h1 { font-size: 20px; }.catalog-title p { display: none; }.catalog-section { padding: 13px 6px; margin-top: 10px; border-left: 0; border-right: 0; }.catalog-section h2 { margin: 0 4px 12px; font-size: 17px; }.catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.catalog-grid a { min-height: 49px; padding: 7px 4px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; text-align: center; }.catalog-grid .game-symbol, .catalog-grid small { display: none; }.catalog-grid b { width: 100%; font-size: 11px; font-weight: 500; }
    .about-main { padding: 0 10px 28px; }.about-hero { min-height: 230px; margin: 0 -10px; padding: 30px 22px; }.about-hero::after { right: -40px; top: 5px; font-size: 145px; }.about-hero h1 { font-size: 27px; }.about-hero p { font-size: 11px; }.trust-grid { grid-template-columns: 1fr; gap: 9px; }.trust-card { min-height: 0; padding: 18px; }.official-section { padding: 20px 16px; }.collection-flow { grid-template-columns: 1fr 1fr; }.collection-flow div { border-right: 0; border-bottom: 1px solid #e5e5e5; }.official-promise { padding: 22px 18px; grid-template-columns: 1fr; gap: 16px; }.official-promise ul { grid-template-columns: 1fr; }.responsible-use { grid-template-columns: 1fr; gap: 10px; }.scroll-notice-card { min-height: 145px; padding: 20px 18px; }.scroll-notice-card h2 { margin-bottom: 14px; font-size: 20px; }.panel-marquee-track p { padding-right: 54px; font-size: 11px; }
    .site-footer { min-height: 72px; padding: 14px; }.site-footer p { text-align: right; }.fixed-slogan { height: 54px; padding: 0 12px; gap: 8px; }.fixed-slogan b { font-size: 11px; }.fixed-slogan span { min-width: 0; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.fixed-slogan a { flex: 0 0 auto; padding: 5px 7px; }
}

@media (prefers-reduced-motion: reduce) { .notice-track, .panel-marquee-track { animation: none; } }