/* Shared by the live frontend and the system-settings preview. */
#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,1059px);max-width:none}
#pageWrap #tab1 thead th:nth-child(1){width:var(--fa-col-1,213px) !important}
#pageWrap #tab1 thead th:nth-child(2){width:var(--fa-col-2,200px) !important}
#pageWrap #tab1 thead th:nth-child(3){width:var(--fa-col-3,113px) !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,125px) !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,100px) !important}
#pageWrap #tab1 thead th:nth-child(8){width:var(--fa-col-8,88px) !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:18px auto;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%}
#pageWrap.fa-modern .dl{width:100%;max-width:none;margin:10px 0;border:0;border-spacing:6px 0;table-layout:fixed;background:transparent}
#pageWrap.fa-modern .dl td{height:var(--fa-nav-height);line-height:1.4;border:1px solid rgba(137,99,42,.18);border-radius:var(--fa-button-radius);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);text-align:center;overflow-wrap:anywhere;white-space:normal}
#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 6px;scrollbar-width:thin}
#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.fa-modern .footer{border-radius:var(--fa-banner-radius);padding:14px 12px;margin-top:8px;overflow-wrap:anywhere}
@media(max-width:600px){#pageWrap.fa-modern{width:calc(100% - 16px);margin:8px auto}#pageWrap.fa-modern .dl{border-spacing:4px 4px}#pageWrap.fa-modern .dl tr{display:flex;flex-wrap:wrap;gap:6px;height:auto}#pageWrap.fa-modern .dl td{flex:1 1 110px;font-size:12px !important}#pageWrap.fa-modern .banner{height:min(var(--fa-banner-height),220px)}}