/* Shared by the live frontend and the system-settings preview. */
/* Prevent mobile text autosizing from overflowing the fixed-height ad rows; pinch zoom stays available. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.rich-tip{position:fixed;z-index:99999;max-width:min(520px,calc(100vw - 16px));padding:9px 13px;background:var(--fa-tooltip-bg,#fff9e8);color:var(--fa-tooltip-text,#684b2c);border:1px solid var(--fa-tooltip-border,#e7c88d);border-radius:var(--fa-tooltip-radius,12px);font-size:12px;line-height:1.7;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 5px 18px rgba(64,48,23,.16);box-sizing:border-box}
.rich-tip[hidden]{display:none!important}.rich-tip-content{display:block;max-height:calc(100vh - 48px);overflow:hidden}.rich-tip img{display:inline-block;vertical-align:middle;margin:0 3px}
.rich-tip:before{content:"";position:absolute;left:var(--tip-arrow-x,20px);top:-5px;width:8px;height:8px;background:var(--fa-tooltip-bg,#fff9e8);border-left:1px solid var(--fa-tooltip-border,#e7c88d);border-top:1px solid var(--fa-tooltip-border,#e7c88d);transform:rotate(45deg)}
.rich-tip[data-side=above]:before{top:auto;bottom:-5px;transform:rotate(225deg)}
.rich-tip-backdrop{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.28);touch-action:none}
.rich-tip-backdrop[hidden]{display:none!important}
.rich-tip.rich-tip-reader{display:flex;flex-direction:column;pointer-events:auto;max-width:none;padding:12px;white-space:normal;overflow:hidden;font-size:14px}
.rich-tip-reader:before{display:none}
.rich-tip-reader-header{display:flex;align-items:center;justify-content:space-between;flex:none;margin-bottom:8px}
.rich-tip-reader .rich-tip-content{flex:0 1 auto;min-height:0;max-height:none;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.8;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.rich-tip-close,.rich-tip-visit{box-sizing:border-box;font:inherit;color:inherit;background:transparent;border:1px solid var(--fa-tooltip-border,#e7c88d);border-radius:6px;padding:8px 12px;min-height:40px;text-align:center;text-decoration:none;cursor:pointer;flex:none}
.rich-tip-visit{display:block;margin-top:10px}
.rich-tip-visit[hidden]{display:none}
#pageWrap .ad-table-scroll{overflow-x:auto;scrollbar-width:thin}
#pageWrap #tab1,#pageWrap.fa-modern #tab1{width:var(--fa-ad-table-width,100%);min-width:var(--fa-ad-table-min,870px);max-width:none}
#pageWrap #tab1 thead th:nth-child(1){width:var(--fa-col-1,140px) !important}
#pageWrap #tab1 thead th:nth-child(2){width:var(--fa-col-2,150px) !important}
#pageWrap #tab1 thead th:nth-child(3){width:var(--fa-col-3,100px) !important}
#pageWrap #tab1 thead th:nth-child(4){width:var(--fa-col-4,100px) !important}
#pageWrap #tab1 thead th:nth-child(5){width:var(--fa-col-5,100px) !important}
#pageWrap #tab1 thead th:nth-child(6){width:var(--fa-col-6,auto) !important}
#pageWrap #tab1 thead th:nth-child(7){width:var(--fa-col-7,80px) !important}
#pageWrap #tab1 thead th:nth-child(8){width:var(--fa-col-8,80px) !important}
#pageWrap #tab1 .ad-row .cell-mid a,#pageWrap #tab1 .ad-row .time-cell font{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pageWrap #tab1 .ad-row .time-cell font{display:block}
#pageWrap #tab1 .ad-row .cell-mid>img{flex-shrink:0}
#pageWrap.fa-modern{width:calc(100% - 24px);max-width:var(--fa-width);margin:0 auto 18px;overflow:visible;font-family:'Microsoft YaHei',sans-serif;box-sizing:border-box}
#pageWrap.fa-modern .banner{width:100%;height:var(--fa-banner-height);border-radius:var(--fa-banner-radius);overflow:hidden;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(96,72,29,.15)}
#pageWrap.fa-modern .banner img,#pageWrap.fa-modern .banner .logo a{width:100%;height:100%}
/* Keep gaps between buttons only; match the banner's inner edge and ad table inset. */
#pageWrap .dl{display:block;width:100%;max-width:none;margin:var(--fa-nav-margin-top,0px) 0 var(--fa-nav-margin-bottom,0px);border:0;border-spacing:0;background:transparent}
#pageWrap.fa-modern .dl{width:calc(100% - 4px);margin-left:2px;margin-right:2px}
#pageWrap .dl tbody{display:block}
#pageWrap .dl tr{display:flex;column-gap:var(--fa-nav-gap-x,0px);row-gap:var(--fa-nav-gap-y,0px)}
#pageWrap .dl td{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;height:var(--fa-nav-height);line-height:1.4;border-radius:var(--fa-nav-radius,0px);text-align:center;overflow-wrap:anywhere;white-space:normal}
#pageWrap.fa-modern .dl td{border:1px solid rgba(137,99,42,.18);padding:5px 10px;background:linear-gradient(var(--fa-nav-start),var(--fa-nav-end)) !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.65),0 var(--fa-depth) 0 rgba(90,80,43,.22)}
#pageWrap.fa-modern .dl td a{font-weight:600;color:var(--fa-nav-text);text-decoration:none}
#pageWrap.fa-modern .dl td:hover a{color:var(--fa-nav-hover) !important}
#pageWrap.fa-modern .ad-table-scroll{overflow-x:auto;padding:0 2px;scrollbar-width:thin;margin-bottom:calc(-1 * var(--fa-gap,2px))}
#pageWrap.fa-modern #tab1{table-layout:fixed;border-collapse:separate;border-spacing:0 var(--fa-gap);border:0;background:var(--fa-table);box-shadow:none}
#pageWrap.fa-modern #tab1 th{height:var(--fa-head-height);line-height:1.5;padding:4px 6px;border:0;font-size:12px;font-weight:600;background:linear-gradient(var(--fa-head-start),var(--fa-head-end));color:var(--fa-head-text)}
#pageWrap.fa-modern #tab1 thead th:first-child{border-radius:var(--fa-radius) 0 0 var(--fa-radius)}
#pageWrap.fa-modern #tab1 thead th:last-child{border-radius:0 var(--fa-radius) var(--fa-radius) 0}
#pageWrap.fa-modern #tab1 thead th:hover{color:var(--fa-head-hover)}
#pageWrap.fa-modern #tab1 tr.ad-row{--fa-fill:var(--ad-bg);background:transparent !important}
#pageWrap.fa-modern #tab1 tr.ad-row:hover{--fa-fill:var(--ad-hover)}
#pageWrap.fa-modern #tab1 tr.ad-row td{height:var(--fa-row-height);line-height:1.4;padding:0 6px;border:0;border-top:1px solid rgba(255,255,255,.85);border-bottom:1px solid var(--fa-border);background-color:var(--fa-fill);background-image:linear-gradient(180deg,rgba(255,255,255,var(--fa-gloss)),rgba(255,255,255,0) 28%,rgba(0,0,0,.035) 78%,rgba(255,255,255,.16));box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 calc(-1 * var(--fa-depth)) 0 rgba(137,97,32,.12),0 var(--fa-depth) 0 rgba(133,94,27,.16);white-space:nowrap;font-size:12px;vertical-align:middle}
#pageWrap.fa-modern #tab1 tr.ad-row td:first-child{border-left:1px solid var(--fa-border);border-radius:var(--fa-radius) 0 0 var(--fa-radius);padding-left:14px}
#pageWrap.fa-modern #tab1 tr.ad-row td:last-child{border-right:1px solid var(--fa-border);border-radius:0 var(--fa-radius) var(--fa-radius) 0;padding-right:10px}
#pageWrap.fa-modern #tab1 tr.ad-row td,#pageWrap.fa-modern #tab1 tr.ad-row td a,#pageWrap.fa-modern #tab1 tr.ad-row td font,#pageWrap.fa-modern #tab1 tr.ad-row td span,#pageWrap.fa-modern #tab1 tr.ad-row td b{color:var(--ad-text) !important}
#pageWrap.fa-modern #tab1 tr.ad-row:hover td,#pageWrap.fa-modern #tab1 tr.ad-row:hover td a,#pageWrap.fa-modern #tab1 tr.ad-row:hover td font,#pageWrap.fa-modern #tab1 tr.ad-row:hover td span,#pageWrap.fa-modern #tab1 tr.ad-row:hover td b{color:var(--fa-hover-text) !important}
#pageWrap.fa-modern #tab1 .cell-mid,#pageWrap.fa-modern #tab1 .time-cell,#pageWrap.fa-modern #tab1 .intro-link{display:flex;align-items:center;justify-content:center;height:calc(var(--fa-row-height) - 2px);line-height:1.4;min-width:0;overflow:hidden;text-decoration:none}
#pageWrap.fa-modern #tab1 td:first-child .cell-mid,#pageWrap.fa-modern #tab1 .intro-link{justify-content:flex-start}
#pageWrap.fa-modern #tab1 td .intro-text{line-height:1.4}
#pageWrap.fa-modern #tab1 td:nth-child(7) .cell-mid,#pageWrap.fa-modern #tab1 td:nth-child(8) .cell-mid{line-height:1.4}
/* Opaque paint keeps the same button tones on yellow, pink, blue and green ad rows. */
#pageWrap.fa-modern #tab1 tr.ad-row td .viewlink,#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(3) a,#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(7) a{position:static;transform:none;display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:18px;max-width:100%;padding:3px 9px;line-height:1.2;font-size:11px;border:1px solid var(--fa-button-border,var(--fa-button));border-radius:var(--fa-button-radius);background-color:var(--fa-button);background-image:linear-gradient(var(--fa-button-top,var(--fa-button)),var(--fa-button));color:var(--fa-button-text) !important;box-shadow:inset 0 1px 0 #fff,0 var(--fa-depth) 0 var(--fa-button-shadow,var(--fa-button));text-decoration:none;white-space:nowrap}
/* Clip long button labels on the link itself, without cutting off its external shadow. */
#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(3),#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(3) .cell-mid,#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(7) .cell-mid{overflow:visible}
#pageWrap.fa-modern #tab1 .sep-row th,#pageWrap.fa-modern #tab1 .tomorrow-sep th,#pageWrap.fa-modern #tab1 .after-sep th,#pageWrap.fa-modern #tab1 .yesterday-sep th{border-radius:var(--fa-radius);white-space:normal;overflow-wrap:anywhere}
#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(3) a,#pageWrap.fa-modern #tab1 tr.ad-row td:nth-child(7) a{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
#pageWrap.fa-modern[data-ad-surface=jelly] #tab1 tr.ad-row td{background-image:linear-gradient(180deg,rgba(255,255,255,var(--fa-gloss)),rgba(255,255,255,.3) 48%,rgba(255,255,255,0) 50%,rgba(255,255,255,.25));box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 calc(-1 * var(--fa-depth)) 0 rgba(40,83,94,.16),0 var(--fa-depth) 0 rgba(40,83,94,.15)}
#pageWrap.fa-modern[data-ad-surface=inset] #tab1 tr.ad-row td{box-shadow:inset 0 3px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(137,97,32,.1),0 var(--fa-depth) 0 rgba(111,94,62,.13)}
#pageWrap.fa-modern[data-ad-surface=inset] #tab1 tr.ad-row td:first-child{border-left-width:3px}
#pageWrap.fa-modern[data-ad-surface=inset] #tab1 tr.ad-row td:last-child{border-right-width:3px}
#pageWrap.fa-modern[data-ad-surface=toy] #tab1 tr.ad-row td{border-bottom-width:3px;box-shadow:inset 0 3px 0 rgba(255,255,255,.7),0 var(--fa-depth) 0 rgba(131,91,32,.26)}
#pageWrap .footer{display:block;box-sizing:border-box;min-height:var(--fa-footer-min-height,20px);margin:var(--fa-footer-margin-top,5px) 0 var(--fa-footer-margin-bottom,5px);padding:var(--fa-footer-gap-y,5px) var(--fa-footer-gap-x,5px);border:1px solid var(--fa-footer-bubble-border,#fff);border-radius:var(--fa-footer-radius,10px);background:linear-gradient(180deg,var(--fa-footer-bubble-bg,#effad8),var(--fa-footer-bubble-bg-end,var(--fa-footer-bubble-bg,#c9e692)));color:var(--fa-footer-bubble-text,#fff);box-shadow:0 var(--fa-depth,2px) 0 rgba(90,80,43,.18);font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere;white-space:normal}
/* Cancel the table's outer border-spacing so the configured top margin is the only gap. */
#pageWrap.fa-modern .footer{margin-top:var(--fa-footer-margin-top,5px)}
/* Classic is flush and square without overwriting the shared modern settings. */
#pageWrap:not(.fa-modern){width:100%;max-width:var(--fa-width);margin:0 auto;border-radius:0}
#pageWrap:not(.fa-modern) .banner,#pageWrap:not(.fa-modern) .dl,#pageWrap:not(.fa-modern) .ad-table-scroll,#pageWrap:not(.fa-modern) #tab1,#pageWrap:not(.fa-modern) .footer{margin-top:0;margin-bottom:0;border-radius:0;box-shadow:none}
#pageWrap:not(.fa-modern) .banner{width:100%}
#pageWrap:not(.fa-modern) .dl tr{column-gap:0;row-gap:0}
#pageWrap:not(.fa-modern) .dl td,#pageWrap:not(.fa-modern) #tab1 th,#pageWrap:not(.fa-modern) #tab1 td,#pageWrap:not(.fa-modern) .viewlink{border-radius:0;box-shadow:none}
#pageWrap:not(.fa-modern) .ad-table-scroll{padding:0}
/* Inset strokes retain fractional widths instead of snapping borders to whole pixels.
   Draw only the ad body grid; column headings keep their original borderless appearance. */
