/* The familiar Arial tables and palette, arranged to match the supplied layout. */
:root{background:#dce2e7}
body{background:radial-gradient(ellipse at top,#f3f5f7 0,#dce2e7 75%);min-height:100vh}
.masthead{height:52px;border-top:0;border-bottom:1px solid #38689f;background:linear-gradient(110deg,#244b80,#245695 48%,#224b7e)}
.header-inner{max-width:1240px;height:51px}
.logo{margin:8px 0 0 16px}
.logo img{width:98px;height:38px}
.quick-login{top:12px;right:16px;font-size:12px;font-weight:normal}
.main-nav{height:36px;background:linear-gradient(#3d9aff,#0871ce);border-top:1px solid #56aeff;border-bottom:1px solid #b4d4f7}
.nav-inner{width:1240px;height:35px;padding:0 14px}
.main-nav a{height:33px;margin:2px 0 0;padding:9px 21px 8px}
.main-nav a.active{box-shadow:0 0 3px #0963b088}
.site-shell{width:1240px;min-height:calc(100vh - 88px);border-left:1px solid #c6d0da;border-right:1px solid #c6d0da}
.page-content{min-height:calc(100vh - 245px);padding:16px 12px 32px}
.home-page{padding:6px 8px 28px}
.home-grid{grid-template-columns:minmax(0,2.48fr) minmax(0,1fr);gap:12px;align-items:start}
.home-main,.home-sidebar{min-width:0;border:1px solid #d7e0e8;border-radius:3px;padding:7px;background:linear-gradient(#fff,#fcfdff)}
.home-sidebar{display:block;margin-top:0;padding:8px}
.home-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 18px;padding:2px 4px 0}
.home-page h1{color:#12375f;font-size:20px;line-height:1.3;margin:4px 0}
.date-line{font-size:12px;font-weight:normal;margin:4px 0;color:#005be1}
.live-banner{font-size:13px;color:#111;padding:5px 8px;margin:4px 4px 12px;background:#f4ffe7}
.dashboard-result.result-group{grid-template-columns:minmax(0,1.53fr) minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;max-width:100%;margin:0 0 10px;padding:0;overflow:visible}
.dashboard-result>.result-board,.dashboard-result>.head-tail{height:306px;min-height:306px;border-width:1px}
.dashboard-result .result-board{font-size:14px;background:#f6f6f6}
.dashboard-result .result-board .prize-name{width:62px}
.dashboard-result .result-board th,.dashboard-result .result-board td{height:27px;padding:2px 1px;border-color:#a4c7ff}
.dashboard-result .result-board thead th{height:32px;padding:5px 9px;text-align:left;background:linear-gradient(#078af2,#0872c2);color:#fff;font-size:16px;border-color:#0685e3}
.dashboard-result .result-board tbody th{font-size:14px;color:#002b77;background:linear-gradient(90deg,#e7f3ff,#f6faff)}
.dashboard-result .result-number{font-size:14px;line-height:22px}
.dashboard-result .head-tail{font-size:13px;font-weight:normal}
.dashboard-result .head-tail .digit-column{width:52px}
.dashboard-result .head-tail th,.dashboard-result .head-tail td{height:24px;padding:3px 6px;line-height:17px}
.dashboard-result .head-tail tbody th{font-weight:normal;text-align:center;color:#803800}
.dashboard-result .head-tail thead th{width:auto;font-weight:bold;text-align:center;color:#3d250f}
.dashboard-result .head-tail thead tr:first-child th{height:31px;text-align:left;background:linear-gradient(#ffd09b,#ffbd7b);padding:5px 9px}
.dashboard-result .head-tail thead tr:last-child th{background:#ffe5cb}
.dashboard-result .head-tail tbody{background:#fff4e9}
.dashboard-result .tail thead tr:first-child th{background:linear-gradient(#f8b8f3,#ee9ee5);color:#6e006b}
.dashboard-result .tail thead tr:last-child th{background:#ffdcfa;color:#a1009a}
.dashboard-result .tail tbody{background:#fff2ff}
.dashboard-result .tail tbody th{color:#ce00c7}
.home-page .section-title{background:linear-gradient(#058af0,#1176c4);border:1px solid #0981d7;border-radius:3px 3px 0 0;padding:5px 9px;font-size:14px;line-height:18px}
.home-recommendations{margin-bottom:10px}
.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.recommendation-grid>.side-box{margin:0;padding:4px;border-color:#c2d6e7;border-radius:0 0 3px 3px;box-shadow:0 1px 1px #d4dde7}
.recommendation-grid .side-box h3{margin:0 0 4px;padding:5px 6px;color:#001e90;background:linear-gradient(#edf8ff,#def0fc);font-weight:bold;border-color:#b1d1ef}
.recommendation-grid .chips{gap:5px;padding:0 5px}
.recommendation-grid .chips a{font-size:14px;line-height:19px;padding:3px 5px;border-color:#c3d5ec}
.recommendation-grid .fine{font-size:10px;line-height:15px;margin:5px 5px 0}
.quick-statistics{max-width:none;margin:0;border-color:#bdd7ed;border-radius:3px;padding:0}
.quick-statistics>.section-title{margin:-1px -1px 0}
.statistics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px;padding:3px}
.stat-panel{min-width:0;border:1px solid #c9dfef;border-radius:2px;padding:2px}
.home-page .sub-title{margin:0;padding:4px 6px;font-size:13px;line-height:17px;background:linear-gradient(100deg,#e4f2ff,#d8eafa);color:#001d88}
.home-page .sub-title.special{background:linear-gradient(100deg,#e4f2ff,#d8eafa);color:#001d88}
.home-page .mini-stats{gap:4px 6px;padding:4px 6px;align-content:flex-start;align-items:flex-start}
.home-page .mini-stats table{font-size:11px}
.home-page .mini-stats td{padding:4px 3px;line-height:14px;white-space:nowrap}
.home-page .stat-note{font-size:12px;line-height:18px;padding:3px 4px}
.home-page .stat-note ul{margin:2px 0;padding-left:19px;line-height:19px}
.home-page .stat-note .pink{color:#005be1}
.home-page .bar-chart{min-height:0;height:78px;gap:5px;padding:5px 4px 1px;overflow:visible;align-items:flex-end}
.home-page .bar-item{flex:1 1 0;min-width:0;max-width:none}
.home-page .bar-item small{font-size:10px;margin:0 0 3px}
.home-page .bar-item b{font-size:10px;padding-top:2px}
.home-page .bar{background:linear-gradient(#a096ff,#7b6df2)}
.home-page .history-link{margin:3px;font-size:12px}
.historical-panel{display:flex;flex-direction:column;justify-content:space-between}
.home-page .historical-note{font-size:11px;line-height:18px;margin:4px;padding:4px;color:#717a89}
.home-page .result-actions{margin:4px;font-size:11px;line-height:21px}
.home-sidebar .calendar{margin:0 0 12px;border-color:#c1d0e1}
.home-sidebar .calendar-top{display:block;text-align:left;background:linear-gradient(#5b7c9e,#355374);font-size:14px;line-height:20px;padding:5px 12px}
.home-sidebar .calendar-top span{border:0;padding:0}
.home-sidebar .solar-date{font-size:27px;line-height:31px;padding:4px}
.home-sidebar .lunar-row{font-size:13px;line-height:21px}
.home-sidebar .lunar-row>div{padding:9px 5px}
.home-sidebar .lunar-row strong{font-size:25px;line-height:28px}
.home-sidebar .calendar-foot{font-size:12px;line-height:19px;padding:6px}
.home-sidebar .side-box{border-color:#c6d0da;margin-bottom:12px;padding:0 8px 8px}
.home-sidebar .side-box h3{margin:0 -8px 8px;padding:7px 8px;background:linear-gradient(#f8fafb,#e1e5e8);font-size:13px;font-weight:bold;color:#002b69}
.home-sidebar .side-box p{font-size:12px;line-height:19px;margin:8px 1px}
.home-sidebar .pair-search{padding:3px 0}
.home-sidebar .pair-search input{width:58px;height:30px;margin:0 5px}
.home-sidebar .pair-search button{height:30px;padding:4px 11px;background:linear-gradient(#2d9bff,#0078ff)}
.home-sidebar .top-numbers{min-height:40px}
.home-sidebar .side-description{padding:0;color:#333}
.home-sidebar .rank-tabs{font-size:12px;padding:6px 0}
.home-sidebar .ranking-table{font-size:12px}
.home-sidebar .ranking-box .orange{color:red}
.home-sidebar .sidebar-picks{min-width:0}
.home-sidebar .pick-list{border-color:#83b7ff;min-height:144px}
.home-sidebar .pick-entry{padding:7px}
.home-sidebar .fine{font-size:11px;line-height:17px}
.home-sidebar .demo-notice{margin:0;padding:6px}
.home-page .chat-section{margin-top:14px}
.demo-badge{display:inline-block;vertical-align:baseline;font:10px/15px Arial,Helvetica,sans-serif;color:#765300;background:#fff1bb;border:1px solid #dec47a;border-radius:2px;padding:0 4px;white-space:nowrap}
.demo-notice{font-size:11px;line-height:17px;color:#715e2b;background:#fffaf0;border:1px solid #ead9ab;padding:6px 8px;margin:5px 0}
.demo-entry .demo-badge{margin-right:3px}
.demo-admin-form{margin-bottom:22px}
.floating-result{width:870px}
.floating-result .dashboard-result{margin-bottom:0}
@media(max-width:1199px){
 .main-nav a{padding-left:15px;padding-right:15px}
 .home-grid{grid-template-columns:minmax(0,2.2fr) minmax(285px,1fr)}
 .home-page h1{font-size:18px}
 .home-page .mini-stats{gap:3px;padding:3px}
 .home-page .mini-stats td{padding:3px 2px;font-size:10px}
 .dashboard-result.result-group{gap:7px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)}
 .dashboard-result .head-tail{font-size:12px}
 .dashboard-result .head-tail .digit-column{width:34px}
 .dashboard-result .head-tail th,.dashboard-result .head-tail td{padding:3px}
 .dashboard-result .result-board thead th{font-size:14px}
 .recommendation-grid .chips{padding:0;gap:4px}
 .recommendation-grid .chips a{font-size:12px;padding:2px 3px}
}
@media(max-width:1000px){
 .home-grid{grid-template-columns:minmax(0,1fr)}
 .home-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
 .home-sidebar .calendar,.home-sidebar .side-box{margin:0}
 .home-sidebar .sidebar-picks{grid-column:1/-1}
 .home-page .mini-stats td{font-size:11px;padding:4px 3px}
}
@media(max-width:660px){
 .header-inner{padding:0 6px}
 .logo{margin-left:8px}
 .nav-inner{padding:0 6px}
 .main-nav a{padding-left:13px;padding-right:13px}
 .home-page{padding:6px 5px 20px}
 .home-grid{gap:8px}
 .home-main,.home-sidebar{padding:5px}
 .home-heading{gap:0}
 .home-page h1{font-size:18px}
 .live-banner{margin:6px 0 10px;font-size:12px;line-height:18px}
 .dashboard-result.result-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .dashboard-result>.result-board{height:auto;min-height:0}
 .dashboard-result .result-board th,.dashboard-result .result-board td{height:29px}
 .dashboard-result>.head-tail{height:304px;min-height:304px}
 .dashboard-result .head-tail .digit-column{width:36px}
 .recommendation-grid{grid-template-columns:1fr;gap:5px}
 .recommendation-grid .chips{gap:5px;padding:0 3px}
 .recommendation-grid .chips a{font-size:14px;padding:3px 5px}
 .statistics-grid{grid-template-columns:minmax(0,1fr)}
 .home-page .mini-stats{gap:5px;padding:4px}
 .home-page .mini-stats td{font-size:11px;padding:4px 3px}
 .home-sidebar{display:block}
 .home-sidebar .calendar,.home-sidebar .side-box{margin-bottom:10px}
 .home-page .bar-chart{height:82px}
 .home-page .chat-messages{height:350px}
}
@media(max-width:360px){
 .home-page .mini-stats{gap:3px}
 .home-page .mini-stats td{padding:3px 2px;font-size:10px}
 .home-page h1{font-size:16px}
}
@media print{
 body{background:#fff}
 .site-shell{border:0;width:100%}
 .home-grid{display:block}
 .home-main{border:0;padding:0}
 .dashboard-result.result-group{grid-template-columns:1.53fr 1fr 1fr;width:100%}
 .dashboard-result>.result-board{grid-column:auto}
 .home-recommendations,.demo-notice{break-inside:avoid}
}
