/* Exact reference design tokens, adapted to the existing component names. */
:root{
 --font-sans:Tahoma,"Microsoft YaHei","微软雅黑","Segoe UI",Arial,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,sans-serif;
 --font-digital:"DIN Alternate","Barlow Condensed","Microsoft YaHei",sans-serif;
 --font-ball:Tahoma,Arial,"Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;
 --bg-body:#eaebee;--bg-card:#fff;--bg-card-hover:#f7f7f7;--bg-sidebar:#f7f7f7;
 --text-primary:#37393b;--text-secondary:#5f5f5f;--text-muted:#9e9e9e;--border-color:#e8ebf1;--border-subtle:#eef1f6;--divider:#e8ebf1;
 --accent:#609aeb;--accent-dark:#3b84eb;--accent-light:#8bb5f1;--primary:#609aeb;--primary-dark:#3b84eb;
 --danger:#e35858;--success:#39c76c;--info:#6092e9;--warning:#e8632c;
 --radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:12px;
 --shadow-xs:0 1px 2px #00000003;--shadow-sm:0 1px 4px #37393b0f;--shadow-card:0 2px 10px #37393b0f;
 --shadow-md:0 2px 10px #37393b0f;--shadow-lg:0 8px 28px #0f172a1f;--shadow-xl:0 16px 48px #0f172a29;
 --shadow-card-hover:0 10px 25px #609aeb14;--shadow-accent:0 4px 14px #609aeb25;
}
body{font-family:var(--font-sans);font-size:13px;line-height:1.5;font-weight:400;color:#37393b;background:#eaebee;letter-spacing:normal;}
button,input,select,textarea{font-family:var(--font-sans);font-weight:400;letter-spacing:normal;}
.main-container{max-width:1225px;margin-bottom:12px;}
.card,.lottery-section,.lottery-detail-card,.history-section,.lot-hub,.articles-card,.article-detail,.about-section,.rules-content{border:1px solid #e8ebf1;border-radius:12px;background:#fff;box-shadow:0 2px 10px #37393b0f;}
.card-body{padding:16px 20px;}
.card-header,.sidebar-card .card-header{font-size:16px;line-height:20px;font-weight:600;background:#fff;color:#37393b;border-bottom:1px solid #eef1f6;padding:18px 24px;}
.card-header i{color:#3b84eb;}
.navbar{background:linear-gradient(90deg,#3b84eb,#609aeb);box-shadow:0 4px 12px #609aeb1a;}
.navbar-menu a{font-family:var(--font-sans);font-size:15px;font-weight:400;letter-spacing:normal;}
.navbar-menu a:hover,.navbar-menu a.active{background:#5589d1;}
.desktop-header-tools{font-size:12px;line-height:20px;gap:12px;}
.desktop-header-tools button{height:30px;padding:0 12px;border:1px solid #e8ebf1;border-radius:6px;color:#5f5f5f;box-shadow:none;}
.nav-dropdown-row>strong{font-size:18px;font-weight:400;line-height:32px;padding:4px 16px;}
.nav-dropdown-row a{font-size:13px;line-height:20px;padding:2px 8px;}
.nav-dropdown-row>div{border-bottom-color:#ededed;gap:4px 12px;}
.home-marquee{border:1px solid #e8ebf1;border-radius:12px;background:#fff;height:40px;box-shadow:none;}
.home-marquee-text{color:#313131;font-size:14px;font-weight:400;line-height:40px;}
.home-hero{padding:15px;height:230px;border-radius:12px;margin-bottom:14px;}
.reference-home #homeLotteryGrid{padding:15px 0 12px;gap:10px;}
.reference-home .reference-card-title{gap:8px;min-height:35px;margin-bottom:4px;}
.reference-home .reference-card-title h3{font-size:18px;line-height:26px;font-weight:400;color:#313131;}
.reference-home .reference-card-title .period{font-size:14px;font-weight:400;line-height:20px;color:#3b84eb;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line .countdown-value{font-family:var(--font-digital);font-weight:700;font-size:24px;line-height:36px;color:#e8632c;letter-spacing:0;}
.reference-home #homeLotteryGrid .lottery-card-numbers .ball{font-family:var(--font-ball);font-size:14px;font-weight:400;}
.reference-home #homeLotteryGrid .lottery-card-links{gap:24px;height:34px;}
.reference-home #homeLotteryGrid .lottery-card-links a{font-size:12px;font-weight:400;line-height:20px;}
.reference-home .home-category{font-size:16px;font-weight:400;line-height:46px;}
.reference-home .home-category.active{box-shadow:inset 0 -3px #609aeb;}
.ball{font-family:var(--font-ball);font-weight:500;text-shadow:none;box-shadow:2px 3px 5px #0000000d;border:1px solid #c5cbd6;letter-spacing:0;line-height:1;}
.ball-red{background:#f12d35;border-color:#f12d35;color:#fff;}
.ball-blue{background:#184dd5;border-color:#184dd5;color:#fff;}
.ball-green{background:#009204;border-color:#009204;color:#fff;}
.ball-ssc{background:#fff;color:#e35858;border-color:#c5cbd6;}
.ball-other{background:#fff;color:#6092e9;border-color:#c5cbd6;}
.ball-special{box-shadow:2px 3px 5px #0000000d;border-width:2px;transform:none;}
.ball-pk10{font-family:"Microsoft YaHei","微软雅黑",sans-serif;font-weight:500;border:0;border-radius:4px;color:#fff;box-shadow:2px 3px 5px #0000000d;}
.ball-plus{font-family:var(--font-ball);font-size:18px;font-weight:400;color:#313131;text-shadow:none;}
.ball-row{gap:6px;align-items:center;}
.zodiac{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:16px;color:#5f5f5f;}
.lottery-card-logo-fallback,.detail-logo-fallback{background:#eef5ff;color:#609aeb;box-shadow:none;}
.lot-hub-tabs{background:#fcfcfc;border-bottom:1px solid #e8ebf1;}
.lot-hub-tab{height:46px;line-height:20px;font-size:16px;font-weight:400;padding:13px 20px;}
.lot-hub-tab.active{background:transparent;color:#3b84eb;border-bottom:3px solid #609aeb;}
.lot-hub-tab.active i,.lot-hub-tab i{color:inherit;}
.lot-hub-tab:hover{background:#f2f8ff;color:#3b84eb;}
.lottery-type-item{width:100px;gap:4px;}
.lottery-type-icon{width:60px;height:60px;border-radius:12px;box-shadow:none;background:#eef5ff;}
.lottery-type-name{font-size:12px;font-weight:400;line-height:15px;}
.lot-cat-label{font-size:14px;font-weight:400;line-height:24px;}
.lot-cat-type{font-size:13px;font-weight:400;line-height:20px;padding:2px 8px;border-radius:4px;}
.hall-category,.analysis-tabs button,.detail-tools>a,.detail-tools>button{font-size:14px;font-weight:400;}
#lotLotteryGrid .lottery-card-topbar{font-size:18px;font-weight:400;line-height:26px;background:#fff;border-bottom:1px solid #eef1f6;}
#lotLotteryGrid .lottery-card-header{gap:10px;}
.lottery-card-info-grid h3{font-size:14px;font-weight:400;line-height:22px;}
.lottery-card-info-grid .period{color:#3b84eb;font-weight:400;}
.lottery-card-status .status-countdown,.lottery-card-countdown-line .countdown-value{font-family:var(--font-digital);font-weight:700;color:#e8632c;}
.detail-top{padding:16px 30px;gap:20px;}
.detail-logo{width:76px;height:76px;object-fit:contain;border:0;box-shadow:none;border-radius:0;}
.detail-logo-fallback{width:76px;height:76px;font-size:24px;font-weight:600;border-radius:12px;}
.detail-name{font-size:20px;font-weight:400;line-height:30px;color:#313131;}
.detail-period{font-size:14px;font-weight:400;line-height:20px;color:#3b84eb;}
.detail-schedule-text{font-size:12px;line-height:20px;color:#9e9e9e;}
.detail-row-info{gap:4px 10px;}
.detail-numbers .ball{width:36px;height:36px;font-size:16px;font-weight:700;}
.detail-countdown .countdown-label{font-size:14px;font-weight:400;line-height:24px;margin-bottom:4px;color:#666a6e;}
.detail-countdown .countdown-timer{font-family:var(--font-digital);font-size:28px;font-weight:700;gap:0;}
.detail-countdown .countdown-timer .cd-num{font-family:inherit;font-size:28px;font-weight:700;background:transparent;color:#e8632c;border:0;border-radius:0;min-width:24px;height:36px;line-height:36px;padding:0 2px;box-shadow:none;}
.detail-countdown .countdown-timer .cd-sep{color:#e8632c;font-size:22px;font-weight:400;margin:0;line-height:36px;}
.history-section{padding:10px 30px;}
.history-header{padding:0 0 12px;gap:12px;border-bottom:0;}
.history-header h3{font-size:20px;font-weight:400;line-height:30px;color:#313131;}
.history-header h3 i{font-size:16px;color:#5f5f5f;}
.history-table-wrapper{border:1px solid #e8ebf1;border-radius:8px;overflow:auto;}
.history-table{border-collapse:separate;border-spacing:0;font-size:13px;}
.history-table thead th,.history-table tbody td{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:20px;border-style:solid;border-color:#e8ebf1;border-width:0 1px 1px 0;padding:10px 8px;color:#37393b;text-align:center;background:#fff;}
.history-table thead th{background:#f8fafc;color:#5f5f5f;}
.history-table th:last-child,.history-table td:last-child{border-right:0;}
.history-table tbody tr:last-child td{border-bottom:0;}
.history-table tbody tr:hover td{background:#f2f8ff;}
.history-table .numbers-cell .ball{width:32px;height:32px;font-size:16px;font-weight:500;}
.date-quick-btn{border:1px solid #e8ebf1;border-radius:6px;height:30px;line-height:28px;padding:0 20px;font-size:14px;font-weight:400;color:#5f5f5f;background:#fff;}
.date-quick-btn.active{border-color:#609aeb;color:#3b84eb;background:#eff6ff;}
#historyDateFilter{height:30px;line-height:28px;font-size:13px;border:1px solid #e8ebf1;border-radius:6px;background:#fff;padding:0 8px;}
.load-more-btn{background:#fff;color:#5f5f5f;border:1px solid #e8ebf1;border-radius:6px;font-size:14px;font-weight:400;min-height:36px;box-shadow:none;}
.stats-row,.stats-group,.stats-values{gap:6px;}
.stat-tag{font-size:13px;font-weight:400;line-height:20px;border-radius:4px;box-shadow:none;}
.btn{font-size:13px;font-weight:400;line-height:20px;padding:6px 16px;border-radius:6px;box-shadow:none;}
.btn::before{display:none;}
.btn-primary{background:#609aeb;border:1px solid #609aeb;color:#fff;}
.btn-primary:hover{background:#5589d1;border-color:#5589d1;transform:none;box-shadow:none;}
.btn-outline{border:1px solid #e8ebf1;color:#5f5f5f;background:#fff;}
.btn-outline:hover{background:#f2f8ff;border-color:#609aeb;box-shadow:none;}
.tab-bar{border-bottom:1px solid #e8ebf1;}
.tab-item{font-size:14px;font-weight:400;line-height:22px;padding:12px 16px;}
.tab-item.active{font-weight:400;color:#3b84eb;border-bottom:3px solid #609aeb;}
.breadcrumb{font-size:13px;font-weight:400;line-height:20px;padding:12px 0;gap:8px;color:#9e9e9e;}
.rules-content{padding:20px;}
.rules-content h2{font-size:18px;font-weight:600;line-height:1.35;color:#37393b;border-bottom:1px solid #eef1f6;padding:0 0 12px;margin:0 0 12px;text-align:left;letter-spacing:.02em;}
.rules-content p{font-size:14px;font-weight:400;line-height:1.8;color:#5f5f5f;margin-bottom:12px;}
.rules-content table th,.rules-content table td{border:1px solid #e8ebf1;font-size:13px;font-weight:400;padding:10px 8px;}
.rules-sidebar-title,.about-section-header{font-size:16px;font-weight:600;line-height:22px;background:#fff;color:#37393b;border-bottom:1px solid #eef1f6;padding:16px 20px;}
.rules-nav-item{font-size:14px;font-weight:400;line-height:20px;padding:10px 14px;}
.rules-nav-item.active{background:#f2f8ff;color:#3b84eb;border-left:3px solid #609aeb;}
.articles-tag-bar{background:#fff;border-bottom:1px solid #e8ebf1;padding:0 20px;gap:0;}
.articles-pill{font-size:15px;font-weight:400;line-height:22px;padding:14px 16px;background:none;border:0;border-radius:0;color:#5f5f5f;}
.articles-pill.active{color:#3b84eb;background:none;box-shadow:inset 0 -3px #609aeb;}
.articles-body{padding:20px;}
.article-card-item{padding:20px 0;border-bottom:1px solid #e8ebf1;}
.article-card-item:hover{transform:none;box-shadow:none;background:#f8fafc;}
.article-card-title{font-size:16px;font-weight:500;line-height:22px;color:#37393b;}
.article-card-summary{font-size:14px;font-weight:400;line-height:20px;color:#5f5f5f;margin-top:20px;}
.article-card-meta{font-size:14px;font-weight:400;line-height:20px;color:#9e9e9e;margin-top:12px;}
.article-detail{padding:20px 30px;}
.article-detail-title{font-size:22px;font-weight:600;line-height:1.4;}
.article-detail-content{font-size:14px;line-height:1.8;color:#5f5f5f;}
.article-detail-meta{font-size:12px;color:#9e9e9e;border-bottom:1px solid #e8ebf1;}
.footer{background:#4d5056;color:#ddd;padding:30px 0;}
.footer-inner{font-size:13px;font-weight:400;line-height:1.9;}
.layui-layer{border:1px solid #e8ebf1;box-shadow:0 8px 28px #0f172a1f!important;}
.layui-layer-title{font-family:var(--font-sans)!important;font-size:14px!important;font-weight:500!important;}
@media(max-width:768px){
 body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:14px;}
 .main-container{margin-bottom:10px;}.home-hero{height:140px;padding:8px;margin-bottom:10px;}
 .reference-home #homeLotteryGrid{padding:0;gap:0;}.reference-home .reference-card-title{min-height:24px;gap:4px;}.reference-home .reference-card-title h3{font-size:15px;line-height:24px;}.reference-home .reference-card-title .period{font-size:14px;line-height:24px;}
 .reference-home #homeLotteryGrid .lottery-card-countdown-line .countdown-value{font-size:20px;line-height:24px;}.reference-home #homeLotteryGrid .lottery-card-links{height:auto;gap:12px;}
 .reference-home #homeLotteryGrid .lottery-card-numbers .ball{width:30px;height:30px;font-size:16px;font-weight:400;}.reference-home .home-category{font-size:14px;}
 .detail-top{padding:12px;gap:12px;}.detail-name{font-size:18px;line-height:26px;}.detail-numbers .ball{width:30px;height:30px;font-size:14px;}.detail-countdown .countdown-timer .cd-num{font-size:24px;height:30px;line-height:30px;}
 .history-section{padding:10px;}.history-header h3{font-size:18px;}.history-table thead th,.history-table tbody td{padding:8px 6px;font-size:12px;}.history-table .numbers-cell .ball{width:24px;height:24px;font-size:12px;}
 .date-quick-btn{padding:0 10px;font-size:13px;}.article-detail{padding:16px;}.article-detail-title{font-size:20px;}.articles-body{padding:16px;}.footer{padding:24px 16px;}
}
/* Keep date filters separate, as in the reference, and avoid inherited bold rows. */
.date-quick-btns{gap:10px;}
.date-quick-btn:first-child,.date-quick-btn:last-child,.date-quick-btn:not(:first-child){border:1px solid #e8ebf1;border-radius:6px;margin:0;}
.date-quick-btn.active{border-color:#609aeb;}
.history-table tbody tr:first-child td{font-weight:400;}
@media(max-width:768px){.date-quick-btns{gap:6px;}}
/* Row structure: title and result, statistics table, then analysis actions. */
@media(min-width:769px){
.reference-home #homeLotteryGrid{display:flex;flex-direction:column;gap:10px;padding:10px 0 12px;}
.reference-home #homeLotteryGrid .lottery-card{padding:0 12px 0 0;flex:none;}
.reference-home #homeLotteryGrid .lottery-card-logo-wrap{top:0;}
.reference-home #homeLotteryGrid .lottery-card-info{padding-right:140px;margin-left:86px;}
.reference-home .reference-card-title{margin-bottom:4px;gap:8px;}
.reference-home .reference-card-title .period{color:#9e9e9e;white-space:nowrap;}
.reference-home .reference-card-title .period em{color:#3b84eb;font-style:normal;padding:0 5px;}
.reference-home .row-progress{font-size:14px;color:#9e9e9e;font-weight:400;white-space:nowrap;margin-left:5px;}
.reference-home #homeLotteryGrid .lottery-card-numbers{margin:0 140px 0 86px;min-height:38px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line{top:32px;right:12px;height:36px;min-width:168px;max-width:none;flex-direction:row;align-items:center;gap:4px;}
.reference-home #homeLotteryGrid .countdown-label{font-size:14px;line-height:36px;white-space:nowrap;}
.reference-home #homeLotteryGrid .countdown-value{font-size:28px;font-family:"Barlow Condensed",Tahoma,sans-serif;line-height:36px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line>i{font-size:14px;color:#9e9e9e;}
.reference-home .home-result-wrap{margin:10px 0 0 10px;width:calc(100% - 12px);}
.reference-home #homeLotteryGrid .lottery-card-links{left:auto;width:520px;max-width:100%;right:12px;gap:24px;}
.reference-home #homeLotteryGrid .lottery-card-links a{font-size:14px;min-width:56px;text-align:center;white-space:nowrap;}
.reference-home #homeLotteryGrid .lottery-card-actions{top:auto;bottom:5px;left:16px;right:auto;}
}
.home-result-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #e8ebf1;border-radius:8px;overflow:hidden;background:white;box-shadow:0 1px 2px #00000003,0 2px 8px #00000005;}
.home-result-table th,.home-result-table td{text-align:center;border-right:1px solid #e8ebf1;border-bottom:1px solid #e8ebf1;font-weight:400;}
.home-result-table th{height:22px;line-height:20px;padding:1px 2px;background:#f8fafc;color:#5f5f5f;font-size:12px;}
.home-result-table td{height:30px;line-height:22px;padding:4px 0;color:#313131;font-size:13px;border-bottom:0;}
.home-result-table th:last-child,.home-result-table td:last-child{border-right:0;}
@media(max-width:768px){.home-result-wrap{margin:8px 0;}.home-result-table th{font-size:10px;}.home-result-table td{font-size:12px;}.row-progress{display:none;}.reference-card-title .period em{font-style:normal;}}
@media(min-width:769px){
#desktopHeader{height:40px;border-bottom:1px solid #eef1f6;}
.desktop-header-inner{gap:18px;}
.desktop-brand{flex-shrink:0;gap:0;height:40px;}
.desktop-brand img{height:34px;max-width:140px;width:auto;}
.desktop-brand strong{font-size:22px;line-height:40px;font-weight:600;}
.desktop-notice{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;color:#5f5f5f;}
.desktop-notice>i{color:#609aeb;}
.notice-title{color:#37393b;flex:none;}
#desktopNoticeText{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.desktop-header-tools{gap:14px;flex:none;}
.desktop-header-tools button{padding:0;border:0;background:none;color:#5f5f5f;font-size:12px;}
.navbar-inner{gap:0;}
.navbar-brand{display:none;}
.navbar.reference-sticky .navbar-brand{display:flex;width:100px;flex:0 0 100px;margin-right:30px;}
.navbar.reference-sticky .navbar-brand img{height:34px;max-width:100px;}
.navbar-menu{justify-content:flex-start;}
.navbar-right-btns .navbar-market-btn,.navbar-right-btns .navbar-rate-btn{display:none;}
}
@media(max-width:768px){.desktop-notice{display:none;}}
/* Screenshot alignment uses the reference's 1225 CSS-pixel desktop canvas. */
@media(min-width:1101px){
.main-container,.navbar-inner,.desktop-header-inner{width:1225px;max-width:calc(100% - 100px);}
.reference-home>.main-content{flex:1 1 887px;min-width:0;}
.reference-home>.sidebar{flex:0 0 324px;width:324px;}
.navbar{height:54px;background:linear-gradient(90deg,#3b84eb,#609aeb);}
.navbar-menu>a,.navbar-menu>.nav-dropdown>a{font-size:16px;height:54px;line-height:54px;padding:0 16px;}
.navbar-menu a.active{position:relative;background:#ffffff14;}
.navbar-menu a.active::after{display:block;position:absolute;content:"";bottom:0;left:16px;right:16px;height:3px;background:white;border-radius:3px;}
}
.reference-home .home-hero{display:block;box-sizing:border-box;height:230px;margin:0 0 14px;padding:15px;background:white;border:0;border-radius:12px;position:relative;overflow:hidden;}
.reference-home .home-hero[hidden]{display:none;}
.reference-home .hero-slides{width:100%;height:100%;}
.reference-home .hero-slide{display:block;width:100%;height:100%;}
.reference-home .hero-slide[hidden]{display:none;}
.reference-home .hero-slide img{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block;}
.reference-home .hero-dots{position:absolute;bottom:23px;right:28px;display:flex;gap:5px;}
.reference-home .hero-dots button{width:8px;height:8px;border:0;border-radius:20px;padding:0;background:#ffffff66;cursor:pointer;}
.reference-home .hero-dots button.active{width:16px;background:white;}
.reference-home #homeMarquee{display:none!important;}
.reference-home .lottery-section{overflow:visible;}
.reference-home .home-controls{height:46px;position:relative;overflow:visible;}
.reference-home .home-category{display:flex;gap:6px;align-items:center;font-size:16px;font-weight:400;line-height:46px;padding:0 14px;}
.reference-home .home-category i{font-size:15px;color:#6b62ee;}
.reference-home .home-category[data-category="popular"] i{color:#ff9f18;}
.reference-home .home-category[data-category="lhc"] i{color:#5146ff;}
.reference-home .home-category[data-category="pk10"] i{color:#39c76c;}
.reference-home .home-category[data-category="ssc"] i{color:#ee5c82;}
.reference-home .home-category[data-category="other"] i{color:#cf1535;}
.reference-home .home-category.active{box-shadow:inset 0 -3px #609aeb;color:#3b84eb;}
.home-more-category{display:flex;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;height:46px;line-height:normal;flex:none;border:0;border-left:1px solid #f1f5f9;background:white;padding:0 10px;font:inherit;font-size:12px;color:#9e9e9e;cursor:pointer;border-radius:0 12px 0 0;}
.home-extra-categories{position:absolute;top:46px;left:0;right:0;z-index:10;background:#f8f9fb;border-radius:0 0 12px 12px;box-shadow:0 8px 15px #37393b14;padding:16px;}
.home-extra-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.reference-home .home-extra-categories .home-category{height:40px;min-width:0;justify-content:center;padding:0 6px;line-height:normal;gap:8px;border:1px solid #e8ebef;border-radius:8px;background:#fff;color:#666;font-size:14px;}
.reference-home .home-extra-categories .home-category.active{box-shadow:none;color:#5794e7;background:#eaf1fb;border-color:#dce6f4;}
.home-category-return{display:block;width:200px;max-width:100%;height:36px;margin:16px auto 0;border:1px solid #eceef1;border-radius:20px;background:#fff;color:#606b78;font:inherit;font-size:14px;cursor:pointer;}
.home-category-return:hover{color:#3b84eb;border-color:#b8d3f7;}
.home-more-category[aria-expanded="true"]{background:#eee;}
.home-extra-categories[hidden]{display:none;}
.reference-home #homeSidebar>#sidebarRate,.reference-home #homeSidebar>#homeSidebarBanner{display:block;}
.home-sidebar-banner{padding:10px;background:white;border-radius:12px;display:block;margin:16px 0;}
.home-sidebar-banner img{display:block;width:100%;height:146px;object-fit:cover;border-radius:8px;}
.reference-home #hotRecommendations .card-header{height:57px;font-size:16px;font-weight:600;padding:18px 0 18px 24px;}
.reference-home #hotRecommendations .card-header i{color:#ff9f18;}
.reference-home .reference-recommend-grid{height:228px;gap:8px 2px;}
.reference-home .recommend-expand{color:#609aeb;font-size:12px;height:44px;}
.reference-home #sidebarRate .card-header{position:relative;padding:18px 24px;font-size:16px;font-weight:600;}
.reference-home #sidebarRate .card-header::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);height:16px;width:4px;background:#609aeb;border-radius:2px;}
@media(min-width:769px){
.reference-home #homeLotteryGrid{padding:15px 0 12px;gap:10px;}
.reference-home #homeLotteryGrid .lottery-card{box-shadow:0 2px 10px #37393b0a;}
.reference-home #homeLotteryGrid .lottery-card-numbers .ball{height:32px;width:32px;font-size:16px;}
.reference-home #homeLotteryGrid .lottery-card-numbers .ball-row{gap:10px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line{top:32px;}
.reference-home #homeLotteryGrid .home-result-wrap{margin-top:0;}
.reference-home .home-result-table th{height:23px;}
.reference-home .home-result-table td{height:31px;}
#siteAssist{width:68px;left:calc(50% + 641px);right:auto;top:124px;bottom:auto;border-radius:12px;background:white;box-shadow:0 2px 10px #37393b0f;overflow:hidden;}
#siteAssist a,#siteAssist button{min-height:64px;height:64px;border-bottom:1px solid #e8ebf1;color:#9e9e9e;font-size:12px;background:white;}
#siteAssist i{font-size:22px;}
}
@media(max-width:1399px){#siteAssist{display:none;}}
@media(max-width:768px){.reference-home .home-hero{height:140px;padding:8px;margin-bottom:10px;}.reference-home .home-controls{overflow-x:auto;}.reference-home .home-category{font-size:14px;flex:none;}.home-extra-categories{position:absolute;top:46px;left:0;right:0;}.home-extra-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.home-more-category{font-size:12px;}}
.reference-home #homeLotteryGrid .pc28-equation{gap:5px;align-items:center;}
.reference-home #homeLotteryGrid .ball-pc28{background:#009cda;color:white;border:0;border-radius:50%;box-shadow:none;}
.equation-symbol{color:#9e9e9e;font-size:20px;width:20px;text-align:center;font-weight:400;}
.reference-home .home-cd-number{font-family:var(--font-digital);font-size:22px;font-weight:600;color:#e8632c;line-height:36px;}
.reference-home .home-cd-unit{font-family:var(--font-sans);font-size:14px;font-weight:400;color:#e8632c;margin:0 2px;}
.home-live-link{border:0;background:none;color:#e8632c;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap;padding:0;font-weight:600;}
.home-new-badge{font-family:Tahoma,sans-serif;color:white;background:#e8632c;border-radius:2px;padding:2px 3px;font-size:8px;vertical-align:middle;}
@media(min-width:769px){.navbar-menu>a>i{display:none;}.reference-home #homeLotteryGrid .lottery-card-links{width:auto;left:86px;gap:20px;}.reference-home #homeLotteryGrid .lottery-card-links a{min-width:0;}.reference-home #homeLotteryGrid .lottery-card-numbers .ball-row{margin-bottom:0;}.reference-home #homeLotteryGrid .lottery-card-countdown-line{white-space:nowrap;}.reference-home #homeLotteryGrid .countdown-value{display:flex;align-items:baseline;}}
.reference-hall{padding:20px 24px 28px;}
.reference-page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:14px;}
.reference-page-head h1{font-size:22px;line-height:1.2;font-weight:600;color:#313131;border-left:4px solid #609aeb;padding-left:10px;margin:0;}
.reference-page-head p{font-size:13px;color:#9e9e9e;margin:6px 0 0;padding-left:14px;}
.reference-ghost{border:1px solid #e8ebf1;border-radius:6px;padding:0 12px;height:34px;line-height:32px;font-size:13px;color:#5f5f5f;white-space:nowrap;}
.reference-hall .hall-controls{padding:0 0 14px;margin-bottom:18px;box-shadow:none;border:0;border-bottom:1px solid #eef1f6;}
.reference-hall .hall-search{width:200px;height:34px;}
.reference-hall .hall-category{border:1px solid #e8ebf1;border-radius:6px;background:white;height:34px;padding:0 12px;font-size:14px;}
.reference-hall .hall-category.active{background:#609aeb;color:white;border-color:#609aeb;}
.reference-hall #lotLotteryGrid.grid-mode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;background:none;}
.reference-hall #lotLotteryGrid .hall-lottery-tile{display:block;padding:16px;border:1px solid #e8ebf1;border-radius:12px;background:white;overflow:hidden;}
.hall-tile-top{display:flex;gap:12px;align-items:center;}
.hall-tile-top img,.hall-tile-fallback{width:48px;height:48px;object-fit:contain;flex:none;}
.hall-tile-fallback{display:grid;place-items:center;border-radius:8px;background:#eef5ff;color:#609aeb;font-size:24px;}
.hall-tile-top h2{font-size:16px;font-weight:500;line-height:22px;margin:0;color:#37393b;}
.hall-tile-top p{font-size:12px;color:#9e9e9e;line-height:18px;margin:4px 0 0;}
.hall-tile-result{margin-top:14px;min-height:40px;overflow-x:auto;}
.hall-tile-result .ball-row{flex-wrap:nowrap;justify-content:flex-start;gap:4px;}
.hall-tile-result .ball{height:24px;width:24px;min-width:24px;font-size:12px;}
.hall-tile-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#9e9e9e;border-top:1px solid #eef1f6;margin-top:12px;padding-top:10px;}
.hall-tile-bottom .countdown-value{color:#e8632c;font-family:var(--font-digital);font-size:18px;}
.rules-layout{background:white;padding:16px 30px;border-radius:12px;display:flex;gap:20px;align-items:flex-start;}
.rules-sidebar{width:90px;flex:0 0 90px;border:0;border-radius:12px;background:white;max-height:calc(100vh - 140px);position:sticky;top:80px;overflow:auto;box-shadow:0 1px 4px #37393b0f;}
.rules-sidebar-title{display:none;}
.rules-nav-item{height:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px 4px 0;border:0;font-size:12px;line-height:18px;text-align:center;}
.rules-nav-item img,.rule-icon-fallback{width:36px;height:36px;object-fit:contain;flex:none;}
.rule-icon-fallback{display:grid;place-items:center;background:#eef5ff;border-radius:6px;color:#609aeb;font-size:20px;}
.rules-nav-item.active{border:0;background:#eef5ff;}
.rules-content{flex:1;min-width:0;}
@media(max-width:1100px){.reference-hall #lotLotteryGrid.grid-mode{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:768px){.reference-hall{padding:16px 12px;}.reference-hall #lotLotteryGrid.grid-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.reference-hall #lotLotteryGrid .hall-lottery-tile{padding:12px;}.hall-tile-top{gap:8px;}.hall-tile-top h2{font-size:14px;}.rules-layout{padding:12px;gap:12px;}.rules-sidebar{width:70px;flex-basis:70px;top:64px;}.rules-content{padding:12px;}.reference-page-head h1{font-size:20px;}.reference-hall .hall-controls{flex-wrap:wrap;}}
.trend-hub-groups{display:flex;justify-content:center;border-radius:19px;width:min(694px,100%);height:38px;background:white;margin:15px auto;overflow-x:auto;}
.trend-hub-groups button{font:inherit;border:0;background:none;border-radius:19px;min-width:76px;flex:1;height:38px;color:#5f5f5f;font-size:15px;cursor:pointer;}
.trend-hub-groups button.active{background:#609aeb;color:white;}
.trend-hub-body{min-height:327px;overflow:hidden;}
.trend-hub-lotteries{height:46px;display:flex;justify-content:center;overflow-x:auto;border-bottom:1px solid #e8ebf1;}
.trend-hub-lotteries button{position:relative;border:0;background:white;flex:none;padding:0 20px;height:45px;font:inherit;font-size:14px;color:#9e9e9e;cursor:pointer;}
.trend-hub-lotteries button.active{color:#3b84eb;box-shadow:inset 0 -3px #3b84eb;}
.trend-hub-entries{padding:24px 30px;}
.trend-hub-entries h1{font-size:20px;font-weight:500;margin:0 0 20px;}
.trend-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;}
.trend-entry-grid a{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:1px solid #e8ebf1;border-radius:8px;color:#5f5f5f;}
.trend-entry-grid i{font-size:28px;color:#609aeb;}.trend-entry-grid span{font-size:16px;}.trend-entry-grid small{font-size:12px;color:#9e9e9e;}
@media(max-width:768px){.trend-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.trend-hub-entries{padding:16px;}.trend-hub-lotteries{justify-content:flex-start;}}
.analysis-controls label[hidden]{display:none;}
.road-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;}
.road-panel-heading h2{font-size:20px;font-weight:400;margin:0;color:#313131;}
.road-panel-heading>span{font-size:14px;color:#5f5f5f;}
.reference-road-scroll{overflow-x:auto;margin-bottom:20px;padding-bottom:4px;}
.reference-road-board{display:grid;grid-auto-columns:30px;grid-template-rows:repeat(6,30px);height:180px;min-width:100%;background-color:#fff;background-image:linear-gradient(to right,#e8ebf1 1px,transparent 1px),linear-gradient(to bottom,#e8ebf1 1px,transparent 1px);background-size:30px 30px;border-right:1px solid #e8ebf1;border-bottom:1px solid #e8ebf1;}
.reference-road-bead{align-self:center;justify-self:center;display:grid;place-items:center;width:24px;height:24px;border:2px solid;border-radius:50%;font-size:12px;line-height:20px;background:white;}
.reference-road-bead.road-red{border-color:#e35858;color:#e35858;}.reference-road-bead.road-blue{border-color:#6092e9;color:#6092e9;}
.detail-tools{background:white;border:1px solid #e8ebf1;border-radius:12px;padding:12px 30px;margin:12px 0;gap:12px;display:flex;align-items:center;flex-wrap:wrap;}
.detail-tools a,.detail-tools button{font-size:14px;height:30px;line-height:28px;padding:0 14px;border:1px solid #e8ebf1;border-radius:6px;font-weight:400;color:#5f5f5f;background:white;}
.detail-tools a.active{background:#609aeb;border-color:#609aeb;color:white;}
@media(max-width:768px){.detail-tools{padding:12px;gap:8px;}.road-panel-heading{flex-wrap:wrap;}.reference-road-scroll{margin-left:-4px;margin-right:-4px;}}
.heat-panel-heading{display:flex;align-items:center;gap:14px;min-height:30px;margin-bottom:10px;}
.heat-panel-heading h2{font-size:20px;font-weight:400;color:#313131;margin:0;line-height:30px;position:relative;}
.heat-panel-heading h2::after{content:"";position:absolute;bottom:-5px;left:0;width:20px;height:4px;border-radius:2px;background:#609aeb;}
.heat-panel-heading>span{font-size:13px;color:#5f5f5f;flex:1;}.heat-panel-heading em{color:#e8632c;font-style:normal;font-weight:600;}.heat-panel-heading label{font-size:13px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:6px;}
.heat-panel-tip{background:#fcf5eb;border-radius:5px;line-height:28px;font-size:14px;color:#5f5f5f;padding:5px 20px;margin:14px 0 10px;}
.heat-reference-table{width:100%;border-collapse:separate;border-spacing:0;}
.heat-reference-table th,.heat-reference-table td{padding:10px 8px;font-size:14px;font-weight:400;vertical-align:middle;border:solid #e8ebf1;border-width:0 1px 1px 0;text-align:center;}
.heat-reference-table th:first-child,.heat-reference-table td:first-child{border-left-width:1px;}.heat-reference-table th{border-top-width:1px;background:#f8fafc;}.heat-reference-table th:first-child{border-top-left-radius:7px;}.heat-reference-table th:last-child{border-top-right-radius:7px;}.heat-reference-table tbody tr:hover td{background:#f4f7fc;}
.heat-number{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid #c5cbd6;color:#6092e9;background:white;font-size:16px;font-weight:400;}.heat-number.heat-hot{color:#e35858;border-color:#e35858;}
.heat-frequency-bar{height:6px;width:100%;max-width:180px;border-radius:3px;background:#eef2f7;margin:auto;overflow:hidden;}.heat-frequency-bar>span{display:block;height:100%;background:#609aeb;}
@media(max-width:768px){.heat-panel-heading{flex-wrap:wrap;}.heat-panel-heading>span{flex-basis:calc(100% - 130px);}.heat-panel-tip{font-size:12px;line-height:20px;padding:8px 12px;}.heat-reference-table th,.heat-reference-table td{font-size:12px;padding:8px 6px;}.heat-number{width:28px;height:28px;font-size:14px;}}
.articles-tag-bar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}.articles-tag-bar::-webkit-scrollbar{display:none;}
.articles-pill{white-space:nowrap;flex:none;cursor:pointer;font-size:15px;padding:14px 16px;position:relative;}
.articles-pill.active{font-weight:500;box-shadow:none;}.articles-pill.active::after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;border-radius:1px;background:#609aeb;}
.article-card-item{display:block;border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding:0 0 20px;cursor:pointer;}
.article-card-item:last-child{margin-bottom:0;}.article-card-title{font-size:16px;font-weight:500;color:#37393b;line-height:22px;}
.article-card-summary{font-size:14px;color:#5f5f5f;line-height:20px;margin-top:20px;}.article-card-meta{font-size:14px;color:#9e9e9e;line-height:20px;margin-top:12px;}
.article-detail{padding:40px 50px 50px;}.article-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;color:#609aeb;font-size:14px;}.article-back:hover{text-decoration:underline;}
.article-detail-title{font-size:22px;font-weight:500;color:black;text-align:center;line-height:34px;margin:0;}
.article-detail-meta{text-align:right;justify-content:flex-end;font-size:14px;color:#9e9e9e;margin:0;padding:10px 0 0;border:0;line-height:20px;}
.article-detail-content{padding-top:30px;font-size:14px;line-height:20px;color:#5f5f5f;text-align:left;overflow-x:auto;}
.article-detail-content p{margin:0 0 12px;}.article-detail-content img{max-width:100%;height:auto;display:block;margin:0 auto;}
@media(max-width:768px){.article-detail{padding:20px 16px 24px;}.article-detail-title{font-size:20px;line-height:28px;}.article-detail-content{padding-top:20px;}.article-card-summary{margin-top:12px;}}
.dragon-layout{display:flex;align-items:stretch;gap:13px;}
.dragon-selector{flex:0 0 267px;width:267px;min-height:420px;padding:20px 0;}
.dragon-selection-actions{display:flex;justify-content:space-between;gap:12px;padding:0 20px 20px;}
.dragon-selection-actions button{width:104px;height:36px;border:1px solid #e8ebf1;border-radius:6px;background:white;color:#5f5f5f;font:inherit;font-size:14px;cursor:pointer;}
.dragon-selector h2{font-size:16px;font-weight:600;background:#f8fafc;border-radius:6px;height:40px;line-height:40px;margin:8px 12px;padding:0 12px;color:#1e293b;}
.dragon-selector section>label{display:flex;align-items:center;gap:8px;padding:8px 20px;font-size:14px;color:#5f5f5f;cursor:pointer;}
.dragon-content{flex:1;min-width:0;padding:30px;}
.dragon-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.dragon-header h1{font-size:22px;font-weight:400;color:#313131;margin:0 auto 0 0;}
.dragon-header label{font-size:14px;display:flex;align-items:center;gap:8px;}
.dragon-header select,.dragon-header button{height:30px;background:white;border:1px solid #e8ebf1;border-radius:6px;font:inherit;font-size:14px;color:#5f5f5f;padding:0 12px;}
.dragon-header button{cursor:pointer;}.dragon-header button:disabled{opacity:.5;cursor:wait;}
.dragon-source-note{font-size:12px;line-height:20px;color:#9e9e9e;margin-bottom:16px;}
.dragon-table-scroll{overflow:auto;}.dragon-table{border-collapse:separate;border-spacing:0;width:100%;text-align:center;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;}
.dragon-table th{background:#f8fafc;font-size:14px;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;padding:12px 16px;white-space:nowrap;}
.dragon-table td{font-size:14px;color:#5f5f5f;border-bottom:1px solid #f1f5f9;padding:12px 16px;white-space:nowrap;}.dragon-table tr:hover td{background:#f8fafc;}.dragon-table strong{color:#e8632c;font-weight:600;}.dragon-table a{color:#3b84eb;}
@media(max-width:768px){.dragon-layout{flex-direction:column;}.dragon-selector{width:100%;min-height:0;flex-basis:auto;padding:12px 0;}.dragon-selector #dragonTypes{display:flex;overflow:auto;max-height:180px;}.dragon-selector section{min-width:150px;}.dragon-selection-actions{justify-content:flex-start;padding-bottom:8px;}.dragon-content{padding:16px;}.dragon-table th,.dragon-table td{padding:10px 8px;font-size:12px;}}
.simplicity-layout{display:flex;align-items:flex-start;gap:10px;}.simple-groups{flex:0 0 88px;width:88px;position:sticky;top:80px;background:white;border:1px solid #e8ebf1;border-radius:12px;overflow:hidden;}
.simple-groups button{width:100%;border:0;border-bottom:1px solid #f0f1f3;background:white;padding:14px 6px;font:inherit;font-size:12px;color:#5f5f5f;cursor:pointer;}.simple-groups button.active{background:#f2f8ff;color:#609aeb;}
.simple-main{flex:1;min-width:0;background:white;border:1px solid #e8ebf1;border-radius:12px;overflow:hidden;}.simple-tabs{display:flex;overflow:auto;gap:0;border-bottom:1px solid #eef1f6;padding:0 8px;}.simple-tabs button{flex:1;white-space:nowrap;background:white;border:0;border-bottom:2px solid transparent;padding:11px 12px 9px;font:inherit;font-size:14px;font-weight:600;color:#9e9e9e;cursor:pointer;}.simple-tabs button.active{color:#609aeb;border-bottom-color:#609aeb;}
.simple-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 16px;}.simple-actions input{width:180px;height:30px;border:1px solid #e8ebf1;border-radius:6px;padding:0 10px;font:inherit;}.simple-actions button,.simple-actions a{height:30px;line-height:28px;border:1px solid #e8ebf1;border-radius:6px;background:white;padding:0 12px;font:inherit;color:#5f5f5f;cursor:pointer;}.simple-actions button{background:#609aeb;border-color:#609aeb;color:white;}.simple-actions button:disabled{opacity:.6;}
.simple-table-head,.simple-row{display:grid;grid-template-columns:200px minmax(0,1fr) 250px;align-items:center;padding:8px 16px;}.simple-table-head{font-size:13px;color:#9e9e9e;background:#f5f7fa;border-bottom:1px solid #e8ebf1;}.simple-row{height:110px;box-sizing:border-box;padding:12px 16px;border-bottom:1px solid #f0f1f3;overflow:hidden;}.simple-row:nth-child(even){background:#fafafa;}.simple-row:hover{background:#f7fbff;}
.simple-lottery{display:flex;align-items:center;gap:10px;min-width:0;padding-right:12px;}.simple-lottery img,.simple-logo-fallback{width:44px;height:44px;flex:none;object-fit:contain;}.simple-logo-fallback{display:grid;place-items:center;border-radius:8px;background:#eef5ff;color:#609aeb;font-size:24px;}.simple-lottery strong{font-size:14px;font-weight:500;color:#37393b;}.simple-lottery p{font-size:12px;color:#9e9e9e;margin:5px 0 0;}
.simple-codes{min-width:0;padding:0 12px;overflow-x:auto;}.simple-codes .ball-row{flex-wrap:nowrap;justify-content:flex-start;gap:4px;}.simple-codes .ball{flex:none;width:28px;height:28px;font-size:14px;}.simple-time{padding-left:12px;display:flex;flex-direction:column;gap:8px;}.simple-time>span{font-size:12px;color:#9e9e9e;}.simple-time strong{color:#e8632c;font-family:var(--font-digital);font-size:22px;font-weight:600;}.simple-error{font-size:14px;color:#e35858;padding:16px;}.navbar-simple-link{display:flex;align-items:center;gap:6px;height:54px;padding:0 16px;color:white;font-size:16px;background:#0000000a;}
@media(max-width:1100px){.simple-table-head,.simple-row{grid-template-columns:180px minmax(0,1fr) 160px;}}
@media(max-width:768px){.simple-groups{display:none;}.simple-table-head{display:none;}.simple-row{height:auto;min-height:110px;grid-template-columns:minmax(0,1fr) 110px;gap:10px;padding:12px;}.simple-codes{grid-column:1/-1;grid-row:2;padding:0;}.simple-time{grid-column:2;grid-row:1;padding:0;text-align:right;}.simple-actions{padding:8px;gap:6px;}.simple-actions input{min-width:0;flex:1;width:auto;}.simple-tabs button{flex:none;}.navbar-simple-link{display:none;}}
.reference-live{background:#f3f4f6;padding-bottom:24px;border-radius:12px;overflow:hidden;}.live-header{background:linear-gradient(#424857 -5.04%,#1a1d24 104.51%);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px;}.live-header h1{font-size:18px;font-weight:700;color:white;margin:0;}.live-header p{font-size:13px;color:#ffffffb8;margin:4px 0 0;}.live-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.live-header select,.live-header button{border:0;border-radius:20px;height:38px;padding:0 16px;font:inherit;font-size:14px;background:white;color:#333;}.live-header button{background:#e01820;color:white;cursor:pointer;}.live-header button:disabled{opacity:.5;}.live-header-actions a{color:white;font-size:14px;}.live-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#787878;padding:8px 24px;}.live-toolbar a{color:white;font-size:13px;padding:4px 8px;}.live-content{margin:16px;background:#24272e;border-radius:12px;overflow:hidden;min-height:320px;}.live-content iframe{display:block;width:100%;height:min(65vh,650px);min-height:320px;border:0;}.live-content .empty-state{color:#aab4c4;padding:100px 24px;}.live-result{margin:16px;padding:20px;background:white;border:1px solid #e3e6eb;border-radius:12px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}.live-result>a{margin-left:auto;color:#2f80ff;font-size:14px;}
@media(max-width:768px){.live-header{padding:12px 16px;}.live-header-actions{gap:8px;}.live-header select{max-width:170px;}.live-toolbar{padding:8px 12px;}.live-content{margin:10px;min-height:240px;}.live-content iframe{min-height:240px;height:50vh;}.live-result{margin:10px;padding:12px;}}
.navbar-menu>a{position:relative;flex:none;white-space:nowrap;}.nav-new-mark{position:absolute;right:8px;top:3px;font:700 8px/12px Tahoma,sans-serif;padding:1px 3px;border-radius:3px;background:#e8632c;color:white;}
@media(min-width:1101px){.navbar-menu{min-width:0;flex:1;}.navbar-menu>a,.navbar-menu>.nav-lottery-group>a{padding:0 13px;font-size:15px;}.navbar-right-btns{flex:none;}.navbar-simple-link{padding:0 14px;font-size:15px;}.navbar.reference-sticky .navbar-menu>a,.navbar.reference-sticky .nav-lottery-group>a{padding:0 9px;font-size:14px;}}
.mobile-menu a{position:relative;}.mobile-menu .nav-new-mark{position:static;display:inline-block;margin-left:8px;vertical-align:middle;}
.reference-tools{padding:20px 30px 28px;}.tools-group{margin:24px 0 0;}.tools-group h2{font-size:16px;font-weight:600;color:#37393b;margin:0 0 12px;}.tools-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}.tools-group a{padding:16px;border:1px solid #e8ebf1;border-radius:8px;color:#5f5f5f;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;}.tools-group a:hover{border-color:#609aeb;color:#3b84eb;background:#f2f8ff;}.tools-group i{color:#9e9e9e;}
@media(max-width:768px){.reference-tools{padding:16px;}.tools-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.tools-group a{padding:12px;font-size:13px;}}
.reference-call{padding:20px 30px 28px;}.call-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0;}.call-options label{display:flex;align-items:center;gap:8px;font-size:14px;color:#5f5f5f;}.call-options select,.call-options input{height:32px;border:1px solid #e8ebf1;border-radius:6px;font:inherit;padding:0 10px;background:white;}.call-options input{width:88px;}.call-options button,.call-code-header button{height:32px;border:1px solid #609aeb;border-radius:6px;background:#609aeb;color:white;padding:0 14px;font:inherit;font-size:14px;cursor:pointer;}.call-options button:disabled,.call-code-header button:disabled{opacity:.5;cursor:default;}
.call-preview-shell{border:1px solid #e8ebf1;border-radius:12px;overflow:hidden;background:white;box-shadow:0 10px 25px #0000000d;}.call-preview-shell iframe{display:block;width:100%;border:0;height:300px;}.call-code-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;}.call-code-header h2{font-size:18px;font-weight:500;margin:0;color:#37393b;}#callCode{box-sizing:border-box;width:100%;height:110px;border:1px solid #e8ebf1;border-radius:8px;background:#f8fafc;padding:14px;font:13px/20px Consolas,monospace;resize:vertical;}#callCopyStatus{color:#3b84eb;font-size:13px;min-height:20px;}.call-address-note{font-size:13px;color:#9e9e9e;line-height:20px;}
body.reference-embedded{background:white;}.reference-embedded #navbar,.reference-embedded #desktopHeader,.reference-embedded #footer,.reference-embedded #siteAssist,.reference-embedded #floating-contact,.reference-embedded #fixed-left-nav,.reference-embedded #marquee-bar,.reference-embedded .breadcrumb{display:none!important;}.reference-embedded .main-container{width:100%;max-width:none;margin:0!important;padding:0!important;}.reference-embedded .detail-tools{display:none;}.reference-embedded .lottery-detail-card{border-radius:0;}.reference-embedded .reference-live{border-radius:0;}.reference-embedded .live-header-actions a,.reference-embedded .live-toolbar{display:none;}
.embed-result{padding:16px 20px;background:white;}.embed-result header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}.embed-result h1{font-size:18px;font-weight:500;margin:0;color:#37393b;}.embed-result header>span{font-size:13px;color:#3b84eb;}.embed-result header a{font-size:13px;color:#609aeb;margin-left:auto;}.embed-result footer{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;color:#9e9e9e;}.embed-result footer strong{font-family:var(--font-digital);font-size:24px;font-weight:600;color:#e8632c;}.embed-result .ball-row{justify-content:flex-start;}.embed-result .ball-pc28{background:#009cda;color:white;border:0;border-radius:50%;}
@media(max-width:768px){.reference-call{padding:16px;}.call-options{gap:12px;}.call-options select{max-width:190px;}.embed-result{padding:12px;}}
.reference-favorites{width:960px;max-width:100%;margin:0 auto;padding:20px 24px 28px;box-shadow:0 2px 12px #00000014;}.favorites-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px;}.favorites-title h1{font-size:20px;font-weight:600;color:#313131;margin:0;}.favorites-title span{font-size:13px;font-weight:500;color:#609aeb;}.favorites-subtitle{font-size:13px;color:#9e9e9e;margin:0 0 14px;}.favorites-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;border:1px dashed #e8ebf1;background:#fcfcfc;border-radius:6px;padding:12px;margin-bottom:14px;}.favorites-selected>p{font-size:14px;color:#9e9e9e;margin:0;}
.favorite-chip{display:inline-flex;align-items:center;gap:6px;height:32px;background:#fff8f8;border:1px solid #eb6060;border-radius:3px;padding:0 10px;font-size:13px;color:#5f5f5f;}.favorite-chip button{background:none;border:0;padding:0 2px;font-size:18px;color:#eb6060;cursor:pointer;}.favorite-chip button:disabled{opacity:.3;cursor:default;}
.favorites-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}.favorites-actions button,.favorites-actions a{height:36px;line-height:34px;border:1px solid #e8ebf1;border-radius:4px;padding:0 18px;background:white;color:#5f5f5f;font:inherit;font-size:14px;cursor:pointer;}#favoritesSave{background:#e8632c;border-color:#e8632c;color:white;}#favoritesStatus{min-height:20px;font-size:13px;color:#e8632c;margin:0 0 12px;}
.favorites-choice-group{border-top:1px solid #e8ebf1;margin-top:18px;padding-top:14px;}.favorites-choice-group h2{font-size:15px;font-weight:600;color:#37393b;margin:0 0 10px;}.favorites-choice-group>div{display:flex;flex-wrap:wrap;gap:6px;}.favorites-choice-group button{font:inherit;font-size:14px;color:#5f5f5f;background:white;border:1px solid #e8ebf1;border-radius:4px;padding:8px 12px;cursor:pointer;}.favorites-choice-group button.selected{color:#e8632c;background:#fff8f3;border-color:#e8632c;}.home-edit-favorites{font-size:14px;line-height:46px;padding:0 14px;color:#3b84eb;white-space:nowrap;}
@media(max-width:768px){.reference-favorites{padding:16px;}.favorite-chip{height:36px;}.favorites-choice-group button{font-size:13px;padding:8px 10px;}}
/* Homepage pass: reserve the reference's top row before the result table. */
@media(min-width:769px){
.reference-home .home-card-top{position:relative;min-height:80px;width:100%;padding:0;}
.reference-home .lottery-card[data-category="lhc"] .home-card-top{min-height:88px;}
.reference-home #homeLotteryGrid .lottery-card-logo-wrap{top:0;left:0;}
.reference-home #homeLotteryGrid .home-result-wrap{margin:0 0 0 10px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line{right:0;top:auto;bottom:12px;height:36px;}
.reference-home .reference-card-title{white-space:nowrap;min-width:0;}
.reference-home .reference-card-title h3{max-width:none;flex:none;}
.reference-home .row-progress{overflow:hidden;text-overflow:ellipsis;min-width:0;}
.reference-home #homeLotteryGrid .lottery-card-numbers{overflow-x:auto;scrollbar-width:none;}
.reference-home #homeLotteryGrid .lottery-card-numbers::-webkit-scrollbar{display:none;}
.reference-home #homeLotteryGrid .lottery-card-numbers .ball-row{flex-wrap:nowrap;}
}
@media(max-width:768px){.reference-home .home-card-top{position:relative;}.reference-home #homeLotteryGrid .lottery-card-countdown-line{position:static;}}
/* Desktop corrections verified against the rendered reference homepage. */
.reference-home .home-category>img{width:16px;height:16px;object-fit:contain;flex:none;}
.reference-home .home-crown-card{display:block;border:1px solid #eef2f7;margin-top:14px;border-radius:12px;overflow:hidden;}
.reference-home .home-crown-card>.card-header{position:relative;font-size:15px;font-weight:700;gap:6px;padding:14px 12px 14px 24px;border-bottom:1px solid #f1f5f9;}
.reference-home .home-crown-card>.card-header::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:#609aeb;}
.home-crown-card .card-header i{color:#e9b75d;}.home-crown-card .card-header>a{margin-left:auto;font-size:12px;font-weight:400;color:#609aeb;}
.home-crown-card .card-body{padding:0;}
.home-crown-group{padding:10px 12px 0;}.home-crown-group:last-child{padding-bottom:12px;}
.home-crown-group h3{font-size:12px;font-weight:600;color:#64748b;margin:0 0 6px;}
.home-crown-group ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0;}
.home-crown-group a{display:block;font-size:11px;line-height:26px;border:1px solid #eef2f7;border-radius:4px;color:#609aeb;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.home-crown-group a:hover{background:#f2f8ff;}
.home-dividend-years{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;scrollbar-width:thin;}
.home-dividend-years button{border:1px solid #e8ebf1;border-radius:4px;background:white;color:#64748b;font:inherit;font-size:11px;padding:4px 8px;cursor:pointer;}
.home-dividend-years button.active{background:#609aeb;border-color:#609aeb;color:white;}
.home-dividend-table{width:calc(100% - 24px);margin:0 12px;border-collapse:collapse;font-size:11px;color:#64748b;text-align:center;}
.home-dividend-table th{font-weight:500;background:#f8fafc;}.home-dividend-table td,.home-dividend-table th{padding:7px 3px;border-bottom:1px solid #eef2f7;}
.home-dividend-table td:last-child{color:#e8632c;font-weight:600;}
.home-dividend-more{display:block;text-align:center;padding:12px;font-size:12px;color:#609aeb;border-top:1px solid #f1f5f9;}
.reference-home #sidebarRate .card-body{padding:0;}
.reference-home #sidebarRate .card-header{padding:14px 12px 14px 24px;font-size:15px;font-weight:700;}
.home-rate-lead{color:#64748b;font-size:12px;line-height:17.4px;margin:10px 12px 8px;}
.home-rate-list{list-style:none;padding:0 12px 8px;margin:0;}
.home-rate-list li{display:flex;align-items:center;gap:6px;padding:6px 8px;margin:0 0 4px;font-size:12px;color:#475569;background:#f8fafc;border-radius:5px;}
.home-rate-list strong{margin-left:auto;font-family:var(--font-digital);font-size:18px;font-weight:700;color:#e11d48;}
.home-rate-list em{font-size:11px;font-style:normal;color:#94a3b8;min-width:70px;text-align:right;}
.home-rate-list.company li{background:#f0f9ff;}.home-rate-list.company strong{color:#3b84eb;}
.home-peer-rates{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;color:#64748b;padding:0 12px 8px;}
.home-peer-rates b{font-weight:600;color:#e8632c;}.home-rate-tip{font-size:11px;color:#94a3b8;padding:8px 12px 12px;margin:0;}
.reference-home .home-cd-number,.reference-home .home-cd-unit{font-family:var(--font-digital);font-weight:700;letter-spacing:.88px;margin:0;line-height:36px;}
.reference-home .home-cd-unit{font-size:14px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line .countdown-label{font-size:14px;line-height:36px;}
.reference-home #homeLotteryGrid .lottery-card-countdown-line:has(.countdown-value:empty){display:none;}
@media(min-width:1101px){
 .desktop-header-tools>time,.desktop-header-tools>#refreshDraws,.desktop-header-tools>a{display:none;}
 .desktop-header-tools .header-home-action,.desktop-header-tools .header-bookmark-action{display:block;font-size:12px;color:#5f5f5f;}
 .desktop-notice{justify-content:flex-end;padding-right:100px;}
 .reference-home #homeLotteryGrid .lottery-card-actions{display:none;}
 .reference-home #homeLotteryGrid .lottery-card-numbers{margin-right:200px;}
 .reference-home #homeLotteryGrid .lottery-card-links{gap:24px;right:12px;}
 .reference-home #homeLotteryGrid .lottery-card-links a{font-size:14px;}
 .reference-home .lottery-card-links>a[href*="mode=trend"]{order:1;}
 .reference-home .lottery-card-links>a[href*="mode=road"]{order:2;}
 .reference-home .lottery-card-links>a[href="#long-dragon"]{order:3;}
 .reference-home .lottery-card-links>a[href*="mode=heat"]{order:4;}
 .reference-home .lottery-card-links>.lottery-history-link,.reference-home .lottery-card-links>a[href^="#rules"]{display:none;}
}
@media(min-width:1101px) and (max-width:1325px){
 .reference-home #homeLotteryGrid .lottery-card-numbers .ball{width:32px;height:32px;font-size:16px;flex-shrink:0;}
 .reference-home #homeLotteryGrid .lottery-card-numbers .ball-row{gap:10px;}
}
.footer{padding:24px 0;background:#4d5056;color:#bfbfbf;}
.footer .reference-footer-inner{display:flex;align-items:flex-start;gap:24px;width:1225px;max-width:calc(100% - 100px);margin:0 auto;padding:0;text-align:left;}
.reference-footer-brand{flex:1;margin-top:4px;}
.reference-footer-brand>a{display:block;margin-bottom:12px;font-size:22px;color:white;}
.reference-footer-brand img{width:160px;height:auto;max-height:48px;object-fit:contain;object-position:left;}
.reference-footer-brand p{font-size:13px;line-height:22.1px;margin:0;}
.reference-footer-nav{display:flex;flex:0 0 546px;justify-content:space-between;color:white;}
.reference-footer-nav dl{margin:0;}.reference-footer-nav dt{font-size:20px;font-weight:500;line-height:26.4px;margin:0 0 14px;}
.reference-footer-nav dd{font-size:14px;line-height:19.2px;margin:0 0 10px;}.reference-footer-nav a{color:white;}.reference-footer-nav a:hover{color:#609aeb;}
#siteAssist>a{position:relative;border-bottom:0;}
#siteAssist .assist-mobile{height:94px;min-height:94px;gap:8px;line-height:14px;text-align:center;}
.assist-qr{display:block;width:42px;height:42px;flex:none;}.assist-qr svg{display:block;width:100%;height:100%;fill:#19202d;}
#siteAssist .assist-sound{border-bottom:0;}
#siteAssist .assist-sound[aria-pressed="true"]{color:#3b84eb;}
#siteAssist>button:last-child{border-bottom:0;}
.reference-home .lottery-card[data-code^="bc_hash_"] .lottery-card-numbers .ball{background:#009cda;border:0;color:white;box-shadow:none;border-radius:50%;}
.assist-new{position:absolute;top:5px;right:4px;background:#e8632c;color:white;font:700 8px/12px Tahoma,sans-serif;padding:1px 2px;}
@media(max-width:768px){.footer .reference-footer-inner{max-width:calc(100% - 32px);flex-direction:column;}.reference-footer-nav{flex:auto;width:100%;gap:16px;}.reference-footer-nav dt{font-size:16px;}}
.reference-home #homeHero img{object-fit:fill;}
.home-crown-group{padding:10px 12px 12px;}
.home-crown-group h3{font-size:12px;font-weight:700;color:#334155;margin:0 0 8px;}
.home-crown-group ul{gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;}
.home-crown-group li{background:#fff;}
.home-crown-group li a{display:block;padding:8px 6px;font-size:12px;line-height:16.2px;border:0;border-radius:0;color:#609aeb;}
.reference-home #hotRecommendations .card-header{font-weight:700;}
.reference-home #hotRecommendations .home-hot-icon{width:18px;height:18px;flex:none;}
.reference-home #homeLotteryGrid .home-clock-icon{width:14px;height:14px;object-fit:contain;flex:none;}
.home-dividend-years{gap:4px;padding:10px 10px 0;}
.home-dividend-years button{flex:none;height:24px;border-radius:999px;font-size:12px;line-height:14.4px;padding:4px 10px;border-color:#e2e8f0;}
.home-dividend-years button.active{background:linear-gradient(131deg,#f6d365,#fda085);border-color:transparent;color:#7c2d12;font-weight:700;}
.home-dividend-table{width:100%;margin:10px 0 0;font-size:12px;}
.home-dividend-table td,.home-dividend-table th{padding:7px 8px;color:#475569;}
.home-dividend-table th{font-weight:600;color:#64748b;}
.home-dividend-table td:last-child{color:#e11d48;font-weight:700;}
.home-dividend-more{height:40px;display:flex;align-items:center;justify-content:center;padding:1px 6px;font-size:13px;}
.draw-video-overlay{position:fixed;inset:0;z-index:10000;background:#0008;display:flex;align-items:center;justify-content:center;padding:8px;}
.draw-video-dialog{width:880px;max-width:100%;height:646px;max-height:calc(100dvh - 16px);background:white;display:flex;flex-direction:column;box-shadow:0 6px 24px #0003;}
.draw-video-dialog.small{width:600px;height:454px;}
.draw-video-header{height:50px;flex:none;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #e8ebf1;}
.draw-video-header strong{flex:1;text-align:center;font-size:18px;color:#37393b;}
.draw-video-header button{font:inherit;font-size:14px;cursor:pointer;border:0;background:none;color:#5f5f5f;padding:4px;}
.draw-video-header .draw-video-lobby{background:#609aeb;color:white;border-radius:3px;padding:6px 12px;}
.draw-video-header .draw-video-close{font-size:22px;color:#9e9e9e;}
.draw-video-body{position:relative;flex:1;min-height:0;background:#0e1621;}
.draw-video-body iframe{display:block;width:100%;height:100%;border:0;}
.draw-video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#0e1621;pointer-events:none;}
.prediction-shell{color:#5f5f5f;font-size:14px;}
.prediction-summary,.prediction-shell-filter,.prediction-shell-results{background:white;border-radius:12px;box-shadow:0 2px 10px #37393b05;margin-bottom:14px;}
.prediction-summary{height:133.6px;display:flex;align-items:center;gap:32px;padding:16px 30px;border:1px solid #e8ebf1;}
.prediction-summary>img{width:76px;height:76px;object-fit:contain;}
.prediction-summary-main{flex:0 0 457.7px;min-width:0;}
.prediction-summary-title{display:flex;align-items:center;gap:24px;white-space:nowrap;margin-bottom:16px;}
.prediction-summary-title h1{font-size:20px;font-weight:700;color:#37393b;margin:0;}
.prediction-summary-title span{font-size:13px;color:#9e9e9e;}
.prediction-shell em{font-style:normal;color:#609aeb;}
.prediction-shell-balls{display:flex;align-items:center;justify-content:space-evenly;gap:0;width:457.7px;max-width:100%;padding:0;}
.prediction-shell-balls b{width:32px;height:32px;border-radius:50%;background:#009cda;color:white;display:grid;place-items:center;font-size:16px;font-weight:400;}
.prediction-shell-balls i{width:24px;height:32px;margin-left:4px;display:grid;place-items:center;font-size:16px;font-style:normal;color:#37393b;}
.prediction-shell-clock{width:auto;text-align:center;flex:1;font-size:12px;}
.prediction-shell-clock>div{width:200px;height:44px;margin:16px auto 0;border:1px solid #ece3db;border-radius:6px;background:linear-gradient(#fffaf7,#fff4ee);color:#e8632c;display:flex;align-items:center;justify-content:center;gap:4px;}
.prediction-shell-clock strong{font:700 28px/36px var(--font-digital);}
.prediction-shell-tools{width:108px;display:flex;flex-direction:column;gap:4px;flex:none;margin-left:-12px;}
.prediction-shell-tools button{position:relative;background:white;border:1px solid #eef2f7;border-radius:999px;font:inherit;font-size:13px;color:#9e9e9e;height:30px;}
.prediction-shell-tools button i{margin-right:6px;}.prediction-shell-tools button:first-child i{color:#609aeb;}.prediction-shell-tools .home-new-badge{position:absolute;right:-4px;top:-6px;}
.prediction-shell-filter{height:66px;display:flex;align-items:center;gap:16px;padding:0 24px;color:#9e9e9e;}
.prediction-shell select{height:30px;background:white;border:1px solid #e8ebf1;border-radius:5px;padding:0 12px;font:inherit;color:#9e9e9e;}
.prediction-shell-filter select{width:160px;}
.prediction-shell-results{padding:25px;border:1px solid #e8ebf1;}
.prediction-shell-results table{width:100%;border:0;outline:1px solid #e8ebf1;outline-offset:-1px;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;text-align:center;table-layout:fixed;}
.prediction-shell-results th,.prediction-shell-results td{border-right:1px solid #eef0f4;border-bottom:1px solid #eef0f4;font-weight:400;}
.prediction-shell-results th{height:40px;background:#f8fafc;color:#37393b;}.prediction-shell-results td{height:43.6px;background:white;padding:1px;line-height:20px;}
.prediction-shell-results tr:nth-child(even) td{background:#f9fbfd;}.prediction-shell-results tr:last-child td{border-bottom:0;}.prediction-shell-results th:last-child,.prediction-shell-results td:last-child{border-right:0;}
.prediction-shell-results button{border:0;background:none;font:inherit;color:#609aeb;cursor:pointer;}.prediction-shell-results button:disabled{cursor:default;}
.prediction-shell-sort{display:inline-flex;align-items:center;gap:8px;color:#5f5f5f!important;}.prediction-shell-sort span{font-size:8px;line-height:8px;color:#fda085;}.prediction-shell-sort.descending span{color:#609aeb;}
.prediction-shell-person{display:inline-flex;align-items:center;gap:8px;}.prediction-shell-avatar{width:28px;height:28px;border-radius:50%;background:#e8ebf1;}.prediction-shell-results small{display:block;font-size:12px;line-height:16px;color:#9e9e9e;}
.prediction-shell-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding-bottom:8px;font-size:13px;}.prediction-shell-pagination button{height:28px;min-width:28px;color:#5f5f5f;border:1px solid #eef0f4;border-radius:4px;}.prediction-shell-pagination button.active{background:#609aeb;color:white;border-color:#609aeb;}.prediction-shell-pagination input{width:48px;height:28px;border:1px solid #e8ebf1;border-radius:4px;text-align:center;font:inherit;color:#5f5f5f;}
@media(min-width:1101px){.reference-home #homeLotteryGrid .lottery-card{border-color:#eef2f7;box-shadow:0 2px 10px #37393b0f;}.reference-home .home-result-table th{height:22px;}.reference-home .home-result-table td{height:30px;}}
@media(max-width:768px){.prediction-summary{height:auto;flex-wrap:wrap;gap:12px;padding:16px;}.prediction-summary-title{flex-wrap:wrap;gap:8px;}.prediction-shell-balls{padding:0;gap:10px;}.prediction-shell-tools{margin-left:0;}.prediction-shell-results{padding:12px;overflow:auto;}.prediction-shell-results table{min-width:700px;}.prediction-shell-pagination{min-width:700px;}}
@media(max-width:600px){.draw-video-header{gap:6px;padding:0 8px;}.draw-video-header strong{font-size:14px;}.draw-video-header .draw-video-lobby{font-size:12px;padding:6px;}}
@media(min-width:1101px){
 .nav-dropdown-inner{width:1225px;max-width:1225px;padding:10px 0 18px;}
 .nav-dropdown-row{min-height:32px;}
 .nav-dropdown-row>strong{font-size:14px;line-height:32px;padding:0 0 0 16px;}
 .nav-dropdown-row>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px 12px 4px 0;border-bottom:0;}
 .reference-home #homeLotteryGrid .lottery-card[data-code="bingo"]{height:230px;min-height:230px;}
 .reference-home #homeLotteryGrid .lottery-card[data-code="bingo"] .home-card-top{min-height:124px;}
 .reference-home #homeLotteryGrid .lottery-card[data-code="bingo"] .lottery-card-numbers{overflow:visible;min-height:74px;align-items:flex-start;}
 .reference-home #homeLotteryGrid .lottery-card[data-code="bingo"] .ball-row{flex-wrap:wrap;row-gap:10px;}
}
.reference-home #homeHero .hero-dots{left:auto;right:30px;bottom:22px;width:auto;padding:0;background:none;gap:5px;}
.reference-home #homeHero .hero-dots button{width:8px;height:8px;border:0;padding:0;border-radius:50%;background:#ffffff80;}
.reference-home #homeHero .hero-dots button.active{width:16px;background:white;}
.reference-home #homeSidebarBanner{margin:14px 0;padding:10px;}
.reference-home #homeSidebarBanner img{object-fit:fill;}
.prediction-shell-menu .nav-dropdown-row{align-items:stretch;min-height:40px;}
.prediction-shell-menu .nav-dropdown-row>strong{display:flex;align-items:center;gap:8px;font-size:18px;}
.prediction-shell-menu .nav-dropdown-row>strong img{object-fit:contain;flex:none;}
.prediction-shell-menu .nav-dropdown-row>div{border-bottom:1px solid #ededed;}
.prediction-shell-menu .nav-dropdown-row[data-family=other]>div,.prediction-shell-menu .nav-dropdown-row[data-family=gc]>div{grid-template-columns:repeat(8,minmax(0,1fr));}
.prediction-shell-menu .nav-dropdown-row a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prediction-menu-new{display:inline-block;vertical-align:middle;margin-left:4px;background:#e8632c;color:white;font:700 7px/10px Tahoma,sans-serif;padding:0 2px;border-radius:1px;}
.prediction-shell-menu .nav-dropdown-row:last-child>div{border-bottom:0;}
.main-container:has(.prediction-shell){margin-top:12.8px;}
.prediction-shell [hidden]{display:none!important;}
.prediction-plan-filter,.prediction-plan-panel{background:white;border:1px solid #e8ebf1;border-radius:12px;margin-bottom:14px;}
.prediction-plan-filter{height:37.6px;display:flex;align-items:center;gap:20px;padding:0 30px;color:#9e9e9e;}
.prediction-plan-filter>span{font-size:12px;width:142px;flex:none;display:flex;align-items:center;gap:24px;}.prediction-plan-filter strong{font-size:16px;color:#37393b;}
.prediction-plan-filter select{width:160px;}.prediction-plan-filter button{height:30px;border:1px solid #e8ebf1;border-radius:5px;background:white;color:#5f5f5f;font:inherit;padding:0 20px;cursor:pointer;}
.prediction-plan-filter a{margin-left:auto;font-size:13px;color:#609aeb;}
.prediction-plan-panel{padding:10px 30px;}
.prediction-plan-top{height:170px;display:flex;gap:24px;}
.prediction-plan-program{width:304px;flex:none;padding-top:4px;}
.prediction-plan-program>p{font-size:12px;color:#9e9e9e;margin:0 0 10px;line-height:20px;}
.prediction-plan-program>strong{font-size:16px;font-weight:700;}
.prediction-plan-program dl{display:grid;grid-template-columns:72px 1fr;row-gap:12px;margin:18px 0 0;}
.prediction-plan-program dt{color:#9e9e9e;font-size:12px;line-height:24px;}.prediction-plan-program dd{margin:0;font-size:16px;font-weight:700;line-height:24px;}
.prediction-plan-badge{display:inline-block;margin-left:12px;padding:0 8px;background:#e8632c;color:white;border-radius:999px;line-height:20px;}
.prediction-plan-statistics{flex:1;min-width:0;padding-top:4px;}.prediction-plan-statistics p{font-size:14px;line-height:30px;margin:0 0 8px;}
.prediction-plan-panel table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:1px solid #e8ebf1;border-radius:12px;box-shadow:0 0 0 1px #e8ebf1;overflow:hidden;text-align:center;}
.prediction-plan-panel th,.prediction-plan-panel td{border-bottom:1px solid #e8ebf1;border-right:1px solid #e8ebf1;font-weight:400;line-height:40px;height:40.8px;padding:0;font-size:14px;}
.prediction-plan-panel th{background:#f8fafc;font-size:13px;color:#9e9e9e;}.prediction-plan-panel tr:last-child td{border-bottom:0;}.prediction-plan-panel th:last-child,.prediction-plan-panel td:last-child{border-right:0;}
.prediction-plan-history-title{height:50px;line-height:50px;margin:0;font-size:16px;font-weight:600;color:#37393b;}
.prediction-plan-history tbody tr:nth-child(even){background:#f9fbfd;}
.prediction-plan-history .prediction-shell-sort{border:0;background:none;font:inherit;cursor:pointer;}
.prediction-plan-panel.shell-refreshed{animation:shell-refresh .35s ease-out;}@keyframes shell-refresh{from{opacity:.65}to{opacity:1}}
@media(max-width:768px){.prediction-plan-filter{height:auto;padding:12px;flex-wrap:wrap;gap:10px;}.prediction-plan-panel{padding:12px;overflow:auto;}.prediction-plan-top{height:auto;display:block;}.prediction-plan-program{width:auto;margin-bottom:20px;}.prediction-plan-statistics{min-width:700px;}.prediction-plan-history{min-width:700px;}}
.prediction-ring-wrap{position:relative;}
.prediction-ring-wrap>button{width:100%;}
.prediction-ring-panel{position:absolute;z-index:50;top:36px;left:0;width:120px;padding:12px;display:flex;flex-direction:column;gap:6px;background:white;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 12px 32px #0f172a29;}
.prediction-ring-panel[hidden]{display:none;}
.prediction-ring-panel button{height:30px;border-radius:6px;}
.prediction-ring-panel button.on{background:#609aeb;color:white;border-color:#609aeb;}
.prediction-ring-wrap>button i{color:#9e9e9e!important;}
@media(max-width:768px){.main-container:has(.prediction-shell){margin-top:64px;}}
@media(max-width:1100px){.prediction-summary-main{flex:1;}.prediction-shell-clock{flex:none;width:200px;}.prediction-summary{gap:16px;}.prediction-shell-tools{margin-left:0;}}
@media(min-width:1101px){
 html{overflow-x:clip;overflow-y:auto;}
 body{overflow-x:clip;overflow-y:visible;}
 html::-webkit-scrollbar{width:11px;}
 #desktopHeader{height:40.8px;}
 .main-container:has(.prediction-shell){margin-top:12px;}
 .main-container,.navbar-inner,.desktop-header-inner,.footer .reference-footer-inner{width:1225px;max-width:1225px;}
 .navbar .navbar-right-btns{display:flex;align-items:center;margin-left:auto;}
 .navbar-menu>a,.navbar-menu>.nav-lottery-group>a{font-weight:400;font-size:16px;padding:0 15px;}
 .navbar.reference-sticky .navbar-menu>a,.navbar.reference-sticky .nav-lottery-group>a{font-size:16px;padding:0 13px;}
 .nav-dropdown-toggle{width:20px;}
 .desktop-brand{width:160px;flex:0 0 160px;}
 .desktop-notice{font-size:14px;justify-content:flex-start;padding-right:0;overflow:hidden;}
 #desktopNoticeText{width:100%;line-height:40px;}
 .navbar-menu>a.active{font-weight:400;}
 .navbar-menu>a>i,.nav-lottery-group>a>i{display:none;}
 .navbar-simple-link{display:flex;white-space:nowrap;}
 .reference-home #homeSidebar>#sidebarRate,.reference-home #homeSidebar>#homeSidebarBanner{display:block;}
 .desktop-notice{margin-left:auto;}
 .desktop-notice>i,.desktop-notice .notice-title{display:none;}
 #floating-contact,.floating-contact{display:none;}
 .reference-home .home-category{font-size:16px;font-weight:400;}
 .reference-home .home-category[data-category="canada"] i{color:#cf1535;}
 .reference-home .home-category[data-category="taiwan"] i{color:#39c76c;}
 .reference-home .home-category[data-category="hash"] i{color:#ee5c82;}
 .reference-home .home-category[data-category="blockchain"] i{color:#7564ff;}
}

/* Simplicity: reference category rail and compact result rows. */
.main-container:has(.simplicity-layout){margin-top:0;}
body:has(.simplicity-layout) #siteAssist{display:none;}
.simple-groups{border:0;top:54px;}
.simple-groups button{height:59px;padding:9px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:14px;line-height:20px;}
.simple-groups button img{width:16px;height:16px;}
.simple-main{border:0;}
.simple-tabs{height:40px;padding:0 8px;}
.simple-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;border:0;font-size:14px;height:40px;}
.simple-tabs button.active{border:0;}
.simple-tabs button img{width:14px;height:14px;}
.simple-actions{height:47px;box-sizing:border-box;}
.simple-actions input,.simple-actions a,.simple-actions button{font-size:12px;line-height:28px;}
.simple-table-head,.simple-row{grid-template-columns:200px minmax(0,1fr) 120px 236px;}
.simple-table-head{height:33px;box-sizing:border-box;font-size:12px;}
.simple-table-head>span:nth-child(2){grid-column:2/4;padding-left:10px;}
.simple-table-head>span:last-child{grid-column:4;padding-left:0;}
.simple-row{height:110px;}
.simple-lottery{gap:8px;}
.simple-lottery strong{font-weight:700;}
.simple-lottery p{margin:2px 0 0;line-height:16px;}
.simple-codes{padding:0 10px;overflow:visible;}
.simple-codes .ball-row{margin:0;flex-wrap:wrap;max-width:320px;gap:4px;}
.simple-codes .ball{font-size:14px;width:28px;height:28px;box-shadow:1px 2px 3px #00000008;}
.simple-codes .ball-pc28{background:#009cda;color:white;border:0;border-radius:50%;}
.simple-codes .equation-symbol{font-size:14px;color:#9e9e9e;}
.simple-summary{display:flex;align-content:center;flex-wrap:wrap;gap:4px;padding-right:22px;}
.simple-summary span{background:#f1f8fd;border:1px solid #edf3f8;color:#609aeb;padding:2px 7px;font-size:12px;line-height:16px;white-space:nowrap;}
.simple-time{padding-left:0;gap:3px;}
.simple-time>span{font-size:12px;line-height:18px;}
.simple-time>strong{height:31px;line-height:31px;font-size:28px;font-weight:700;}
.simple-time .home-cd-number{font-family:var(--font-digital);font-size:28px;}
.simple-time .home-cd-unit{font-family:"Microsoft YaHei",sans-serif;font-size:13px;font-weight:400;}
.simple-analysis{display:flex;gap:6px;flex-wrap:wrap;}
.simple-analysis a{background:#f7fbfe;border:1px solid #e2eaf1;color:#609aeb;font-size:12px;padding:2px 7px;line-height:18px;white-space:nowrap;}
.simple-analysis a:hover{color:#3b84eb;border-color:#609aeb;}
@media(max-width:1100px) and (min-width:769px){.simple-table-head,.simple-row{grid-template-columns:180px minmax(0,1fr) 90px 218px;}.simple-tabs button{padding:0 7px;}.simple-summary{padding-right:8px;}}
@media(max-width:768px){.simple-row{height:auto;min-height:130px;grid-template-columns:minmax(0,1fr) 170px;}.simple-codes{grid-column:1/-1;grid-row:2;padding:0;}.simple-summary{grid-row:3;}.simple-time{grid-column:2;grid-row:1;text-align:left;}.simple-analysis{gap:3px;}.simple-analysis a{font-size:11px;padding:1px 3px;}.simple-tabs{overflow:auto;}.simple-tabs button{flex:none;}}
.simple-tabs button.active{box-shadow:inset 0 -1px #a4c5f2;}
.simple-section-title{height:34px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 16px;background:#f8fafc;border-left:2px solid #609aeb;border-bottom:1px solid #eef1f6;color:#609aeb;font-size:14px;font-weight:600;}
.simple-analysis{flex-wrap:nowrap;}
.simple-analysis a{flex:1;min-width:0;max-width:66px;text-align:center;padding:2px 4px;white-space:normal;line-height:12px;min-height:24px;box-sizing:border-box;}
.simple-time>strong{font-size:28px;line-height:31px;}
.simple-time>strong>span{display:flex;align-items:baseline;white-space:nowrap;}
.simple-clock-number{display:inline-flex;gap:2px;}
.simple-clock-digit{position:relative;display:inline-block;width:13px;height:22px;color:#e8632c;}
.simple-clock-digit i{display:block;position:absolute;background:currentColor;}
.simple-clock-digit .segment-a,.simple-clock-digit .segment-d,.simple-clock-digit .segment-g{width:9px;height:3px;left:2px;clip-path:polygon(0 50%,20% 0,80% 0,100% 50%,80% 100%,20% 100%);}
.simple-clock-digit .segment-a{top:0;}.simple-clock-digit .segment-g{top:9.5px;}.simple-clock-digit .segment-d{bottom:0;}
.simple-clock-digit .segment-b,.simple-clock-digit .segment-c,.simple-clock-digit .segment-e,.simple-clock-digit .segment-f{width:3px;height:9px;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);}
.simple-clock-digit .segment-b{right:0;top:1px;}.simple-clock-digit .segment-c{right:0;bottom:1px;}.simple-clock-digit .segment-e{left:0;bottom:1px;}.simple-clock-digit .segment-f{left:0;top:1px;}
.simple-row[data-family="lhc"] .ball-red{background:#ea6675;border-color:#ea6675;}.simple-row[data-family="lhc"] .ball-blue{background:#639ae7;border-color:#639ae7;}.simple-row[data-family="lhc"] .ball-green{background:#51c786;border-color:#51c786;}
@media(min-width:769px){body:has(.simplicity-layout) .navbar-menu>a{font-size:14px;}body:has(.simplicity-layout) .navbar-menu>a{padding-left:15px;padding-right:15px;}}
.simple-row .simple-analysis{overflow:hidden;}

/* Hall layout aligned with the reference grouping and compact result tiles. */
.reference-hall .hall-header-actions{display:flex;align-items:center;gap:8px;}
.reference-hall .reference-page-head{margin-bottom:16px;}
.reference-hall .reference-page-head h1{font-size:22px;}
.reference-hall .hall-controls{margin-bottom:18px;padding-bottom:14px;min-height:44px;}
.reference-hall .hall-category-list{gap:8px;flex-wrap:wrap;overflow:visible;}
.reference-hall .hall-category{height:30px;padding:0 14px;font-size:13px;box-shadow:none;}
.reference-hall #lotLotteryGrid.grid-mode{display:block;border:0;border-radius:0;}
.hall-group{margin:0 0 22px;}
.hall-group[hidden]{display:none;}
.hall-group-title{font-size:16px;line-height:20px;font-weight:600;margin:0 0 12px;padding-left:10px;border-left:3px solid #609aeb;color:#333;}
.hall-group[data-group=popular] .hall-group-title{border-color:#f6a623;}
.hall-group-title i{color:#f6a623;margin-right:5px;}
.hall-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.reference-hall #lotLotteryGrid .hall-lottery-tile{padding:12px;border-radius:12px;border-color:#eee;box-shadow:0 2px 5px #00000005;}
.hall-tile-detail{display:block;color:inherit;}
.reference-hall .hall-tile-top{gap:10px;border-bottom:1px dashed #eee;padding-bottom:8px;}
.reference-hall .hall-tile-top img,.reference-hall .hall-tile-fallback{width:34px;height:34px;}
.reference-hall .hall-tile-top h2{font-size:14px;font-weight:600;line-height:20px;}
.reference-hall .hall-tile-result{margin-top:10px;min-height:34px;overflow:visible;display:flex;justify-content:center;align-items:center;}
.reference-hall .hall-tile-result .ball-row{gap:4px;flex-wrap:wrap;justify-content:center;margin:0;}
.reference-hall .hall-tile-result .ball{width:22px;height:22px;min-width:22px;font-size:12px;}
.reference-hall .hall-tile-result .ball-pc28{width:28px;height:28px;min-width:28px;font-size:16px;}
.reference-hall .hall-tile-result .equation-symbol{font-size:14px;}
.reference-hall .hall-tile-bottom{justify-content:center;align-items:center;gap:5px;border:0;padding:0;margin:12px 0 18px;color:#ef793a;min-height:28px;}
.reference-hall .hall-tile-bottom>i{font-size:23px;}
.reference-hall .hall-tile-bottom .countdown-value{font-size:24px;display:flex;align-items:baseline;}
.reference-hall .home-cd-number{font-family:var(--font-digital);font-size:24px;}
.reference-hall .home-cd-unit{font-size:12px;}
.hall-live-link{display:block;text-align:center;color:#ed7a3d;background:#fff5ef;border-radius:3px;line-height:30px;font-size:13px;}
.hall-live-link:hover{background:#ffebdc;}
@media(max-width:1100px){.hall-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:768px){.hall-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.hall-header-actions{flex-wrap:wrap;}.reference-hall .hall-search{width:150px;}.reference-hall .hall-category-list{gap:6px;}.reference-hall .hall-category{padding:0 10px;}}
.reference-hall .simple-clock-digit{width:12px;height:22px;}.reference-hall .simple-clock-number{gap:2px;}.reference-hall .hall-tile-bottom .countdown-value>span{display:flex;align-items:baseline;}.reference-hall .hall-tile-result .ball-ssc{background:#009add;color:#fff;border:0;box-shadow:none;}

.analysis-latest{display:flex;align-items:center;gap:28px;padding:24px 30px;min-height:130px;margin-bottom:12px;}
.analysis-latest-logo{width:80px;flex:none;}.analysis-latest-logo img{width:80px;height:80px;object-fit:contain;}
.analysis-latest-title{display:flex;align-items:center;gap:30px;font-size:13px;color:#999;margin-bottom:18px;}
.analysis-latest-title strong{font-size:16px;color:#333;}.analysis-latest-title em{font-style:normal;color:#609aeb;}
.analysis-latest-numbers .ball-row{margin:0;gap:22px;}.analysis-latest-numbers .ball{width:32px;height:32px;font-size:17px;}
.analysis-latest-live{margin-left:auto;border:1px solid #eee;border-radius:20px;color:#888;padding:5px 14px;}
.analysis-route-nav{display:flex;align-items:center;justify-content:space-around;min-height:40px;margin-bottom:12px;padding:0 14px;}
.analysis-route-nav>a,.analysis-route-nav>button{flex:1;border:0;background:none;text-align:center;line-height:38px;font:inherit;font-size:14px;color:#888;cursor:pointer;}
.analysis-route-nav>.active{color:#609aeb;box-shadow:inset 0 -2px #609aeb;}
.reference-analysis{padding:18px 30px;}.analysis-tip{font-size:13px;color:#666;margin:0 0 18px;}.analysis-tip span{color:#609aeb;}
.analysis-position-tabs{display:flex;justify-content:center;gap:5px;margin-bottom:20px;}
.analysis-position-tabs button{border:1px solid #eee;color:#777;background:white;padding:5px 10px;font:inherit;font-size:14px;border-radius:3px;cursor:pointer;}
.analysis-position-tabs button.active{color:white;background:#609aeb;border-color:#609aeb;}
.reference-analysis .analysis-tabs{display:none;}.reference-analysis .analysis-summary{font-size:12px;background:none;border:0;color:#aaa;margin:8px 0;padding:0;}
.reference-analysis .analysis-controls{margin:0;padding:0;border:0;display:flex;gap:20px;background:none;}
.reference-analysis .analysis-controls>label{font-size:13px;}.reference-analysis .analysis-controls>label:nth-child(3){display:none;}
.analysis-display-settings{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;margin:12px 0 22px;}
.analysis-display-settings[hidden]{display:none;}.analysis-display-settings label{display:flex;gap:4px;align-items:center;}
.analysis-display-settings input{accent-color:#609aeb;}
.trend-matrix-wrap{position:relative;min-width:100%;}.trend-matrix{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px;color:#555;}
.trend-matrix th{height:30px;background:#f7f9fb;font-weight:600;}
.trend-matrix th,.trend-matrix td{padding:0;text-align:center;border:1px solid #f0f1f4;height:30px;box-sizing:border-box;}
.trend-matrix .trend-draw-numbers{font-size:11px;white-space:nowrap;}.trend-draw-numbers .selected-number{color:#e77740;font-weight:600;}
.trend-hit{position:relative;z-index:2;display:inline-grid;place-items:center;background:#609aeb;color:#fff;border-radius:50%;height:24px;width:24px;font-weight:600;}
.square-hits .trend-hit{border-radius:2px;}.trend-matrix-lines{position:absolute;left:0;top:0;pointer-events:none;}
.analysis-content:not(.show-lines) .trend-matrix-lines{display:none;}.analysis-content:not(.show-omissions) .trend-omission{visibility:hidden;}
.trend-matrix .attribute-hit{color:white;font-weight:600;background:#20b5df;}.trend-matrix .attribute-1,.trend-matrix .attribute-11{background:#ff6848;}.trend-matrix .attribute-2,.trend-matrix .attribute-8{background:#30b78f;}.trend-matrix .attribute-3{background:#f44d53;}.trend-matrix .attribute-4,.trend-matrix .attribute-9{background:#df48d7;}.trend-matrix .attribute-5{background:#e7b24e;}.trend-matrix .attribute-7{background:#f39835;}
.show-row-lines .trend-matrix td{border-bottom-color:#cfd8e3;}.show-column-lines .trend-matrix td{border-right-color:#cfd8e3;}
@media(max-width:768px){.analysis-latest{padding:16px;gap:12px;}.analysis-latest-logo{width:48px;}.analysis-latest-logo img{width:48px;height:48px;}.analysis-latest-title{gap:8px;flex-wrap:wrap;}.analysis-latest-live{display:none;}.analysis-route-nav{overflow-x:auto;}.analysis-route-nav>a,.analysis-route-nav>button{min-width:80px;}.reference-analysis{padding:12px;}.analysis-display-settings{flex-wrap:wrap;justify-content:flex-start;}.analysis-position-tabs{flex-wrap:wrap;}}
.reference-hall{margin-top:-14px;}.reference-hall .reference-page-head{margin-bottom:12px;}
.heat-position-table,.stats-reference-table{width:100%;border-collapse:collapse;font-size:13px;}
.heat-position-table th,.heat-position-table td,.stats-reference-table th,.stats-reference-table td{border:1px solid #e9edf2;padding:12px;text-align:center;color:#666;}
.heat-position-table thead th,.stats-reference-table thead th{background:#f7f9fb;color:#555;font-weight:500;}
.heat-position-table th:first-child{width:90px;}.heat-position-table tbody th{font-weight:500;background:#fafbfd;}
.heat-ball-list{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.heat-result{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:#f37067;color:white;position:relative;margin-bottom:16px;font-size:17px;}
.heat-result small{position:absolute;top:38px;font-size:11px;color:#aaa;}.heat-band-1{background:#e9aa48;}.heat-band-2{background:#6ba1e9;}
.stats-reference-heading{font-size:16px;margin:20px 0 12px;color:#444;}.stats-reference-heading span{font-size:13px;color:#999;margin-left:16px;}
.stats-reference-table td{color:#609aeb;}.stats-reference-table tbody th{background:#fafbfd;font-weight:400;}
.reference-analysis{position:relative;}.reference-analysis .analysis-content{padding:0;}.reference-analysis .analysis-controls{margin-bottom:24px;}
.reference-analysis .analysis-display-settings{position:absolute;right:30px;top:108px;margin:0;max-width:60%;}
.reference-analysis .analysis-summary{display:none;}.analysis-latest-numbers .ball-ssc{background:#009bdc;color:white;border:0;box-shadow:none;}
@media(max-width:768px){.reference-analysis .analysis-display-settings{position:static;max-width:none;margin:12px 0;}}
#detailLatest+.detail-tools{margin:12px 0;border-radius:12px;background:white;min-height:40px;padding:0 20px;display:flex;justify-content:space-around;border:1px solid #e8ebf1;}
#detailLatest+.detail-tools>a,#detailLatest+.detail-tools>button{flex:1;background:none;border:0;border-radius:0;text-align:center;font-size:14px;color:#888;padding:10px 5px;line-height:20px;}
#detailLatest+.detail-tools>.active{color:#609aeb;box-shadow:inset 0 -2px #609aeb;}
#detailLatest+.detail-tools>select{max-width:130px;}
#detailLatest .detail-top{min-height:130px;padding:20px 30px;gap:28px;}
#detailLatest .detail-logo{width:80px;height:80px;border:0;box-shadow:none;object-fit:contain;}
#detailLatest .detail-name{font-size:18px;font-weight:600;}
#detailLatest .detail-period{font-size:14px;color:#999;font-weight:400;}
#detailLatest .detail-period .period{color:#609aeb;}
#detailLatest .detail-numbers .ball{width:32px;height:32px;font-size:16px;box-shadow:none;}
#detailLatest .detail-countdown .countdown-timer{background:#fff7f0;border:1px solid #ebe0d6;border-radius:6px;min-width:240px;min-height:44px;display:flex;align-items:center;justify-content:center;}
#detailLatest .detail-countdown .countdown-timer>span{display:flex;align-items:baseline;}
#detailLatest .detail-countdown .simple-clock-digit{width:13px;height:24px;}
#detailHistory .history-header{background:#fff;color:#333;border-bottom:0;padding:16px 30px;}
#detailHistory .history-header h3{font-size:20px;font-weight:400;border-bottom:2px solid #609aeb;padding-bottom:5px;}
#detailHistory .history-header h3 i{display:none;}
#detailHistory .history-table th{background:#f7f9fb;color:#888;font-size:13px;font-weight:400;border:1px solid #e9edf2;}
#detailHistory .history-table td{border:1px solid #e9edf2;font-size:13px;}
#detailHistory .history-table-wrapper{margin:0 30px 20px;}
.detail-breadcrumb{display:none;}#detailHistory{padding:0;}.lhc-display-filters{background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;margin:0 30px 16px;padding:15px 20px;font-size:13px;}
.lhc-display-filters[hidden]{display:none;}.lhc-display-filters>div{display:flex;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap;}.lhc-display-filters>div:last-child{margin:0;}.lhc-display-filters strong{width:98px;color:#77818d;font-weight:600;}
.lhc-display-filters button{border:1px solid #eee;border-radius:4px;background:white;color:#888;min-width:52px;padding:6px 12px;font:inherit;cursor:pointer;}.lhc-display-filters button.active{color:#609aeb;background:#edf5ff;border-color:#609aeb;}.lhc-display-filters [data-reset]{color:#fff;background:#609aeb;border-color:#609aeb;}
.dragon-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:14px;margin-top:-14px;align-items:start;}
.dragon-selector{padding:20px 12px;}.dragon-selection-actions{display:flex;gap:16px;padding:0 8px 20px;}.dragon-selection-actions button{width:50%;height:36px;color:#888;background:white;border:1px solid #eee;border-radius:5px;font:inherit;cursor:pointer;}
#dragonTypes details{margin:8px 0;}#dragonTypes summary{background:#f7f9fb;padding:12px;font-size:14px;font-weight:600;color:#333;cursor:pointer;}
#dragonTypes label{font-size:13px;color:#777;padding:8px 12px;display:flex;gap:8px;}#dragonTypes input{accent-color:#609aeb;}
.dragon-content{padding:0;}.dragon-header{display:flex;align-items:center;justify-content:space-between;background:#fafbfd;border-bottom:1px solid #eee;padding:0 30px;min-height:46px;gap:10px;}
.dragon-header label{font-size:13px;color:#999;white-space:nowrap;}.dragon-header select{width:74px;background:white;border:1px solid #eee;border-radius:4px;padding:5px 8px;}
.dragon-mode-tabs{display:flex;gap:15px;}.dragon-mode-tabs button{border:0;background:none;color:#89929e;line-height:44px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:0 10px;}.dragon-mode-tabs button.active{color:#333;box-shadow:inset 0 -2px #609aeb;}
#dragonRefresh{background:#609aeb;border:0;border-radius:3px;color:white;padding:6px 12px;cursor:pointer;}
.dragon-categories{display:flex;gap:8px;padding:12px 4px;flex-wrap:wrap;}.dragon-categories button{padding:6px 14px;border:0;border-radius:20px;background:#f2f5f9;color:#737e8d;font:inherit;font-size:12px;cursor:pointer;}.dragon-categories button.active{background:#609aeb;color:white;box-shadow:0 2px 4px #609aeb44;}
.dragon-source-note{font-size:12px;color:#aaa;padding:0 30px;min-height:24px;}
.dragon-table-scroll{margin:10px 30px 30px;}.dragon-table{width:100%;border-collapse:collapse;font-size:14px;}.dragon-table th{background:#f7f9fb;color:#56616f;font-weight:600;height:44px;border-bottom:1px solid #e7e9ee;}.dragon-table td{background:#fff7f5;color:#888;text-align:center;height:52px;border-bottom:1px solid #fff1ec;}.dragon-table .dragon-position{color:#dd855b;}.dragon-table a{color:#7c9fcf;}
.dragon-streak{display:inline-block;border-radius:20px;color:#fff;background:#ff9800;padding:6px 13px;font-size:13px;box-shadow:0 2px 5px #f99b4266;}.dragon-streak.streak-long{background:#f44253;box-shadow:0 2px 5px #f4425366;}
@media(max-width:768px){.dragon-layout{grid-template-columns:1fr;margin-top:0;}.dragon-selector{max-height:240px;overflow:auto;}.dragon-header{padding:0 12px;flex-wrap:wrap;}.dragon-table-scroll{margin:12px;}.dragon-source-note{padding:0 12px;}}
.reference-editorial-layout{display:grid;grid-template-columns:minmax(0,887px) 324px;gap:14px;align-items:start;}.reference-editorial-layout .breadcrumb{display:none;}
.reference-editorial-sidebar{display:grid;gap:16px;}.shell-popular{overflow:hidden;}.shell-popular h2{margin:0;padding:20px 14px;font-size:18px;line-height:24px;border-bottom:1px solid #eef1f6;display:flex;gap:8px;align-items:center;}.shell-popular h2:before{content:'';height:20px;width:4px;background:#609aeb;border-radius:3px;}
.shell-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 10px;gap:22px 6px;}.shell-popular-grid a{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px;color:#333;text-align:center;}.shell-popular-grid img{width:60px;height:60px;object-fit:contain;}.shell-popular-more{display:block;border-top:1px solid #eef1f6;text-align:center;font-size:14px;color:#609aeb;padding:16px;}
.shell-side-poster{display:block;padding:10px;}.shell-side-poster img{display:block;width:100%;border-radius:8px;}
.reference-editorial-main .articles-tag-bar{border-bottom:1px solid #edf0f4;padding:14px 20px;}.reference-editorial-main .articles-pill{background:none;border:0;border-radius:0;font-size:16px;color:#888;padding:10px 16px;}.reference-editorial-main .articles-pill.active{color:#609aeb;box-shadow:inset 0 -2px #609aeb;background:none;}
.reference-editorial-main .articles-body{padding:0 24px;}.reference-editorial-main .article-card-item{border:0;border-bottom:1px solid #eef1f6;border-radius:0;box-shadow:none;padding:22px 0;display:flex;gap:20px;}.article-list-copy{flex:1;min-width:0;}.article-list-thumb{width:160px;height:100px;object-fit:cover;border-radius:4px;flex:none;}.article-list-placeholder{width:160px;height:100px;background:#f2f5f9;border-radius:4px;display:grid;place-items:center;color:#b9c6d7;font-size:30px;flex:none;}
.reference-editorial-main .article-card-title{font-size:18px;font-weight:400;color:#333;}.reference-editorial-main .article-card-summary{font-size:13px;color:#aaa;margin-top:10px;}.reference-editorial-main .article-card-meta{font-size:12px;color:#aaa;margin-top:12px;}
.reference-editorial-main .dividends-year-tabs{background:white;padding:16px 20px;border-radius:12px;margin-bottom:14px;border:1px solid #e8ebf1;}.reference-editorial-main .year-tab{background:none;border:0;border-radius:0;padding:10px 16px;color:#777;font:inherit;font-size:16px;}.reference-editorial-main .year-tab.active{color:#609aeb;box-shadow:inset 0 -2px #609aeb;}
.reference-editorial-main .dividends-table{border-collapse:collapse;font-size:14px;}.reference-editorial-main .dividends-table th{background:#f7f9fb;color:#666;font-weight:500;border:1px solid #e9edf2;padding:14px;}.reference-editorial-main .dividends-table td{border:1px solid #e9edf2;padding:15px;}.reference-editorial-main .dividends-table strong{color:#ed4955;}
@media(max-width:900px){.reference-editorial-layout{grid-template-columns:minmax(0,1fr);}.reference-editorial-sidebar{display:none;}.article-list-thumb,.article-list-placeholder{width:100px;height:70px;}}
.reference-information{background:white;border:1px solid #e8ebf1;border-radius:12px;padding:24px 30px;}.information-head{display:flex;align-items:baseline;gap:18px;padding-bottom:20px;border-bottom:1px solid #eef1f6;margin-bottom:20px;}.information-head h1{font-size:22px;font-weight:600;margin:0;color:#333;border-left:4px solid #609aeb;padding-left:10px;}.information-head>span{font-size:14px;color:#999;}.information-card{border:1px solid #e9edf2;border-radius:8px;padding:20px;margin-bottom:16px;background:#fafbfd;}.information-card:last-child{margin-bottom:0;}.information-card h2{font-size:18px;font-weight:500;color:#333;margin:0 0 12px;}.information-card p{font-size:14px;line-height:2;color:#777;margin:0;}
.lhc-analysis-summary{padding:24px 30px;margin-bottom:12px;}.lhc-analysis-summary h1{font-size:18px;font-weight:500;color:#333;margin:0 0 14px;}.lhc-summary-placeholder{display:flex;align-items:center;gap:14px;}.lhc-summary-placeholder span{display:grid;place-items:center;width:32px;height:32px;background:#edf3fa;border-radius:50%;color:#9daabd;}.lhc-summary-placeholder b{color:#999;font-weight:400;}.lhc-analysis-body{padding:24px 30px;}.lhc-analysis-controls{display:flex;gap:20px;font-size:14px;color:#777;margin-bottom:20px;}.lhc-analysis-controls select{padding:6px 12px;border:1px solid #e8ebf1;border-radius:4px;background:white;color:#777;}.lhc-analysis-attributes{display:flex;gap:12px;margin-bottom:20px;}.lhc-analysis-attributes button{padding:6px 14px;border:1px solid #eee;border-radius:4px;background:white;font:inherit;font-size:14px;color:#777;cursor:pointer;}.lhc-analysis-attributes .active{background:#609aeb;border-color:#609aeb;color:white;}.lhc-analysis-number-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:12px;margin-bottom:24px;}.lhc-analysis-number-grid button{width:36px;height:36px;border:1px solid #e8ebf1;border-radius:50%;background:white;font:inherit;font-size:16px;cursor:pointer;}.lhc-analysis-number-grid .ball-red{color:#ee6470;}.lhc-analysis-number-grid .ball-blue{color:#609aeb;}.lhc-analysis-number-grid .ball-green{color:#49b989;}.lhc-analysis-number-grid button.active{background:#edf5ff;outline:2px solid #609aeb;}
@media(max-width:768px){.lhc-analysis-number-grid{grid-template-columns:repeat(7,1fr);}.lhc-analysis-attributes{flex-wrap:wrap;}}
.rules-layout{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;padding:16px 28px;background:white;border:1px solid #e8ebf1;border-radius:12px;margin-top:-14px;}.rules-sidebar{width:auto;flex-basis:auto;border:0;background:white;}.rules-sidebar-title{display:none;}#rulesNavList{display:flex;flex-direction:column;}.rules-nav-item{border:0;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;color:#888;font:inherit;font-size:12px;cursor:pointer;}.rules-nav-item img{width:34px;height:34px;filter:grayscale(1);opacity:.35;}.rules-nav-item.active{background:#edf5ff;color:#609aeb;}.rules-nav-item.active img{filter:none;opacity:1;}.rules-nav-item:disabled{cursor:default;opacity:.5;}.rules-content{padding:20px;border-color:#eee;box-shadow:none;border-radius:12px;min-width:0;}.rules-page-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:14px;}.rules-page-title h2{font-size:18px;margin:0;font-weight:600;color:#333;}.rules-page-title p{font-size:12px;color:#999;margin:6px 0 0;}.rules-page-title select{max-width:160px;border:1px solid #eee;padding:6px;border-radius:4px;color:#888;background:white;}.rules-content-directory{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}.rules-content-directory button{color:#7b9ecb;background:#f6faff;border:1px solid #e6edf6;border-radius:20px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer;}.rules-readable{background:#fafbfd;border:1px solid #edf1f6;border-radius:12px;padding:16px;font-size:14px;line-height:2;color:#777;}.rules-readable h2,.rules-readable h3{border-left:2px solid #609aeb;padding-left:10px;font-size:16px;color:#333;margin:0 0 12px;scroll-margin-top:75px;}.rules-readable li{background:white;border:1px solid #f1f3f6;border-radius:8px;padding:10px 12px;margin:10px 0;}.rules-readable ul,.rules-readable ol{padding-left:24px;}
@media(max-width:768px){.rules-layout{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:12px;margin-top:0;}.rules-page-title select{max-width:100px;}.rules-content{padding:12px;}}
body.reference-record-live{background:#f2f4f5;}.reference-record-live #desktopHeader,.reference-record-live #navbar,.reference-record-live #footer,.reference-record-live #siteAssist,.reference-record-live #floating-contact,.reference-record-live #fixed-left-nav,.reference-record-live #marquee-bar{display:none!important;}.reference-record-live .main-container{width:100%;max-width:none;margin:0!important;padding:0!important;}
.record-live-header{display:flex;align-items:center;gap:16px;background:linear-gradient(#414753,#20242c);color:white;padding:12px 24px;min-height:64px;}.record-live-brand{border-right:1px solid #ffffff22;padding-right:16px;}.record-live-brand img{width:80px;display:block;}.record-live-brand strong{font-size:28px;font-weight:800;color:#ff4848;letter-spacing:1px;}.record-live-header h1{font-size:20px;font-weight:700;margin:0;color:white;}.record-live-header p{font-size:13px;margin:4px 0 0;color:#bbb;}.record-live-search{margin-left:auto;display:flex;align-items:center;gap:18px;}.record-live-search input{border:0;border-radius:24px;height:40px;background:#edf0f2;color:#333;padding:0 20px;font:inherit;font-size:13px;}.record-live-search input[type=search]{width:240px;}.record-live-search button{border:1px solid #ffffff22;border-radius:20px;background:#ffffff16;color:white;font:inherit;font-size:13px;cursor:pointer;padding:4px 14px;}#recordLiveSearch{margin-left:-60px;border:0;font-size:18px;padding:8px 14px;background:#bbb;}
.record-live-pagination{background:#808080;color:#fff;padding:8px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;}.record-live-pagination button{border:0;background:none;color:white;font:inherit;padding:5px 8px;border-radius:50%;cursor:pointer;}.record-live-pagination button.active{background:#ffffff24;}.record-live-pagination button:disabled{opacity:.4;cursor:default;}.record-live-pagination a{color:white;margin-left:12px;}
.record-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;}.record-draw-card{border:1px solid #e2e6ea;border-radius:12px;padding:18px;background:white;box-shadow:0 2px 5px #00000008;}.record-draw-card.current{border:3px solid #65b0ef;padding:16px;}.record-draw-card header{display:flex;flex-direction:column;font:14px/20px Arial,sans-serif;color:#333;margin-bottom:10px;}.record-number-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;background:#fafafa;border:1px solid #eee;border-radius:3px;padding:16px;margin-bottom:14px;}.record-number-board span,.record-winning-numbers span{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;background:#f0f0f0;color:#999;font:700 14px Arial,sans-serif;}.record-draw-card footer>strong{font:700 13px Arial,sans-serif;color:#333;}.record-winning-numbers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:8px;}.record-number-board .drawn,.record-winning-numbers .drawn{color:white;box-shadow:inset 0 1px 6px #ffffffaa;}.number-band-0{background:linear-gradient(#ffc100,#b77a00)!important;}.number-band-1{background:linear-gradient(#009cff,#005daa)!important;}.number-band-2{background:linear-gradient(#ff1749,#c60023)!important;}.number-band-3{background:linear-gradient(#2be24a,#00941c)!important;}.record-draw-placeholder{opacity:.55;}.record-live-empty{grid-column:1/-1;text-align:center;color:#888;padding:60px;}
@media(max-width:1000px){.record-live-search{gap:8px;}.record-live-search input[type=search]{width:190px;}.record-live-header{flex-wrap:wrap;}.record-live-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.record-live-grid{grid-template-columns:1fr;}.record-live-search{flex-wrap:wrap;margin:0;}.record-live-header h1{font-size:17px;}}
.reference-call{padding:0 30px 24px;}.call-mode-tabs{display:flex;gap:30px;border-bottom:1px solid #e9edf2;margin:0 -30px 20px;padding:0 30px;}.call-mode-tabs button{padding:18px 10px;border:0;background:none;font:inherit;font-size:16px;color:#888;cursor:pointer;}.call-mode-tabs button.active{color:#609aeb;box-shadow:inset 0 -2px #609aeb;}
.call-selection-panel{border:1px solid #e9edf2;border-radius:6px;margin-bottom:20px;}.call-selection-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafbfd;border-bottom:1px solid #edf0f5;font-size:14px;color:#666;}.call-selection-head>div{display:flex;gap:12px;align-items:center;}.call-selection-head button{border:0;background:none;font:inherit;color:#609aeb;cursor:pointer;}.call-selection-head input{border:1px solid #e9edf2;border-radius:4px;background:white;padding:6px 10px;font:inherit;font-size:13px;}
.call-categories{display:flex;gap:8px;padding:16px;flex-wrap:wrap;}.call-categories button{border:0;border-radius:18px;background:#f2f5fa;color:#7a8594;font:inherit;font-size:13px;padding:6px 14px;cursor:pointer;}.call-categories button.active{background:#609aeb;color:white;}
.call-type-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 20px;padding:4px 20px 20px;font-size:14px;color:#777;}.call-type-choices label{display:flex;align-items:center;gap:8px;}.call-type-choices input{accent-color:#609aeb;}.call-selected{border-top:1px solid #edf0f5;padding:12px 16px;display:flex;gap:10px;font-size:13px;color:#999;align-items:baseline;}.call-selected>div{display:flex;gap:8px;flex-wrap:wrap;}.call-selected button{border:1px solid #dce9fa;background:#eff6ff;color:#609aeb;border-radius:4px;padding:5px 10px;font:inherit;cursor:pointer;}
.call-options{display:flex;align-items:center;gap:24px;border:0;background:none;padding:0;margin-bottom:20px;font-size:14px;color:#777;}.call-options input[type=color]{width:40px;height:30px;padding:2px;border:1px solid #e8ebf1;border-radius:4px;}.call-options label{display:flex;align-items:center;gap:8px;}.call-preview-heading{font-size:16px;font-weight:500;color:#555;margin:0 0 12px;}.call-preview-shell{border:1px solid #e8ebf1;background:white;border-radius:6px;}.call-preview-shell iframe[hidden]{display:none;}.call-code-header h2{font-size:16px;font-weight:500;}.embed-result{font-size:var(--embed-font-size);}.embed-result h1{font-size:calc(var(--embed-font-size) + 4px);}
@media(max-width:768px){.reference-call{padding:0 12px 20px;}.call-mode-tabs{gap:10px;margin:0 -12px 12px;padding:0 12px;overflow:auto;}.call-mode-tabs button{white-space:nowrap;font-size:13px;}.call-type-choices{grid-template-columns:repeat(2,minmax(0,1fr));}.call-selection-head{flex-wrap:wrap;gap:8px;}.call-options{flex-wrap:wrap;gap:12px;}}
.dragon-header{margin:0;}.dragon-mode-tabs{margin-right:auto;}.dragon-header>label{margin-left:auto;}.dragon-header .dragon-mode-tabs button{border-radius:0;}.dragon-table td strong.dragon-streak{color:#fff;}.dragon-source-note{line-height:20px;}#main-content:has(.rules-layout)>.breadcrumb{display:none;}
.rental-image-unavailable{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f7f9fb;color:#a0aaba;font-size:14px;}.rental-image-unavailable i{font-size:36px;}.rental-image-unavailable[hidden]{display:none;}
body.reference-line{background:#7badf7 url(https://kai365.cc/ref/line365/kai_bg-min.png) center top/cover fixed;}.reference-line #desktopHeader,.reference-line #navbar,.reference-line #footer,.reference-line #siteAssist,.reference-line #floating-contact,.reference-line #fixed-left-nav,.reference-line #marquee-bar{display:none!important;}.reference-line .main-container{width:1180px;max-width:calc(100% - 40px);margin:16px auto!important;}
.line-brand img{width:230px;height:64px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);}.line-shortcuts{display:flex;justify-content:flex-end;gap:12px;height:38px;align-items:center;padding-right:20px;}.line-shortcuts button{background:none;border:0;color:#e5efff;font:inherit;font-size:16px;cursor:pointer;}.line-entrances{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:10px;}.line-entrances a{display:block;border-radius:8px;background:white;overflow:hidden;text-align:center;color:#333;}.line-entrances span{display:block;padding:24px 12px;font-size:20px;}.line-entrances small{display:block;background:#343644;color:white;font-size:16px;padding:9px;}.line-entrances a:first-child small{background:#0872ed;}
.line-directory-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(0,320px);gap:14px;}.line-directory-main{display:grid;gap:10px;}.line-directory-card{background:#ffffff99;border-radius:5px;padding:12px 20px;}.line-directory-card h2{font-size:18px;font-weight:400;color:#384454;margin:0 0 14px;}.line-directory-card>div{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 12px;padding:8px 20px;}.line-directory-card a{color:#384454;font-size:16px;display:flex;align-items:center;gap:10px;white-space:nowrap;}.line-site-icon{display:inline-block;background-image:url(https://kai365.cc/ref/line365/nav_pic.png);flex:none;}.line-news>div{grid-template-columns:repeat(2,1fr);gap:30px 20px;}.line-news a{flex-direction:column;gap:12px;}
@media(max-width:1000px){.line-directory-card>div{grid-template-columns:repeat(3,1fr);padding:8px;}.line-news>div{grid-template-columns:repeat(2,1fr);}.line-entrances span{font-size:15px;}}
@media(max-width:700px){.line-entrances{grid-template-columns:repeat(2,1fr);}.line-directory-layout{grid-template-columns:1fr;}.line-directory-card a{font-size:13px;}.line-news>div{grid-template-columns:repeat(5,1fr);}}
.trend-hub-overview{padding:20px 24px;border-bottom:1px solid #eef1f6;margin-bottom:20px;}.trend-hub-overview h1{font-size:18px;font-weight:500;color:#444;margin:0 0 18px;}.trend-hub-chart-shell{height:200px;position:relative;padding:20px;display:grid;place-items:center;color:#aab4c3;font-size:13px;}.trend-hub-chart-grid{position:absolute;inset:16px 20px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#edf0f5 39px,#edf0f5 40px);border-left:1px solid #dfe4ec;border-bottom:1px solid #dfe4ec;}.trend-hub-chart-shell>span{background:white;padding:8px;z-index:1;}.trend-hub-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 24px 24px;}.trend-lottery-entry{border:1px solid #e9edf2;border-radius:8px;background:white;}.trend-lottery-entry header{display:flex;gap:10px;align-items:center;padding:16px;border-bottom:1px solid #eef1f6;font-size:16px;color:#444;}.trend-lottery-entry header img{width:32px;height:32px;object-fit:contain;}.trend-lottery-entry header>a{margin-left:auto;font-size:12px;color:#9caabc;}.trend-lottery-entry>div{display:flex;justify-content:space-around;padding:18px 10px;}.trend-lottery-entry>div a{font-size:14px;color:#609aeb;border-right:1px solid #edf0f5;padding:0 12px;}.trend-lottery-entry>div a:last-child{border:0;}
@media(max-width:768px){.trend-hub-entries{grid-template-columns:1fr;padding:0 12px 12px;}.trend-hub-overview{padding:16px 12px;}}
/* Call reference layout: categories, selected chips, compact preview. */
.reference-call{margin-top:-14px;padding:0 30px 30px}.reference-call .call-mode-tabs{margin:0;gap:14px;padding:0;border-bottom:1px solid #eef0f3}.reference-call .call-mode-tabs button{padding:20px 24px 14px;font-size:14px}.call-page-title{font-size:20px;font-weight:400;margin:24px 0 20px;padding-bottom:8px;position:relative}.call-page-title:after{content:'';position:absolute;bottom:0;left:0;width:20px;height:3px;background:#5699e7}.reference-call .call-selection-panel{border:0;margin:0;background:transparent}.reference-call .call-selection-head{padding:0;background:transparent;justify-content:flex-start;gap:12px;border:0}.call-selection-head small{color:#999;font-size:11px}.reference-call .call-categories{padding:12px 0 0;gap:0;border-bottom:1px solid #edf0f4;justify-content:space-between}.reference-call .call-categories button{padding:12px 14px;background:none;border:0;border-radius:0;font-size:13px;color:#777}.reference-call .call-categories button.active{color:#438ced;border-bottom:2px solid #438ced}.call-categories img{width:16px;height:16px;vertical-align:middle;margin-right:6px}.call-selection-actions{display:flex;justify-content:space-between;margin:12px 0}.call-selection-actions input{width:200px;border:1px solid #edf0f4;border-radius:8px;padding:9px 12px}.call-selection-actions button{border:1px solid #edf0f4;border-radius:6px;background:white;color:#438ced;padding:8px 14px}.call-selection-actions button:first-child{background:#438ced;color:#fff}.reference-call .call-selected{padding:10px 12px;border:1px solid #e7edf5;border-radius:8px;background:#f7faff;font-size:12px;color:#438ced}.reference-call .call-selected button{border:1px solid #e7edf5;border-radius:16px;background:transparent;color:#687581;font-size:12px;padding:5px 8px}.reference-call .call-type-choices{background:#f8f9fb;margin-top:12px;border:1px solid #f1f2f4;border-radius:8px;padding:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.reference-call .call-type-choices label{background:#fff;border:1px solid #e9edf2;border-radius:5px;min-height:38px;padding:8px 10px;font-size:12px;cursor:pointer}.call-type-choices input{position:absolute;opacity:0;width:1px;height:1px}.reference-call .call-type-choices label.selected{border-color:#438ced;color:#438ced;background:#eff6ff}.reference-call .call-type-choices label:focus-within{outline:2px solid #438ced}.reference-call .call-preview-heading{font-size:16px;font-weight:600;margin:20px 0 12px}.reference-call .call-options{margin-bottom:12px;font-size:12px;gap:16px}.call-options #callBackgroundHex{width:80px;padding:9px;border:1px solid #edf0f4;border-radius:6px}.call-options #callFontSize{width:72px}.reference-call .call-preview-shell{border:1px solid #edf0f4;border-radius:10px;padding:10px;background:#fcfcfc}.reference-call #callPreview{min-height:0;border:0}.reference-call .call-code-header{justify-content:center}.call-code-header #callGetCode{padding:10px 24px;background:#438ced;color:white;border:0;border-radius:5px}.call-extra-row{display:flex;align-items:center;gap:40px;min-height:60px;border-top:1px solid #edf0f4}.call-extra-row strong{font-size:13px;font-weight:400}.call-extra-row span{color:#aaa}.call-help h3{font-size:18px;font-weight:500;margin:28px 0 16px}.call-help dl{font-size:14px;line-height:2}.call-help dd{margin:0 0 12px;color:#777}.call-help table{border-collapse:collapse;width:100%;font-size:13px}.call-help th,.call-help td{padding:12px;border:1px solid #e8edf3;text-align:left}.call-help th{background:#f5f7fa}@media(max-width:1100px){.reference-call .call-type-choices{grid-template-columns:repeat(4,1fr)}.reference-call .call-categories{flex-wrap:wrap}}
.reference-call [hidden],.record-live-page [hidden],.reference-information [hidden]{display:none!important}
.lhc-analysis-summary{display:flex;gap:48px;align-items:center;height:130px;padding:16px 34px;margin-top:-2px}.lhc-analysis-summary>img{width:80px;height:80px}.lhc-analysis-summary h1{font-size:18px;margin:0 0 10px}.lhc-analysis-summary h1 small{font-size:14px;color:#aaa;font-weight:400}.lhc-summary-placeholder{display:flex;gap:16px;align-items:center}.lhc-summary-placeholder span{width:32px;height:32px;border-radius:50%;background:#eef2f7;color:#a6b2c1;display:grid;place-items:center}.lhc-summary-placeholder.large-balls span{width:36px;height:36px}.lhc-summary-buttons{text-align:center;margin-top:9px}.lhc-summary-buttons button{font-size:12px;padding:3px 10px;border:1px solid #e5e9f0;border-radius:3px;background:white;color:#777}.lhc-summary-buttons button:first-child{background:#5a9aed;color:white}.lhc-summary-clock{margin-left:auto;text-align:center;color:#999;font-size:14px}.lhc-summary-clock span{display:block;background:#fff8f4;border:1px solid #f0e5df;padding:10px 20px;border-radius:8px;color:#f16b36}.lhc-analysis-body{padding:12px 30px 24px}.lhc-shell-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.lhc-shell-heading h2{font-size:20px;font-weight:400;margin:0;padding-bottom:8px;border-bottom:3px solid #619ce3}.lhc-shell-heading>div{display:flex;align-items:center;gap:12px;font-size:13px;color:#777}.lhc-shell-heading a,.lhc-shell-heading button,.lhc-shell-heading input{border:1px solid #e8edf3;border-radius:5px;background:white;padding:8px 12px;color:#777}.lhc-shell-heading input{width:150px}.lhc-analysis-attributes,.lhc-analysis-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:12px 0}.lhc-analysis-attributes button,.lhc-analysis-choices button{padding:5px 10px;border:1px solid #e9edf2;border-radius:3px;color:#777;font-size:14px;background:white}.lhc-analysis-attributes button.active,.lhc-analysis-choices button.active{color:white;background:#599aeb;border-color:#599aeb}#lhcSelectionInput{width:100%;height:56px;padding:12px;border:1px solid #e9edf2;border-radius:7px;font:14px Arial,sans-serif}.lhc-selection-submit{display:flex;gap:10px;margin-top:14px}.lhc-selection-submit button{padding:8px 14px;border-radius:4px;border:1px solid #e9edf2;background:white;color:#777}.lhc-selection-submit button:first-child{background:#df3030;color:white;border-color:#df3030}#lhcSelectionResult{padding:16px;font-size:14px}.lhc-special-table{width:100%;border-collapse:collapse;font-size:14px}.lhc-special-table th,.lhc-special-table td{height:35px;border:1px solid #e7ebf1;text-align:center;font-weight:400}.lhc-special-table th{background:#f7f9fc;color:#777}.lhc-special-ball{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:white}.lhc-special-ball.red{background:#e85a67}.lhc-special-ball.blue{background:#639be8}.lhc-special-ball.green{background:#36c66b}.lhc-analysis-body [hidden]{display:none!important}
.lhc-special-ball.ball-red{background:#e85a67}.lhc-special-ball.ball-blue{background:#639be8}.lhc-special-ball.ball-green{background:#36c66b}.lhc-history-table{table-layout:auto;min-width:1120px}.lhc-history-table th{height:30px;padding:4px!important;font-size:13px;white-space:nowrap}.lhc-history-table td{font-size:13px;padding:8px 5px!important;text-align:center}.lhc-history-table td:first-child{width:105px;white-space:normal}.lhc-history-table .numbers-cell{width:285px;min-width:285px}.lhc-history-table .ball-row{gap:10px;justify-content:center}.lhc-history-table .ball{width:27px;height:27px;font-size:14px}.lhc-history-table .ball-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.lhc-history-table .zodiac{font-size:12px;color:#555}.lhc-history-table td:nth-child(4){width:56px}
.article-neighbors{border-top:1px solid #edf0f4;margin-top:30px;padding-top:18px;font-size:14px;line-height:2;color:#777}.article-neighbors a{color:#5b8cdb}.article-recommendations{border-top:1px solid #edf0f4;margin-top:20px;padding-top:20px}.article-recommendations h2{font-size:18px;font-weight:500}.article-recommendations a{display:block;padding:12px 0;font-size:14px;border-bottom:1px solid #edf0f4}.article-recommendations p{font-size:14px}
.road-secondary-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.road-secondary-grid{height:180px;border:1px solid #edf0f4;background:linear-gradient(#edf0f4 1px,transparent 1px),linear-gradient(90deg,#edf0f4 1px,transparent 1px);background-size:30px 30px}.road-secondary-panels p{text-align:right;font-size:12px;color:#aaa;margin:6px 0}.reference-analysis:has(.road-secondary-panels) .analysis-panel-tip{font-size:14px}.lhc-analysis-body .lhc-shell-heading{margin-bottom:12px}.lhc-analysis-body .lhc-analysis-attributes{margin:12px 0}.lhc-analysis-body .lhc-selection-submit{margin-top:14px}
.record-live-brand .record-bingo-logo{width:36px;height:36px}.record-bingo .record-live-header{min-height:67px}.record-bingo .record-live-header h1{font-size:18px}.record-bingo .record-live-search>span{font-size:18px;font-weight:700}.record-draw-placeholder{opacity:1}.record-draw-placeholder .record-number-board span,.record-draw-placeholder .record-winning-numbers span{opacity:.45}.record-live-grid .record-draw-card header{font-size:13px}.record-draw-card footer{border-top:1px solid #edf0f4;padding-top:14px}.record-bingo .record-live-header{gap:16px}.record-live-page .record-live-grid{padding-top:16px}
.reference-trend-hub .trend-hub-body{padding:0}.reference-trend-hub .trend-hub-overview{padding:16px 24px 12px;margin:0;border:0}.reference-trend-hub #trendHubOverviewTitle{display:none}.reference-trend-hub .trend-hub-entries{padding:0;gap:16px;margin-top:16px}.reference-trend-hub .trend-lottery-entry{border:0;border-left:4px solid #ef4a73;border-radius:12px;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:142px}.reference-trend-hub .trend-lottery-entry header{border:0;flex-direction:column;justify-content:center;padding:16px 10px;gap:8px;font-size:14px}.reference-trend-hub .trend-lottery-entry header img{width:74px;height:74px}.reference-trend-hub .trend-lottery-entry header>a{display:none}.reference-trend-hub .trend-lottery-entry>div{justify-content:flex-start;align-content:center;flex-wrap:wrap;gap:12px 14px;padding:18px 4px}.reference-trend-hub .trend-lottery-entry>div a{border:0;padding:0;color:#444;font-size:14px;white-space:nowrap}.reference-trend-hub .trend-hub-groups button.active,.reference-trend-hub .analysis-position-tabs button.active{background:#ef4a73;color:white}.reference-trend-hub .trend-hub-lotteries{justify-content:flex-start}.reference-trend-hub .trend-hub-lotteries button.active{color:#ef4a73;box-shadow:inset 0 -3px #ef4a73}.reference-trend-hub .trend-hub-chart-shell{height:230px}
body.embed-mode:has(.embed-result) .main-container{padding:8px!important}.embed-result{display:flex;align-items:center;gap:14px;border:0!important;padding:0!important;min-height:60px}.embed-result>header{display:contents}.embed-result #embedName{font-size:14px!important;white-space:nowrap;margin:0;padding:6px;border:1px solid #eee;border-radius:4px}.embed-result #embedPeriod{font-size:12px;color:#aaa;white-space:nowrap}.embed-result #embedNumbers{padding:0!important}.embed-result #embedHistoryLink{order:8;font-size:12px}.embed-result>footer{margin-left:auto;white-space:nowrap;font-size:12px;padding:0!important}.embed-result #embedNextPeriod{display:none}.embed-result #embedCountdown{font-size:12px;font-weight:400;color:#888}.embed-result .ball{width:30px;height:30px;font-size:var(--embed-font-size)}.embed-result #embedStatus:empty{display:none}.reference-record-live #navbarMobile,.reference-line #navbarMobile{display:none!important}
body.reference-embedded:has(.embed-result) .main-container{padding:8px!important;width:100%;max-width:none}.reference-embedded .embed-result .ball-row{flex-wrap:nowrap;gap:4px}.reference-embedded .embed-result .ball-wrapper{gap:2px}.reference-embedded .embed-result #embedNumbers{margin:0}.reference-embedded .embed-result #embedHistoryLink{margin-left:12px}.reference-embedded .embed-result #embedStatus{font-size:12px}
.summary-controls{position:relative;display:flex;flex-direction:column;gap:4px;flex:none;min-width:112px;margin-left:14px}.summary-controls>button,.summary-controls>a{font:13px Arial,sans-serif;color:#888;border:1px solid #edf0f4;background:#fff;border-radius:18px;padding:5px 12px;text-align:center;cursor:pointer}.summary-controls i{margin-right:5px;color:#639be8}.summary-ring-options{position:absolute;top:55px;right:0;z-index:6;background:white;border:1px solid #e7edf5;border-radius:6px;box-shadow:0 4px 12px #0001;padding:6px;min-width:130px}.summary-ring-options[hidden]{display:none!important}.summary-ring-options button{display:block;width:100%;border:0;background:white;padding:7px;font-size:12px;color:#777;cursor:pointer}.summary-ring-options button[aria-pressed=true]{background:#eff6ff;color:#438ced}.lhc-summary-clock{margin-left:auto}.lhc-analysis-summary .summary-controls{margin-left:70px}.analysis-latest .summary-controls{margin-left:auto}.analysis-latest:has(.summary-controls)>.analysis-latest-live{display:none}#detailLatest .detail-top{gap:24px}#detailLatest .detail-col-main{flex:1}#detailLatest .detail-col-right{flex:none;min-width:240px}.analysis-latest .summary-controls{align-self:center}@media(max-width:900px){.summary-controls{display:none}.lhc-analysis-summary .lhc-summary-clock{display:none}}
.lhc-special-table th:first-child{width:13%}.lhc-special-table th:not(:first-child){width:17.4%}.lhc-special-ball{box-shadow:none!important;text-shadow:none!important}.reference-call .call-code-header{margin:20px 0}.reference-call .call-help{border-top:1px solid #edf0f4;padding-top:6px}
.reference-call .call-page-title{margin-bottom:8px}.reference-call .call-selected{padding:8px 12px}.reference-call .call-categories button{padding-top:12px;padding-bottom:10px}
.reference-trend-hub .trend-hub-groups button{flex:1;min-width:0;padding:0 18px}.reference-trend-hub .trend-hub-groups button.active{flex:0 0 auto;min-width:76px}.trend-hub-groups img{width:16px;height:16px;vertical-align:middle;margin-right:5px}.trend-hub-groups button:disabled{opacity:.45;cursor:default}.reference-trend-hub .trend-lottery-entry>div{gap:10px 12px}.reference-trend-hub .trend-lottery-entry>div a{font-size:14px}.trend-hub-chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#edf0f5 39px,#edf0f5 40px),repeating-linear-gradient(to right,transparent 0,transparent 49px,#f2f4f7 49px,#f2f4f7 50px)}
#detailLatest .detail-top{height:130px;min-height:130px;padding:12px 30px;align-items:center}#detailLatest .detail-countdown .home-cd-unit{font:12px Arial,sans-serif!important;margin:0 2px;color:#e97c44}#detailLatest .detail-countdown .simple-clock-number{display:inline-flex;gap:2px;margin:0 2px}#detailLatest .detail-countdown .simple-clock-digit{height:22px;width:12px}#detailLatest .detail-countdown .countdown-timer>span{gap:0}#detailLatest .detail-col-right{min-width:240px}.detail-tools:has(+ #detailHistory .lhc-history-table)>#detailLotterySelect,.detail-tools:has(+ #detailHistory .lhc-history-table)>#detailRefresh{display:none}.detail-tools:has(+ #detailHistory .lhc-history-table)>a{flex:1;text-align:center;position:relative}.detail-tools:has(+ #detailHistory .lhc-history-table)>a:after{content:'';position:absolute;right:0;top:9px;height:13px;border-right:1px solid #eee}.detail-tools:has(+ #detailHistory .lhc-history-table)>a:last-of-type:after{display:none}
.lhc-history-modes{display:flex;gap:12px;align-items:center;font-size:13px;color:#777}.lhc-history-modes[hidden]{display:none!important}.lhc-history-modes button{border:1px solid #edf0f4;background:white;border-radius:4px;padding:7px 12px;color:#777;font:13px Arial,sans-serif}.lhc-history-modes button.active{background:#eef6ff;color:#438ced;border-color:#a8c8ed}.lhc-history-modes label{display:flex;align-items:center;gap:4px}.lhc-history-modes input{width:120px;border:1px solid #edf0f4;border-radius:4px;padding:7px 10px;font-size:13px;color:#777}#detailHistory:has(.lhc-history-table) .date-quick-btns,#detailHistory:has(.lhc-history-table) #historyDateFilter{display:none!important}
.rental-slide img[hidden]{display:none!important}

.reference-trend-hub .trend-lottery-entry>.trend-entry-links{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:18px 4px}.trend-entry-links>div{display:flex;flex-wrap:wrap;gap:8px 14px}

.record-draw-upcoming{position:relative;border:3px solid #65b0ef;padding:16px}.record-upcoming-overlay{position:absolute;z-index:1;inset:65px 16px auto;height:275px;background:#ffffffd9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#555;font-size:18px}.record-upcoming-overlay span{font-size:36px;color:#888}.record-draw-card.current{border:1px solid #e2e6ea;padding:18px}

.record-draw-upcoming .record-number-board{position:relative}.record-number-board>.record-upcoming-overlay{inset:0;height:auto;font-size:18px;aspect-ratio:auto;background:#ffffffd9;border-radius:0;display:flex;color:#555;font-weight:400}.record-upcoming-overlay>span{background:none;aspect-ratio:auto;font-size:36px}

.rental-slide .rental-image-unavailable{width:100%;height:100%;min-height:260px}

.reference-home .home-prediction-link,.reference-home a.home-live-link{color:#ff602a!important;font-weight:700}

.reference-home .lottery-card-links>.home-live-link{order:0}.reference-home .lottery-card-links>.home-prediction-link{order:2}.reference-home .lottery-card-links>a[href*='mode=road']{order:3}.reference-home .lottery-card-links>a[href='#long-dragon']{order:4}.reference-home .lottery-card-links>a[href*='mode=heat']{order:5}

.record-bingo-summary{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f4;font-size:12px;color:#777}.record-bingo-summary b{margin-left:5px;color:#999}.record-bingo-summary a{margin-left:auto;color:#519cde}

.simple-analysis{gap:3px}.simple-analysis a{white-space:nowrap;font-size:11px;padding:2px;line-height:18px;min-height:24px}

/* Observed reference toolbar: outline SVGs and individual button heights. */
#siteAssist{top:119.2px;left:calc(50% + 637.6px)}
#siteAssist i{display:block;width:24px;height:24px;flex:none;background-position:center;background-repeat:no-repeat;background-size:contain}
#siteAssist i::before{content:none}
#siteAssist .fa-headset{background-image:url(https://kai365.cc/ref/assist/cs1.svg)}
#siteAssist .fa-gauge-high{background-image:url(https://kai365.cc/ref/assist/line1.74a75c05.svg)}
#siteAssist .fa-face-smile{height:21px;background-image:url(https://kai365.cc/ref/assist/smile1.ae9754e1.svg)}
#siteAssist .fa-pencil{height:21px;background-image:url(https://kai365.cc/ref/assist/feedback1.e67bb92b.svg)}
#siteAssist .fa-arrow-up{background-image:url(https://kai365.cc/ref/assist/top1.762cf43d.svg)}
#siteAssist .assist-sound i{height:21px;background-image:url(https://kai365.cc/ref/assist/settings3.38146b49.svg);filter:grayscale(1)}
#siteAssist .assist-sound[aria-pressed=true] i{filter:none}
#siteAssist .assist-sound,#siteAssist>a[href="#articles"],#siteAssist>a[data-site-contact]:has(.fa-pencil){height:56px;min-height:56px}
#siteAssist>a:first-child{height:64.725px;min-height:64.725px}

/* Long dragon desktop parity, with real local lottery coverage. */
@media(min-width:769px){.dragon-layout{position:relative;left:-2.4px;grid-template-columns:267px minmax(0,1fr);gap:13px;align-items:stretch;}.dragon-selector{padding:20px 0;}.dragon-detail-summary{left:-2.4px;margin-top:-14px;margin-bottom:14px;}.dragon-detail-summary+.dragon-layout{margin-top:0;}}
#dragonTypes details{margin:8px 12.8px 16px;}#dragonTypes summary{display:flex;align-items:center;gap:8px;height:40px;padding:0 4px 0 12px;font-size:15px;list-style:none;border-radius:6px;}#dragonTypes summary::-webkit-details-marker{display:none;}#dragonTypes summary img{width:16px;height:16px;}.dragon-chevron{width:10px;height:10px;border-right:2px solid #999;border-top:2px solid #999;transform:rotate(45deg);margin:0 18px 0 auto;}#dragonTypes details[open] .dragon-chevron{transform:rotate(135deg);}.dragon-group-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;}.dragon-group-actions button{border:0;background:none;color:#609aeb;cursor:pointer;}.dragon-group-empty{color:#999;font-size:12px;padding:8px 12px;}#dragonTypes label{font-size:14px;}
.dragon-header .dragon-mode-tabs button{height:45px;line-height:45px;}.dragon-source-note:empty{height:20px;min-height:20px;}.dragon-table-scroll{margin-top:2.8px;}.dragon-table{border-collapse:separate;border-spacing:0;background:white;table-layout:fixed;}.dragon-table th{height:auto;line-height:19.8px;background:#f8fafc;border-bottom:1px solid #e2e8f0;}.dragon-table td{height:auto;line-height:19.8px;background:white;border-bottom:1px solid #f1f5f9;}.dragon-table .super-dragon-row td{background:rgba(239,68,68,.016);}.dragon-table td:has(.dragon-streak){padding:12px 16px;}.dragon-table .dragon-streak{padding:4px 12px;font-size:14px;line-height:20px;}.dragon-table .dragon-position{color:#e88a56;}.dragon-detail-summary .prediction-shell-balls .ball{flex:none;}.dragon-detail-summary .prediction-shell-balls{height:auto;min-height:50px;}
body:has(.dragon-layout) #siteAssist{display:none;}

.dragon-detail-summary .prediction-shell-balls>.ball-row{display:flex;align-items:center;gap:20px;margin:0;}.dragon-detail-summary .prediction-shell-balls .ball-pc28{width:36px;height:36px;font-size:24px;}.dragon-detail-summary .equation-symbol{font-size:20px;color:#aaa;}

/* Keep all tab backgrounds inside the shared bottom border, including inactive tabs. */
.reference-home .home-controls{align-items:stretch;}
.reference-home .home-controls>.home-category,
.reference-home .home-controls>.home-more-category{height:auto;min-height:0;align-self:stretch;line-height:normal;}
.reference-home .home-controls>.home-extra-categories{top:100%;}

/* Reserve paint space for the special-ball ring without shifting the number row. */
.reference-home #homeLotteryGrid .lottery-card-numbers:has(.ball-special){padding-top:8px;padding-bottom:8px;margin-top:-8px;margin-bottom:-8px;}
.reference-home #homeLotteryGrid .lottery-card-numbers:has(.ball-special) .ball-plus{height:32px;line-height:32px;align-self:flex-start;margin-top:0;display:inline-flex;align-items:center;justify-content:center;}

/* Sidebar ads expand with every configured image. */
.reference-home #homeSidebar>#homeSidebarBanner{display:flex;flex-direction:column;gap:10px;height:auto;min-height:0;max-height:none;overflow:visible;}
.reference-home #homeSidebarBanner>a{display:block;flex:none;}
.reference-home #homeSidebarBanner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;}

body.reference-line .main-container{width:1180px;max-width:calc(100% - 40px);}
body.reference-line .line-directory-layout{grid-template-columns:minmax(0,1fr);width:100%;}
body.reference-line .line-directory-main{width:100%;min-width:0;}
/* Draw-history daily summary panels. */
#detailHistory .history-header{flex-wrap:wrap;gap:12px}
.detail-daily-tabs{display:flex;gap:12px;order:0;margin-right:auto}
.detail-daily-tabs button{height:36px;padding:0 20px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#68798d;font:inherit;cursor:pointer}
.detail-daily-tabs button.active{border-color:#498aff;color:#3c83fa;background:#eff5ff}
.detail-daily-stats{margin:12px 0 24px}
.detail-daily-panel{border:1px solid #e3e9f2;border-radius:8px;overflow:hidden}
.detail-daily-panel[hidden]{display:none}
.daily-panel-heading{background:#ededed;color:#586d83;padding:7px 22px;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.daily-panel-heading small{font-size:12px;color:#8592a3}
.daily-summary-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;text-align:center}
.daily-summary-table th,.daily-summary-table td{height:38px;border:1px solid #e6ebf2;font-weight:400;padding:4px 8px;white-space:nowrap}
.daily-summary-table th{background:#f7f9fc;color:#5e7188}
.daily-summary-table td{background:#fff;color:#253950}
.daily-summary-table .daily-warm{background:#fff0f1;color:#f25267;font-weight:600}
.daily-summary-table .daily-cool{background:#edf4ff;color:#5b91eb;font-weight:600}
.daily-number-counts{margin-top:14px}
.daily-table-scroll{overflow-x:auto}.daily-table-scroll table{min-width:680px}
.daily-dragons{display:flex;flex-wrap:wrap;background:#f8fafc}
.daily-dragons>span{padding:12px 18px;border-right:1px solid #e3e9f2;border-bottom:1px solid #e3e9f2;color:#596d83;font-size:14px}.daily-dragons strong{font-weight:400;color:#f06b47}
.daily-message{padding:20px;color:#8592a3;text-align:center;font-size:14px}
.daily-message button{border:1px solid #c8dbf5;border-radius:4px;background:white;padding:5px 10px;color:#528be0;cursor:pointer}
@media(max-width:700px){.detail-daily-tabs{order:2;width:100%;gap:8px}.detail-daily-tabs button{padding:0 10px;font-size:13px}.daily-panel-heading{padding:8px 10px;flex-wrap:wrap}.daily-summary-table th,.daily-summary-table td{padding:4px}.daily-dragons>span{padding:10px}}
#detailHistory:has(.detail-daily-stats) .history-header>.date-filter{order:2;margin-left:auto}
#detailHistory:has(.detail-daily-stats) .history-header>.detail-daily-tabs{order:1}

#detailLatest+.detail-tools{align-items:stretch;}
#detailLatest+.detail-tools>a,#detailLatest+.detail-tools>button{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:40px;padding:0 8px;box-sizing:border-box;line-height:normal;}
/* Date values must remain readable on the white history filter. */
#detailHistory #historyDateFilter{color:#586b82;-webkit-text-fill-color:#586b82;caret-color:#586b82;}
#detailHistory #historyDateFilter::placeholder{color:#9aa7b6;-webkit-text-fill-color:#9aa7b6;}
/* Reference draw-record list layout. */
#detailHistory .reference-record-table{width:100%;min-width:1120px;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #e3e9f2;border-radius:10px;overflow:hidden}
#detailHistory .reference-record-table th{height:56px;background:#f7f9fc;color:#61758b;font-size:14px;font-weight:400;padding:4px 7px;text-align:center;border-right:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2}
#detailHistory .reference-record-table td{height:44px;padding:6px 7px;text-align:center;color:#3c5167;font-size:13px;border-right:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;white-space:nowrap}
#detailHistory .reference-record-table tr:nth-child(even) td{background:#fafbfd}
.reference-record-table .record-time{width:150px}.reference-record-table .record-issue{width:105px}.reference-record-table .record-champion{width:150px}.reference-record-table .record-dragon{width:170px}
.reference-record-table[data-family=bingo] .record-sum{width:176px}.reference-record-table[data-family=bingo] th:nth-last-child(3),.reference-record-table[data-family=bingo] th:nth-last-child(2){width:60px}.reference-record-table[data-family=bingo] th:last-child{width:106px}
.record-header-buttons{display:flex;justify-content:center;gap:0}.record-header-buttons button{height:30px;line-height:28px;border:1px solid #629aed;background:white;color:#5a95e6;padding:0 10px;font:13px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}.record-header-buttons button:first-child{border-radius:4px 0 0 4px}.record-header-buttons button:last-child{border-radius:0 4px 4px 0}.record-header-buttons button.active{background:#6399e8;color:white}
.record-sum-subs{display:flex;justify-content:space-around;border-top:1px solid #e6ebf2;margin-top:7px;padding-top:5px;font-size:12px}.record-sum-subs span{flex:1}
#detailHistory .reference-record-table .numbers-cell .ball-row{flex-wrap:nowrap;justify-content:center;gap:8px;margin:0}
#detailHistory .reference-record-table .ball{width:30px;height:30px;font:15px Arial,sans-serif;flex:none;box-shadow:none;text-shadow:none}
#detailHistory .reference-record-table[data-family=bingo] .ball-row{gap:3px}#detailHistory .reference-record-table[data-family=bingo] .ball{width:22px;height:22px;border:1px solid #e2e7ef;border-radius:50%;background:#fff;color:#6091d3;font-size:12px}
#detailHistory .reference-record-table .record-property{border-radius:5px}#detailHistory .reference-record-table .record-warm{color:#e66162}#detailHistory .reference-record-table .record-cool{color:#548fe5}#detailHistory .reference-record-table .record-property.record-warm{background:#fff0f0}#detailHistory .reference-record-table .record-property.record-cool{background:#edf4ff}
.record-inline-values{display:flex;justify-content:center;align-items:center;gap:12px}
.record-history-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:18px;color:#79899a;font-size:13px}.record-history-pagination button,.record-history-pagination select{height:30px;padding:0 10px;border:1px solid #e2e8f0;border-radius:4px;background:white;color:#72849a;cursor:pointer}.record-history-pagination button.active{background:#6399e8;border-color:#6399e8;color:white}.record-history-pagination button:disabled{opacity:.45;cursor:default}
/* Independent history panels shared by every supported draw family. */
.detail-daily-panel+.detail-daily-panel{margin-top:14px}
.detail-daily-tabs button.active{position:relative}
.detail-daily-tabs button.active:after{content:'✓';position:absolute;right:1px;top:0;font-size:10px;color:#6498e5}
.daily-summary-table+.daily-summary-table,.daily-table-scroll+.daily-table-scroll{margin-top:14px}
.daily-dragons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.daily-dragons>span{padding:10px 8px;text-align:center;white-space:nowrap}
.daily-dragons em{color:#f05c5f;font-style:normal;margin:0 3px}
#numberDistributionFilters[hidden]{display:none!important}
#detailHistory .reference-record-table[data-family=pc28] .record-numbers{width:370px}
#detailHistory .reference-record-table[data-family=ssc] .record-numbers{width:300px}
#detailHistory .reference-record-table[data-family=k3] .record-numbers{width:220px}
#detailHistory .reference-record-table .record-block{width:90px;max-width:90px;white-space:normal;overflow-wrap:anywhere;font-size:11px}
#detailHistory .reference-record-table .record-round-ball{border-radius:50%;background:#079edc;color:white;border:0}
#detailHistory .reference-record-table[data-family=ssc] .record-round-ball{background:#5f94e5;border-radius:5px}
.record-equation-sign{font-size:16px;line-height:30px;color:#8996a7}
#detailHistory .reference-record-table .record-green{color:#28af6b}
.history-die{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:30px;height:30px;box-sizing:border-box;padding:4px;gap:2px;border:1px solid #e9d6c6;border-radius:5px;background:linear-gradient(#fff,#f8f1e9);vertical-align:middle}
.history-die i{display:block;border-radius:50%}.history-die i.dot{background:#d75b4c}
#numberDistributionFilters .history-die{width:25px;height:25px;padding:3px;gap:1px}
@media(max-width:1000px){.daily-dragons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.daily-dragons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.detail-daily-tabs button.active:after{width:14px;height:14px;line-height:10px;background:linear-gradient(45deg,transparent 49%,#6399e8 50%);color:#fff;text-align:right;font-size:9px}
/* PC28 reference measurements: compact rows, complete column titles and equation colors. */
#detailHistory .reference-record-table[data-family=pc28]{min-width:1183px;border:1px solid #e9edf2;table-layout:fixed;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailHistory .reference-record-table[data-family=pc28] .record-time,#detailHistory .reference-record-table[data-family=pc28] .record-issue,#detailHistory .reference-record-table[data-family=pc28] .record-numbers{width:auto}
#detailHistory .reference-record-table[data-family=pc28] th{height:38px;box-sizing:border-box;padding:10px 8px;line-height:16px;font-size:14px;color:#5f5f5f;background:#f8fafc;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2;white-space:nowrap}
#detailHistory .reference-record-table[data-family=pc28] td{height:38px;box-sizing:border-box;padding:0 10px;font-size:14px;color:#313131;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons{gap:28px}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons button{height:16px;line-height:16px;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font:14px/16px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons button.active{color:#609aeb;font-weight:700;text-decoration:underline;text-underline-offset:5px}
#detailHistory .reference-record-table[data-family=pc28] .numbers-cell .ball-row{gap:0}
#detailHistory .reference-record-table[data-family=pc28] .ball{width:32px;height:32px;font:16px/32px Tahoma,Arial,sans-serif;background:#009cda;color:#fff;border-radius:50%}
#detailHistory .reference-record-table[data-family=pc28] .record-equation-sign{width:32px;line-height:32px;font-size:16px;color:#9e9e9e;text-align:center;flex:none}
#detailHistory .reference-record-table[data-family=pc28] .record-total-red{background:#e60012}
#detailHistory .reference-record-table[data-family=pc28] .record-total-green{background:#85d600}
#detailHistory .reference-record-table[data-family=pc28] .record-warm{color:#f12d35}
#detailHistory .reference-record-table[data-family=pc28] .record-cool{color:#184dd5}
#detailHistory .reference-record-table[data-family=pc28] .record-green{color:#009204}
#detailLatest .detail-top[data-family=pc28]{height:140px;min-height:140px;gap:32px;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailLatest [data-family=pc28] .detail-logo,#detailLatest [data-family=pc28] .detail-logo-fallback{width:76px;height:76px}
#detailLatest [data-family=pc28] .detail-col-main{min-width:458px;max-width:620px}
#detailLatest [data-family=pc28] .detail-row-info{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin-bottom:15px;min-height:30px;white-space:nowrap}
#detailLatest [data-family=pc28] .detail-name{font-size:20px;line-height:30px;font-weight:600;color:#313131}
#detailLatest [data-family=pc28] .detail-period{font-size:13px;line-height:30px}
#detailLatest [data-family=pc28] .detail-interval,#detailLatest [data-family=pc28] .detail-schedule-text{font-size:14px;line-height:30px;color:#9e9e9e}
#detailLatest [data-family=pc28] .pc28-summary-equation{display:flex;align-items:center;justify-content:space-between;gap:0;max-width:458px;margin:0}
#detailLatest [data-family=pc28] .pc28-summary-equation .ball{width:32px;height:32px;border-radius:50%;background:#009cda;color:#fff;font:500 16px/32px Tahoma,Arial,sans-serif;border:0;flex:none}
#detailLatest [data-family=pc28] .equation-symbol{width:24px;height:32px;line-height:32px;text-align:center;font-size:16px;color:#313131}
@media(max-width:900px){#detailLatest .detail-top[data-family=pc28]{height:auto;flex-wrap:wrap}#detailLatest [data-family=pc28] .detail-col-main{min-width:0;max-width:100%;flex:1}#detailLatest [data-family=pc28] .detail-row-info{flex-wrap:wrap;gap:8px}}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters{display:grid;grid-template-columns:100px repeat(10,minmax(0,1fr));align-items:center;gap:10px;margin:0 30px 16px;padding:15px 20px;background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;color:#77818d;font:14px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>span{font-weight:600}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>span:nth-of-type(2){grid-row:2;grid-column:1}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>[data-number-filter="大"]{grid-row:2;grid-column:2}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>[data-number-filter="小"]{grid-row:2;grid-column:3}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>[data-number-filter="单"]{grid-row:2;grid-column:4}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>[data-number-filter="双"]{grid-row:2;grid-column:5}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>[data-distribution-reset]{grid-row:2;grid-column:6;background:#609aeb;color:white;border-color:#609aeb}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>button{height:30px;border:1px solid #edf0f4;border-radius:4px;background:white;color:#888;font:inherit;cursor:pointer}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters>button.active{color:#609aeb;background:#edf5ff;border-color:#609aeb}
@media(max-width:900px){#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters{display:flex;flex-wrap:wrap}}

/* Five-number reference layout, retaining SSC fields and range. */
#detailHistory .reference-record-table[data-family=ssc]{min-width:1120px;border:1px solid #e9edf2;table-layout:fixed;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailHistory .reference-record-table[data-family=ssc] .record-time,#detailHistory .reference-record-table[data-family=ssc] .record-issue,#detailHistory .reference-record-table[data-family=ssc] .record-numbers{width:auto}
#detailHistory .reference-record-table[data-family=ssc] th{height:38px;box-sizing:border-box;padding:10px 8px;line-height:16px;font-size:14px;color:#5f5f5f;background:#f8fafc;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2;white-space:nowrap}
#detailHistory .reference-record-table[data-family=ssc] td{height:38px;box-sizing:border-box;padding:0 10px;font-size:14px;color:#313131;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2}
#detailHistory .reference-record-table[data-family=ssc] .record-header-buttons{gap:28px}
#detailHistory .reference-record-table[data-family=ssc] .record-header-buttons button{height:16px;line-height:16px;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font:14px/16px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory .reference-record-table[data-family=ssc] .record-header-buttons button.active{color:#609aeb;font-weight:700;text-decoration:underline;text-underline-offset:5px}
#detailHistory .reference-record-table[data-family=ssc] .numbers-cell .ball-row{gap:0}
#detailHistory .reference-record-table[data-family=ssc] .ball{width:32px;height:32px;font:16px/32px Tahoma,Arial,sans-serif;background:#009cda;color:#fff;border-radius:50%}
#detailHistory .reference-record-table[data-family=ssc] .record-equation-sign{width:32px;line-height:32px;font-size:16px;color:#9e9e9e;text-align:center;flex:none}


#detailHistory .reference-record-table[data-family=ssc] .record-warm{color:#f12d35}
#detailHistory .reference-record-table[data-family=ssc] .record-cool{color:#184dd5}
#detailHistory .reference-record-table[data-family=ssc] .record-green{color:#009204}
#detailLatest .detail-top[data-family=ssc]{height:140px;min-height:140px;gap:32px;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailLatest [data-family=ssc] .detail-logo,#detailLatest [data-family=ssc] .detail-logo-fallback{width:76px;height:76px}
#detailLatest [data-family=ssc] .detail-col-main{min-width:458px;max-width:620px}
#detailLatest [data-family=ssc] .detail-row-info{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin-bottom:15px;min-height:30px;white-space:nowrap}
#detailLatest [data-family=ssc] .detail-name{font-size:20px;line-height:30px;font-weight:600;color:#313131}
#detailLatest [data-family=ssc] .detail-period{font-size:13px;line-height:30px}
#detailLatest [data-family=ssc] .detail-interval,#detailLatest [data-family=ssc] .detail-schedule-text{font-size:14px;line-height:30px;color:#9e9e9e}
#detailLatest [data-family=ssc] .five-summary-balls{display:flex;align-items:center;justify-content:space-between;gap:0;max-width:458px;margin:0}
#detailLatest [data-family=ssc] .five-summary-balls .ball{width:32px;height:32px;border-radius:50%;background:#009cda;color:#fff;font:500 16px/32px Tahoma,Arial,sans-serif;border:0;flex:none}
#detailLatest [data-family=ssc] .equation-symbol{width:24px;height:32px;line-height:32px;text-align:center;font-size:16px;color:#313131}
@media(max-width:900px){#detailLatest .detail-top[data-family=ssc]{height:auto;flex-wrap:wrap}#detailLatest [data-family=ssc] .detail-col-main{min-width:0;max-width:100%;flex:1}#detailLatest [data-family=ssc] .detail-row-info{flex-wrap:wrap;gap:8px}}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters{display:grid;grid-template-columns:100px repeat(10,minmax(0,1fr));align-items:center;gap:10px;margin:0 30px 16px;padding:15px 20px;background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;color:#77818d;font:14px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>span{font-weight:600}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>span:nth-of-type(2){grid-row:2;grid-column:1}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>[data-number-filter="大"]{grid-row:2;grid-column:2}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>[data-number-filter="小"]{grid-row:2;grid-column:3}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>[data-number-filter="单"]{grid-row:2;grid-column:4}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>[data-number-filter="双"]{grid-row:2;grid-column:5}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>[data-distribution-reset]{grid-row:2;grid-column:6;background:#609aeb;color:white;border-color:#609aeb}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>button{height:30px;border:1px solid #edf0f4;border-radius:4px;background:white;color:#888;font:inherit;cursor:pointer}
#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters>button.active{color:#609aeb;background:#edf5ff;border-color:#609aeb}
@media(max-width:900px){#detailHistory:has(.reference-record-table[data-family=ssc]) #numberDistributionFilters{display:flex;flex-wrap:wrap}}

#detailHistory .reference-record-table[data-family=ssc] .record-round-ball{background:#009cda;border-radius:50%;color:white}

#detailHistory .reference-record-table[data-family=ssc] .numbers-cell .ball-row{gap:8px}
/* Final five-number summary spacing and empty-panel collapse. */
.detail-daily-stats:not(:has(.detail-daily-panel:not([hidden]))){display:none;margin:0}
#detailLatest .detail-top[data-family=ssc]{height:130px;min-height:130px;gap:24px}
#detailLatest [data-family=ssc] .five-summary-balls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;max-width:408px;margin-left:20px;gap:0}
#detailLatest [data-family=ssc] .summary-controls{margin-left:74px}
#detailLatest [data-family=ssc] .lhc-next-period{color:#609aeb}
#detailLatest:has([data-family=ssc])+.detail-tools>a{position:relative;box-shadow:none}
#detailLatest:has([data-family=ssc])+.detail-tools>a:not(:last-of-type):after{content:'';position:absolute;right:0;top:13px;height:14px;border-right:1px solid #e6ebf2}
#detailLatest:has([data-family=ssc])+.detail-tools>a.active:before{content:'';position:absolute;bottom:0;left:20px;right:20px;border-bottom:2px solid #609aeb}
@media(max-width:1100px){#detailLatest [data-family=ssc] .summary-controls{margin-left:14px}}
/* Reference history date controls; retain the existing exact-date query. */
#detailHistory .reference-date-filter{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;font:14px Tahoma,"Microsoft YaHei",sans-serif;color:#5f5f5f}
#detailHistory .reference-date-filter .date-quick-btns{display:flex;gap:0}
#detailHistory .reference-date-filter .date-quick-btn{height:24px;min-width:0;padding:0 10px;border:0;border-radius:3px;background:#609aeb;color:#fff;font:14px/24px Tahoma,"Microsoft YaHei",sans-serif;box-shadow:none}
#detailHistory .reference-date-label{margin:0;font:inherit;color:inherit;white-space:nowrap;cursor:pointer}
#detailHistory .reference-date-editor{position:relative;display:inline-flex;align-items:center;width:160px;height:28px;box-sizing:border-box;border:1px solid #e3e9f2;border-radius:5px;background:#fff}
#detailHistory .reference-date-editor>i{position:absolute;left:10px;pointer-events:none;font-size:12px;color:#9e9e9e}
#detailHistory .reference-date-editor #historyDateFilter{width:100%;height:26px;box-sizing:border-box;border:0;background:transparent;padding:0 8px 0 30px;margin:0;line-height:26px;font:12px/26px Tahoma,"Microsoft YaHei",sans-serif;color:#5f5f5f;-webkit-text-fill-color:#5f5f5f;cursor:pointer}
/* Match the reference's centered 30px mode marker instead of a text underline. */
#detailHistory .reference-record-table:is([data-family=pc28],[data-family=ssc]) .record-header-buttons button{position:relative;text-decoration:none}
#detailHistory .reference-record-table:is([data-family=pc28],[data-family=ssc]) .record-header-buttons button.active{text-decoration:none}
#detailHistory .reference-record-table:is([data-family=pc28],[data-family=ssc]) .record-header-buttons button.active:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;width:30px;height:2px;background:#609aeb;border:0;border-radius:0}

/* K3 shares spacing, with its own dice and statistics. */
/* Five-number reference layout, retaining SSC fields and range. */
#detailHistory .reference-record-table[data-family=k3]{min-width:1120px;border:1px solid #e9edf2;table-layout:fixed;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailHistory .reference-record-table[data-family=k3] .record-time,#detailHistory .reference-record-table[data-family=k3] .record-issue,#detailHistory .reference-record-table[data-family=k3] .record-numbers{width:auto}
#detailHistory .reference-record-table[data-family=k3] th{height:38px;box-sizing:border-box;padding:10px 8px;line-height:16px;font-size:14px;color:#5f5f5f;background:#f8fafc;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2;white-space:nowrap}
#detailHistory .reference-record-table[data-family=k3] td{height:38px;box-sizing:border-box;padding:0 10px;font-size:14px;color:#313131;border:0;border-right:1px solid #e9edf2;border-bottom:1px solid #e9edf2}
#detailHistory .reference-record-table[data-family=k3] .record-header-buttons{gap:28px}
#detailHistory .reference-record-table[data-family=k3] .record-header-buttons button{height:16px;line-height:16px;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font:14px/16px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory .reference-record-table[data-family=k3] .record-header-buttons button.active{color:#609aeb;font-weight:700;text-decoration:underline;text-underline-offset:5px}
#detailHistory .reference-record-table[data-family=k3] .numbers-cell .ball-row{gap:0}
#detailHistory .reference-record-table[data-family=k3] .ball{width:32px;height:32px;font:16px/32px Tahoma,Arial,sans-serif;background:#009cda;color:#fff;border-radius:50%}
#detailHistory .reference-record-table[data-family=k3] .record-equation-sign{width:32px;line-height:32px;font-size:16px;color:#9e9e9e;text-align:center;flex:none}


#detailHistory .reference-record-table[data-family=k3] .record-warm{color:#f12d35}
#detailHistory .reference-record-table[data-family=k3] .record-cool{color:#184dd5}
#detailHistory .reference-record-table[data-family=k3] .record-green{color:#009204}
#detailLatest .detail-top[data-family=k3]{height:140px;min-height:140px;gap:32px;font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif}
#detailLatest [data-family=k3] .detail-logo,#detailLatest [data-family=k3] .detail-logo-fallback{width:76px;height:76px}
#detailLatest [data-family=k3] .detail-col-main{min-width:458px;max-width:620px}
#detailLatest [data-family=k3] .detail-row-info{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;margin-bottom:15px;min-height:30px;white-space:nowrap}
#detailLatest [data-family=k3] .detail-name{font-size:20px;line-height:30px;font-weight:600;color:#313131}
#detailLatest [data-family=k3] .detail-period{font-size:13px;line-height:30px}
#detailLatest [data-family=k3] .detail-interval,#detailLatest [data-family=k3] .detail-schedule-text{font-size:14px;line-height:30px;color:#9e9e9e}
#detailLatest [data-family=k3] .five-summary-balls{display:flex;align-items:center;justify-content:space-between;gap:0;max-width:458px;margin:0}
#detailLatest [data-family=k3] .five-summary-balls .ball{width:32px;height:32px;border-radius:50%;background:#009cda;color:#fff;font:500 16px/32px Tahoma,Arial,sans-serif;border:0;flex:none}
#detailLatest [data-family=k3] .equation-symbol{width:24px;height:32px;line-height:32px;text-align:center;font-size:16px;color:#313131}
@media(max-width:900px){#detailLatest .detail-top[data-family=k3]{height:auto;flex-wrap:wrap}#detailLatest [data-family=k3] .detail-col-main{min-width:0;max-width:100%;flex:1}#detailLatest [data-family=k3] .detail-row-info{flex-wrap:wrap;gap:8px}}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters{display:grid;grid-template-columns:100px repeat(10,minmax(0,1fr));align-items:center;gap:10px;margin:0 30px 16px;padding:15px 20px;background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;color:#77818d;font:14px Tahoma,"Microsoft YaHei",sans-serif}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>span{font-weight:600}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>span:nth-of-type(2){grid-row:2;grid-column:1}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>[data-number-filter="大"]{grid-row:2;grid-column:2}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>[data-number-filter="小"]{grid-row:2;grid-column:3}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>[data-number-filter="单"]{grid-row:2;grid-column:4}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>[data-number-filter="双"]{grid-row:2;grid-column:5}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>[data-distribution-reset]{grid-row:2;grid-column:6;background:#609aeb;color:white;border-color:#609aeb}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>button{height:30px;border:1px solid #edf0f4;border-radius:4px;background:white;color:#888;font:inherit;cursor:pointer}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>button.active{color:#609aeb;background:#edf5ff;border-color:#609aeb}
@media(max-width:900px){#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters{display:flex;flex-wrap:wrap}}

#detailHistory .reference-record-table[data-family=k3] .record-round-ball{background:#009cda;border-radius:50%;color:white}

#detailHistory .reference-record-table[data-family=k3] .numbers-cell .ball-row{gap:8px}

#detailHistory .reference-record-table[data-family=k3]{min-width:960px}
#detailHistory .reference-record-table[data-family=k3] .numbers-cell .ball-row{gap:8px}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters{display:flex;flex-wrap:wrap;gap:12px}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>span{min-width:100px}
#detailHistory:has(.reference-record-table[data-family=k3]) #numberDistributionFilters>button{min-width:46px}
#detailLatest .detail-top[data-family=k3]{height:130px;min-height:130px}
#detailLatest [data-family=k3] .k3-summary-dice{display:flex;align-items:center;gap:24px;margin:0}
#detailLatest [data-family=k3] .history-die{width:40px;height:40px;padding:5px;gap:3px}
@media(min-width:769px){
/* Bingo list: reference column proportions and two rows of ten balls. */
#detailHistory .reference-record-table[data-family=bingo]{table-layout:fixed;min-width:1163px;font-size:14px}
#detailHistory .reference-record-table[data-family=bingo] th{width:auto;height:66px;padding:10px 8px;box-sizing:border-box}
#detailHistory .reference-record-table[data-family=bingo] td{height:79px;padding:4px 8px;font-size:14px;box-sizing:border-box}
#detailHistory .reference-record-table[data-family=bingo] .numbers-cell{padding:4px 10px}
#detailHistory .reference-record-table[data-family=bingo] .numbers-cell .ball-row{display:grid;grid-template-columns:repeat(10,32px);column-gap:6px;row-gap:3px;width:380px;padding:0 6px 3px 0;margin:0 auto;box-sizing:border-box;white-space:normal;justify-content:start;align-items:center}
#detailHistory .reference-record-table[data-family=bingo] .ball{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;border:1px solid #c5cbd6;border-radius:50%;background:white;font:16px Arial,sans-serif;box-shadow:none;color:#0095eb;box-sizing:border-box}
#detailHistory .reference-record-table[data-family=bingo] .ball.record-bingo-high{color:#e35858}
#detailHistory .reference-record-table[data-family=bingo] th.record-sum{padding:0}
#detailHistory .reference-record-table[data-family=bingo] .record-sum-subs{display:grid;grid-template-columns:58fr 43fr 43fr 43fr;justify-content:initial;margin:7px 0 0;padding:5px 0 0;font-size:12px}
#detailHistory .reference-record-table[data-family=bingo] .record-sum-subs span{text-align:center;min-width:0}

}
/* Shared live entry for every lottery result detail. */
#detailHistory .detail-live-banner{display:flex;align-items:center;gap:14px;min-height:68px;box-sizing:border-box;padding:11px 16px;margin:10px 30px 14px;border-radius:9px;background:linear-gradient(105deg,#191d25 0%,#244b83 48%,#2f7cff 100%);color:#fff;text-decoration:none;box-shadow:0 4px 12px #246cdd1f;text-align:left}
#detailHistory .detail-live-banner[hidden]{display:none}
.detail-live-banner>img,.detail-live-banner-icon{width:46px;height:46px;object-fit:contain;flex:0 0 46px}
.detail-live-banner-icon{display:grid;place-items:center;border-radius:50%;background:#ffffff26;color:white;font-size:18px}
.detail-live-banner>span:last-child{min-width:0}.detail-live-banner strong{display:block;color:#fff;font-size:18px;font-weight:700;line-height:1.4}.detail-live-banner small{display:block;color:#f0f4fd;font-size:12px;line-height:1.6}.detail-live-banner small b{margin-left:4px;font-size:17px}.detail-live-banner:hover{filter:brightness(1.06)}.detail-live-banner:focus-visible{outline:3px solid #91beff;outline-offset:3px}
@media(max-width:768px){#detailHistory .detail-live-banner{min-height:64px;padding:9px 10px;gap:10px;margin:0 0 10px}.detail-live-banner strong{font-size:15px}.detail-live-banner small{font-size:11px}.detail-live-banner>img,.detail-live-banner-icon{width:40px;height:40px;flex-basis:40px}}