.live-container[data-v-3e71f120]{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.live-header[data-v-3e71f120]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.live-header h2[data-v-3e71f120]{margin:0;color:#333}.live-controls[data-v-3e71f120]{display:flex;gap:10px}.live-controls button[data-v-3e71f120]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.live-controls button[data-v-3e71f120]:disabled{opacity:.6;cursor:not-allowed}.live-controls .btn-active[data-v-3e71f120]{background-color:#409eff;color:#fff}.live-controls .btn-active[data-v-3e71f120]:hover:not(:disabled){background-color:#337ecc}.live-controls .btn-inactive[data-v-3e71f120]{background-color:#f0f0f0;color:#666}.live-controls .btn-inactive[data-v-3e71f120]:hover:not(:disabled){background-color:#e0e0e0}.live-controls .btn-start[data-v-3e71f120]{background-color:#67c23a;color:#fff}.live-controls .btn-start[data-v-3e71f120]:hover:not(:disabled){background-color:#55a02f}.live-controls .btn-stop[data-v-3e71f120]{background-color:#f56c6c;color:#fff}.live-controls .btn-stop[data-v-3e71f120]:hover:not(:disabled){background-color:#d45a5a}.live-content[data-v-3e71f120]{display:flex;flex:1;padding:20px;overflow:hidden}.video-container[data-v-3e71f120]{flex:1;display:flex;flex-direction:column}.main-video[data-v-3e71f120]{flex:1;background-color:#000;border-radius:8px;overflow:hidden;position:relative}.main-video #videoContainer[data-v-3e71f120]{width:100%;height:100%}