.bg[data-v-2af14e75]{width:100%;min-height:100vh;background:url(../img/liveview.45b4c675.png) no-repeat 50%;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0;text-align:center}.detail-container[data-v-2af14e75]{width:98%;max-width:14700px;height:85vh;border-radius:12px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);gap:16px;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.detail-container[data-v-2af14e75],.video-panel[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.video-panel[data-v-2af14e75]{-webkit-box-flex:2;-ms-flex:2;flex:2;background:#000;position:relative;border-radius:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #1e6cff}.video-element[data-v-2af14e75]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;background-color:#000;display:block}.video-placeholder[data-v-2af14e75]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#aaa;font-size:16px;background-color:#000}.info-panel[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.viewer-count[data-v-2af14e75]{padding:20px;font-size:22px;font-weight:700;border:1px solid #1e6cff;background:#3d68ff;margin-bottom:20px;border-radius:15px}.tab-container[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid #1e6cff;border-radius:15px;background:#fff}.tab-header[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;background:#f9f9f9}.tab-item[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 0;text-align:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:500}.tab-item[data-v-2af14e75]:hover{background:#f0f0f0}.tab-item.active[data-v-2af14e75]{color:#1890ff;border-bottom:2px solid #1890ff;background:#fff}.tab-content[data-v-2af14e75]{overflow:hidden}.chat-area[data-v-2af14e75],.tab-content[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-area[data-v-2af14e75]{padding:12px}.chat-text[data-v-2af14e75]{text-align:left;font-size:18px}.chat-messages[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto!important;margin-bottom:12px;max-height:400px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.chat-messages[data-v-2af14e75]::-webkit-scrollbar{width:6px}.chat-messages[data-v-2af14e75]::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.chat-messages[data-v-2af14e75]::-webkit-scrollbar-thumb:hover{background-color:#999}.chat-item[data-v-2af14e75]{margin:6px 0;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-user[data-v-2af14e75]{font-weight:700;margin-right:6px;white-space:nowrap}.chat-input[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:10px}.chat-input input[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:6px 0 0 6px;outline:none;font-size:14px}.chat-input button[data-v-2af14e75]{padding:8px 16px;border:1px solid #1890ff;background-color:#1890ff;color:#fff;border-radius:0 6px 6px 0;cursor:pointer;font-size:14px}.chat-input button[data-v-2af14e75]:hover{background-color:#0a7cd5}.members-area[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;overflow:hidden}.search-box[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}.search-input[data-v-2af14e75]{padding:6px 10px;border:1px solid #d9d9d9;border-radius:4px;outline:none;width:200px}.search-input[data-v-2af14e75]:focus{border-color:#1890ff;-webkit-box-shadow:0 0 3px rgba(24,144,255,.5);box-shadow:0 0 3px rgba(24,144,255,.5)}.search-btn[data-v-2af14e75]{background-color:#1890ff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.search-btn[data-v-2af14e75]:hover{background-color:#40a9ff}.members-list[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.empty[data-v-2af14e75],.loading[data-v-2af14e75]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;color:#999}.empty[data-v-2af14e75],.loading[data-v-2af14e75],.member-item[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.member-item[data-v-2af14e75]{padding:12px;border-bottom:1px solid #f0f0f0;-webkit-transition:background-color .2s;transition:background-color .2s}.member-item[data-v-2af14e75]:hover{background-color:#fafafa}.member-avatar[data-v-2af14e75]{width:40px;height:40px;border-radius:50%;margin-right:12px}.member-info[data-v-2af14e75]{-webkit-box-flex:1;-ms-flex:1;flex:1}.member-name[data-v-2af14e75]{font-weight:500;margin-bottom:4px}.member-id[data-v-2af14e75]{font-size:12px;color:#999;margin-bottom:4px}.member-status[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.status-admin[data-v-2af14e75]{font-size:12px;color:#1890ff;background:#e6f7ff;padding:2px 6px;border-radius:3px}.status-muted[data-v-2af14e75]{font-size:12px;color:#f5222d;background:#fff2f0;padding:2px 6px;border-radius:3px}.member-actions[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.action-btn[data-v-2af14e75]{padding:4px 8px;font-size:12px;border:none;border-radius:3px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.admin-btn[data-v-2af14e75]{background-color:#1890ff;color:#fff}.admin-btn[data-v-2af14e75]:hover{background-color:#40a9ff}.cancel-admin-btn[data-v-2af14e75]{background-color:#faad14;color:#fff}.cancel-admin-btn[data-v-2af14e75]:hover{background-color:#ffc53d}.mute-btn[data-v-2af14e75]{background-color:#f5222d;color:#fff}.mute-btn[data-v-2af14e75]:hover{background-color:#ff4d4f}.unmute-btn[data-v-2af14e75]{background-color:#52c41a;color:#fff}.unmute-btn[data-v-2af14e75]:hover{background-color:#73d13d}.blacklist-btn[data-v-2af14e75]{background-color:#666;color:#fff}.blacklist-btn[data-v-2af14e75]:hover{background-color:#888}.pagination[data-v-2af14e75]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:12px;border-top:1px solid #eee;background:#f9f9f9}.pagination button[data-v-2af14e75]{padding:6px 12px;border:1px solid #d9d9d9;background-color:#fff;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.pagination button[data-v-2af14e75]:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination button[data-v-2af14e75]:disabled{color:#ccc;cursor:not-allowed}.monitor-title[data-v-2af14e75]{text-align:center;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.monitor-header-text[data-v-2af14e75]{font-size:36px;color:#fff;margin-bottom:20px;text-shadow:1px 1px 3px rgba(0,0,0,.7)}@media (max-width:768px){.monitor-title h1[data-v-2af14e75]{font-size:28px}}@media (max-width:480px){.monitor-title h1[data-v-2af14e75]{font-size:24px}}