.tc-hourly-media { margin-top:16px; }
.tc-hourly-media-settings { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:8px; }
.tc-hourly-media-settings label { display:inline-flex; align-items:center; gap:6px; margin:0; }
.tc-hourly-media-settings input[name="wildcard"] { width:245px; max-width:100%; height:34px; box-sizing:border-box; margin:0; padding:3px 8px; }
.tc-hourly-media p { font-size:14px; line-height:1.5; }
.tc-hourly-media [hidden] { display:none !important; }
.tc-hourly-media .tc-mianfan-scroll { max-width:100%; overflow-x:auto; }
.tc-hourly-media table { border-collapse:collapse; width:100%; table-layout:fixed; font-size:16px; }
.tc-hourly-media caption { text-align:left; font-weight:600; margin:12px 0; }
.tc-hourly-media th,.tc-hourly-media td { border:1px solid #111; padding:4px 6px; }
.tc-hourly-media thead th { background:#ccc; color:maroon; }
.tc-hourly-media tbody tr { background:#eaf4fa; }
.tc-hourly-media tr.is-current { background:#e1f2df; color:#175e3a; }
.tc-hourly-media th:first-child { width:68px; }
.tc-hourly-media th:nth-child(2) { width:96px; }
.tc-hourly-media th:nth-child(4),.tc-hourly-media th:nth-child(5),.tc-hourly-media th:nth-child(6),.tc-hourly-media th:nth-child(8) { width:92px; }
.tc-mianfan .tc-hourly-media .tc-mianfan-scroll table,.tc-hourly-media .tc-mianfan-scroll table { table-layout:auto; min-width:max-content; }
.tc-mianfan .tc-hourly-media .tc-mianfan-scroll td[data-tc-media-today],.tc-mianfan .tc-hourly-media .tc-mianfan-scroll td[data-tc-media-yesterday],.tc-hourly-media td[data-tc-media-today],.tc-hourly-media td[data-tc-media-yesterday] { white-space:nowrap; overflow:visible; overflow-wrap:normal; text-overflow:clip; }
.tc-mianfan .tc-hourly-media .tc-mianfan-scroll table th,.tc-hourly-media table th { white-space:normal; overflow:visible; text-overflow:clip; }
.tc-mianfan .tc-hourly-media .tc-mianfan-scroll table th:first-child { width:84px; }
.tc-mianfan .tc-hourly-media .tc-mianfan-scroll table th:nth-child(4) { width:76px; }
.tc-hourly-media .tc-mf-visit-current { float:right; border:1px solid #888; border-radius:4px; padding:4px 10px; text-decoration:none; }
@media(max-width:760px) { .tc-hourly-media table { min-width:1100px; } .tc-hourly-media-settings label { max-width:100%; } }