.phone-banner-strip{display:none}.road-summary{display:flex;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:0 0 8px;background:#f8f8f8;border:1px solid #eee;color:#777;font-size:12px}.road-summary span{padding:2px 7px;background:#fff;border:1px solid #eee;border-radius:3px}.road-summary b{color:#c21b24;margin-left:4px}.trend-controls .toggle-label{white-space:nowrap}.trend-wrap.hide-omission .omission-data{display:none}.trend-wrap.hide-layer tbody tr{background:#fff!important}.trend-wrap.hide-line td::after{display:none}.trend-wrap.hide-line .trend-dot{transform:none!important;box-shadow:none!important}.trend-wrap:not(.hide-line) .trend-dot{position:relative}.trend-wrap:not(.hide-line) td:nth-child(3)::after,.trend-wrap:not(.hide-line) td:nth-child(4)::after{content:"";position:absolute;width:18px;border-top:1px solid #d7a8a8;margin:12px 0 0 3px;pointer-events:none}.trend-wrap td{position:relative}@media(max-width:600px){.phone-banner-strip{display:flex;overflow-x:auto;gap:8px;margin:0 0 10px;scroll-snap-type:x mandatory}.phone-banner-strip img{width:86%;height:auto;flex:none;border-radius:5px;scroll-snap-align:start}.road-summary{gap:5px;padding:6px}.trend-controls .toggle-label{font-size:11px}.trend-wrap:not(.hide-line) td:nth-child(3)::after,.trend-wrap:not(.hide-line) td:nth-child(4)::after{width:10px}}
.rules-intro{margin:18px 4px 4px;color:#444;font-size:17px}
.site-width{width:min(1220px,calc(100% - 32px))}
.compact-tool-header{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(16px,calc((100% - 1180px)/2));background:#a31820;color:#fff}.compact-tool-header a{color:#fff}.compact-tool-header strong{font-size:16px;font-weight:500}.rules-page .page-main,.road-bead-page .page-main{padding-top:0}.compact-tool-header+main .content-panel{border:0;border-radius:0;background:#fff;padding:18px 20px;min-height:0}.compact-tool-header+main .panel-heading{justify-content:flex-start;border:0;padding:0 0 12px}.compact-tool-header+main .panel-heading h1{font-size:18px}.compact-tool-header+main .back-link{margin-left:auto}
.rules-panel .rules-intro{margin:0 4px 8px;color:#333;font-size:18px}
.history-numbers{white-space:nowrap}.history-numbers .table-ball{margin:0 3px}.result-property{color:#bd2630!important}.road-tabs{display:flex;gap:0;border-bottom:1px solid #ddd;margin:8px 0 14px}.road-tabs a{padding:8px 18px;border-bottom:2px solid transparent;color:#666}.road-tabs a.selected{border-color:#bd1b24;color:#bd1b24}
.history-page .draw-table th{background:#faf3f3;color:#9d4348;border-top-color:#f1e3e3;border-bottom-color:#eadbdb}
.welcome-bar{height:31px;background:#98151a;border:0;color:#fff}.welcome-bar .site-width{gap:16px}.welcome-tools{font-size:12px}.welcome-tools a{color:#fff}
.site-header{height:82px;gap:20px;background:#fff}.brand{position:relative;display:block;flex:none;width:173px;height:46px;overflow:visible;line-height:0;background:#fff}.brand img{width:173px;height:46px;object-fit:fill}.brand:after{position:absolute;top:70%;right:1.5%;bottom:5%;left:35.5%;background:#fff;content:"";pointer-events:none}.visit-count{font-size:13px}
.nav-inner{min-height:45px}.nav-inner>a,.nav-menu>a{padding:0 24px}.nav-menu>a:after{content:"";width:0;height:0;margin-left:9px;border:4px solid transparent;border-top-color:#fff;transform:translateY(2px)}
.page-main{padding-top:16px}.hero-banner{margin-bottom:14px;border-radius:6px}.hero-banner img{height:173px;object-fit:cover}
.lottery-grid{display:flex;flex-direction:column;gap:10px}.lottery-card{min-height:130px;display:grid;grid-template-columns:112px minmax(180px,1fr) 190px 184px;align-items:center;border-radius:6px;box-shadow:none;border:1px solid #e5e5e5;padding:0 14px;gap:12px}
.lottery-card-title{height:auto;padding:0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center}.lottery-card-title img{width:78px;height:78px;object-fit:contain}.lottery-card-title h2{font-size:15px;white-space:nowrap}
.latest-draw{min-height:0;padding:8px 0;text-align:left}.issue-line{font-size:13px;color:#666}.digit-list{justify-content:flex-start;gap:10px;padding:8px 0 0}.digit-list span{width:35px;height:35px;border:1px solid #2f80c7;background:#fff;color:#2477bd;box-shadow:none;font-size:20px;font-weight:500}.digit-list.empty-digits span{background:#fff;color:#aaa;border-color:#ccc}
.draw-time{text-align:center;color:#888;font-size:13px}.card-links{height:68px;background:transparent;border:0;display:flex;justify-content:flex-end;align-items:center;gap:22px}.card-links a{flex:none;display:grid;justify-items:center;gap:4px;padding:4px;border:0;color:#666;font-size:12px}.card-links svg{width:24px;height:24px;fill:none;stroke:#bd1e27;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.card-links a:hover{background:transparent;color:var(--red)}
.lottery-card-title img[src$="/201.png"],.lottery-card-title img[src$="/202.png"],.lottery-card-title img[src$="/203.png"],.lottery-card-title img[src$="/204.png"]{border-radius:50%}
.trend-page{background:#fff}.trend-breadcrumb{height:44px;background:#9f171d;color:#fff}.trend-breadcrumb .site-width{height:100%;display:flex;align-items:center;gap:10px}.trend-breadcrumb a{color:#fff}.trend-page .page-main{padding-top:18px;min-height:calc(100vh - 170px)}.trend-panel{padding:0;border:0;border-radius:0;min-height:0}.trend-panel .panel-heading{padding:0 0 15px;border:0}.trend-panel .panel-heading h1{font-size:20px}.trend-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0}.trend-tabs{display:flex;gap:10px;flex-wrap:wrap}.trend-tabs a{min-width:150px;padding:9px 17px;text-align:center;border:1px solid #e2e2e2;background:#fafafa;color:#555}.trend-tabs a.selected{border-color:#bd1c24;background:#bd1c24;color:#fff}.trend-periods{display:flex;gap:10px}.trend-periods label{display:block;position:relative}.trend-periods input{position:absolute;opacity:0}.trend-periods span{display:block;min-width:100px;padding:7px 15px;text-align:center;border:1px solid #ddd;background:#fff;color:#555;cursor:pointer}.trend-periods input:checked+span{border-color:#bd1c24;color:#bd1c24}.trend-filter-row{display:flex;gap:18px;flex-wrap:wrap}.trend-filter-row select{min-width:125px}.trend-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 14px;background:#f5f5f5}.trend-options label{font-size:13px}.trend-options input{accent-color:#b91e27}.trend-panel .chart-summary{margin-top:12px}.trend-panel .trend-wrap{margin-top:10px}.trend-page .site-footer{margin-top:25px;background:#fff;color:#888;border-top:1px solid #eee}
@media(max-width:820px){.lottery-card{grid-template-columns:84px minmax(145px,1fr) 130px 130px;padding:0 8px;gap:8px}.lottery-card-title img{width:64px;height:64px}.card-links{gap:10px}.draw-time{font-size:12px}.hero-banner img{height:auto;min-height:100px}.brand img{width:150px;height:40px}}
@media(max-width:600px){.site-width{width:calc(100% - 16px)}.welcome-bar .site-width{align-items:center}.site-header{height:67px}.brand img{width:130px;height:35px}.visit-count{font-size:10px}.nav-inner>a,.nav-menu>a{padding:0 17px}.lottery-card{grid-template-columns:70px minmax(90px,1fr) 100px;grid-template-rows:88px 32px;gap:3px 8px;padding:6px}.lottery-card-title{grid-row:1/3}.lottery-card-title img{width:55px;height:55px}.lottery-card-title h2{font-size:12px}.latest-draw{padding:2px 0}.issue-line{font-size:11px}.digit-list{gap:4px;padding-top:5px}.digit-list span{width:28px;height:28px;font-size:16px}.draw-time{grid-column:2;text-align:left;align-self:start;font-size:10px}.card-links{height:auto;grid-column:3;grid-row:1/3;gap:5px}.card-links a{font-size:10px}.card-links svg{width:20px;height:20px}.trend-page .page-main{padding-top:13px}.trend-tabs a{min-width:calc(50% - 6px);padding:8px 4px;font-size:12px}.trend-filter-row{gap:8px}.trend-filter-row label{font-size:12px}.trend-filter-row select{min-width:95px}.trend-options{gap:10px;padding:10px}.trend-options label{font-size:11px}.trend-periods span{min-width:85px;padding:7px 8px;font-size:12px}.compact-tool-header{padding:0 12px}.compact-tool-header+main .content-panel{padding:14px 10px}.draw-table{min-width:690px}.road-tabs a{padding:8px 13px}}
.source-label{margin-top:2px;color:#999;font-size:11px}

/* Reference alignment: desktop public pages */
.welcome-bar{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:0 max(16px,calc((100% - 1220px)/2));overflow:hidden}
.welcome-marquee{position:absolute;left:max(16px,calc((100% - 1220px)/2));right:180px;height:100%;overflow:hidden;display:flex;align-items:center}
.welcome-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:welcome-scroll 36s linear infinite}
.welcome-track span{padding-right:90px}
.welcome-bar:hover .welcome-track{animation-play-state:paused}
@keyframes welcome-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nav-dropdown{min-width:224px;padding:0;grid-template-columns:1fr!important}
.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{display:grid;grid-template-columns:1fr!important}
.nav-dropdown a{height:40px;padding:9px 16px;white-space:nowrap}
.lottery-card{height:105px;min-height:105px;grid-template-columns:120px minmax(210px,1fr) 190px 156px;padding:0;gap:0}
.lottery-card-title{height:100%;border-right:1px solid #eee;background:#faf7f7}
.lottery-card-title img{width:76px;height:76px}
.latest-draw{padding:8px 18px}
.issue-line{font-size:15px;color:#9d2d31}
.issue-line strong{font-size:15px;font-weight:700}
.digit-list{padding-top:7px;gap:8px}
.digit-list span{width:36px;height:36px;font-size:20px}
.draw-time{align-self:start;padding-top:16px;color:#bd3137;text-align:center;font-size:13px;white-space:nowrap}
.card-links{height:100%;justify-content:stretch;gap:0}
.card-links a{width:78px;padding:10px 5px;border-left:1px solid #eee;gap:4px}
.action-icon{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center}
.card-links svg{width:22px;height:22px}
.history-page .page-main{padding-top:13px}
.history-breadcrumb{font-size:13px;color:#777;margin:0 0 13px}
.history-title{position:relative;margin:0 0 14px;padding-left:16px;color:#b52d32;font-size:20px;line-height:25px}
.history-title:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:5px;border-radius:3px;background:#bd222b}
.history-sheet{background:#fff;border:1px solid #e7e7e7;border-radius:7px;padding:13px 0 10px;overflow:hidden}
.history-years{display:flex;gap:9px;padding:0 16px 12px;border-bottom:1px solid #eee}
.history-years a{min-width:64px;padding:6px 13px;border:1px solid #e4e4e4;border-radius:20px;color:#666;text-align:center;background:#fff}
.history-years a.selected{border-color:#bd1b24;background:#bd1b24;color:#fff}
.history-table{min-width:1120px}
.history-table thead tr:first-child th{height:38px;padding:7px 5px;background:#faf3f3;color:#9d4348;border-top:0;border-bottom:0}
.history-table thead tr:nth-child(2) th{height:25px;padding:2px;background:#faf3f3;color:#ad7779;font-size:11px}
.history-table .history-subhead{border-bottom:1px solid #eadbdb}
.history-table td{height:53px;padding:6px 4px}
.history-table .table-ball{width:34px;height:34px;border:1px solid #3586cb;background:#fff;color:#317ebd;font-weight:500;box-shadow:none;margin:0 3px}
.history-numbers{white-space:nowrap}
.history-table .result-property{font-weight:600}
.history-table .result-property.small,.history-table .result-property.even{color:#397db3!important}
.history-table .result-property.large,.history-table .result-property.odd{color:#a83c38!important}
.history-meta{text-align:center;padding:12px 8px 3px;color:#888;font-size:12px}
.trend-page{background:#fff}
.trend-page .trend-breadcrumb{height:46px}
.trend-page .trend-breadcrumb .site-width{width:100%;padding:0 14px}
.trend-page .page-main{width:100%;max-width:none;padding:0 0 20px;min-height:0}
.trend-page .site-footer{display:none}
.trend-panel{padding:0;border:0;margin:0;min-height:0}
.trend-tabs{display:flex;gap:8px;height:44px;padding:5px 0;background:#efeff3;overflow-x:auto}
.trend-tabs a{flex:0 0 152px;min-width:0;height:34px;padding:7px 6px;text-align:center;border:1px solid #ddd;background:#fff;color:#444;font-size:13px;font-weight:600}
.trend-tabs a.selected{background:#fff;color:#984447;border-color:#bd4346}
.trend-panel>h1{height:48px;margin:0;padding:12px 14px 8px;color:#a84446;font-size:16px;font-weight:600}
.trend-controls{display:block;padding:0;margin:0}
.trend-periods{display:flex;gap:8px;padding:0 10px 8px}
.trend-periods label{flex:1;position:relative}
.trend-periods span{min-width:0;height:34px;padding:7px 5px;background:#fff;border:1px solid #ddd;font-size:13px}
.trend-periods input:checked+span{border:2px solid #a84446;color:#a84446;padding:6px 4px}
.trend-filter-row{display:flex;gap:8px;padding:0 10px 8px}
.trend-filter-row select{flex:1;width:33%;min-width:0;height:29px;padding:3px 7px;border:1px solid #bbb;border-radius:0;background:#fff;font-size:13px}
.trend-options{display:flex;align-items:center;justify-content:center;gap:10px;min-height:35px;padding:5px 10px;background:#f3f3f3;color:#555;font-size:12px}
.trend-options label{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:12px}
.trend-options input{margin:0;accent-color:#bd3038}
.trend-options-bottom{margin-top:3px}
.trend-wrap{position:relative;overflow:auto;margin:0!important;padding:0}
.trend-matrix{position:relative;width:100%;min-width:1250px;table-layout:fixed;border-collapse:collapse;text-align:center;font-size:10px;line-height:1.1}
.trend-matrix th,.trend-matrix td{position:relative;border:1px solid #d8d8d8;padding:0 1px}
.trend-matrix thead tr:first-child{height:23px;background:#f4edd0}
.trend-matrix thead tr:nth-child(2){height:18px;background:#f6f2e7}
.trend-matrix th{font-weight:500;color:#333}
.trend-matrix .digit-head{width:22px;font-size:10px}
.trend-matrix tbody tr{height:23px;background:#fff}
.trend-matrix tbody tr:nth-child(even){background:#f8f8f8}
.trend-matrix tbody td{height:23px;color:#555}
.trend-matrix tbody td:nth-child(n+4):nth-child(-n+43){color:#e2c9c9}
.trend-matrix .issue-cell{width:74px;font-size:10px}
.trend-matrix .trend-result{width:52px;font-size:10px;color:#555}
.trend-matrix tbody td:nth-child(3){width:32px}
.trend-matrix .hit-cell{background:#fffaf4}
.trend-hit{position:relative;z-index:2;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;font-size:10px;font-weight:600}
.trend-hit.red{background:#d94b42}.trend-hit.blue{background:#4176ad}
.omission-value{display:inline-block;min-width:8px}
.trend-wrap.hide-omission .omission-value{visibility:hidden}
.trend-wrap.hide-layer tbody tr:nth-child(even){background:#fff}
.trend-lines{position:absolute;top:0;left:0;z-index:1;pointer-events:none;overflow:visible}
.trend-line{fill:none;stroke-width:1.15;opacity:.62}
.trend-line.red{stroke:#cf6a64}.trend-line.blue{stroke:#6284b0}
.trend-matrix tfoot{height:22px;background:#f7f7f7}
.trend-matrix tfoot td,.trend-matrix tfoot th{color:#666}
.trend-footer{display:flex;justify-content:center;gap:16px;padding:12px 8px 4px;color:#777;font-size:12px}
.trend-footer a{color:#777}
.rules-page,.road-bead-page{background:#f1f0f6}
.rules-page .page-main,.road-bead-page .page-main{width:100%;max-width:none;padding:13px 0 30px}
.rules-page .site-footer,.road-bead-page .site-footer{display:none}
.compact-tool-header{height:56px;grid-template-columns:1fr auto 1fr;padding:0 14px;background:#b33124}
.compact-tool-header strong{font-size:18px;font-weight:400}
.compact-tool-header>form{justify-self:end}
.compact-tool-header select{border:0;background:transparent;color:#fff;font-size:16px}
.compact-tool-header select option{color:#333;background:#fff}
.rules-panel{width:min(694px,calc(100% - 24px));margin:0 auto;background:#fff;padding:26px 20px 30px;min-height:650px}
.rules-panel .rules-intro{margin:4px 0 8px;color:#333;font-size:18px;font-weight:700}
.rules-panel .rule-section{padding:6px 0 0;border:0}
.rules-panel .rule-section h2{margin:0 0 9px;color:#d33b3d;font-size:17px;font-weight:400}
.rules-panel .rule-section div{padding:0 10px 5px;color:#333;font-size:15px;line-height:1.8}
.road-bead-page .page-main{padding-top:0}
.road-tabs{height:58px;margin:0;background:#fff;border:0;display:flex;justify-content:stretch}
.road-tabs a{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-bottom:3px solid transparent;color:#444;font-size:16px}
.road-tabs a.selected{border-color:#bd3c43;color:#bd3c43}
.road-main{width:min(720px,100%);margin:0 auto;padding:0 0 20px}
.road-lane{position:relative;height:300px;margin:0 0 12px;padding:10px 0;background:#fff;overflow:hidden}
.road-lane-summary{height:32px;padding:4px 12px;color:#888;font-size:14px}
.road-lane-track{height:258px;display:flex;align-items:stretch;gap:3px;overflow-x:auto;padding:0 4px 4px;scrollbar-width:thin}
.road-run{display:flex;flex-direction:column;align-items:center;min-width:23px;padding:4px 2px;gap:0;color:#222;font-size:14px;line-height:18px}
.road-run:nth-child(even){background:#f0f0f2}
.road-run.large{color:#c43835}
.road-run.small{color:#222}
.road-position-label{position:absolute;right:10px;top:11px;color:#b83b3d;font-weight:500}
@media(max-width:600px){
 .welcome-marquee{left:8px;right:126px}.welcome-bar{padding:0 8px}.welcome-tools{gap:9px;font-size:10px}
 .lottery-card{height:92px;min-height:92px;grid-template-columns:74px minmax(90px,1fr) 115px 82px;padding:0;grid-template-rows:none}
 .lottery-card-title{grid-row:auto}.lottery-card-title img{width:54px;height:54px}.latest-draw{padding:4px 6px}.issue-line,.issue-line strong{font-size:11px}.digit-list{gap:3px;padding-top:5px}.digit-list span{width:27px;height:27px;font-size:15px}.draw-time{grid-column:auto;grid-row:auto;align-self:start;padding-top:10px;font-size:9px}.card-links{grid-column:auto;grid-row:auto;gap:0}.card-links a{width:41px;padding:5px 1px;font-size:9px}.action-icon{width:24px;height:24px}.card-links svg{width:14px;height:14px}
 .history-table{min-width:1050px}.history-years{gap:5px;padding-left:9px}.history-years a{min-width:54px;padding:5px 8px;font-size:12px}
 .trend-tabs a{flex-basis:132px}.trend-matrix{min-width:1250px}.trend-footer{padding-bottom:10px}
 .rules-panel{padding:20px 15px}.rules-panel .rule-section div{font-size:14px}
 .road-main{width:100%}.road-lane{height:280px}.road-lane-track{height:238px}
}

/* Final viewport sizing against the 1280px reference capture */
.welcome-track{animation:welcome-marquee 30s linear infinite}
.welcome-track span:nth-child(2){display:none}
@keyframes welcome-marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.site-header{height:75px}
.nav-inner{min-height:39px}
.nav-inner>a,.nav-menu>a{min-height:39px}
.history-table{min-width:0;width:100%;table-layout:fixed}
.history-table th:nth-child(1){width:5%}
.history-table th:nth-child(2){width:12%}
.history-table th:nth-child(3){width:22%}
.history-table th:nth-child(4){width:17%}
.history-table th:nth-child(5){width:17%}
.history-table th:nth-child(6){width:17%}
.history-table th:nth-child(7){width:10%}
.history-table td:nth-child(4){white-space:nowrap}
.trend-matrix{width:1208px;min-width:1208px}
.trend-matrix thead .issue-head{white-space:nowrap}
.trend-matrix tbody .issue-cell{white-space:nowrap}
@media(max-width:600px){.site-header{height:67px}.nav-inner,.nav-inner>a,.nav-menu>a{min-height:43px}.history-table{min-width:1050px}.trend-matrix{width:1208px;min-width:1208px}}
.trend-cell[data-group="3"] .trend-hit{width:14px;height:14px;background:#d2d2d2;color:#333;font-size:9px;font-weight:500}
.rules-panel .rules-intro{margin-bottom:4px}
.rules-panel .rule-section{padding-top:0}
.rules-panel .rule-section h2{margin:0 0 8px}
.rules-panel .rule-section div{padding:0 10px 0;line-height:1.8}
.rules-panel .rule-section p{margin:0 0 8px}
.rules-panel .rule-section:not(:first-child){margin-top:6px}
.rules-panel .rule-section div p:last-child{margin-bottom:2px}
.rules-panel .rules-intro{margin-top:5px;margin-bottom:5px}
.rules-panel .rule-section h2{margin-bottom:10px}

/* Trend matrix follows the source page's narrow multi-band table and is never hover-paused. */
.welcome-bar:hover .welcome-track,.welcome-bar:focus-within .welcome-track{animation-play-state:running!important}
.trend-matrix{width:100%;min-width:1000px;table-layout:fixed;border-collapse:collapse;background:#fff;line-height:20px;font-size:11px;text-align:center}
.trend-matrix th,.trend-matrix td{height:20px;line-height:20px;padding:0;overflow:hidden;white-space:nowrap;border:1px solid #fff;font-size:11px;font-weight:400;text-align:center}
.trend-matrix th{background:#f0e5c6;color:#000;font-weight:700}
.trend-matrix .digit-head{width:20px;min-width:20px;font-weight:400}
.trend-matrix .table-break,.trend-matrix .inner-break{width:3px;min-width:3px;background:#dbdbdb!important;padding:0}
.trend-matrix .trend-break-col{width:.3%}
.trend-matrix tbody td{background:#f7f7f7;color:#000}
.trend-matrix tbody td.issue-cell{color:#000}
.trend-matrix .issue-cell{width:6%;font-size:11px}
.trend-matrix .trend-result{width:3.6%;font-size:11px}
.trend-matrix .omission-pos0,.trend-matrix .omission-pos1,.trend-matrix .omission-pos2,.trend-matrix .omission-span,.trend-matrix .omission-sum{color:#e9c7c7}
.trend-matrix .omission-zu,.trend-matrix .omission-sp_bs,.trend-matrix .omission-sp_oe,.trend-matrix .omission-sp_zh,.trend-matrix .omission-sp_rd,.trend-matrix .omission-tf_bs,.trend-matrix .omission-tf_oe,.trend-matrix .omission-tf_zh,.trend-matrix .omission-tf_rd,.trend-matrix .omission-sf_bs,.trend-matrix .omission-sf_oe,.trend-matrix .omission-sf_zh,.trend-matrix .omission-sf_rd{color:#bbb}
.trend-matrix .omission-tail{color:#d6bdab}
.trend-matrix .omission-ampw{color:#b7c2c3}
.trend-matrix .omission-value{display:inline-block;min-width:8px}
.trend-matrix .trend-hit{display:inline-block;position:relative;z-index:2;width:15px;height:15px;line-height:15px;border:0;border-radius:50%;vertical-align:middle;color:#fff;font-size:11px;font-weight:500}
.trend-matrix .trend-hit.red{background:radial-gradient(circle at 35% 30%,#f2695b,#d8261a 72%)}
.trend-matrix .trend-hit.blue{background:radial-gradient(circle at 35% 30%,#5b8fd9,#1d4e9e 72%)}
.trend-matrix .trend-hit.cyan{background:#8dbcbd}
.trend-matrix .trend-hit.zx1{background:linear-gradient(180deg,#e3e3e3,#bfbfbf);color:#333}
.trend-matrix .trend-hit.zx2{background:#fff;color:#e60012;box-shadow:inset 0 0 0 1px #e60012}
.trend-matrix .trend-cube{display:inline-block;width:18px;height:18px;line-height:18px;color:#fff;vertical-align:middle}
.trend-matrix .trend-cube.cube-c3{background:#e0b26d}
.trend-matrix .trend-cube.cube-c6{background:#8dbcbd}
.trend-matrix .award{display:inline-block;min-width:27px;height:16px;line-height:16px;padding:0 2px;font-size:12px}
.trend-matrix .award.z3{background:#e0b26d;color:#fff}
.trend-matrix .award.dz{background:#8dbcbd;color:#fff}
.trend-matrix .trend-statistics .stat-row td{background:#fff;color:#333}
.trend-matrix .trend-statistics .stat-row.alt td{background:#e8f1fa}
.trend-matrix .trend-statistics .stat-label{font-weight:400}
.trend-matrix .trend-statistics .table-break{background:#dbdbdb!important}
.trend-wrap.layer-on .trend-matrix td.high{background:#99c;color:#d0dce9}
.trend-wrap.hide-omission .omission-value{color:transparent}
.trend-footer{background:#efeff4;padding:10px 0 4px}
.trend-copy{text-align:center;padding:4px 0 12px;background:#efeff4;color:#b7b7b7;font-size:12px}
.shape-toggle{margin-left:3px;color:#1e88e5;text-decoration:none;font-size:11px;font-weight:700}
.trend-options{margin-bottom:4px}
.trend-matrix tbody tr,.trend-matrix tbody td{height:21px;line-height:20px}
.trend-matrix .trend-statistics .stat-row,.trend-matrix .trend-statistics .stat-row td{height:20px}
.trend-matrix .trend-repeat-header th{background:#f0e5c6;color:#000;font-weight:700}
.trend-matrix .historical-statistics{display:none}
.trend-footer{height:33.5px;box-sizing:border-box;padding:10px 0 4px;color:#999;font-size:13px}
.trend-footer a{color:#1e88e5;text-decoration:underline;margin-left:6px}
.trend-copy{height:22px;box-sizing:border-box;padding:4px 0 0;color:#b7b7b7}
.trend-options-bottom{margin:3px 0 2px}
.trend-page .page-main{padding-bottom:24px}
.welcome-track{animation:welcome-seamless 36s linear infinite!important}
.welcome-track span{display:inline-block!important;padding-right:70px}
@keyframes welcome-seamless{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nav-dropdown{width:130px;min-width:130px;padding:0;background:#fff;box-shadow:0 6px 14px rgba(0,0,0,.12);grid-template-columns:1fr!important}
.nav-dropdown a{display:block;width:100%;height:40px;padding:10px 16px;border:0;border-bottom:1px solid #eee;background:#fff;color:#222;font-size:14px;line-height:20px}
.nav-dropdown a:last-child{border-bottom:0}
.nav-dropdown a:hover{background:#f7f7f7;color:#b33124}
.nav-inner{width:100%;max-width:none;margin:0;padding:0}
.site-footer{margin:30px 0 0;padding:22px 0;border-top:3px solid #c42017;background:#fff;color:#777;text-align:center;font-size:12px;line-height:24px}
@media(max-width:600px){.trend-matrix{width:100%;min-width:1000px}.trend-matrix .trend-hit{width:15px;height:15px}}
.trend-page{background:#efeff4}
.trend-page .trend-breadcrumb{position:sticky;top:0;z-index:100;height:46px;background:#c42017}
.trend-page .trend-breadcrumb .site-width{width:100%;padding:0 16px}
.trend-panel{background:#fff}
.trend-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;height:auto;padding:5px 8px;background:#efeff4;overflow:visible}
.trend-tabs a{display:block;flex:none;height:34px;line-height:32px;padding:0 4px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-tabs a.selected{background:#fff;color:#b92734;border-color:#c42017}
.trend-panel>h1{height:44px;margin:0;padding:4px 14px 0;color:#b92734;font-size:16px;font-weight:700;line-height:40px}
.trend-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 10px}
.trend-periods label{flex:initial}
.trend-periods span{height:34px;min-width:0;padding:0 6px;border:2px solid #e5e5e5;border-radius:3px;font-size:14px;line-height:30px}
.trend-periods input:checked+span{padding:0 5px;border:2px solid #c42017}
.trend-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 10px 10px}
.trend-filter-row select{width:100%;min-width:0;height:28px;padding:0 4px;border:1px solid #707070;border-radius:0;background:#fff;color:#000;font-size:14px}
.trend-options{justify-content:center;gap:10px;min-height:34px;margin:0 0 4px;padding:0 10px;background:#f6f6f6;color:#000;font-size:14px}
.trend-options label{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:14px}
.trend-wrap{padding-bottom:6px}
@media(max-width:600px){.trend-page .trend-breadcrumb .site-width{padding:0 16px}.trend-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 8px}.trend-periods{gap:6px;padding-right:8px;padding-left:8px}.trend-periods span{font-size:13px}.trend-filter-row{gap:6px;padding-right:8px;padding-left:8px}.trend-filter-row select{font-size:12px}.trend-options{gap:6px;font-size:12px}.trend-options label{font-size:12px}}
.welcome-bar{height:32px}
.welcome-track{animation-duration:6.7s!important}
.site-header.site-width{height:75px}
.brand img{width:173px;height:46px}
.visit-count strong{font-size:18px;padding:0 2px}
.nav-inner{min-height:39px}
.nav-inner>a,.nav-menu>a{min-height:39px;padding:8px 22px;font-size:15px;line-height:23px}.nav-home{background:transparent!important}
.nav-dropdown{border:1px solid #e7e7e7;border-top:2px solid #c42017}
.trend-line.cyan{stroke:#8dbcbd}
.nav-inner{width:100%;max-width:1240px;margin:0 auto;padding:0}
.welcome-bar{display:block;height:32px;overflow:hidden;padding:0;background:#7e000f;color:#eee;font:12px/18px "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif}
.welcome-inner{display:flex;align-items:center;gap:12px;width:min(1240px,calc(100% - 40px));height:32px;margin:0 auto;padding:0 10px;overflow:hidden}
.welcome-marquee{position:static;display:block;flex:1 1 0%;min-width:0;height:18px;overflow:hidden;white-space:nowrap}
.welcome-track{display:inline-block;padding-left:100%;white-space:nowrap;animation:welcome-source 18s linear infinite!important;will-change:transform}
.welcome-tools{display:flex;flex:0 0 auto;gap:14px;align-items:center;height:18px;font:inherit}
.welcome-tools a{color:#eee;white-space:nowrap}
.welcome-tools a:hover{color:#fff}
@keyframes welcome-source{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(max-width:768px){.welcome-bar{display:none}}
.to-top{position:fixed;right:22px;bottom:28px;z-index:999;display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:0;border-radius:50%;background:linear-gradient(180deg,#d52e22 0%,#ce281c 45%,#b2120e 100%);color:#fff;box-shadow:0 4px 12px rgba(196,32,23,.35);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s,transform .25s,visibility .25s}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{opacity:.9}
.to-top svg{width:22px;height:22px}
@media(max-width:820px){.brand{width:150px;height:40px}}
@media(max-width:600px){.brand{width:130px;height:35px}.brand img{width:130px;height:35px}.to-top{right:14px;bottom:18px;width:42px;height:42px}}
.rules-panel .rule-section p{margin-bottom:11px}

/* Keep the complete source logo visible; mask only its small URL caption. */
.site-header{background:#fff}
.brand{width:173px;height:46px;overflow:visible;background:#fff}
.brand img{display:block;width:100%;height:100%;object-fit:fill}
.brand::after{top:72%;right:1.5%;bottom:5%;left:36.3%;background:#fff}
.site-header.site-width{width:100%;max-width:none;margin:0;padding-right:max(16px,calc((100% - 1220px)/2));padding-left:max(16px,calc((100% - 1220px)/2));background:#fff}
@media(max-width:820px){.brand{width:150px;height:40px}}
@media(max-width:600px){.brand{width:130px;height:35px}}