/* Shared by the live frontend and the system-settings preview. */
.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)}
#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}
#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 rgba(158,109,28,.25);border-radius:var(--fa-button-radius);background-color:var(--fa-button);background-image:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,0));color:var(--fa-button-text) !important;box-shadow:inset 0 1px 0 #fff,0 var(--fa-depth) 0 rgba(111,74,28,.14);text-decoration:none;white-space:nowrap}
#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)}
@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)}}