/* rs1: reading scale + daily services (loaded last) */
:root{--xb-reading-scale:1;--rs:var(--xb-reading-scale,1)}
body.xb{font-family:"PingFang SC",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:calc(16px*var(--rs));font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.xb button,body.xb input,body.xb select,body.xb textarea{font-family:inherit}
body.xb .xb-mast .xb-nav li>a{font-size:calc(18px*var(--rs));font-weight:400}
body.xb .xb-mast .xb-nav a>[data-xb-i18n]{font-size:inherit!important}
body.xb .xb-util,body.xb .xb-util .xb-ghost,body.xb .xb-util .xb-btn,body.xb .xb-util .xb-search input,body.xb .xb-util .xb-lang select{font-size:calc(15px*var(--rs))}
body.xb .xb-strip,body.xb .xb-strip a,body.xb .xb-strip time{font-size:calc(15px*var(--rs))}
body.xb .ed-flash,body.xb .ed-flash a{font-size:calc(15px*var(--rs))}
body.xb .ed-h h2,body.xb .xb-sec-h h2,body.xb .xb-rail-h h2,body.xb .ed-band-h h2{font-size:calc(22px*var(--rs))!important}
body.xb .ed-list li a,body.xb .ed-list-g em,body.xb .xb-catbox li a,body.xb .ed-hot li a,body.xb .ed-links a{font-size:calc(16px*var(--rs));font-weight:400}
body.xb .ed-list time,body.xb .ed-list-g span,body.xb .ed-lbl,body.xb .ed-note,body.xb .xb-card-m,body.xb .ed-more{font-size:calc(14px*var(--rs))}
body.xb .ed-tags a{font-size:calc(16px*var(--rs))}
body.xb .ed-cap b{font-size:calc(26px*var(--rs));font-weight:600;line-height:1.45}
body.xb .ed-cap i,body.xb .ed-cap em{font-size:calc(14px*var(--rs))}
body.xb .ed-picks b{font-size:calc(16px*var(--rs))!important}
body.xb .ed-spot h2{font-size:calc(26px*var(--rs))}
body.xb .ed-spot p,body.xb .ed-ph span{font-size:calc(16px*var(--rs))}
body.xb .xb-tcard h3,body.xb .xb-catbox-lead b{font-size:calc(17px*var(--rs))}
body.xb .xb-boards b{font-size:calc(16px*var(--rs))}
body.xb .xb-boards span,body.xb .xb-tcard em{font-size:calc(14px*var(--rs))}
body.xb .xb-foot,body.xb .xb-foot a{font-size:calc(15px*var(--rs))}
body.xb .xb-tab span{font-size:calc(12px*var(--rs))}
/* native article / forum / city */
body.xb #article_content,body.xb .vwtb,body.xb .t_f,body.xb .t_fsz,body.xb .message,body.xb .xb-article,body.xb .xb-post,body.xb .pcb{font-size:calc(18px*var(--rs))!important;line-height:1.85}
body.xb #article_content *,body.xb .t_f *{font-size:inherit}
body.xb .ph,body.xb h1.ts,body.xb #thread_subject,body.xb .xb-article h1{font-size:calc(30px*var(--rs))!important;line-height:1.35}
body.xb .tl th a,body.xb .xst,body.xb .xb-city a,body.xb .bm_c li a{font-size:calc(16px*var(--rs))}
/* font control */
.xb-font{display:inline-flex;align-items:center;border:1px solid #c9d3e2;border-radius:6px;background:#fdfeff;height:32px;overflow:hidden;flex:none}
.xb-font button{appearance:none;border:0;background:none;color:#1f5bd8;font:600 15px/1 inherit;font-family:inherit;min-width:34px;height:100%;cursor:pointer;display:grid;place-items:center}
.xb-font button:hover{background:#eaf1ff}
.xb-font button:focus-visible{outline:2px solid #1f5bd8;outline-offset:-2px}
.xb-font output{font-size:13px;color:#3a4558;min-width:44px;text-align:center;font-variant-numeric:tabular-nums;border-inline:1px solid #e1e7f0;line-height:30px}
.xb-font .xb-font-reset{border-left:1px solid #e1e7f0;min-width:30px;color:#5a6680}
@media(max-width:767px){.xb-font{order:5;height:30px;margin:0 4px}.xb-font output{min-width:38px;font-size:12px}.xb-font button{min-width:30px}}
/* daily bar */
.xb-daily{background:#fdfeff;border-bottom:1px solid #dde4ee;color:#26314a;font-size:calc(15px*var(--rs))}
.xb-daily svg,.svc-h svg{width:18px;height:18px;fill:none;stroke:#1f5bd8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.xb-daily-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:9px 0}
.xb-daily-in>div{display:flex;align-items:center;gap:7px;min-width:0}
.xd-city select{font:inherit;color:#1b2333;border:0;border-bottom:1px solid #c9d3e2;background:none;padding:2px 2px;max-width:160px}
.xd-btn,.svc-btn{font:inherit;font-size:.9em;border:1px solid #c9d3e2;background:#fdfeff;color:#1f5bd8;border-radius:5px;padding:3px 10px;cursor:pointer}
.xd-btn:hover,.svc-btn:hover{border-color:#1f5bd8}
.xd-status,.xd-meta,.svc-status,.svc-meta{color:#5d6a82;font-size:.88em}
.xd-clock time{font-variant-numeric:tabular-nums;font-weight:600}
.xd-wx #xb-current-weather{font-weight:500}
.xd-sun{gap:14px!important}.xd-sun>span{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.xd-icon,.svc-icon{border:0;background:none;padding:4px;cursor:pointer;display:inline-grid;place-items:center;border-radius:4px}
.xd-icon:hover,.svc-icon:hover{background:#eaf1ff}
.xd-meta{margin-left:auto}
.xd-privacy{flex-basis:100%;font-size:.88em;color:#5d6a82}
.xd-privacy summary{cursor:pointer;color:#1f5bd8;width:max-content}
.xd-privacy p{margin:6px 0 2px;max-width:760px;line-height:1.6}
.xd-privacy a,.svc-note a{color:#1f5bd8}
@media(max-width:767px){.xb-daily-in{gap:6px 14px;padding:8px 14px}.xd-meta{margin-left:0}.xd-city select{max-width:130px}}
/* right column panels */
.svc-panel{border-bottom:1px solid #e1e7f0;padding:4px 0 16px;margin-bottom:14px;font-size:calc(15px*var(--rs))}
.svc-h{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e1e7f0;margin-bottom:10px}
.svc-h h2{margin:0;font-size:calc(19px*var(--rs));font-weight:600;border-bottom:2px solid #1f5bd8;padding-bottom:4px;margin-bottom:-1px}
.svc-h{flex-wrap:wrap}
.svc-h h2{flex:none;white-space:nowrap}
.svc-h .svc-status{flex-basis:100%;margin-left:0;padding:4px 0;overflow-wrap:anywhere}
.ed-left>.ed-h{display:block}
.ed-left>.ed-h h2{display:inline-block}
.ed-left>.ed-h .ed-lbl{display:block;border:0;padding:5px 0 0;line-height:1.5}
.xd-btn{white-space:nowrap;flex-shrink:0}
.xd-icon svg,.svc-icon svg{width:18px;height:18px;fill:none;stroke:#1f5bd8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc-status{margin-left:auto}
.svc-title{margin:0 0 8px;font-weight:600;color:#1b2333}
.svc-widget{min-height:0}.svc-widget:not(:empty){min-height:220px;margin-bottom:8px;background:#f3f6fb}
.svc-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.svc-acts a{color:#1f5bd8;font-size:.92em}
.svc-note{margin:8px 0 0;font-size:calc(13.5px*var(--rs));line-height:1.55;color:#5d6a82}
.svc-fx-form{display:grid;gap:9px}
.svc-fx-form label{display:grid;gap:3px;font-size:.88em;color:#5d6a82;min-width:0}
.svc-fx-form input,.svc-fx-form select{font:inherit;font-size:calc(16px*var(--rs));color:#1b2333;border:1px solid #c9d3e2;border-radius:5px;padding:6px 8px;background:#fdfeff;width:100%;min-width:0}
.svc-fx-form input:focus,.svc-fx-form select:focus{outline:2px solid #1f5bd8;outline-offset:-1px}
.svc-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:6px}
.svc-btn-p{background:#1f5bd8;color:#fdfeff;border-color:#1f5bd8;padding:7px 10px;font-weight:600}
.svc-btn-p:hover{background:#1a4fbd}
.svc-result{display:block;margin-top:10px;font-size:calc(20px*var(--rs));font-weight:600;color:#14213d;font-variant-numeric:tabular-nums;min-height:1.4em;word-break:break-word}
.svc-meta{margin:4px 0 0}
.svc-link{border:0;background:none;color:#1f5bd8;cursor:pointer;font:inherit;padding:0 0 0 6px;text-decoration:underline}
.ed-right .ed-links{display:flex;flex-wrap:wrap;gap:6px 14px}
/* QQ desktop reference: 1440px content, 36px column gaps; fluid on smaller screens. */
@media(min-width:768px){
 body.xb .xb-wrap,body#nv_portal.pg_index .xb-wrap,.xb-mast .xb-top-in{
  width:calc(100% - 48px);max-width:1440px;
 }
 .xb-util{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
}
@media(min-width:768px) and (max-width:1297px){
 .ed-front{grid-template-columns:210px minmax(0,1fr);gap:20px}
 .ed-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .ed-right>.ed-links{grid-column:1/-1}
}
@media(min-width:1298px){
 .ed-front{grid-template-columns:250px minmax(0,1fr) 320px;gap:36px}
 .ed-slider{width:100%;max-height:none}
}
@media(max-width:767px){
 body.xb .xb-mast .xb-nav li>a{font-size:calc(18px*var(--rs))}
 body.xb .ed-cap b{font-size:calc(24px*var(--rs))}
 body.xb .ed-picks b,body.xb .ed-list li a{font-size:calc(16px*var(--rs))!important}
 .xb-mast .xb-top-in{height:auto;min-height:58px;display:flex;flex-wrap:wrap;gap:8px;padding-top:5px;padding-bottom:6px}
 .xb-mast .xb-brand{order:0}
 .xb-mast .xb-navrow{display:contents}
 .xb-mast .xb-user{order:1;margin-left:auto}
 .xb-mast .xb-menu{order:2}
 .xb-mast .xb-font{order:3;margin-left:auto}
 .xb-mast .xb-nav{top:100%}
 .xb-tab a{min-width:0}
 .xb-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}