.live-list[data-v-cad9d442]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.live-card[data-v-cad9d442]{background-color:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s}.live-card[data-v-cad9d442]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.live-logo[data-v-cad9d442]{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0}.live-logo img[data-v-cad9d442]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.live-info[data-v-cad9d442]{flex:1}.live-info h4[data-v-cad9d442]{margin:0 0 6px 0;font-size:14px;font-weight:500;color:#1e293b;text-align:left}.live-status[data-v-cad9d442]{display:flex;align-items:center;gap:6px;font-size:12px}.status-dot[data-v-cad9d442]{width:8px;height:8px;border-radius:50%}.status-live[data-v-cad9d442]{color:#22c55e}.status-live .status-dot[data-v-cad9d442]{background-color:#22c55e}.status-wait[data-v-cad9d442]{color:#ef4444}.status-wait .status-dot[data-v-cad9d442]{background-color:#ef4444}.status-end[data-v-cad9d442]{color:#94a3b8}.status-end .status-dot[data-v-cad9d442]{background-color:#94a3b8}.live-iframe-container[data-v-cad9d442]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:9999;display:flex;flex-direction:column}.live-iframe-container .iframe-header[data-v-cad9d442]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2f54eb;color:#fff;flex-shrink:0;height:56px;box-sizing:border-box}.live-iframe-container .iframe-header h3[data-v-cad9d442]{margin:0;font-size:16px;font-weight:500}.live-iframe-container .live-iframe[data-v-cad9d442]{width:100%;flex:1;border:none}.close-btn[data-v-cad9d442]{padding:6px 12px;background:#fff;color:#2f54eb;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.close-btn[data-v-cad9d442]:hover{background:#f0f0f0}.video-container[data-v-cad9d442]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column}.video-container .video-header[data-v-cad9d442]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2f54eb;color:#fff;flex-shrink:0;height:56px;box-sizing:border-box}.video-container .video-header h3[data-v-cad9d442]{margin:0;font-size:16px;font-weight:500}.video-container .live-video[data-v-cad9d442]{width:100%;height:100%;flex:1;outline:none;-o-object-fit:contain;object-fit:contain;background-color:#000}.video-container .live-video video[data-v-cad9d442]::-webkit-media-controls-panel{opacity:1!important;display:flex!important}