.live-container[data-v-6edf9a08]{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.live-header[data-v-6edf9a08]{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-6edf9a08]{margin:0;color:#333}.live-controls[data-v-6edf9a08]{display:flex;gap:10px}.live-controls button[data-v-6edf9a08]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.live-controls button[data-v-6edf9a08]:disabled{opacity:.6;cursor:not-allowed}.live-controls .btn-active[data-v-6edf9a08]{background-color:#409eff;color:#fff}.live-controls .btn-active[data-v-6edf9a08]:hover:not(:disabled){background-color:#337ecc}.live-controls .btn-inactive[data-v-6edf9a08]{background-color:#f0f0f0;color:#666}.live-controls .btn-inactive[data-v-6edf9a08]:hover:not(:disabled){background-color:#e0e0e0}.live-controls .btn-start[data-v-6edf9a08]{background-color:#67c23a;color:#fff}.live-controls .btn-start[data-v-6edf9a08]:hover:not(:disabled){background-color:#55a02f}.live-controls .btn-stop[data-v-6edf9a08]{background-color:#f56c6c;color:#fff}.live-controls .btn-stop[data-v-6edf9a08]:hover:not(:disabled){background-color:#d45a5a}.live-content[data-v-6edf9a08]{display:flex;flex:1;padding:20px;overflow:hidden}.video-container[data-v-6edf9a08]{flex:1;display:flex;align-items:center;gap:10px}.main-video[data-v-6edf9a08]{flex:1;height:100%;background-color:#000;border-radius:8px;overflow:hidden;position:relative}.main-video #videoContainer[data-v-6edf9a08]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.p-btn[data-v-6edf9a08]{color:#409eff;font-size:12px}.chat-box[data-v-6edf9a08]{position:relative;display:flex;flex-direction:column;width:300px;height:100%;background-color:#e8e6e6;border-radius:8px;overflow:hidden}.chat-box .chat-title[data-v-6edf9a08]{height:36px;line-height:36px;text-align:center;font-size:14px;background-color:#fff}.chat-box .chat-content[data-v-6edf9a08]{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto}.chat-box .chat-content[data-v-6edf9a08]::-webkit-scrollbar{width:4px}.chat-box .chat-content[data-v-6edf9a08]::-webkit-scrollbar-track{background:#e8e6e6;border-radius:3px}.chat-box .chat-content[data-v-6edf9a08]::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.chat-box .chat-content[data-v-6edf9a08]::-webkit-scrollbar-thumb:hover{background:#666}.chat-box .chat-content[data-v-6edf9a08]::-webkit-scrollbar-button{display:none}.chat-box .chat-content .message-box[data-v-6edf9a08]{display:inline-flex;font-size:12px;line-height:20px}.chat-box .chat-content .message-title[data-v-6edf9a08]{color:#666}.chat-box .chat-content .message-item[data-v-6edf9a08]{flex:1;color:#000;word-wrap:break-word;word-break:break-all;white-space:normal}.chat-box .new-box[data-v-6edf9a08]{position:absolute;bottom:150px;right:10px;color:#2178fe;padding:4px 6px;border-radius:10px;background-color:#fff;cursor:pointer}.chat-box .chat-message[data-v-6edf9a08]{height:114px;padding:10px;background-color:#fff}.chat-box .chat-message .btn-box[data-v-6edf9a08]{margin-top:10px;text-align:right}