.online-mic-component[data-v-0bb1fa64]{margin:10px 10px 0 10px;background-color:#fff;border-radius:10px;padding:10px}.online-mic-component .mic-header[data-v-0bb1fa64]{padding:0}.online-mic-component .mic-title[data-v-0bb1fa64]{font-size:18px;font-weight:700;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.online-mic-component .mic-title .title-text[data-v-0bb1fa64]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333}.online-mic-component .mic-title .title-text[data-v-0bb1fa64]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:4px;height:18px;border-radius:2px;background-color:#ff551f}.online-mic-component .mic-users-list[data-v-0bb1fa64]{max-height:150px;overflow-y:auto;padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.online-mic-component .mic-user-item[data-v-0bb1fa64]{width:calc(33.33% - 6px);height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;background-color:#f8f8f8;border-radius:10px;padding:6px}.online-mic-component .mic-user-item[data-v-0bb1fa64]:last-child{border-bottom:none}.online-mic-component .user-avatar[data-v-0bb1fa64]{width:33px;height:33px;border-radius:50%;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.online-mic-component .user-avatar img[data-v-0bb1fa64]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.online-mic-component .avatar-placeholder[data-v-0bb1fa64]{width:100%;height:100%;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:18px}.online-mic-component .user-info[data-v-0bb1fa64]{-webkit-box-flex:1;-ms-flex:1;flex:1}.online-mic-component .user-name[data-v-0bb1fa64]{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62px}.online-mic-component .user-status[data-v-0bb1fa64]{font-size:12px;color:#67c23a}.online-mic-component .no-mic-users[data-v-0bb1fa64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 16px;color:#999}.online-mic-component .no-mic-users .no-mic-icon[data-v-0bb1fa64]{font-size:32px;margin-bottom:8px}.online-mic-component .no-mic-users .no-mic-text[data-v-0bb1fa64]{font-size:14px}.online-mic-component .mic-apply-section[data-v-0bb1fa64]{padding:12px 16px}.online-mic-component .mic-apply-section .apply-mic-btn[data-v-0bb1fa64],.online-mic-component .mic-apply-section .cancel-apply-btn[data-v-0bb1fa64],.online-mic-component .mic-apply-section .leave-mic-btn[data-v-0bb1fa64]{width:50%;height:36px;font-size:14px;border-radius:30px;border:none}.online-mic-component .mic-apply-section .apply-mic-btn[data-v-0bb1fa64]{background:linear-gradient(135deg,#67c23a,#85ce61)}.online-mic-component .mic-apply-section .cancel-apply-btn[data-v-0bb1fa64]{background:linear-gradient(135deg,#e6a23c,#f0bb56)}.online-mic-component .mic-apply-section .leave-mic-btn[data-v-0bb1fa64]{background:linear-gradient(135deg,#ff5b5b,#ffd6d6)}.dialog-content[data-v-5200197c]{padding:10px 20px}.avatar-section[data-v-5200197c],.dialog-content[data-v-5200197c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar-section[data-v-5200197c]{margin-bottom:30px}.avatar-uploader[data-v-5200197c]{cursor:pointer;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.avatar-uploader[data-v-5200197c]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.avatar-preview[data-v-5200197c]{width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative;border:2px solid #f0f2f5}.avatar-preview .avatar[data-v-5200197c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-preview .avatar-mask[data-v-5200197c]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.avatar-preview .avatar-mask i[data-v-5200197c]{color:#fff;font-size:24px}.avatar-preview:hover .avatar-mask[data-v-5200197c]{opacity:1}.avatar-placeholder-wrapper[data-v-5200197c]{width:100px;height:100px;border-radius:50%;background:#f5f7fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border:2px solid #fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.avatar-placeholder-wrapper .default-avatar[data-v-5200197c]{width:60px;height:60px;opacity:.8}.avatar-placeholder-wrapper .upload-icon-badge[data-v-5200197c]{position:absolute;right:0;bottom:0;width:32px;height:32px;background:#409eff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #fff}.avatar-placeholder-wrapper .upload-icon-badge i[data-v-5200197c]{color:#fff;font-size:16px}.avatar-tip[data-v-5200197c]{margin-top:12px;font-size:12px;color:#909399}.form-section[data-v-5200197c]{width:100%}.form-section+.form-section[data-v-5200197c]{margin-top:16px}[data-v-5200197c] .edit-temp-info-dialog{border-radius:12px;max-width:90vw}[data-v-5200197c] .edit-temp-info-dialog .el-dialog__header{padding:20px 20px 10px;border-bottom:none}[data-v-5200197c] .edit-temp-info-dialog .el-dialog__header .el-dialog__title{font-weight:600;font-size:18px}[data-v-5200197c] .edit-temp-info-dialog .el-dialog__body{padding:10px 0}[data-v-5200197c] .edit-temp-info-dialog .el-dialog__footer{padding:10px 20px 20px;border-top:none}[data-v-5200197c] .edit-temp-info-dialog .el-input__inner{border-radius:20px;background-color:#f5f7fa;border-color:transparent;height:40px;line-height:40px}[data-v-5200197c] .edit-temp-info-dialog .el-input__inner:focus{background-color:#fff;border-color:#409eff}[data-v-5200197c] .edit-temp-info-dialog .el-input__count-inner{background:none}.chat-section[data-v-0dca558b],.chat-tab[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.chat-section[data-v-0dca558b]{margin:10px;background-color:#fff;border-radius:10px;padding:0 10px}.chat-header[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.chat-title[data-v-0dca558b]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333}.chat-title[data-v-0dca558b]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:4px;height:18px;border-radius:2px;background-color:#ff551f}.chat-content[data-v-0dca558b]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px;background-color:#fff}.message-item[data-v-0dca558b]{margin-bottom:12px;line-height:1.5;font-size:14px;word-break:break-all}.message-sender[data-v-0dca558b]{font-weight:700;margin-right:8px;color:#788096}.message-sender.creator[data-v-0dca558b]{color:#ff551f}.message-content[data-v-0dca558b]{color:#333}.system-message[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;font-weight:500}.system-message i[data-v-0dca558b]{color:#ffa502}.chat-input[data-v-0dca558b]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;background-color:#f8f8f8;border-radius:24px;gap:8px}.chat-input .el-input[data-v-0dca558b]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:36px;line-height:36px}.chat-input .el-input .el-input__inner[data-v-0dca558b]{height:36px;line-height:36px;border:none}.chat-input .send-message-button[data-v-0dca558b]{width:80px;height:36px;background-color:#ff551f;color:#fff;border-radius:20px;border:none}.mute-tip[data-v-0dca558b]{text-align:center;color:#f56c6c;font-size:12px;padding:8px 0}.chat-error-message[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:16px}.error-icon[data-v-0dca558b]{-ms-flex-negative:0;flex-shrink:0;margin-right:12px}.error-icon i[data-v-0dca558b]{font-size:24px;color:#ef4444}.error-text[data-v-0dca558b]{-webkit-box-flex:1;-ms-flex:1;flex:1}.error-title[data-v-0dca558b]{font-size:14px;font-weight:600;color:#dc2626;margin-bottom:4px}.error-desc[data-v-0dca558b]{font-size:12px;color:#991b1b}.chat-mute-message[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;background:#fefce8;border:1px solid #fde047;border-radius:8px;margin:16px}.mute-icon[data-v-0dca558b]{-ms-flex-negative:0;flex-shrink:0;margin-right:12px}.mute-icon i[data-v-0dca558b]{font-size:24px;color:#ca8a04}.mute-text[data-v-0dca558b]{-webkit-box-flex:1;-ms-flex:1;flex:1}.mute-title[data-v-0dca558b]{font-size:14px;font-weight:600;color:#a16207;margin-bottom:4px}.mute-desc[data-v-0dca558b]{font-size:12px;color:#854d0e}.empty-state[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;color:#999}.empty-state .el-empty[data-v-0dca558b]{padding:0}.empty-state .el-icon-chat-line-round[data-v-0dca558b]{font-size:80px;color:#ddd}.chat-user-info[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;font-size:14px;background:#ebebeb;padding:3px 6px;border-radius:4px}.chat-user-info-avatar[data-v-0dca558b]{width:20px;height:20px;border-radius:50%}.chat-user-info-name[data-v-0dca558b]{color:#333;font-size:14px}.avatar-placeholder[data-v-0dca558b]{width:20px;height:20px;border-radius:50%;background:#f5f5f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.avatar-placeholder[data-v-0dca558b],.chat-input-container[data-v-0dca558b]{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-mic[data-v-0dca558b]{padding:0 10px;font-size:16px;text-align:center}.chat-mic i[data-v-0dca558b]{color:#ff551f;font-size:24px}.chat-mic .chat-mic-icon[data-v-0dca558b]{position:relative}.chat-mic .el-icon-more[data-v-0dca558b]{position:absolute;right:2px;bottom:4px;font-size:10px;background-color:#fff}.live-broadcast-page.pc .chat-mic[data-v-0dca558b]{display:none}.control-tab[data-v-8d108646]{padding:10px}.control-section[data-v-8d108646]{background-color:#fff;border-radius:10px;padding:10px;gap:24px}.control-section[data-v-8d108646],.ptz-control-panel[data-v-8d108646]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ptz-control-panel[data-v-8d108646]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.flex[data-v-8d108646]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex__item[data-v-8d108646]{-webkit-box-flex:1;-ms-flex:1;flex:1}.items-center[data-v-8d108646]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-center[data-v-8d108646]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.round-c[data-v-8d108646]{position:relative;width:240px;height:240px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(-9.38%,hsla(0,0%,100%,.69)),to(#e9e9e9)),-webkit-gradient(linear,left bottom,left top,from(#fff),to(#fff));background:linear-gradient(1turn,hsla(0,0%,100%,.69) -9.38%,#e9e9e9),linear-gradient(0deg,#fff,#fff)}.round[data-v-8d108646]{width:220px;height:220px;border-radius:100%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.9)),to(hsla(0,0%,100%,0))),#e1e1e1;background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0)),#e1e1e1;-webkit-box-shadow:-6px 6px 10px -4px hsla(0,0%,61.2%,.8),inset 0 -2px 0 rgba(0,0,0,.1),inset 0 2px 0 #fff;box-shadow:-6px 6px 10px -4px hsla(0,0%,61.2%,.8),inset 0 -2px 0 rgba(0,0,0,.1),inset 0 2px 0 #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);overflow:hidden}.round-half[data-v-8d108646]{height:110px}.round-item[data-v-8d108646]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.round-item.active[data-v-8d108646]{background-color:#d2d2d2}.round-item.active .triangle[data-v-8d108646]{border-top:10px solid #047bed}.triangle[data-v-8d108646]{width:0;height:0;border-top:8px solid #9e9e9e;border-right:6px solid transparent;border-left:6px solid transparent}.round-item.first .triangle[data-v-8d108646]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.round-item.second .triangle[data-v-8d108646]{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.round-item.third .triangle[data-v-8d108646]{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.round-item.fourth .triangle[data-v-8d108646]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.divider[data-v-8d108646]{width:3px;height:30px}.divider[data-v-8d108646],.horizon[data-v-8d108646]{background:hsla(0,0%,87.1%,.74);background-blend-mode:multiply;-webkit-box-shadow:0 1px 1px hsla(0,0%,100%,.85),inset 0 .33px .4px rgba(0,0,0,.45);box-shadow:0 1px 1px hsla(0,0%,100%,.85),inset 0 .33px .4px rgba(0,0,0,.45);border-radius:60px}.horizon[data-v-8d108646]{height:3px;width:96px}.round-middle-c[data-v-8d108646]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;background:-webkit-gradient(linear,left bottom,left top,color-stop(-9.38%,hsla(0,0%,100%,.69)),to(#e9e9e9)),-webkit-gradient(linear,left bottom,left top,from(#fff),to(#fff));background:linear-gradient(1turn,hsla(0,0%,100%,.69) -9.38%,#e9e9e9),linear-gradient(0deg,#fff,#fff)}.round-middle-c[data-v-8d108646],.round-middle-d[data-v-8d108646]{border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.round-middle-d[data-v-8d108646]{width:70px;height:70px;background:-webkit-gradient(linear,left bottom,left top,color-stop(-12.18%,#cacaca),color-stop(110.89%,#fff)),-webkit-gradient(linear,left bottom,left top,from(#f9f9f9),to(#f9f9f9));background:linear-gradient(1turn,#cacaca -12.18%,#fff 110.89%),linear-gradient(0deg,#f9f9f9,#f9f9f9)}.round-middle[data-v-8d108646]{width:70px;height:70px;border-radius:100%;background:#f9f9f9;color:#34c759;text-shadow:0 1px 1px hsla(0,0%,100%,.65)}.screen-share-section[data-v-8d108646]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.section-title[data-v-8d108646]{font-size:16px;font-weight:700;color:#333;text-align:center}.screen-share-controls[data-v-8d108646]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screen-share-controls .el-button[data-v-8d108646]{width:180px;height:40px;font-size:14px}.close-live-section[data-v-8d108646]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.close-live-btn[data-v-8d108646]{width:200px;height:44px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:22px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;-webkit-box-shadow:0 4px 12px hsla(0,100%,71%,.3);box-shadow:0 4px 12px hsla(0,100%,71%,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.close-live-btn[data-v-8d108646]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px hsla(0,100%,71%,.4);box-shadow:0 6px 16px hsla(0,100%,71%,.4)}.close-live-btn[data-v-8d108646]:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.square-btn[data-v-8d108646]{width:40px;height:40px;stroke-width:.6px;stroke:rgba(0,0,0,.05);background-color:#fff;border-radius:4px;border:none;cursor:pointer;&[data-v-8d108646]:active{background-color:#e1e1e1}i[data-v-8d108646]{font-size:20px;font-weight:bolder}}.ptz-control-btn[data-v-8d108646]{border:1px solid #e7e8eb;border-radius:25px;padding:4px 16px;margin-top:10px;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;span[data-v-8d108646]{position:relative;display:inline-block;padding:0 16px;font-size:20px;font-weight:600;color:#333;&[data-v-8d108646]:before{left:0}&[data-v-8d108646]:after,&[data-v-8d108646]:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:inline-block;width:1px;height:10px;background-color:#e1e1e1}&[data-v-8d108646]:after{right:0}}}.ptz-control-text[data-v-8d108646]{font-size:14px;color:#333;text-align:center}.info-label[data-v-8d108646]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333;&[data-v-8d108646]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:4px;height:18px;border-radius:2px;background-color:#ff551f}}@media screen and (max-width:768px){.close-live-btn[data-v-8d108646]{width:100%}}.mic-tab[data-v-07e29d1c]{margin:10px;-ms-flex-direction:column;flex-direction:column;height:96%}.apply-section[data-v-07e29d1c],.mic-section[data-v-07e29d1c],.mic-tab[data-v-07e29d1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.apply-section[data-v-07e29d1c],.mic-section[data-v-07e29d1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border-radius:10px;padding:10px}.section-header[data-v-07e29d1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.section-header .section-title[data-v-07e29d1c]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333}.section-header .section-title[data-v-07e29d1c]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:4px;height:18px;border-radius:2px;background-color:#ff551f}.section-header .section-count[data-v-07e29d1c]{font-size:14px;color:#999;margin-left:4px}.mic-list[data-v-07e29d1c]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.apply-list[data-v-07e29d1c],.mic-list[data-v-07e29d1c]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 0}.apply-list[data-v-07e29d1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.mic-item[data-v-07e29d1c]{width:calc(50% - 6px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px}.apply-item[data-v-07e29d1c],.mic-item[data-v-07e29d1c]{height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:#f8f8f8;border-radius:10px}.apply-item[data-v-07e29d1c]{width:100%;gap:2px;padding:12px 10px;padding:10px}.user-avatar[data-v-07e29d1c]{margin-bottom:4px;width:33px;height:33px;border-radius:50%;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.user-avatar img[data-v-07e29d1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-07e29d1c]{width:100%;height:100%;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:20px}.user-info[data-v-07e29d1c]{padding-left:2px;-webkit-box-flex:1;-ms-flex:1;flex:1}.user-info .user-name[data-v-07e29d1c]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:84px}.user-info .user-status[data-v-07e29d1c]{font-size:12px}.user-info .user-status.connecting[data-v-07e29d1c]{color:#67c23a}.user-info .user-status.applying[data-v-07e29d1c]{color:#e6a23c}.user-actions[data-v-07e29d1c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.mic-item .user-actions .el-button[data-v-07e29d1c]{padding:4px}.empty-list[data-v-07e29d1c]{-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;padding:40px 16px}.empty-list .empty-icon[data-v-07e29d1c]{font-size:36px;margin-bottom:12px}.empty-list .empty-text[data-v-07e29d1c]{font-size:14px}@media screen and (max-width:768px){.mic-list .user-actions[data-v-07e29d1c]{top:6px;right:8px}.mic-list .user-actions .el-button[data-v-07e29d1c]{padding:4px;font-size:12px}.apply-list .user-actions[data-v-07e29d1c]{top:20px;right:8px}.apply-list .user-actions .el-button[data-v-07e29d1c]{padding:6px 8px;font-size:12px}.apply-item[data-v-07e29d1c],.mic-item[data-v-07e29d1c]{padding:8px 10px}.user-avatar[data-v-07e29d1c]{width:33px;height:33px}.avatar-placeholder[data-v-07e29d1c]{font-size:18px}}.mic-tab.pc .apply-item[data-v-07e29d1c]{width:calc(50% - 12px)}.mic-tab.pc .mic-item[data-v-07e29d1c]{width:calc(33.33% - 6px)}.common-popup-wrapper[data-v-93b1960c]{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box}.popup-mask[data-v-93b1960c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.popup-mask.mask-show[data-v-93b1960c]{opacity:1}.popup-container[data-v-93b1960c]{position:relative;background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:90vw;max-height:90vh;overflow:hidden}.popup-container.popup-center[data-v-93b1960c]{-webkit-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-container.popup-center.popup-show[data-v-93b1960c]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.popup-container.popup-top[data-v-93b1960c]{position:absolute;top:20px;left:0;right:0;width:100%;max-width:none;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 0 10px 10px}.popup-container.popup-top.popup-show[data-v-93b1960c]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.popup-container.popup-bottom[data-v-93b1960c]{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:none;-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px 10px 0 0}.popup-container.popup-bottom.popup-show[data-v-93b1960c]{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.popup-container.popup-left[data-v-93b1960c]{position:absolute;left:0;top:0;bottom:0;height:100%;max-height:none;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 10px 10px 0}.popup-container.popup-left.popup-show[data-v-93b1960c]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.popup-container.popup-right[data-v-93b1960c]{position:absolute;right:0;top:0;bottom:0;height:100%;max-height:none;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px 0 0 10px}.popup-container.popup-right.popup-show[data-v-93b1960c]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.popup-container.popup-size-auto[data-v-93b1960c]{width:auto;min-width:320px;min-height:200px}.popup-header[data-v-93b1960c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px calc(24px + env(safe-area-inset-right)) 16px calc(24px + env(safe-area-inset-left));-ms-flex-negative:0;flex-shrink:0}.popup-title[data-v-93b1960c]{font-size:18px;font-weight:600;color:#303133;line-height:1.4}.popup-close[data-v-93b1960c]{width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#909399;-webkit-transition:all .2s;transition:all .2s}.popup-close[data-v-93b1960c]:hover{background-color:#f5f7fa;color:#606266}.popup-close i[data-v-93b1960c]{font-size:16px}.popup-content[data-v-93b1960c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 calc(24px + env(safe-area-inset-right)) 24px calc(24px + env(safe-area-inset-left));overflow-y:auto}.popup-content[data-v-93b1960c]::-webkit-scrollbar{width:6px}.popup-content[data-v-93b1960c]::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}.popup-content[data-v-93b1960c]::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.popup-content[data-v-93b1960c]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:3px}.popup-footer[data-v-93b1960c]{padding:16px calc(24px + env(safe-area-inset-right)) 20px calc(24px + env(safe-area-inset-left));border-top:1px solid #ebeef5;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px}@media (orientation:landscape){.popup-content[data-v-93b1960c],.popup-footer[data-v-93b1960c],.popup-header[data-v-93b1960c]{padding-left:calc(48px + env(safe-area-inset-left));padding-right:calc(48px + env(safe-area-inset-right))}}.org-tree[data-v-8395e752]{width:100%;height:calc(100vh - 194px)}.org-tree-c[data-v-8395e752]{padding-right:16px;width:100%;height:100%;overflow-y:auto}.org-tree-c .el-tree[data-v-8395e752]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}.shoot-page[data-v-5905c3e7]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:4000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.camera-container[data-v-5905c3e7]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.camera-container .camera-video[data-v-5905c3e7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.controls-container[data-v-5905c3e7]{position:relative;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px 12px 52px 12px;z-index:10}.controls-container .photos-preview[data-v-5905c3e7]{height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;gap:10px;padding-top:10px;padding-bottom:10px;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls-container .photos-preview .photo-item[data-v-5905c3e7]{height:80px;width:80px;-ms-flex-negative:0;flex-shrink:0;position:relative;border:2px solid #fff;border-radius:4px}.controls-container .photos-preview .photo-item img[data-v-5905c3e7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.controls-container .photos-preview .photo-item .delete-btn[data-v-5905c3e7]{position:absolute;top:-8px;right:-8px;background:red;color:#fff;border-radius:50%;width:26px;height:26px;font-size:22px;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}.controls-container .action-buttons[data-v-5905c3e7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;min-height:70px;padding-bottom:5px}.controls-container .action-buttons .btn[data-v-5905c3e7]{color:#fff;font-size:14px;padding:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.controls-container .action-buttons .btn[data-v-5905c3e7]:active{opacity:.7}.controls-container .action-buttons .btn.circle-btn[data-v-5905c3e7]{width:60px;height:60px;border-radius:50%;background-color:#fff;color:#000;font-size:30px;padding:0;font-weight:700}.controls-container .action-buttons .btn.circle-btn[data-v-5905c3e7],.controls-container .action-buttons .shoot-btn-outer[data-v-5905c3e7]{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}.controls-container .action-buttons .shoot-btn-outer[data-v-5905c3e7]{width:74px;height:74px;border-radius:50%;border:4px solid #fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.controls-container .action-buttons .shoot-btn-outer .shoot-btn-inner[data-v-5905c3e7]{width:60px;height:60px;border-radius:50%;background-color:#fff;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}.controls-container .action-buttons .shoot-btn-outer .el-icon-camera-solid[data-v-5905c3e7]{font-size:32px;color:#000;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.controls-container .action-buttons .shoot-btn-outer:active .el-icon-camera-solid[data-v-5905c3e7]{-webkit-transform:scale(.9);transform:scale(.9)}.controls-container .action-buttons .circle-btn.small[data-v-5905c3e7]{position:absolute;right:116px;top:22px;width:48px;height:48px;font-size:22px}.controls-container .camera-list[data-v-5905c3e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;color:#333}.controls-container .camera-list .empty-tip[data-v-5905c3e7]{color:#999;font-size:14px;margin-bottom:6px}.controls-container .camera-list .active-tag[data-v-5905c3e7]{color:#409eff;margin-left:6px}.full-screen-photo[data-v-5905c3e7]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:5000;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}.full-screen-photo img[data-v-5905c3e7]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.media-preview-c .el-image-viewer__img[data-v-422ffede]{-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;max-width:100%;max-height:100%}.media-preview-c .full[data-v-422ffede]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.media-preview-c .el-image-viewer__actions[data-v-422ffede]{cursor:default;bottom:80px}.media-preview-c .el-image-viewer__actions i[class|=el-icon][data-v-422ffede]{cursor:pointer}.media-preview-c .media-preview-img-wrapper[data-v-422ffede]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:none;touch-action:none;overflow:hidden}.block[data-v-422ffede]{max-height:800px;overflow-y:scroll}.video_item[data-v-422ffede]{position:relative}.video_item .video_item_icon[data-v-422ffede]{position:absolute;top:0;right:0;cursor:pointer}.el-image-viewer__next.disabled[data-v-422ffede],.el-image-viewer__prev.disabled[data-v-422ffede]{cursor:not-allowed}.video-marks[data-v-422ffede]{position:absolute;bottom:16px;left:200px;width:calc(100vw - 252px);display:-webkit-box;display:-ms-flexbox;display:flex}.video-marks .video-mark[data-v-422ffede]{position:absolute;bottom:4px}.video-marks .video-mark img[data-v-422ffede]{width:56px;height:56px;cursor:pointer}.teacher-list[data-v-068ee032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto}.teacher-item[data-v-068ee032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:10px;border-radius:8px;background:#f8f8f8}.teacher-info[data-v-068ee032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.teacher-name[data-v-068ee032]{font-size:14px;font-weight:600;color:#333}.teacher-org[data-v-068ee032]{font-size:12px;color:#888;margin-top:2px}.share-foot[data-v-75efad24]{padding-top:8px;text-align:center}.share-btn[data-v-75efad24]{margin-right:16px;padding:16px 32px;border-radius:8px;border:none;cursor:pointer}.download-remind[data-v-3db36fea]{position:fixed;top:20px;right:20px;z-index:9999;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);padding:16px;min-width:280px;max-width:400px}.download-remind .download-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;padding:8px 0}.download-remind .download-item[data-v-3db36fea]:not(:last-child){border-bottom:1px solid #eee;margin-bottom:8px}.download-remind .download-item .download-name[data-v-3db36fea]{font-size:14px;color:#333;font-weight:500;word-break:break-all}.download-remind .download-item .download-progress[data-v-3db36fea]{font-size:13px;color:#409eff}.live-broadcast-page[data-v-3db36fea]{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#f8f8f8}.header-nav[data-v-3db36fea]{padding:12px 16px;background-color:#1e1e1e;color:#fff;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.header-nav .nav-left[data-v-3db36fea],.header-nav[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-nav .nav-left[data-v-3db36fea]{cursor:pointer}.header-nav .nav-left i[data-v-3db36fea]{font-size:20px}.header-nav .nav-title[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:18px;font-weight:700;margin-left:16px;text-align:center}.header-nav .nav-right[data-v-3db36fea],.live-status-indicator[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-status-indicator[data-v-3db36fea]{margin-right:16px;font-size:14px}.live-status-indicator .status-dot[data-v-3db36fea]{width:8px;height:8px;border-radius:50%;margin-right:4px}.status-living .status-dot[data-v-3db36fea]{background-color:#f56c6c}.status-waiting .status-dot[data-v-3db36fea]{background-color:#e6a23c}.status-ended .status-dot[data-v-3db36fea]{background-color:#909399}.viewer-count[data-v-3db36fea]{font-size:14px;margin-right:4px}.el-icon-more[data-v-3db36fea]{cursor:pointer;font-size:20px}.main-content[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content[data-v-3db36fea],.video-section[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0}.video-section[data-v-3db36fea]{position:relative;-webkit-box-flex:2;-ms-flex:2;flex:2;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#000}.screen-share-section[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#000;border-bottom:2px solid #333}.screen-share-section .screen-share-container[data-v-3db36fea]{width:100%;height:100%;position:relative}.screen-share-section .screen-share-video[data-v-3db36fea]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:#000}.screen-share-section .screen-share-info[data-v-3db36fea]{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.2);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.main-video-section[data-v-3db36fea]{-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;background-color:#000;min-height:250px;position:relative}.main-video-section.reduced-height[data-v-3db36fea]{height:50%}.main-video-section .main-video-container[data-v-3db36fea]{width:100%;height:100%;position:relative}.main-video-section .main-video-player[data-v-3db36fea]{width:100%;height:100%;height:250px}.main-video-section .main-player-container[data-v-3db36fea]{position:relative}.main-video-section .main-cover-container[data-v-3db36fea],.main-video-section .main-player-container[data-v-3db36fea]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#000}.main-video-section .main-cover-image[data-v-3db36fea]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.main-video-section .main-cover-placeholder[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ccc;font-size:14px;gap:6px}.main-video-section .main-cover-placeholder i[data-v-3db36fea]{font-size:32px;color:#777}.main-video-section .device-info[data-v-3db36fea]{position:absolute;top:24px;left:6px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:1}.main-video-section .live-ended-overlay[data-v-3db36fea]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.main-video-section .live-ended-overlay .live-ended-content[data-v-3db36fea]{text-align:center;color:#fff}.main-video-section .live-ended-overlay .live-ended-icon[data-v-3db36fea]{font-size:64px;color:#909399;margin-bottom:16px}.main-video-section .live-ended-overlay .live-ended-text[data-v-3db36fea]{font-size:24px;font-weight:700;margin-bottom:8px}.device-selector[data-v-3db36fea]{background-color:#000;padding:8px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.device-selector .device-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px;min-height:80px}.device-selector .device-item[data-v-3db36fea]{position:relative;-ms-flex-negative:0;flex-shrink:0;width:120px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.device-selector .device-item.active[data-v-3db36fea]{display:none}.device-selector .device-item.active .device-cover[data-v-3db36fea]{border-color:#f56c6c}.device-selector .device-item .device-cover[data-v-3db36fea]{width:100%;height:60px;border-radius:4px;overflow:hidden;position:relative;background-color:#333;border:2px solid transparent;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.device-selector .device-item .device-cover img[data-v-3db36fea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.device-selector .device-item .device-cover .cover-placeholder[data-v-3db36fea]{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#999;font-size:20px}.device-selector .device-item .device-cover .cover-placeholder[data-v-3db36fea],.device-selector .device-item .device-cover .playing-indicator[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.device-selector .device-item .device-cover .playing-indicator[data-v-3db36fea]{position:absolute;top:4px;right:4px;width:20px;height:20px;background-color:rgba(245,108,108,.9);border-radius:50%;color:#fff;font-size:12px}.device-selector .device-item .device-name[data-v-3db36fea]{height:22px;color:#fff;font-size:12px;text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-selector .device-player[data-v-3db36fea]{width:100%;height:100%;background-color:#000}.device-selector.pc[data-v-3db36fea]{position:absolute;top:0;left:0;right:0;background-color:#fff;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.device-selector.pc .device-list[data-v-3db36fea]{height:80px}.device-selector.pc .device-name[data-v-3db36fea]{position:absolute;bottom:0;left:0;color:#000;font-size:12px;height:20px;background-color:hsla(0,0%,100%,.5);padding:2px 8px;border-radius:4px;max-width:100%}.device-selector.pc .device-name.anchor[data-v-3db36fea]{background-color:#ff551f;color:#fff;padding:2px 8px;border-radius:4px}.device-selector.pc .device-cover[data-v-3db36fea]{height:100%}.operation-section[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;text-align:center;cursor:pointer}.operation-section.pc[data-v-3db36fea]{background-color:#fff}.tabs-section[data-v-3db36fea]{-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;background-color:#f8f8f8;border-left:1px solid #eee;min-width:510px;max-width:450px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.tabs-section.collapsed[data-v-3db36fea]{min-width:0;max-width:0;-webkit-box-flex:0;-ms-flex:0;flex:0;opacity:0;border-left-width:0}.tabs-section .stats-bar[data-v-3db36fea]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 16px}.tabs-section .stats-bar[data-v-3db36fea],.tabs-section .stats-item-container[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tabs-section .stats-item-container[data-v-3db36fea]{gap:20px}.tabs-section .stats-item[data-v-3db36fea]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#666;font-size:24px}.tabs-section .stats-item.like-item.liked i[data-v-3db36fea]{color:#ff5b5b}.tabs-section .stats-item .left-slash[data-v-3db36fea]{position:absolute;left:50%;top:0;width:2px;height:100%;background-color:#ff551f;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tabs-section .share-item[data-v-3db36fea]{cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.tabs-section .tab-headers[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;position:relative;overflow:hidden}.tabs-section .tab-header[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:10px 12px;font-size:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#666;position:relative;z-index:2}.tabs-section .tab-header.active[data-v-3db36fea]{font-weight:700}.tabs-section .tab-header.disabled[data-v-3db36fea]{cursor:not-allowed;opacity:.5}.tabs-section .tab-slider[data-v-3db36fea]{position:absolute;bottom:0;left:0;height:3px;background:#ff551f;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.tabs-section .tab-content[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.detail-tab[data-v-3db36fea]{padding:12px}.detail-tab .stats-section[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:12px;gap:12px}.detail-tab .stats-section .stat-item[data-v-3db36fea]{position:relative;background-color:#fff;padding:10px;border-radius:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-tab .stats-section .stat-item .teacher-clickable[data-v-3db36fea]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.detail-tab .stats-section .stat-item .stat-label[data-v-3db36fea]{font-size:14px;color:#999;margin-bottom:8px}.detail-tab .stats-section .stat-item .stat-value[data-v-3db36fea]{font-size:24px;font-weight:700}.detail-tab .stats-section .stat-item .stat-icon[data-v-3db36fea]{position:absolute;bottom:0;right:0;font-size:48px;color:rgba(0,0,0,.1)}.detail-tab .stats-section .stat-item.liked .stat-value[data-v-3db36fea]{color:#ff551f}.detail-tab .live-info-section[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.detail-tab .info-item[data-v-3db36fea]{padding-bottom:16px;background-color:#fff;border-radius:10px;padding:10px}.detail-tab .info-item[data-v-3db36fea]:last-child{border-bottom:none}.detail-tab .info-header[data-v-3db36fea]{margin-bottom:12px}.detail-tab .info-label[data-v-3db36fea]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333}.detail-tab .info-label[data-v-3db36fea]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:4px;height:18px;border-radius:2px;background-color:#ff551f}.detail-tab .info-content[data-v-3db36fea]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.detail-tab .info-content[data-v-3db36fea],.detail-tab .live-status-info[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.detail-tab .live-status-info .live-status[data-v-3db36fea]{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;background-color:#4caf50;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.detail-tab .live-status-info .live-status.status-living[data-v-3db36fea]{background-color:#4caf50}.detail-tab .live-status-info .live-status.status-waiting[data-v-3db36fea]{background-color:#ff9800}.detail-tab .live-status-info .live-status.status-ended[data-v-3db36fea]{background-color:#9e9e9e}.detail-tab .live-status-info .live-start-time[data-v-3db36fea]{font-size:14px;color:#666;line-height:24px}.detail-tab .description-container[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f8f8f8;border-radius:10px;padding:10px}.detail-tab .description[data-v-3db36fea]{font-size:14px;color:#666;line-height:1.6}.detail-tab .description-collapsed[data-v-3db36fea]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.detail-tab .description-toggle[data-v-3db36fea]{cursor:pointer;color:#f9a579;font-size:12px;margin-top:4px;-ms-flex-item-align:end;align-self:flex-end}.detail-tab .file-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 10px;font-size:14px;border-radius:8px;background-color:#fafafa;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.detail-tab .file-item[data-v-3db36fea]:hover{background-color:#f0f0f0}.detail-tab .file-item .file-icon[data-v-3db36fea]{width:32px;height:32px;-ms-flex-negative:0;flex-shrink:0}.detail-tab .file-item .file-name[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tab .file-item .file-action[data-v-3db36fea]{padding:4px 12px;background-color:#4caf50;color:#fff;border-radius:4px;font-size:12px;cursor:pointer}.detail-tab .device-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.detail-tab .device-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;border-radius:8px;background-color:#fafafa;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.detail-tab .device-item[data-v-3db36fea]:hover{background-color:#f0f0f0}.detail-tab .device-item.device-active[data-v-3db36fea]{background-color:#e8f5e8;border:1px solid #4caf50}.detail-tab .device-item.device-active .device-icon i[data-v-3db36fea]{color:#4caf50}.detail-tab .device-item .device-icon[data-v-3db36fea]{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.detail-tab .device-item .device-icon i[data-v-3db36fea]{font-size:20px;color:#666}.detail-tab .device-item .device-info[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-tab .device-item .device-info .device-name[data-v-3db36fea]{font-size:14px;font-weight:500;color:#333;margin-bottom:4px}.detail-tab .device-item .device-info .device-status[data-v-3db36fea]{font-size:12px}.detail-tab .device-item .device-info .device-status.status-active[data-v-3db36fea]{color:#4caf50}.detail-tab .device-item .device-info .device-status.status-inactive[data-v-3db36fea]{color:#999}.detail-tab .link-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;padding:12px;background-color:#f9f9f9;border-radius:8px}.detail-tab .link-icon[data-v-3db36fea]{width:80px;height:60px;border-radius:4px;background-color:#f0f2f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.detail-tab .link-icon i[data-v-3db36fea]{font-size:36px;color:#f9a579}.detail-tab .link-info[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-tab .link-title[data-v-3db36fea]{font-size:16px;font-weight:700;color:#333;line-height:1.4;margin-bottom:4px}.detail-tab .link-status[data-v-3db36fea]{font-size:14px}.detail-tab .link-status.live[data-v-3db36fea]{background-color:#00cc7a;color:#fff;padding:2px 4px;border-radius:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.error-icon[data-v-3db36fea]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:12px}.recorded-video-container[data-v-3db36fea]{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.recorded-video-container .recorded-video-player[data-v-3db36fea],.recorded-video-container[data-v-3db36fea]{width:100%;height:100%;background-color:#000}.recorded-video-container .video-container[data-v-3db36fea]{position:relative;width:100%;height:100%}.recorded-video-container .play-overlay[data-v-3db36fea]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.25);cursor:pointer}.recorded-video-container .play-overlay .play-button[data-v-3db36fea],.recorded-video-container .play-overlay[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.recorded-video-container .play-overlay .play-button[data-v-3db36fea]{width:80px;height:80px;border-radius:50%;background:none;-webkit-transition:all .3s ease;transition:all .3s ease}.recorded-video-container .play-overlay .play-button[data-v-3db36fea]:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.recorded-video-container .play-overlay .play-button i[data-v-3db36fea]{font-size:36px;color:#fff}.recorded-video-container .video-controls[data-v-3db36fea]{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);border-top:1px solid #333;padding:14px 16px;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.recorded-video-container .video-controls[v-show=false][data-v-3db36fea]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.recorded-video-container .video-controls[v-show=true][data-v-3db36fea]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.recorded-video-container .progress-container[data-v-3db36fea]{position:relative;margin-bottom:12px}.recorded-video-container .progress-container .mark-points[data-v-3db36fea]{position:absolute;top:10px;left:0;right:0;height:20px;z-index:2;pointer-events:none}.recorded-video-container .progress-container .mark-points .mark-point[data-v-3db36fea]{position:absolute;cursor:pointer;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:auto}.recorded-video-container .progress-container .mark-points .mark-point .mark-dot[data-v-3db36fea]{width:18px;height:18px;border-radius:50%;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.recorded-video-container .progress-container .mark-points .mark-point .mark-dot[data-v-3db36fea]:hover{-webkit-transform:scale(1.2);transform:scale(1.2);background:#ff3742}.recorded-video-container .progress-container .mark-points .mark-point .mark-tooltip[data-v-3db36fea]{position:absolute;bottom:22px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;pointer-events:none}.recorded-video-container .progress-container .mark-points .mark-point .mark-tooltip[data-v-3db36fea]:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.recorded-video-container .progress-container .mark-points .mark-point:hover .mark-tooltip[data-v-3db36fea]{opacity:1;visibility:visible}.recorded-video-container .progress-container .progress-bar[data-v-3db36fea]{height:6px;background:#e6e6e6;border-radius:3px;cursor:pointer;position:relative}.recorded-video-container .progress-container .progress-bar .progress-track[data-v-3db36fea]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:3px}.recorded-video-container .progress-container .progress-bar .progress-fill[data-v-3db36fea]{height:100%;background:#ff551f;border-radius:2px;-webkit-transition:width .1s ease;transition:width .1s ease}.recorded-video-container .progress-container .progress-bar .progress-thumb[data-v-3db36fea]{position:absolute;top:50%;width:14px;height:14px;background:#ff551f;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-box-shadow:0 2px 8px rgba(255,85,31,.4);box-shadow:0 2px 8px rgba(255,85,31,.4);border:2px solid #fff}.recorded-video-container .progress-container .progress-bar .progress-thumb[data-v-3db36fea]:hover{-webkit-transform:translate(-50%,-50%) scale(1.18);transform:translate(-50%,-50%) scale(1.18);-webkit-box-shadow:0 4px 12px rgba(255,85,31,.6);box-shadow:0 4px 12px rgba(255,85,31,.6)}.recorded-video-container .control-buttons[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.recorded-video-container .control-buttons .left-controls[data-v-3db36fea],.recorded-video-container .control-buttons .right-controls[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}.recorded-video-container .control-buttons .control-btn[data-v-3db36fea]{width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.recorded-video-container .control-buttons .control-btn[data-v-3db36fea]:hover{background:rgba(255,85,31,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.recorded-video-container .control-buttons .control-btn[data-v-3db36fea]:active{-webkit-transform:translateY(0);transform:translateY(0)}.recorded-video-container .control-buttons .control-btn i[data-v-3db36fea]{font-size:18px;color:#fff}.recorded-video-container .control-buttons .control-btn.play-btn[data-v-3db36fea]{background:#ff551f;color:#fff}.recorded-video-container .control-buttons .control-btn.play-btn i[data-v-3db36fea]{color:#fff;font-size:20px}.recorded-video-container .control-buttons .time-display[data-v-3db36fea]{font-size:14px;color:#ccc}.recorded-video-container .control-buttons .time-display .time-separator[data-v-3db36fea]{margin:0 4px}.recorded-video-container .video-info[data-v-3db36fea]{position:absolute;top:24px;left:6px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.recorded-video-container .video-duration[data-v-3db36fea]{color:#ccc;font-size:11px}.live-video-container[data-v-3db36fea]{width:100%;height:100%;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.live-video-container .fullscreen-btn[data-v-3db36fea]{cursor:pointer;color:#fff;font-size:24px;z-index:100;-webkit-transition:all .3s ease;transition:all .3s ease;margin-right:10px}.live-video-container .fullscreen-btn[data-v-3db36fea]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.live-video-container .fullscreen-btn i[data-v-3db36fea]{font-size:22px}.live-video-container .collapse-btn[data-v-3db36fea]{position:absolute;top:50%;right:16px;width:20px;height:50px;background:#f8f8f8;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#333;font-size:18px;z-index:100;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.live-video-container .collapse-btn[data-v-3db36fea]:hover{background:#f8f8f8;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.live-video-container .collapse-btn i[data-v-3db36fea]{font-size:16px}.live-video-container.fullscreen[data-v-3db36fea]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#000}.live-video-container.fullscreen .main-video-player[data-v-3db36fea]{max-height:100%}.live-video-container.fullscreen[data-v-3db36fea]:-webkit-full-screen{width:100%!important;height:100%!important;top:0!important;left:0!important;-webkit-transform:none!important;transform:none!important}.live-video-container.fullscreen[data-v-3db36fea]:-moz-full-screen,.live-video-container.fullscreen[data-v-3db36fea]:-ms-fullscreen,.live-video-container.fullscreen[data-v-3db36fea]:-webkit-full-screen,.live-video-container.fullscreen[data-v-3db36fea]:fullscreen{width:100%!important;height:100%!important;top:0!important;left:0!important;-webkit-transform:none!important;transform:none!important}@media (min-width:769px){.live-video-container.fullscreen .main-video-player[data-v-3db36fea]{width:100%!important;height:100%!important}}@media (max-width:768px){.live-video-container.fullscreen[data-v-3db36fea]{top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%) rotate(90deg)!important;transform:translate(-50%,-50%) rotate(90deg)!important;-webkit-transform-origin:center center!important;transform-origin:center center!important;width:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}.live-video-container.fullscreen .main-video-player[data-v-3db36fea]{width:100%!important;height:100%!important}.live-video-container.fullscreen .fullscreen-btn[data-v-3db36fea]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center}.live-video-container.fullscreen .fullscreen-btn[data-v-3db36fea]:hover{-webkit-transform:rotate(-90deg) scale(1.1);transform:rotate(-90deg) scale(1.1)}}.no-video-container[data-v-3db36fea]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#000}.no-video-container .no-video-content[data-v-3db36fea]{text-align:center;color:#999}.no-video-container .no-video-content i[data-v-3db36fea]{font-size:64px;margin-bottom:16px;display:block}.no-video-container .no-video-content .no-video-text[data-v-3db36fea]{font-size:16px}.live-ended-container[data-v-3db36fea]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#000}.live-ended-container .live-ended-content[data-v-3db36fea]{text-align:center;color:#999}.live-ended-container .live-ended-content i[data-v-3db36fea]{font-size:64px;margin-bottom:16px;display:block}.live-ended-container .live-ended-content .live-ended-text[data-v-3db36fea]{font-size:16px}.recorded-video-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;min-height:80px}.recorded-video-list .recorded-video-item[data-v-3db36fea]{-ms-flex-negative:0;flex-shrink:0;width:120px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.recorded-video-list .recorded-video-item.active[data-v-3db36fea]{-webkit-transform:scale(1.05);transform:scale(1.05)}.recorded-video-list .recorded-video-item.active .video-cover[data-v-3db36fea]{border-color:#f56c6c}.recorded-video-list .recorded-video-item .video-cover[data-v-3db36fea]{width:100%;height:60px;border-radius:4px;overflow:hidden;position:relative;background-color:#333;border:2px solid transparent;-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.recorded-video-list .recorded-video-item .video-thumbnail[data-v-3db36fea]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;background-size:cover;background-position:50%}.recorded-video-list .recorded-video-item .video-duration-badge[data-v-3db36fea]{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.8);color:#fff;padding:2px 4px;border-radius:2px;font-size:10px;line-height:1}.recorded-video-list .recorded-video-item .video-name[data-v-3db36fea]{color:#fff;font-size:12px;text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shoot-action-sheet .shoot-action-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.shoot-action-sheet .shoot-action-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:14px 0;font-size:16px;color:#333;cursor:pointer}.shoot-action-sheet .shoot-action-item[data-v-3db36fea]:not(:last-child){border-bottom:1px solid #f2f2f2}.shoot-action-sheet .shoot-action-item.cancel[data-v-3db36fea]{color:#999}.shoot-action-sheet .shoot-action-item[data-v-3db36fea]:hover{background:#f9f9f9}.shoot-photos-preview[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:12px}.shoot-photos-preview .shoot-photo-item[data-v-3db36fea]{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.shoot-photos-preview .shoot-photo-item .el-image[data-v-3db36fea]{width:100%;height:100%;cursor:pointer}.shoot-photos-preview .shoot-photo-item .shoot-photo-remove[data-v-3db36fea]{position:absolute;top:4px;right:4px;width:20px;height:20px;background-color:rgba(0,0,0,.6);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:1}.shoot-photos-preview .shoot-photo-item .shoot-photo-remove i[data-v-3db36fea]{color:#fff;font-size:12px}.shoot-photos-preview .shoot-photo-item .shoot-photo-remove[data-v-3db36fea]:hover{background-color:rgba(255,85,31,.9);-webkit-transform:scale(1.1);transform:scale(1.1)}.shoot-photos-preview .shoot-photo-item.uploading[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;border:1px dashed #d9d9d9}.shoot-photos-preview .shoot-photo-item.uploading i[data-v-3db36fea]{font-size:24px;color:#ff551f}.photo-actions[data-v-3db36fea]{margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){.live-broadcast-page[data-v-3db36fea]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh}.header-nav[data-v-3db36fea]{height:50px;padding:8px 16px}.nav-title[data-v-3db36fea]{font-size:16px}.main-content[data-v-3db36fea]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-section[data-v-3db36fea]{-webkit-box-flex:0;-ms-flex:none;flex:none}.device-selector[data-v-3db36fea]{padding:6px 12px}.device-item[data-v-3db36fea]{width:100px}.device-cover[data-v-3db36fea]{height:50px}.tabs-section[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:auto;max-width:none;border-left:none;border-top:1px solid #eee;height:300px}.tab-header[data-v-3db36fea]{font-size:14px;padding:10px 12px}.control-tab[data-v-3db36fea],.detail-tab[data-v-3db36fea]{padding:10px}.chat-tab[data-v-3db36fea]{padding:0}.stats-bar[data-v-3db36fea]{padding:8px 12px}.stats-item[data-v-3db36fea]{gap:4px;font-size:24px}.close-live-btn[data-v-3db36fea]{width:100%}}@media screen and (min-width:1200px){.video-section[data-v-3db36fea]{-webkit-box-flex:3;-ms-flex:3;flex:3}.tabs-section[data-v-3db36fea]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:510px;max-width:500px}}.user-avatar-container[data-v-3db36fea]{width:100%;height:100%;background:#000}.user-avatar-container[data-v-3db36fea],.user-avatar[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.user-avatar[data-v-3db36fea]{width:40px;height:40px;border-radius:50%;background:#e6e6e6;overflow:hidden}.user-avatar img[data-v-3db36fea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar i[data-v-3db36fea]{font-size:26px;color:#999}.main-user-avatar-container[data-v-3db36fea]{width:100%;height:100%;background:#000}.main-user-avatar-container[data-v-3db36fea],.main-user-avatar[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-user-avatar[data-v-3db36fea]{width:120px;height:120px;border-radius:50%;background:#e6e6e6;overflow:hidden}.main-user-avatar img[data-v-3db36fea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-user-avatar i[data-v-3db36fea]{font-size:60px;color:#999}.main-video-footer[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);padding:8px;z-index:100}.main-video-footer .refresh-btn[data-v-3db36fea]{font-size:22px;color:#fff;cursor:pointer;margin-right:16px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.main-video-footer .refresh-btn[data-v-3db36fea]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.main-video-footer .mute-btn[data-v-3db36fea]{font-size:22px;color:#fff;cursor:pointer;margin-right:16px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.main-video-footer .mute-btn[data-v-3db36fea]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.main-video-footer .fullscreen-btn[data-v-3db36fea]{font-size:24px;color:#fff}.meeting-operation-container[data-v-3db36fea]{padding-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.meeting-operation-item[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:30%}.meeting-operation-item-icon[data-v-3db36fea]{text-align:center;font-size:32px;background-color:#f5f5f5;border-radius:10px;width:56px;height:56px;line-height:56px}.meeting-operation-item-text[data-v-3db36fea]{font-size:14px;color:#333}.select-device-container[data-v-3db36fea]{font-size:14px}.check.active[data-v-3db36fea]{background-color:#007aff;color:#fff}.live-broadcast-page.pc .main-player-container[data-v-3db36fea]{position:relative}.live-broadcast-page.pc .main-video-player[data-v-3db36fea]{height:100%}.live-broadcast-page.pc .tab-header[data-v-3db36fea]{padding:0}.live-broadcast-page.pc .operation-section[data-v-3db36fea]{background-color:#fff}.live-broadcast-page.pc .operation-item[data-v-3db36fea]{width:82px;padding:12px;font-size:14px;color:#172140}.live-broadcast-page.pc .operation-item .icon-container[data-v-3db36fea]{position:relative;margin-bottom:6px;background-color:#f8f8f8;border-radius:10px;padding:10px}.live-broadcast-page.pc .operation-item .icon-container>i[data-v-3db36fea]{font-size:24px;font-weight:700}.live-broadcast-page.pc .operation-item .icon-container .applying-icon[data-v-3db36fea]{position:absolute;right:10px;bottom:10px;background-color:#ff551f;border-radius:50%;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center}.live-broadcast-page.pc .operation-item .icon-container .applying-icon>i[data-v-3db36fea]{font-size:12px;color:#fff}.live-broadcast-page.pc .tab-headers-container[data-v-3db36fea]{margin:10px 10px 0 10px;padding:0 10px;background-color:#fff;border-radius:10px}.live-broadcast-page.pc .tab-headers[data-v-3db36fea]{height:62px}.live-broadcast-page.pc .tab-header[data-v-3db36fea]{line-height:62px}.live-broadcast-page.pc .tab-header.active[data-v-3db36fea]{color:#fff;font-weight:700}.live-broadcast-page.pc .tab-slider[data-v-3db36fea]{bottom:6px;height:50px;border-radius:10px}.live-broadcast-page.pc .fullscreen-btn[data-v-3db36fea]{cursor:pointer}.live-broadcast-page.pc .anchor-info-section[data-v-3db36fea]{background-color:#fff;padding:18px}.live-broadcast-page.pc .anchor-info-section .anchor-info-title[data-v-3db36fea]{text-align:center;font-size:22px;font-weight:600;color:#333}.live-broadcast-page.pc .anchor-info-section .anchor-info-user[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-broadcast-page.pc .anchor-info-section .anchor-info-avatar[data-v-3db36fea]{margin-right:10px;width:40px;height:40px;border-radius:50%;background-color:#f8f8f8;text-align:center;line-height:48px}.live-broadcast-page.pc .anchor-info-section .anchor-info-avatar img[data-v-3db36fea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.live-broadcast-page.pc .anchor-info-section .anchor-info-avatar i[data-v-3db36fea]{font-size:24px;color:#999}.live-broadcast-page.pc .anchor-info-section .anchor-info-name[data-v-3db36fea]{font-size:14px;color:#333}.live-broadcast-page.pc .video-section[data-v-3db36fea]{max-width:calc(100vw - 510px)}.mark-fab[data-v-3db36fea]{position:fixed;right:24px;bottom:84px;z-index:998;width:56px;height:56px;border-radius:50%;background:#ff551f;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.15);box-shadow:0 6px 12px rgba(0,0,0,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mark-fab img[data-v-3db36fea]{width:24px;height:24px}.mark-fab .fab-text[data-v-3db36fea]{font-size:12px;white-space:nowrap;-webkit-transform:translateY(2px);transform:translateY(2px)}.mark-fab[data-v-3db36fea]:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mark-popup[data-v-3db36fea]{padding:2px 0 4px}.mark-fields[data-v-3db36fea],.mark-types[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.mark-types[data-v-3db36fea]{margin:0}.mark-type[data-v-3db36fea]{height:36px;padding:0 12px;border-radius:10px;background:#f7f8fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#333;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease;font-size:14px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.mark-type img[data-v-3db36fea]{margin-right:4px;width:18px;height:18px}.mark-type i[data-v-3db36fea]{margin-right:6px}.mark-type.active[data-v-3db36fea]{background:#ffefe9;color:#ff6a3d}.mark-type[data-v-3db36fea]:hover{background:#fff3f0}.mark-popup .mark-actions[data-v-3db36fea]{margin-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mark-popup .right-actions[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.mark-type.active[data-v-3db36fea]{background:#ff551f;color:#fff}.primary-orange[data-v-3db36fea]{background-color:#ff551f!important;border-color:#ff551f!important;color:#fff!important}.primary-orange[data-v-3db36fea]:focus,.primary-orange[data-v-3db36fea]:hover{-webkit-filter:brightness(.95);filter:brightness(.95);color:#fff!important}.mic-btn[data-v-3db36fea]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;height:34px;padding:0 12px;background-color:#f8f8f8;border:none;cursor:pointer;border-radius:8px;line-height:1;white-space:nowrap}.mic-btn img[data-v-3db36fea]{width:18px;height:18px;display:inline-block}.mark-popup .right-actions .el-button[data-v-3db36fea]{height:34px;line-height:34px;border-radius:8px;padding:0 14px}@media (max-width:480px){.mark-types[data-v-3db36fea]{gap:4px}.mark-type[data-v-3db36fea]{height:30px;padding:4px 12px;font-size:12px}.mark-type img[data-v-3db36fea]{width:16px;height:16px;margin-right:3px}}@media (max-width:360px){.mark-types[data-v-3db36fea]{gap:2px}.mark-type[data-v-3db36fea]{height:28px;padding:2px 8px;font-size:11px}.mark-type img[data-v-3db36fea]{width:14px;height:14px;margin-right:2px}}.mark-tab[data-v-3db36fea]{margin:10px;background-color:#fff;border-radius:10px;padding:0 10px}.mark-tab .section-header[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0}.mark-tab .section-header .section-title[data-v-3db36fea]{position:relative;padding-left:10px;font-size:18px;font-weight:600;color:#333;white-space:nowrap}.mark-tab .section-header .section-title[data-v-3db36fea]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:18px;border-radius:2px;background-color:#ff551f}.mark-tab .section-header .section-count[data-v-3db36fea]{font-size:14px;color:#999;margin-left:4px}.mark-tab .section-header .section-actions[data-v-3db36fea]{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mark-tab .section-header .section-actions .refresh-btn[data-v-3db36fea]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mark-tab .section-header .section-actions .refresh-btn i[data-v-3db36fea]{font-size:20px}.mark-tab .section-header .section-actions .refresh-btn[data-v-3db36fea]:hover{color:#ff551f}.mark-tab .section-header .filter-input[data-v-3db36fea]{width:98px;margin-right:8px}.mark-tab .mark-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mark-tab .mark-card[data-v-3db36fea]{background:#fff;border-radius:8px;padding:12px;border:1px solid transparent;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.04);box-shadow:0 2px 6px rgba(0,0,0,.04);cursor:pointer}.mark-tab .mark-card.active[data-v-3db36fea]{background:#ffcf99;border:1px solid #ffe4d6;-webkit-box-shadow:0 2px 6px rgba(255,106,61,.12);box-shadow:0 2px 6px rgba(255,106,61,.12)}.mark-tab .mark-row[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mark-tab .top-row[data-v-3db36fea]{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0;-ms-flex-wrap:wrap;flex-wrap:wrap}.mark-tab .top-row .device-name-right[data-v-3db36fea]{margin-left:auto;color:#999;font-size:12px}.mark-tab .tag-list[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:8px}.mark-tab .tag-chip[data-v-3db36fea]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 4px;background:#fff6f0;color:#ff7a45;border:1px solid #ffd8bf;border-radius:10px;font-size:12px;line-height:1.4;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mark-tab .tag-chip.level-1[data-v-3db36fea]{padding:2px 6px;background:#f5f5f5;color:#333;border:none;font-size:14px}.mark-tab .tag-chip .tag-icon[data-v-3db36fea]{width:14px;height:14px;margin-right:2px;font-size:14px}.mark-tab .teacher-name[data-v-3db36fea]{font-weight:600;color:#333;font-size:15px}.mark-tab .mark-time[data-v-3db36fea]{margin-left:8px;font-weight:400;color:#969696;font-size:12px}.mark-tab .text-row[data-v-3db36fea]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#444;font-size:14px;line-height:22px;margin-bottom:8px}.mark-tab .image-row[data-v-3db36fea]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.mark-tab .image-row .media-thumb[data-v-3db36fea]{position:relative;width:calc(33.333% - 8px);padding-bottom:calc(33.333% - 8px);height:0;border-radius:6px;overflow:hidden;background:#f8f8f8}.mark-tab .image-row .snapshot[data-v-3db36fea]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid #eee}@media (max-width:768px){.mark-tab .image-row .media-thumb[data-v-3db36fea]{width:calc(33.333% - 8px)!important;padding-bottom:calc(33.333% - 8px)!important}}.mark-tab .image-row .video-play-icon[data-v-3db36fea]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:rgba(0,0,0,.35);font-size:28px;pointer-events:none}