.monitor-card[data-v-3a9a499f]{overflow:hidden;border-radius:16px;border:none;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.monitor-card[data-v-3a9a499f]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)!important}.monitor-player[data-v-3a9a499f]{position:relative;width:100%;aspect-ratio:16/9;background:#0d1620;overflow:hidden}.monitor-player:hover .player-overlay[data-v-3a9a499f]{opacity:1}.player-overlay[data-v-3a9a499f]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 30%,transparent 70%,rgba(0,0,0,.6));display:flex;flex-direction:column;justify-content:space-between;padding:12px;opacity:0;transition:opacity .2s ease;z-index:10;pointer-events:none}.player-overlay .overlay-bottom[data-v-3a9a499f],.player-overlay .overlay-center[data-v-3a9a499f],.player-overlay .overlay-top[data-v-3a9a499f]{pointer-events:auto}.overlay-title[data-v-3a9a499f]{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-bottom[data-v-3a9a499f]{display:flex;justify-content:space-between;align-items:center}.left-actions[data-v-3a9a499f],.right-actions[data-v-3a9a499f]{display:flex;gap:8px}.action-item[data-v-3a9a499f]{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all .2s;border:1px solid hsla(0,0%,100%,.1)}.action-item[data-v-3a9a499f]:hover{background:hsla(0,0%,100%,.25);background:#409eff}.action-item i[data-v-3a9a499f]{font-size:16px}.action-item.warning[data-v-3a9a499f]:hover{background:#e6a23c}.action-item.danger[data-v-3a9a499f]:hover{background:#f56c6c}.monitor-placeholder[data-v-3a9a499f]{height:100%;color:#b8c7d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px}.monitor-placeholder i[data-v-3a9a499f]{font-size:28px}.monitor-status[data-v-3a9a499f]{position:absolute;top:12px;right:12px;z-index:5}.monitor-body[data-v-3a9a499f]{padding:12px;background:#fff}.monitor-main-info[data-v-3a9a499f]{display:flex;flex-direction:column;gap:4px}.monitor-title[data-v-3a9a499f]{font-size:14px;font-weight:600;color:#1f2d3d;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-stats[data-v-3a9a499f]{display:flex;gap:12px;color:#8492a6;font-size:12px}.monitor-stats .stat-item[data-v-3a9a499f]{display:flex;align-items:center;gap:4px}.monitor-footer[data-v-3a9a499f]{margin-top:8px;padding-top:8px;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;align-items:center}.monitor-meta[data-v-3a9a499f]{color:#909399;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}[data-v-3a9a499f] .xgplayer .xgplayer-controls{display:none!important}.live-monitor-page[data-v-8e9b5974]{display:flex;flex-direction:column;gap:20px}.monitor-toolbar[data-v-8e9b5974]{border-radius:18px}.toolbar-main[data-v-8e9b5974]{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title[data-v-8e9b5974]{font-size:24px;font-weight:700;color:#1f2d3d}.page-subtitle[data-v-8e9b5974]{margin-top:6px;color:#6b7785;font-size:13px}.toolbar-stats[data-v-8e9b5974]{display:flex;gap:12px}.stat-card[data-v-8e9b5974]{min-width:110px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#edf5ff)}.stat-label[data-v-8e9b5974]{color:#7a8794;font-size:12px}.stat-value[data-v-8e9b5974]{margin-top:8px;font-size:24px;font-weight:700;color:#1f2d3d}.toolbar-form[data-v-8e9b5974]{display:flex;flex-wrap:wrap}.monitor-grid[data-v-8e9b5974]{display:grid;gap:18px;min-height:280px}.grid-6[data-v-8e9b5974],.grid-9[data-v-8e9b5974]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-12[data-v-8e9b5974],.grid-16[data-v-8e9b5974]{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-state[data-v-8e9b5974]{grid-column:1/-1;background:#fff;border-radius:18px;padding:48px 0}.pagination-wrapper[data-v-8e9b5974]{display:flex;justify-content:flex-end}.expand-panel[data-v-8e9b5974]{display:flex;flex-direction:column;gap:16px}.expand-player[data-v-8e9b5974]{height:60vh;background:#0d1620}.expand-placeholder[data-v-8e9b5974]{height:100%;color:#d8e4f0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.expand-title[data-v-8e9b5974]{font-size:20px;font-weight:700;color:#1f2d3d}.expand-meta[data-v-8e9b5974]{margin-top:6px;color:#6b7785}@media(max-width:1440px){.grid-6[data-v-8e9b5974],.grid-9[data-v-8e9b5974]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-12[data-v-8e9b5974],.grid-16[data-v-8e9b5974]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.toolbar-main[data-v-8e9b5974]{flex-direction:column}.grid-6[data-v-8e9b5974],.grid-9[data-v-8e9b5974],.grid-12[data-v-8e9b5974],.grid-16[data-v-8e9b5974]{grid-template-columns:repeat(1,minmax(0,1fr))}}