#pageWrap:not(.fa-modern) #tab1{border-collapse:separate;border-spacing:0;border:0}
#pageWrap:not(.fa-modern) #tab1 thead th{border:0;box-shadow:none}
#pageWrap:not(.fa-modern) #tab1 tbody th,#pageWrap:not(.fa-modern) #tab1 tbody td{--fa-grid-top:0px;--fa-grid-left:0px;border:0;box-shadow:inset var(--fa-grid-left) 0 var(--fa-border),inset calc(-1 * var(--fa-classic-border-width,1px)) 0 var(--fa-border),inset 0 var(--fa-grid-top) var(--fa-border),inset 0 calc(-1 * var(--fa-classic-border-width,1px)) var(--fa-border)}
#pageWrap:not(.fa-modern) #tab1 tbody tr>:first-child{--fa-grid-left:var(--fa-classic-border-width,1px)}
#pageWrap:not(.fa-modern) #tab1 tbody tr:first-child>*{--fa-grid-top:var(--fa-classic-border-width,1px)}
#pageWrap:not(.fa-modern) #tab1 td{padding-left:max(var(--fa-classic-cell-padding,5px),var(--fa-classic-border-width,1px));padding-right:max(var(--fa-classic-cell-padding,5px),var(--fa-classic-border-width,1px))}
#pageWrap:not(.fa-modern) #tab1 td:nth-child(1),#pageWrap:not(.fa-modern) #tab1 td:nth-child(3),#pageWrap:not(.fa-modern) #tab1 td:nth-child(4),#pageWrap:not(.fa-modern) #tab1 td:nth-child(5),#pageWrap:not(.fa-modern) #tab1 td:nth-child(6){--fa-classic-cell-padding:2px}
#pageWrap:not(.fa-modern) .footer{border:0}
@media(max-width:600px){#pageWrap.fa-modern{width:calc(100% - 16px);margin:0 auto 8px}#pageWrap .dl tr{flex-wrap:wrap;height:auto}#pageWrap .dl td{flex:1 1 110px;font-size:12px !important}#pageWrap.fa-modern .banner{height:min(var(--fa-banner-height),220px)}}