.online-video-page[data-v-55f4efd0]{font-family:Microsoft YaHei,sans-serif;background-color:#f5f7fa;min-height:100vh}.header[data-v-55f4efd0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1976d2;padding:12px 20px;color:#fff}.back-btn[data-v-55f4efd0]{font-size:20px;cursor:pointer;width:24px}.title[data-v-55f4efd0]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:18px;font-weight:600}.tab-bar[data-v-55f4efd0]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;border-bottom:1px solid #e5e5e5}.tab[data-v-55f4efd0]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:10px 0;cursor:pointer;color:#666;-webkit-transition:all .3s;transition:all .3s;font-size:14px}.tab.active[data-v-55f4efd0]{color:#1976d2;border-bottom:2px solid #1976d2;font-weight:600}.stats-section[data-v-55f4efd0]{margin:20px}.stats-grid[data-v-55f4efd0]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-55f4efd0]{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);padding:16px;text-align:center}.stat-card .label[data-v-55f4efd0]{font-size:14px;color:#999;margin-bottom:8px}.stat-card .value[data-v-55f4efd0]{font-size:20px;font-weight:600;color:#333}.video-section[data-v-55f4efd0]{margin:0 20px 20px}.section-title[data-v-55f4efd0]{font-size:16px;font-weight:600;margin-bottom:12px}.video-grid[data-v-55f4efd0]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video-item[data-v-55f4efd0]{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);text-align:center;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.video-item[data-v-55f4efd0]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.video-cover[data-v-55f4efd0]{position:relative}.video-cover img[data-v-55f4efd0]{width:100%;height:auto;display:block}.video-name[data-v-55f4efd0]{font-size:14px;color:#1976d2;padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}.status-dot[data-v-55f4efd0]{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-55f4efd0]{background-color:#4caf50}.status-dot.offline[data-v-55f4efd0]{background-color:#999}