#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;margin-top:20px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Arial,sans-serif;background:linear-gradient(135deg,#6e7aef,#4fd6b5);color:#333}.container{display:flex;justify-content:center;align-items:flex-start;height:100vh;flex-wrap:wrap;gap:20px;padding:20px}.login-box,.register-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:400px;box-sizing:border-box}h2{text-align:center;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;margin-bottom:5px}.input-group input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px}.input-group div{display:inline-block;width:48%}.button{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#45a049}@media (max-width:768px){.login-box{width:90%}}@media (max-width:480px){.login-box{width:100%;padding:15px}h2{font-size:18px}.button,.input-group input{font-size:14px}}button{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:50px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;outline:none}button:hover{background-color:#45a049;transform:scale(1.05)}button:active{transform:scale(1)}.controls{margin-top:30px;display:flex;gap:20px;justify-content:center;width:100%}@media (max-width:768px){.meeting-room{width:100%;max-width:100%;padding:15px}.controls{flex-direction:column}}.register-box[data-v-4c8371ca]{width:100%;max-width:400px;padding:20px;box-sizing:border-box;text-align:center}.avatar-upload[data-v-4c8371ca]{margin-bottom:20px;position:relative}.avatar-label[data-v-4c8371ca]{display:inline-block;width:100px;height:100px;border-radius:50%;background-color:#f0f0f0;overflow:hidden;cursor:pointer;position:relative}.avatar-preview img[data-v-4c8371ca]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload input[type=file][data-v-4c8371ca]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar-upload span[data-v-4c8371ca]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888}.input-group[data-v-4c8371ca]{margin-bottom:15px;text-align:left}.input-group label[data-v-4c8371ca]{display:block;margin-bottom:5px;font-weight:700}.input-group input[data-v-4c8371ca]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.button[data-v-4c8371ca]{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.button[data-v-4c8371ca]:hover{background-color:#45a049}.verification-group[data-v-4c8371ca]{position:relative}.code-input-group[data-v-4c8371ca]{gap:10px}.verify-btn[data-v-4c8371ca]{min-width:120px;height:40px;border-radius:20px;background:linear-gradient(45deg,#409eff,#67c23a);border:none;color:#fff;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0 15px;line-height:1}.verify-btn[data-v-4c8371ca]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.verify-btn[data-v-4c8371ca]:disabled{background:#e6e6e6;cursor:not-allowed}.verify-btn.counting[data-v-4c8371ca]{background:#909399}.code-input-group[data-v-4c8371ca]{display:flex;gap:15px;align-items:center}.code-input-group input[data-v-4c8371ca]{flex:2;min-width:180px;height:40px}.video-tile[data-v-790dbc8d]{position:relative;width:100%;height:140px;background-color:var(--el-bg-color-darker);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1)}.video-container[data-v-790dbc8d]{width:100%;height:100%;position:relative}.video-stream[data-v-790dbc8d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.icon-with-slash[data-v-790dbc8d]{position:relative;display:inline-block}.icon-with-slash[data-v-790dbc8d]:after{content:"";position:absolute;top:45%;left:0;width:100%;height:2px;background:#fff;transform:rotate(-45deg)}.no-video[data-v-790dbc8d]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--el-bg-color)}.avatar-placeholder[data-v-790dbc8d]{width:64px;height:64px;border-radius:50%;background-color:var(--el-color-primary);color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700}.user-info[data-v-790dbc8d]{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.6));display:flex;align-items:center;gap:8px}.username[data-v-790dbc8d]{color:#fff;font-size:14px;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.status-icons[data-v-790dbc8d]{display:flex;gap:8px}.status-icon[data-v-790dbc8d]{font-size:16px;color:#fff}.status-icon.disabled[data-v-790dbc8d]{color:var(--el-color-danger)}.status-icon.sharing[data-v-790dbc8d]{color:var(--el-color-success)}.controls[data-v-790dbc8d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;z-index:2}.video-tile:hover .controls[data-v-790dbc8d]{opacity:1}.control-buttons[data-v-790dbc8d]{display:flex;gap:8px;background:rgba(0,0,0,.6);padding:8px;border-radius:24px}.control-buttons .el-button[data-v-790dbc8d]{background:transparent;border:1px solid hsla(0,0%,100%,.2)}.control-buttons .el-button[data-v-790dbc8d]:hover{background:var(--el-color-primary-light-3)}.control-buttons .el-button.is-disabled[data-v-790dbc8d]{background:var(--el-color-danger);opacity:.8}.control-buttons .el-button.is-disabled .el-icon[data-v-790dbc8d]{transform:rotate(45deg)}.control-buttons .el-button.is-sharing[data-v-790dbc8d]{background:var(--el-color-success);opacity:.8}.control-buttons .el-icon[data-v-790dbc8d]{font-size:18px;transition:transform .3s}.video-tile.screen-sharing[data-v-790dbc8d]{aspect-ratio:16/10}@media (prefers-color-scheme:dark){.no-video[data-v-790dbc8d]{background-color:var(--el-bg-color-darker)}}@media (max-width:768px){.video-tile[data-v-790dbc8d]{height:120px}.user-info[data-v-790dbc8d]{padding:6px;font-size:12px}.controls[data-v-790dbc8d]{opacity:1;top:auto;bottom:0;left:50%;transform:translateX(-50%)}.control-buttons[data-v-790dbc8d]{padding:4px;gap:4px;border-radius:16px}.control-buttons .el-button[data-v-790dbc8d]{width:32px;height:32px}.control-buttons .el-icon[data-v-790dbc8d]{font-size:16px}}.video-tile.maximized[data-v-790dbc8d]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;border-radius:0}.video-tile.maximized .video-container[data-v-790dbc8d]{height:100%}.video-tile.maximized .user-info[data-v-790dbc8d]{padding:16px}.video-tile.maximized .controls[data-v-790dbc8d]{opacity:1}.video-tile.maximized .control-buttons[data-v-790dbc8d]{padding:12px}.status-badge[data-v-790dbc8d]{position:absolute;top:8px;left:8px;z-index:10;padding:4px;background-color:hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.host-icon[data-v-790dbc8d]{color:#ff4d4f;font-size:18px}.assistant-icon[data-v-790dbc8d]{color:#52c41a;font-size:18px}.video-tile.maximized .status-badge[data-v-790dbc8d]{top:16px;left:16px}.video-tile.maximized .assistant-icon[data-v-790dbc8d],.video-tile.maximized .host-icon[data-v-790dbc8d]{font-size:24px}.search-box[data-v-9f0d09c2]{margin-bottom:16px}.participants-list[data-v-9f0d09c2]{max-height:400px;overflow-y:auto;padding:8px 0}.participant-item[data-v-9f0d09c2]{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f0f0}.avatar[data-v-9f0d09c2]{margin-right:12px}.participant-info[data-v-9f0d09c2]{flex:1}.participant-name[data-v-9f0d09c2]{font-size:14px;font-weight:500}.dialog-footer[data-v-9f0d09c2]{display:flex;justify-content:flex-end;gap:10px}.participants-list[data-v-9f0d09c2]::-webkit-scrollbar{width:6px}.participants-list[data-v-9f0d09c2]::-webkit-scrollbar-thumb{background-color:#dcdcdc;border-radius:3px}.participants-list[data-v-9f0d09c2]::-webkit-scrollbar-track{background-color:#f5f5f5}.chat-dialog[data-v-3963b6cb]{display:flex;flex-direction:column;width:100%;height:500px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.chat-header[data-v-3963b6cb]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f5f7fa;border-bottom:1px solid #e4e7ed;height:60px}.chat-header h3[data-v-3963b6cb]{margin:0;font-size:16px;color:#303133}.online-count[data-v-3963b6cb]{font-size:14px;color:#909399}.chat-messages[data-v-3963b6cb]{flex:1;padding:20px;overflow-y:auto;background:#f5f7fa;height:calc(100% - 120px);min-height:300px}.message[data-v-3963b6cb]{display:flex;margin-bottom:20px;gap:12px}.message-self[data-v-3963b6cb]{flex-direction:row-reverse}.message-avatar[data-v-3963b6cb]{width:36px;height:36px;border-radius:50%;background:#409eff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-self .message-avatar[data-v-3963b6cb]{background:#67c23a}.message-content[data-v-3963b6cb]{max-width:70%;min-width:100px}.message-self .message-content[data-v-3963b6cb]{align-items:flex-end}.message-sender[data-v-3963b6cb]{font-size:12px;color:#909399;margin-bottom:4px}.message-self .message-sender[data-v-3963b6cb]{text-align:right}.message-bubble[data-v-3963b6cb]{padding:10px 16px;background:#fff;border-radius:12px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.05);word-break:break-word;min-width:60px;max-width:100%}.message-self .message-bubble[data-v-3963b6cb]{background:#409eff;color:#fff}.message-time[data-v-3963b6cb]{font-size:11px;color:#909399;margin-left:8px}.message-self .message-time[data-v-3963b6cb]{color:hsla(0,0%,100%,.8)}.chat-input[data-v-3963b6cb]{flex-shrink:0;padding:12px 16px;background:#fff;border-top:1px solid #e4e7ed}[data-v-3963b6cb] .el-dialog{max-width:600px;width:90%!important}.input-wrapper[data-v-3963b6cb]{display:flex;align-items:flex-start;gap:8px;width:100%}.input-container[data-v-3963b6cb]{position:relative;flex:1;min-height:40px}[data-v-3963b6cb] .el-textarea__inner{padding-right:110px!important;min-height:40px!important;max-height:84px!important;resize:none;line-height:1.5;font-size:14px;border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset!important}[data-v-3963b6cb] .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-color-primary) inset!important}.send-button[data-v-3963b6cb]{position:absolute;right:1px;bottom:1px;height:calc(100% - 2px);margin:0;z-index:2}.emoji-btn[data-v-3963b6cb]{padding:8px;height:100%;font-size:20px;color:#909399;transition:all .3s;border-radius:4px}.emoji-btn[data-v-3963b6cb]:hover{color:#409eff;background-color:var(--el-fill-color-light)}[data-v-3963b6cb] .el-input__wrapper{box-shadow:none!important;height:100%}[data-v-3963b6cb] .el-input-group__append{padding:0;background-color:transparent;height:100%}.send-button[data-v-3963b6cb]{height:100%;min-width:100px;padding:0 20px;border-radius:0 4px 4px 0;transition:all .3s;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.send-button[data-v-3963b6cb]:not(:disabled){border:none}.send-button[data-v-3963b6cb]:not(:disabled):hover{background-color:var(--el-color-primary-light-3);transform:translateY(-1px)}.send-button[data-v-3963b6cb]:disabled{cursor:not-allowed;opacity:.6}.send-icon[data-v-3963b6cb]{font-size:16px;transition:transform .3s}.send-text[data-v-3963b6cb]{font-size:14px;white-space:nowrap}@media (max-width:768px){.input-wrapper[data-v-3963b6cb]{height:36px}.send-button[data-v-3963b6cb]{min-width:48px;padding:0 12px}.send-text[data-v-3963b6cb]{display:none}.send-icon[data-v-3963b6cb]{margin:0;font-size:18px}.emoji-btn[data-v-3963b6cb]{padding:6px}[data-v-3963b6cb] .el-textarea__inner{padding-right:60px!important}}@media (prefers-color-scheme:dark){.emoji-btn[data-v-3963b6cb]:hover{background-color:var(--el-bg-color-darker)}.send-button[data-v-3963b6cb]:not(:disabled):hover{background-color:var(--el-color-primary-light-5)}}.chat-messages[data-v-3963b6cb]::-webkit-scrollbar{width:6px}.chat-messages[data-v-3963b6cb]::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.chat-messages[data-v-3963b6cb]::-webkit-scrollbar-track{background:transparent}@media (prefers-color-scheme:dark){.chat-dialog[data-v-3963b6cb]{background:var(--el-bg-color)}.chat-header[data-v-3963b6cb]{background:var(--el-bg-color-darker);border-color:var(--el-border-color-darker)}.chat-messages[data-v-3963b6cb]{background:var(--el-bg-color)}.message-bubble[data-v-3963b6cb]{background:var(--el-bg-color-darker);color:var(--el-text-color-primary)}.chat-input[data-v-3963b6cb]{background:var(--el-bg-color-darker);border-color:var(--el-border-color-darker)}.emoji-item[data-v-3963b6cb]:hover{background-color:var(--el-bg-color-darker)}.emoji-btn[data-v-3963b6cb]{color:var(--el-text-color-regular)}.emoji-btn[data-v-3963b6cb]:hover{color:var(--el-color-primary)}}@media (max-width:768px){[data-v-3963b6cb] .el-dialog{width:50%!important;margin:10px auto;max-width:none}.chat-dialog[data-v-3963b6cb]{width:100%;height:400px}.message-content[data-v-3963b6cb]{max-width:75%}.send-button[data-v-3963b6cb]{min-width:48px;padding:0 12px}.send-text[data-v-3963b6cb]{display:none}.send-icon[data-v-3963b6cb]{margin:0;font-size:18px}.emoji-btn[data-v-3963b6cb]{padding:6px}[data-v-3963b6cb] .el-textarea__inner{padding-right:60px!important}.emoji-picker[data-v-3963b6cb]{display:grid;grid-template-columns:repeat(5,1fr)}}.emoji-picker[data-v-3963b6cb]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px}.emoji-item[data-v-3963b6cb]{font-size:20px;padding:6px;cursor:pointer;text-align:center;border-radius:4px;transition:background-color .3s}.emoji-item[data-v-3963b6cb]:hover{background-color:#f5f7fa}.waiting-container[data-v-1b60e4c5]{display:flex;justify-content:center;align-items:center;min-height:40vh}.waiting-box[data-v-1b60e4c5]{width:100%;padding:20px;background:#fff;border-radius:8px;text-align:center}.title[data-v-1b60e4c5]{font-size:22px;color:#303133;margin-bottom:30px;text-align:center;font-weight:600}.loading-animation[data-v-1b60e4c5]{margin:30px 0;color:var(--el-color-primary)}.meeting-info[data-v-1b60e4c5]{margin:30px 0;text-align:left;padding:20px;background:#f8f9fa;border-radius:8px}.meeting-info p[data-v-1b60e4c5]{margin:10px 0;color:#606266;font-size:14px}.meeting-info strong[data-v-1b60e4c5]{color:#303133;font-weight:500;margin-right:8px}.button-group[data-v-1b60e4c5]{margin-top:30px;display:flex;justify-content:center;gap:20px}@media (max-width:768px){.waiting-box[data-v-1b60e4c5]{padding:15px}.title[data-v-1b60e4c5]{font-size:20px;margin-bottom:20px}.meeting-info[data-v-1b60e4c5]{padding:15px;margin:20px 0}.meeting-info p[data-v-1b60e4c5]{font-size:13px}.button-group[data-v-1b60e4c5]{flex-direction:column;gap:10px}.button-group .el-button[data-v-1b60e4c5]{width:100%}}@media (max-width:480px){.el-dialog[data-v-1b60e4c5]{width:90%!important}.title[data-v-1b60e4c5]{font-size:18px}}.meeting-title-container[data-v-0b9aaab4]{width:calc(100% - 20px);height:calc(100% - 10px);background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:16px 24px;border-radius:12px;margin:5px 10px;transition:all .3s ease;border:1px solid #f0f0f0;position:relative}.meeting-info-panel[data-v-0b9aaab4]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:100%}.meeting-basic-info[data-v-0b9aaab4]{flex:1;min-width:0;margin-right:24px}.meeting-name[data-v-0b9aaab4]{font-size:20px;color:#2c3e50;margin:0 0 8px 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-details[data-v-0b9aaab4]{display:flex;gap:32px;color:#606266;font-size:14px}.meeting-details span[data-v-0b9aaab4]{display:flex;align-items:center;gap:6px}.meeting-details .el-icon[data-v-0b9aaab4]{color:#409eff;font-size:16px;flex-shrink:0}.right-controls[data-v-0b9aaab4]{display:flex;align-items:center;gap:16px}.message-btn[data-v-0b9aaab4]{height:36px;padding:0 16px;font-size:14px;display:flex;align-items:center;gap:6px}@keyframes blink-0b9aaab4{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.message-badge.blinking[data-v-0b9aaab4] .el-badge__content{animation:blink-0b9aaab4 1.5s infinite;animation-timing-function:ease-in-out}.message-badge[data-v-0b9aaab4] .el-badge__content{background-color:var(--el-color-danger)}.host-info[data-v-0b9aaab4]{display:flex;align-items:center;padding:8px 16px;background:var(--el-fill-color-light);border-radius:4px}.host-label[data-v-0b9aaab4]{display:flex;align-items:center;gap:6px;color:#606266;font-size:14px}.host-label .el-icon[data-v-0b9aaab4]{color:#409eff;font-size:16px;flex-shrink:0}.co-host-btn[data-v-0b9aaab4],.leave-btn[data-v-0b9aaab4]{display:flex;align-items:center;gap:6px}.co-host-btn[data-v-0b9aaab4]{height:36px;padding:0 16px;font-size:14px}.mobile-message-corner[data-v-0b9aaab4]{position:absolute;top:10px;right:24px;display:none;z-index:10}@media (min-width:769px){.mobile-message-corner[data-v-0b9aaab4]{display:none}.pc-message-container[data-v-0b9aaab4]{display:flex}}@media (max-width:768px){.meeting-title-container[data-v-0b9aaab4]{padding:10px 12px;margin:4px 8px;height:auto;position:relative}.mobile-message-corner[data-v-0b9aaab4]{display:block}.pc-message-container[data-v-0b9aaab4]{display:none}.meeting-info-panel[data-v-0b9aaab4]{flex-direction:column;align-items:flex-start;gap:12px;height:auto}.meeting-basic-info[data-v-0b9aaab4]{margin-right:0;width:100%}.meeting-name[data-v-0b9aaab4]{font-size:16px;margin-bottom:6px}.meeting-details[data-v-0b9aaab4]{flex-wrap:wrap;gap:8px 16px;font-size:10px}.meeting-details .el-icon[data-v-0b9aaab4]{font-size:12px}.right-controls[data-v-0b9aaab4]{width:100%;justify-content:space-between;flex-wrap:wrap;gap:0}.message-btn[data-v-0b9aaab4]{padding:0 10px;height:30px;min-width:0}.btn-text[data-v-0b9aaab4]{display:none}.host-info[data-v-0b9aaab4]{padding:6px 6px;flex:1;min-width:30;font-size:12px;max-width:45%}.host-text[data-v-0b9aaab4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-btn[data-v-0b9aaab4]{padding:6px 8px;font-size:12px;height:30px}.co-host-btn[data-v-0b9aaab4]{padding:6px 6px;height:30px;font-size:12px;transform:translateX(6px)}.co-host-btn .el-icon[data-v-0b9aaab4]{font-size:14px}}@media (max-width:480px){.meeting-title-container[data-v-0b9aaab4]{padding:8px 10px;margin:3px 6px}.meeting-info-panel[data-v-0b9aaab4]{gap:8px}.meeting-details[data-v-0b9aaab4]{gap:6px 10px}.right-controls[data-v-0b9aaab4]{gap:6px}.host-info[data-v-0b9aaab4]{padding:4px 8px;font-size:4px}.host-label[data-v-0b9aaab4]{font-size:12px;gap:4px}.host-label .el-icon[data-v-0b9aaab4]{font-size:14px}}@media (prefers-color-scheme:dark){.meeting-title-container[data-v-0b9aaab4]{background:var(--el-bg-color);border-color:var(--el-border-color-darker)}.meeting-name[data-v-0b9aaab4]{color:var(--el-text-color-primary)}.host-info[data-v-0b9aaab4]{background:var(--el-bg-color-darker)}.host-label[data-v-0b9aaab4]{color:var(--el-text-color-regular)}}.waiting-dialog{.el-dialog__header[data-v-513b3668]{border-bottom:none;padding-top:24px}.el-dialog__title[data-v-513b3668]{font-size:20px;font-weight:600;color:#333;text-align:center}}dialog-content[data-v-513b3668]{display:flex;flex-direction:column;align-items:center;padding:20px 0}.animation-container[data-v-513b3668]{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:24px;position:relative;height:120px}.avatar[data-v-513b3668]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.15);background-color:#f0f2f5;z-index:2}.avatar img[data-v-513b3668]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar[data-v-513b3668]{position:absolute;left:50px;animation:pulse-513b3668 3s infinite}.host-avatar[data-v-513b3668]{position:absolute;right:50px}.message-animation[data-v-513b3668]{display:flex;flex-direction:column;align-items:center;position:absolute;left:150px;right:150px;height:100%}.message-bubble[data-v-513b3668]{background-color:#e6f7ff;border-radius:18px;padding:8px 12px;margin:4px 0;min-width:40px;text-align:center;animation:floatMessage-513b3668 4s infinite;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message-bubble[data-v-513b3668]:first-child{animation-delay:.5s}.message-bubble[data-v-513b3668]:nth-child(2){animation-delay:2s}.message-bubble[data-v-513b3668]:nth-child(3){animation-delay:3.5s}.dot[data-v-513b3668]{width:8px;height:8px;background-color:#1890ff;border-radius:50%;display:inline-block}.message-text[data-v-513b3668]{font-size:16px;color:#666;text-align:center;line-height:1.6;max-width:300px}.dialog-footer[data-v-513b3668]{display:flex;justify-content:center;padding:15px;border-top:1px solid #f0f0f0}.dialog-footer .el-button[data-v-513b3668]{width:120px;height:40px;border-radius:20px;font-size:14px}@keyframes floatMessage-513b3668{0%{transform:translateX(0) translateY(20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(100px) translateY(-10px);opacity:0}}@keyframes pulse-513b3668{0%{box-shadow:0 0 0 0 rgba(24,144,255,.4)}70%{box-shadow:0 0 0 10px rgba(24,144,255,0)}to{box-shadow:0 0 0 0 rgba(24,144,255,0)}}@media (max-width:768px){.animation-container[data-v-513b3668]{height:100px}.avatar[data-v-513b3668]{width:60px;height:60px}.user-avatar[data-v-513b3668]{left:20px}.host-avatar[data-v-513b3668]{right:20px}.message-animation[data-v-513b3668]{left:100px;right:100px}}.right-panel[data-v-f3a60760]{width:20%;min-width:210px;max-width:210px;display:flex;flex-direction:column;gap:5px;margin-top:-13px;margin-bottom:13px}.other-videos[data-v-f3a60760]{flex:1;display:flex;flex-direction:column;overflow-y:auto!important}.video-tile-item[data-v-f3a60760]{width:100%;aspect-ratio:16/9;height:auto;margin-bottom:8px;flex-shrink:0}.main-video-wrapper[data-v-f3a60760]{width:100%;height:100%;position:relative;aspect-ratio:16/10;overflow:hidden}.search-box[data-v-f3a60760]{padding:0 8px;grid-column:1/-1;margin-bottom:8px}.search-box[data-v-f3a60760] .el-input{width:100%}.search-box[data-v-f3a60760] .el-input__wrapper{border-radius:20px;background:var(--el-bg-color-overlay)}.search-box[data-v-f3a60760] .el-input__inner{height:32px;font-size:14px}.meeting-container[data-v-f3a60760]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.meeting-header[data-v-f3a60760]{position:sticky;top:0;z-index:100;width:100%;height:80px}.meeting-room[data-v-f3a60760]{flex:1;display:flex;gap:20px;padding:20px;height:calc(100vh - 80px);overflow:hidden}.main-video[data-v-f3a60760]{flex:1;min-width:0;max-width:88%;height:95%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.main-video .video-tile[data-v-f3a60760]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.other-videos[data-v-f3a60760]{width:17.5%;min-width:210px;max-width:210px;background:var(--el-bg-color);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:8px;height:95%;overflow:hidden;gap:8px;overflow-y:auto;overflow-x:hidden}.right-sidebar[data-v-f3a60760]{width:350px;display:flex;flex-direction:column;gap:20px}.chat-container[data-v-f3a60760],.participants-container[data-v-f3a60760]{flex-grow:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.stop-share-btn[data-v-f3a60760]{bottom:10%;left:50px;width:150px;z-index:10}@media (max-width:1024px){.meeting-room[data-v-f3a60760]{padding:12px;height:calc(100vh - 80px);overflow:auto}.main-video-wrapper[data-v-f3a60760]{width:100%;height:auto}.main-video[data-v-f3a60760]{max-width:100%;height:auto;min-height:40vh;max-height:60vh;margin-bottom:15px}.right-panel[data-v-f3a60760]{width:17.5%;min-width:210px;max-width:210px;margin-top:-10px}.stop-share-btn[data-v-f3a60760]{bottom:10px;right:30px;padding:8px 12px;font-size:12px}}@media (max-width:768px){.right-sidebar[data-v-f3a60760]{width:100%;margin-top:10px}.meeting-room[data-v-f3a60760]{flex-direction:column;margin-top:10px;padding:12px}.main-video-wrapper[data-v-f3a60760]{width:100%}.main-video[data-v-f3a60760]{max-width:100%;aspect-ratio:16/9;margin-bottom:12px;position:relative}.right-panel[data-v-f3a60760]{width:100%;min-width:0;max-width:none;height:40vh;min-height:245px;max-height:350px;margin-bottom:15px;margin-top:-10px}.other-videos[data-v-f3a60760]{width:100%;min-width:0;height:100%;max-width:none;max-height:none;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc(50% - 6px);padding:6px;gap:6px;overflow-y:auto!important;overflow-x:hidden}.video-tile-item[data-v-f3a60760]{height:auto;aspect-ratio:16/9;margin-bottom:6px}}.other-videos[data-v-f3a60760]::-webkit-scrollbar{width:4px}.other-videos[data-v-f3a60760]::-webkit-scrollbar-thumb{background-color:var(--el-border-color-darker);border-radius:2px}.other-videos[data-v-f3a60760]::-webkit-scrollbar-track{background-color:transparent}.stop-share-btn[data-v-f3a60760]{position:absolute;bottom:20px;right:20px;background-color:red;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.stop-share-btn[data-v-f3a60760]:hover{background-color:#c00}@media (prefers-color-scheme:dark){.other-videos[data-v-f3a60760]{background:var(--el-bg-color-darker);box-shadow:0 2px 12px rgba(0,0,0,.2)}.other-videos[data-v-f3a60760]::-webkit-scrollbar-thumb{background-color:var(--el-border-color)}}.create-room-container[data-v-1d91adb1]{display:flex;justify-content:center;align-items:center;padding:20px;min-height:100vh}.create-room-box[data-v-1d91adb1]{width:100%;max-width:600px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}h2[data-v-1d91adb1]{font-size:24px;margin-bottom:20px}.input-group[data-v-1d91adb1]{margin-bottom:20px;text-align:left}.input-group label[data-v-1d91adb1]{display:block;font-weight:700;margin-bottom:8px}.input-group input[data-v-1d91adb1],.input-group select[data-v-1d91adb1],.input-group textarea[data-v-1d91adb1]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.input-group textarea[data-v-1d91adb1]{height:100px}.cover-upload[data-v-1d91adb1]{margin-bottom:20px}.cover-label[data-v-1d91adb1]{display:inline-block;width:100%;height:200px;background-color:#f0f0f0;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.cover-preview img[data-v-1d91adb1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-upload input[type=file][data-v-1d91adb1]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.cover-upload span[data-v-1d91adb1]{color:#888;font-size:16px}.button[data-v-1d91adb1]{padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;font-size:16px}.button[data-v-1d91adb1]:hover{background-color:#45a049}@media (max-width:768px){.create-room-box[data-v-1d91adb1]{width:90%;padding:15px}.cover-label[data-v-1d91adb1]{height:150px}}@media (max-width:480px){.create-room-box[data-v-1d91adb1]{width:95%}h2[data-v-1d91adb1]{font-size:20px}.cover-label[data-v-1d91adb1]{height:120px}.input-group input[data-v-1d91adb1],.input-group select[data-v-1d91adb1],.input-group textarea[data-v-1d91adb1]{font-size:12px;padding:8px}.button[data-v-1d91adb1]{font-size:14px;padding:10px 16px}}.waiting-dialog{.el-dialog__header[data-v-7398bdc2]{border-bottom:none;padding-top:24px}.el-dialog__title[data-v-7398bdc2]{font-size:20px;font-weight:600;color:#333;text-align:center}}dialog-content[data-v-7398bdc2]{display:flex;flex-direction:column;align-items:center;padding:20px 0}.animation-container[data-v-7398bdc2]{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:24px;position:relative;height:120px}.avatar[data-v-7398bdc2]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.15);background-color:#f0f2f5;z-index:2}.avatar img[data-v-7398bdc2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar[data-v-7398bdc2]{position:absolute;left:50px;animation:pulse-7398bdc2 3s infinite}.host-avatar[data-v-7398bdc2]{position:absolute;right:50px}.message-animation[data-v-7398bdc2]{display:flex;flex-direction:column;align-items:center;position:absolute;left:150px;right:150px;height:100%}.message-bubble[data-v-7398bdc2]{background-color:#e6f7ff;border-radius:18px;padding:8px 12px;margin:4px 0;min-width:40px;text-align:center;animation:floatMessage-7398bdc2 4s infinite;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.message-bubble[data-v-7398bdc2]:first-child{animation-delay:.5s}.message-bubble[data-v-7398bdc2]:nth-child(2){animation-delay:2s}.message-bubble[data-v-7398bdc2]:nth-child(3){animation-delay:3.5s}.dot[data-v-7398bdc2]{width:8px;height:8px;background-color:#1890ff;border-radius:50%;display:inline-block}.message-text[data-v-7398bdc2]{font-size:16px;color:#666;text-align:center;line-height:1.6;max-width:300px}.dialog-footer[data-v-7398bdc2]{display:flex;justify-content:center;padding:15px;border-top:1px solid #f0f0f0}.dialog-footer .el-button[data-v-7398bdc2]{width:120px;height:40px;border-radius:20px;font-size:14px}@keyframes floatMessage-7398bdc2{0%{transform:translateX(0) translateY(20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(100px) translateY(-10px);opacity:0}}@keyframes pulse-7398bdc2{0%{box-shadow:0 0 0 0 rgba(24,144,255,.4)}70%{box-shadow:0 0 0 10px rgba(24,144,255,0)}to{box-shadow:0 0 0 0 rgba(24,144,255,0)}}@media (max-width:768px){.animation-container[data-v-7398bdc2]{height:100px}.avatar[data-v-7398bdc2]{width:60px;height:60px}.user-avatar[data-v-7398bdc2]{left:20px}.host-avatar[data-v-7398bdc2]{right:20px}.message-animation[data-v-7398bdc2]{left:100px;right:100px}}.join-room-container[data-v-021201dc]{display:flex;justify-content:center;align-items:center;padding:20px;min-height:100vh}.join-room-box[data-v-021201dc]{width:100%;max-width:600px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}h2[data-v-021201dc]{font-size:24px;margin-bottom:20px}.input-group[data-v-021201dc]{margin-bottom:20px;text-align:left}.input-group label[data-v-021201dc]{display:block;font-weight:700;margin-bottom:8px}.input-group input[data-v-021201dc],.input-group select[data-v-021201dc]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.input-group input[type=password][data-v-021201dc]{font-family:Courier New,Courier,monospace}.button[data-v-021201dc]{padding:12px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;font-size:16px}.button[data-v-021201dc]:hover{background-color:#45a049}@media (max-width:768px){.join-room-box[data-v-021201dc]{width:90%;padding:15px}h2[data-v-021201dc]{font-size:22px}}@media (max-width:480px){.join-room-box[data-v-021201dc]{width:95%}h2[data-v-021201dc]{font-size:20px}.input-group input[data-v-021201dc],.input-group select[data-v-021201dc]{font-size:12px;padding:8px}.button[data-v-021201dc]{font-size:14px;padding:10px 16px}}@media screen and (max-width:768px){.live-room-management-container[data-v-021201dc]{padding:10px}.button[data-v-021201dc]{min-width:auto;padding:6px 12px}.room-actions[data-v-021201dc]{flex-wrap:wrap;gap:8px}}.nav-bar[data-v-021201dc]{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.nav-left h3[data-v-021201dc]{margin:0;color:#409eff}.nav-right[data-v-021201dc]{display:flex;gap:10px}.live-room-management-container[data-v-021201dc]{padding-top:80px}@media screen and (max-width:768px){.nav-bar[data-v-021201dc]{padding:0 10px;height:50px}.nav-left h3[data-v-021201dc]{font-size:16px}}.create-room-container[data-v-261d5b59]{display:flex;justify-content:center;align-items:center;min-height:40vh}.create-room-box[data-v-261d5b59]{width:100%;padding:20px 10px;background:#fff;border-radius:8px}.title[data-v-261d5b59]{font-size:22px;color:#303133;margin-bottom:30px;text-align:center;font-weight:600}.meeting-form[data-v-261d5b59]{max-width:560px;margin:0 auto}.meeting-form[data-v-261d5b59] .el-form-item__label{font-weight:500;color:#606266}.meeting-form[data-v-261d5b59] .el-input__wrapper,.meeting-form[data-v-261d5b59] .el-textarea__inner{box-shadow:inset 0 0 0 1px #dcdfe6}.meeting-form[data-v-261d5b59] .el-input__wrapper:hover,.meeting-form[data-v-261d5b59] .el-textarea__inner:hover{box-shadow:inset 0 0 0 1px #409eff}.form-buttons[data-v-261d5b59]{margin-top:40px;text-align:center}.form-buttons[data-v-261d5b59] .el-form-item__content{justify-content:center;margin-left:0!important}.copy-btn[data-v-261d5b59],.submit-btn[data-v-261d5b59]{width:140px;height:40px;font-size:15px}@media (max-width:768px){.create-room-box[data-v-261d5b59]{padding:15px 5px}.title[data-v-261d5b59]{font-size:20px;margin-bottom:20px}.meeting-form[data-v-261d5b59]{max-width:100%}.copy-btn[data-v-261d5b59],.submit-btn[data-v-261d5b59]{width:120px;height:36px;font-size:14px}}@media (max-width:480px){.el-dialog[data-v-261d5b59]{width:90%!important}.meeting-form[data-v-261d5b59] .el-form-item__label{font-size:14px}}.datetime-item[data-v-261d5b59] .el-date-editor{width:100%}@media screen and (max-width:768px){.datetime-item[data-v-261d5b59] .el-date-editor{width:100%}}.live-room-management-container[data-v-08faebd0]{display:flex;justify-content:center;align-items:center;padding:20px;min-height:100vh}.live-room-management-box[data-v-08faebd0]{width:100%;max-width:800px;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}h2[data-v-08faebd0]{font-size:24px;margin-bottom:20px}.live-room-list[data-v-08faebd0]{margin-bottom:20px}.live-room-item[data-v-08faebd0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;background:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.room-info[data-v-08faebd0]{text-align:left}.room-actions[data-v-08faebd0]{display:flex;gap:10px}.button[data-v-08faebd0]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.button[data-v-08faebd0]:hover{background-color:#45a049}.button.start[data-v-08faebd0]{background-color:#f0ad4e}.button.start[data-v-08faebd0]:hover{background-color:#ec971f}.button.edit[data-v-08faebd0]{background-color:#5bc0de}.button.edit[data-v-08faebd0]:hover{background-color:#31b0d5}.button.delete[data-v-08faebd0]{background-color:#d9534f}.button.delete[data-v-08faebd0]:hover{background-color:#c9302c}.add-room[data-v-08faebd0]{margin-top:20px;background-color:#007bff}.add-room[data-v-08faebd0]:hover{background-color:#0056b3}@media (max-width:768px){.live-room-management-box[data-v-08faebd0]{width:90%;padding:15px}h2[data-v-08faebd0]{font-size:22px}}@media (max-width:480px){.live-room-management-box[data-v-08faebd0]{width:95%}h2[data-v-08faebd0]{font-size:20px}.button[data-v-08faebd0]{font-size:12px;padding:6px 12px}}.pagination-wrapper[data-v-08faebd0]{display:flex;justify-content:center;margin:20px 0;padding:10px 0}.custom-pagination[data-v-08faebd0]{--el-pagination-bg-color:#fff;--el-pagination-hover-color:#409eff}.custom-pagination[data-v-08faebd0] .el-pagination__jump,.custom-pagination[data-v-08faebd0] .el-pagination__total{font-size:14px}.custom-pagination[data-v-08faebd0] .el-pagination__sizes{margin-right:15px}[data-v-08faebd0] .custom-dialog{@media screen and (max-width:768px){.el-dialog{margin:0!important;max-width:100%;border-radius:0;height:100vh;display:flex;flex-direction:column}.el-dialog__header{padding:12px 16px;margin:0;border-bottom:1px solid var(--el-border-color-lighter);position:relative;flex-shrink:0}.el-dialog__body{padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.el-dialog__footer{padding:12px 16px;border-top:1px solid var(--el-border-color-lighter);flex-shrink:0}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-title{font-size:16px;font-weight:500;color:var(--el-text-color-primary)}.close-btn{padding:8px;margin:-8px}}@media screen and (min-width:769px){.el-dialog{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.el-dialog__header{padding:20px 24px}.el-dialog__body{padding:24px;max-height:70vh;overflow-y:auto}.el-dialog__footer{padding:16px 24px}}.el-dialog__body{&{scrollbar-width:thin;scrollbar-color:var(--el-border-color) transparent}&::-webkit-scrollbar{width:4px;height:4px}&::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:2px}&::-webkit-scrollbar-track{background:transparent}}.el-dialog{transition:all .3s ease-out}@media (prefers-color-scheme:dark){.el-dialog{background:var(--el-bg-color)}.dialog-title{color:var(--el-text-color-primary)}}}@media screen and (max-width:768px){.live-room-management-container[data-v-08faebd0]{padding:10px}.button[data-v-08faebd0]{min-width:auto;padding:6px 12px}.room-actions[data-v-08faebd0]{flex-wrap:wrap;gap:8px}}.nav-bar[data-v-08faebd0]{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.nav-left h3[data-v-08faebd0]{margin:0;color:#409eff}.nav-right[data-v-08faebd0]{display:flex;gap:10px}.live-room-management-container[data-v-08faebd0]{padding-top:80px}@media screen and (max-width:768px){.nav-bar[data-v-08faebd0]{padding:0 10px;height:50px}.nav-left h3[data-v-08faebd0]{font-size:16px}}.register-box[data-v-05931934]{width:100%;max-width:400px;padding:20px;box-sizing:border-box;text-align:center}.avatar-upload[data-v-05931934]{margin-bottom:20px;position:relative}.avatar-label[data-v-05931934]{display:inline-block;width:100px;height:100px;border-radius:50%;background-color:#f0f0f0;overflow:hidden;cursor:pointer;position:relative}.avatar-preview img[data-v-05931934]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload input[type=file][data-v-05931934]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.avatar-upload span[data-v-05931934]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888}.input-group[data-v-05931934]{margin-bottom:15px;text-align:left}.input-group label[data-v-05931934]{display:block;margin-bottom:5px;font-weight:700}.input-group input[data-v-05931934]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.button[data-v-05931934]{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.button[data-v-05931934]:hover{background-color:#45a049}.verification-group[data-v-05931934]{position:relative}.code-input-group[data-v-05931934]{gap:10px}.verify-btn[data-v-05931934]{min-width:120px;height:40px;border-radius:20px;background:linear-gradient(45deg,#409eff,#67c23a);border:none;color:#fff;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0 15px;line-height:1}.verify-btn[data-v-05931934]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.verify-btn[data-v-05931934]:disabled{background:#e6e6e6;cursor:not-allowed}.verify-btn.counting[data-v-05931934]{background:#909399}.code-input-group[data-v-05931934]{display:flex;gap:15px;align-items:center}.code-input-group input[data-v-05931934]{flex:2;min-width:180px;height:40px}.welcome-container[data-v-de7b7cde]{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1c92d2,#f2fcfe);padding:20px}.content-box[data-v-de7b7cde]{background:hsla(0,0%,100%,.9);padding:50px 80px;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);text-align:center;max-width:90%;transition:all .3s ease}.content-box[data-v-de7b7cde]:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2)}.welcome-title[data-v-de7b7cde]{font-size:2.8em;color:#2c3e50;margin-bottom:50px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.button-group[data-v-de7b7cde]{display:flex;gap:30px;justify-content:center}.button-group .el-button[data-v-de7b7cde]{min-width:150px;padding:12px 30px;font-size:1.1em;border-radius:8px;transition:all .3s ease}.button-group .el-button[data-v-de7b7cde]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (max-width:768px){.content-box[data-v-de7b7cde]{padding:30px 40px}.welcome-title[data-v-de7b7cde]{font-size:2em;margin-bottom:30px}.button-group[data-v-de7b7cde]{flex-direction:column}.button-group .el-button[data-v-de7b7cde]{width:100%}}body,html{overflow:hidden;width:100%;height:100%;margin:0;padding:0}#renderCanvas{touch-action:none}#canvasZone,#renderCanvas{width:100%;height:100%}.all-container[data-v-588be7da]{min-height:calc(100vh - 60px);margin-top:60px;padding:20px;box-sizing:border-box;background:#f5f7fa}[data-v-588be7da] .el-tab-pane{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px;margin-top:20px}.user-info-form[data-v-588be7da]{max-width:500px}.el-form[data-v-588be7da]{max-width:500px;margin:0 auto}.all-container-padding[data-v-588be7da]{max-width:800px;margin:0 auto}.nav-bar[data-v-588be7da]{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;padding:0 20px;z-index:100}.nav-left[data-v-588be7da]{position:absolute;left:20px}.nav-center[data-v-588be7da]{flex:1;text-align:center}.nav-center h3[data-v-588be7da]{margin:0;color:#303133;font-size:18px}.back-btn[data-v-588be7da]{font-size:14px;color:#606266;display:flex;align-items:center;gap:4px}.back-btn[data-v-588be7da]:hover{color:#409eff}.bg[data-v-588be7da]{background:none;box-shadow:none;margin-top:0;padding:0}@media screen and (max-width:768px){.all-container[data-v-588be7da]{padding:10px}.all-container-padding[data-v-588be7da]{width:100%}}body[data-v-588be7da],html[data-v-588be7da]{overflow:hidden;width:100%;height:100%;margin:0;padding:0}#renderCanvas[data-v-588be7da]{width:100%;height:100%;touch-action:none}#canvasZone[data-v-588be7da]{width:100%;height:100%}.user-info-form[data-v-588be7da]{max-width:600px;margin:0 auto;padding:20px}.avatar-section[data-v-588be7da]{text-align:center;margin-bottom:30px}.avatar-tip[data-v-588be7da]{margin-top:8px;font-size:13px;color:#909399}.info-section[data-v-588be7da]{margin:20px 0}.info-section[data-v-588be7da] .el-input.is-disabled .el-input__wrapper{background-color:#f5f7fa}.form-actions[data-v-588be7da]{text-align:center;margin-top:40px}[data-v-588be7da] .el-tag{font-size:14px;padding:8px 16px}[data-v-588be7da] .el-input-group__append{padding:0 12px;cursor:help}[data-v-588be7da] .el-tooltip__trigger{color:#909399}[data-v-588be7da] .el-button .el-icon{margin-right:4px}[data-v-588be7da] .el-tabs__header{display:flex;justify-content:center;margin-bottom:20px}[data-v-588be7da] .el-tabs__nav-wrap{justify-content:center}[data-v-588be7da] .el-tabs__nav{float:none}