:root{--qq-primary:#12b7f5;--qq-primary-light:#4fc3f7;--qq-primary-dark:#0d8bc7;--qq-secondary:#ff6b35;--qq-success:#4caf50;--qq-warning:#ff9800;--qq-danger:#f44336;--qq-info:#9e9e9e;--qq-bg-primary:#fff;--qq-bg-secondary:#f8f9fa;--qq-bg-tertiary:#f1f3f4;--qq-bg-gradient:linear-gradient(135deg,#e3f2fd,#f3e5f5);--qq-text-primary:#212121;--qq-text-secondary:#757575;--qq-text-tertiary:#9e9e9e;--qq-text-disabled:#bdbdbd;--qq-border-light:#e0e0e0;--qq-border-medium:#bdbdbd;--qq-border-dark:#9e9e9e;--qq-shadow-light:0 2px 8px rgba(0,0,0,.1);--qq-shadow-medium:0 4px 16px rgba(0,0,0,.15);--qq-shadow-heavy:0 8px 32px rgba(0,0,0,.2);--qq-radius-small:4px;--qq-radius-medium:8px;--qq-radius-large:12px;--qq-radius-round:50%;--qq-spacing-xs:4px;--qq-spacing-sm:8px;--qq-spacing-md:16px;--qq-spacing-lg:24px;--qq-spacing-xl:32px}body{line-height:1.6;color:var(--qq-text-primary);background-color:var(--qq-bg-secondary)}.qq-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--qq-radius-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;outline:none}.qq-btn:hover{transform:translateY(-1px);box-shadow:var(--qq-shadow-medium)}.qq-btn:active{transform:translateY(0)}.qq-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.qq-btn.qq-btn-primary{background:linear-gradient(135deg,var(--qq-primary) 0,var(--qq-primary-dark) 100%);color:#fff}.qq-btn.qq-btn-primary:hover{background:linear-gradient(135deg,var(--qq-primary-light) 0,var(--qq-primary) 100%)}.qq-btn.qq-btn-secondary{background:#fff;color:var(--qq-primary);border:2px solid var(--qq-primary)}.qq-btn.qq-btn-secondary:hover{background:var(--qq-primary);color:#fff}.qq-btn.qq-btn-success{background:linear-gradient(135deg,var(--qq-success) 0,#388e3c 100%);color:#fff}.qq-btn.qq-btn-danger{background:linear-gradient(135deg,var(--qq-danger) 0,#d32f2f 100%);color:#fff}.qq-btn.qq-btn-text{background:transparent;color:var(--qq-primary);padding:4px 8px}.qq-btn.qq-btn-text:hover{background:rgba(18,183,245,.1);transform:none;box-shadow:none}.qq-btn.qq-btn-large{padding:12px 24px;font-size:16px;border-radius:var(--qq-radius-large)}.qq-btn.qq-btn-small{padding:6px 12px;font-size:12px;border-radius:var(--qq-radius-small)}.qq-input{position:relative;width:100%}.qq-input input,.qq-input textarea{width:100%;padding:12px 16px;border:2px solid var(--qq-border-light);border-radius:var(--qq-radius-medium);font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.qq-input input:focus,.qq-input textarea:focus{border-color:var(--qq-primary);box-shadow:0 0 0 3px rgba(18,183,245,.1)}.qq-input input:hover,.qq-input textarea:hover{border-color:var(--qq-border-medium)}.qq-input input::-moz-placeholder,.qq-input textarea::-moz-placeholder{color:var(--qq-text-tertiary)}.qq-input input::placeholder,.qq-input textarea::placeholder{color:var(--qq-text-tertiary)}.qq-input.qq-input-error input,.qq-input.qq-input-error textarea{border-color:var(--qq-danger)}.qq-input.qq-input-error input:focus,.qq-input.qq-input-error textarea:focus{box-shadow:0 0 0 3px rgba(244,67,54,.1)}.qq-input.qq-input-success input,.qq-input.qq-input-success textarea{border-color:var(--qq-success)}.qq-input.qq-input-success input:focus,.qq-input.qq-input-success textarea:focus{box-shadow:0 0 0 3px rgba(76,175,80,.1)}.qq-card{background:#fff;border-radius:var(--qq-radius-large);box-shadow:var(--qq-shadow-light);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.qq-card:hover{box-shadow:var(--qq-shadow-medium);transform:translateY(-2px)}.qq-card .qq-card-header{padding:var(--qq-spacing-lg);border-bottom:1px solid var(--qq-border-light);background:var(--qq-bg-secondary)}.qq-card .qq-card-header h3{margin:0;font-size:18px;font-weight:600;color:var(--qq-text-primary)}.qq-card .qq-card-body,.qq-card .qq-card-footer{padding:var(--qq-spacing-lg)}.qq-card .qq-card-footer{border-top:1px solid var(--qq-border-light);background:var(--qq-bg-secondary)}.qq-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--qq-radius-round);background:var(--qq-primary);color:#fff;font-weight:500;overflow:hidden}.qq-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qq-avatar.qq-avatar-small{width:32px;height:32px;font-size:12px}.qq-avatar.qq-avatar-medium{width:40px;height:40px;font-size:14px}.qq-avatar.qq-avatar-large{width:48px;height:48px;font-size:16px}.qq-avatar.qq-avatar-xl{width:64px;height:64px;font-size:20px}.qq-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;line-height:1}.qq-badge.qq-badge-primary{background:var(--qq-primary);color:#fff}.qq-badge.qq-badge-success{background:var(--qq-success);color:#fff}.qq-badge.qq-badge-warning{background:var(--qq-warning);color:#fff}.qq-badge.qq-badge-danger{background:var(--qq-danger);color:#fff}.qq-badge.qq-badge-dot{width:8px;height:8px;padding:0;border-radius:var(--qq-radius-round)}.qq-message-bubble{display:inline-block;max-width:70%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word;position:relative}.qq-message-bubble.qq-message-own{background:linear-gradient(135deg,var(--qq-primary) 0,var(--qq-primary-dark) 100%);color:#fff;border-bottom-right-radius:4px}.qq-message-bubble.qq-message-own:after{content:"";position:absolute;right:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-left-color:var(--qq-primary-dark);border-bottom:none;border-right:none}.qq-message-bubble.qq-message-other{background:#fff;color:var(--qq-text-primary);border:1px solid var(--qq-border-light);border-bottom-left-radius:4px}.qq-message-bubble.qq-message-other:after{content:"";position:absolute;left:-8px;bottom:0;width:0;height:0;border:8px solid transparent;border-right-color:#fff;border-bottom:none;border-left:none}.qq-navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--qq-spacing-md) var(--qq-spacing-lg);background:#fff;border-bottom:1px solid var(--qq-border-light);box-shadow:var(--qq-shadow-light)}.qq-navbar .qq-navbar-brand{display:flex;align-items:center;gap:var(--qq-spacing-sm);font-size:18px;font-weight:600;color:var(--qq-text-primary);text-decoration:none}.qq-navbar .qq-navbar-brand .qq-navbar-logo{width:32px;height:32px;border-radius:var(--qq-radius-medium)}.qq-navbar .qq-navbar-menu{display:flex;align-items:center;gap:var(--qq-spacing-md)}.qq-navbar .qq-navbar-item{padding:8px 16px;border-radius:var(--qq-radius-medium);color:var(--qq-text-secondary);text-decoration:none;transition:all .3s ease}.qq-navbar .qq-navbar-item:hover{background:var(--qq-bg-secondary);color:var(--qq-text-primary)}.qq-navbar .qq-navbar-item.qq-navbar-active{background:var(--qq-primary);color:#fff}.qq-sidebar{background:#fff;border-right:1px solid var(--qq-border-light);box-shadow:var(--qq-shadow-light)}.qq-sidebar .qq-sidebar-header{padding:var(--qq-spacing-lg);border-bottom:1px solid var(--qq-border-light);background:var(--qq-bg-secondary)}.qq-sidebar .qq-sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:var(--qq-text-primary)}.qq-sidebar .qq-sidebar-body{padding:var(--qq-spacing-md)}.qq-sidebar .qq-sidebar-item{display:flex;align-items:center;gap:var(--qq-spacing-sm);padding:var(--qq-spacing-sm) var(--qq-spacing-md);border-radius:var(--qq-radius-medium);color:var(--qq-text-secondary);text-decoration:none;transition:all .3s ease;margin-bottom:2px}.qq-sidebar .qq-sidebar-item:hover{background:var(--qq-bg-secondary);color:var(--qq-text-primary)}.qq-sidebar .qq-sidebar-item.qq-sidebar-active{background:var(--qq-primary);color:#fff}.qq-loading{display:inline-block;width:20px;height:20px;border:2px solid var(--qq-border-light);border-top:2px solid var(--qq-primary);border-radius:var(--qq-radius-round);animation:qq-spin 1s linear infinite}@keyframes qq-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qq-tooltip{position:relative;display:inline-block}.qq-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 12px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;border-radius:var(--qq-radius-small);white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.qq-tooltip:hover:after{opacity:1;visibility:visible}.qq-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.qq-modal .qq-modal-content{background:#fff;border-radius:var(--qq-radius-large);box-shadow:var(--qq-shadow-heavy);max-width:90%;max-height:90%;overflow:hidden;animation:qq-modal-fade-in .3s ease}.qq-modal .qq-modal-header{padding:var(--qq-spacing-lg);border-bottom:1px solid var(--qq-border-light);display:flex;align-items:center;justify-content:space-between}.qq-modal .qq-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--qq-text-primary)}.qq-modal .qq-modal-header .qq-modal-close{background:none;border:none;font-size:20px;color:var(--qq-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--qq-radius-small);transition:all .3s ease}.qq-modal .qq-modal-header .qq-modal-close:hover{background:var(--qq-bg-secondary);color:var(--qq-text-primary)}.qq-modal .qq-modal-body,.qq-modal .qq-modal-footer{padding:var(--qq-spacing-lg)}.qq-modal .qq-modal-footer{border-top:1px solid var(--qq-border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--qq-spacing-sm)}@keyframes qq-modal-fade-in{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.qq-navbar{padding:var(--qq-spacing-sm) var(--qq-spacing-md)}.qq-navbar .qq-navbar-menu{gap:var(--qq-spacing-sm)}.qq-navbar .qq-navbar-item{padding:6px 12px;font-size:12px}.qq-card{margin:var(--qq-spacing-sm)}.qq-card .qq-card-body,.qq-card .qq-card-footer,.qq-card .qq-card-header{padding:var(--qq-spacing-md)}.qq-message-bubble{max-width:85%;padding:10px 14px;font-size:13px}}@media(prefers-color-scheme:dark){:root{--qq-bg-primary:#1a1a1a;--qq-bg-secondary:#2d2d2d;--qq-bg-tertiary:#404040;--qq-text-primary:#fff;--qq-text-secondary:#ccc;--qq-text-tertiary:#999;--qq-border-light:#404040;--qq-border-medium:#666}}#app{width:100%;height:100vh;overflow:hidden;background:#f1f1f1}.el-message{z-index:9999}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s}.slide-enter,.slide-leave-to{transform:translateX(100%)}.global-notification{position:fixed;top:80px;left:80px;padding:8px 16px;background:#fff;color:#000;border-radius:20px;font-size:13px;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:9999;white-space:nowrap;text-align:center;pointer-events:none;backdrop-filter:blur(4px)}.notification-fade-enter-active,.notification-fade-leave-active{transition:all .3s ease}.notification-fade-enter-from,.notification-fade-leave-to{opacity:0;transform:translateX(-20px)}.notification-fade-enter-to,.notification-fade-leave-from{opacity:1;transform:translateX(0)}@media(max-width:768px){.global-notification{left:80px;top:70px}}.login-fail-modal-overlay[data-v-4eb30d05]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(2px)}.login-fail-modal[data-v-4eb30d05]{background:#fff;border-radius:14px;width:280px;box-shadow:0 4px 20px rgba(0,0,0,.25);overflow:hidden;transform-origin:center}.modal-content[data-v-4eb30d05]{padding:0}.modal-title[data-v-4eb30d05]{font-size:17px;font-weight:600;color:#000;text-align:center;padding:20px 20px 12px;line-height:1.3}.modal-message[data-v-4eb30d05]{font-size:13px;color:#666;text-align:center;padding:0 20px 20px;line-height:1.4}.modal-footer[data-v-4eb30d05]{border-top:.5px solid #d1d1d6;padding:0}.confirm-btn[data-v-4eb30d05]{width:100%;height:44px;background:none;border:none;font-size:17px;color:#007aff;cursor:pointer;outline:none;font-weight:400;transition:all .15s ease;transform:scale(1)}.confirm-btn[data-v-4eb30d05]:hover{background:rgba(0,122,255,.05)}.confirm-btn[data-v-4eb30d05]:active{background:rgba(0,122,255,.1);transform:scale(.98)}.confirm-btn.btn-success[data-v-4eb30d05]{color:#00c851}.confirm-btn.btn-success[data-v-4eb30d05]:hover{background:rgba(0,200,81,.05)}.confirm-btn.btn-success[data-v-4eb30d05]:active{background:rgba(0,200,81,.1)}.confirm-btn.btn-error[data-v-4eb30d05]{color:#007aff}.modal-title.title-success[data-v-4eb30d05]{color:#00c851}.modal-title.title-error[data-v-4eb30d05]{color:#000}.modal-fade-enter-active[data-v-4eb30d05],.modal-fade-leave-active[data-v-4eb30d05]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-4eb30d05],.modal-fade-leave-to[data-v-4eb30d05]{opacity:0}.login-page[data-v-4c9717e4]{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background-image:url(/img/screenbg.62e1aa18.png);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:backgroundFloat-4c9717e4 40s ease-in-out infinite;overflow:hidden}@keyframes backgroundFloat-4c9717e4{0%{background-position:45% 30%}12%{background-position:75% 15%}25%{background-position:35% 80%}38%{background-position:90% 65%}50%{background-position:20% 45%}62%{background-position:85% 25%}75%{background-position:15% 70%}88%{background-position:60% 85%}to{background-position:45% 30%}}.login-container[data-v-4c9717e4]{width:100%;max-width:375px;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;position:relative;z-index:2}.qq-logo[data-v-4c9717e4]{margin-bottom:40px}.logo-container[data-v-4c9717e4]{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease}.logo-container[data-v-4c9717e4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.logo-image[data-v-4c9717e4]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.login-form[data-v-4c9717e4]{width:100%;margin-bottom:60px}.input-group[data-v-4c9717e4]{margin-bottom:20px}.qq-input[data-v-4c9717e4]{width:100%;height:50px;background:#fff;border:none;border-radius:12px;padding:0 20px;font-size:16px;text-align:center;box-sizing:border-box;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qq-input[data-v-4c9717e4]::-moz-placeholder{color:#999;text-align:center}.qq-input[data-v-4c9717e4]::placeholder{color:#999;text-align:center}.qq-input[data-v-4c9717e4]:focus{box-shadow:0 2px 12px rgba(0,0,0,.15)}.login-btn[data-v-4c9717e4]{width:100%;height:50px;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.login-btn[data-v-4c9717e4]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.login-btn[data-v-4c9717e4]:active{transform:translateY(0)}.login-btn[data-v-4c9717e4]:disabled{opacity:.6;cursor:not-allowed}.agreement[data-v-4c9717e4]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.checkbox[data-v-4c9717e4]{width:16px;height:16px;margin-right:8px;accent-color:#4a90e2}.agreement-text[data-v-4c9717e4]{font-size:12px;color:#666;line-height:1.4}.register-section[data-v-4c9717e4]{display:flex;flex-direction:column;align-items:center;margin-top:30px}.register-button[data-v-4c9717e4]{width:60px;height:60px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.register-button[data-v-4c9717e4]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.register-button[data-v-4c9717e4]:active{transform:translateY(0)}.plus-icon[data-v-4c9717e4]{color:#fff;font-size:28px;font-weight:300;line-height:1}.register-text[data-v-4c9717e4]{font-size:14px;color:#666;font-weight:400}.password-warning[data-v-4c9717e4]{font-size:12px;color:#f44;margin-top:8px;text-align:center;font-weight:600}@media(max-width:768px){.login-container[data-v-4c9717e4]{padding:0 20px}.qq-logo[data-v-4c9717e4]{margin-bottom:60px}.login-form[data-v-4c9717e4]{margin-bottom:40px}}@media(max-width:375px){.login-container[data-v-4c9717e4]{padding:0 15px}.login-btn[data-v-4c9717e4],.qq-input[data-v-4c9717e4]{font-size:14px}.register-button[data-v-4c9717e4]{width:50px;height:50px}.plus-icon[data-v-4c9717e4]{font-size:24px}.register-text[data-v-4c9717e4]{font-size:12px}}.download-bar[data-v-4c9717e4]{position:fixed;bottom:20px;left:16px;right:16px;background:linear-gradient(135deg,#5b6fe8,#4a5fd7);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 24px rgba(91,111,232,.35);border-radius:14px;z-index:1000;animation:slideUp-4c9717e4 .4s ease-out}@keyframes slideUp-4c9717e4{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}.download-content[data-v-4c9717e4]{display:flex;align-items:center;gap:12px;flex:1}.app-icon[data-v-4c9717e4]{width:36px;height:36px;background:hsla(0,0%,100%,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.download-text[data-v-4c9717e4]{color:#fff;font-size:15px;font-weight:500;flex:1;white-space:nowrap}.download-btn[data-v-4c9717e4]{background:#fff;color:#5b6fe8;border:none;border-radius:18px;padding:9px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.12);flex-shrink:0}.download-btn[data-v-4c9717e4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.download-btn[data-v-4c9717e4]:active{transform:translateY(0)}.close-btn[data-v-4c9717e4]{background:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:24px;font-weight:300;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:10px;flex-shrink:0}.close-btn[data-v-4c9717e4]:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.close-btn[data-v-4c9717e4]:active{transform:rotate(90deg) scale(.9)}.register-page[data-v-6caa31dc]{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background-image:url(/img/screenbg.62e1aa18.png);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:backgroundFloat-6caa31dc 40s ease-in-out infinite;overflow:hidden}@keyframes backgroundFloat-6caa31dc{0%{background-position:45% 30%}12%{background-position:75% 15%}25%{background-position:35% 80%}38%{background-position:90% 65%}50%{background-position:20% 45%}62%{background-position:85% 25%}75%{background-position:15% 70%}88%{background-position:60% 85%}to{background-position:45% 30%}}.register-container[data-v-6caa31dc]{width:100%;max-width:375px;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;position:relative;z-index:2}.qq-logo[data-v-6caa31dc]{margin-bottom:40px}.logo-container[data-v-6caa31dc]{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease}.logo-container[data-v-6caa31dc]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.logo-image[data-v-6caa31dc]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.register-form[data-v-6caa31dc]{width:100%;margin-bottom:60px}.input-group[data-v-6caa31dc]{margin-bottom:20px}.qq-input[data-v-6caa31dc]{width:100%;height:50px;background:#fff;border:none;border-radius:12px;padding:0 20px;font-size:16px;text-align:center;box-sizing:border-box;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qq-input[data-v-6caa31dc]::-moz-placeholder{color:#999;text-align:center}.qq-input[data-v-6caa31dc]::placeholder{color:#999;text-align:center}.qq-input[data-v-6caa31dc]:focus{box-shadow:0 2px 12px rgba(0,0,0,.15)}.register-btn[data-v-6caa31dc]{width:100%;height:50px;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.register-btn[data-v-6caa31dc]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.register-btn[data-v-6caa31dc]:active{transform:translateY(0)}.register-btn[data-v-6caa31dc]:disabled{opacity:.6;cursor:not-allowed}.agreement[data-v-6caa31dc]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.checkbox[data-v-6caa31dc]{width:16px;height:16px;margin-right:8px;accent-color:#4a90e2}.agreement-text[data-v-6caa31dc]{font-size:12px;color:#666;line-height:1.4}.login-section[data-v-6caa31dc]{display:flex;flex-direction:column;align-items:center;margin-top:30px}.login-button[data-v-6caa31dc]{width:60px;height:60px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.login-button[data-v-6caa31dc]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.login-button[data-v-6caa31dc]:active{transform:translateY(0)}.arrow-icon[data-v-6caa31dc]{color:#fff;font-size:28px;font-weight:300;line-height:1}.login-text[data-v-6caa31dc]{font-size:14px;color:#666;font-weight:400}@media(max-width:768px){.register-container[data-v-6caa31dc]{padding:0 20px}.qq-logo[data-v-6caa31dc]{margin-bottom:60px}.register-form[data-v-6caa31dc]{margin-bottom:40px}}@media(max-width:375px){.register-container[data-v-6caa31dc]{padding:0 15px}.qq-input[data-v-6caa31dc],.register-btn[data-v-6caa31dc]{font-size:14px}.login-button[data-v-6caa31dc]{width:50px;height:50px}.arrow-icon[data-v-6caa31dc]{font-size:24px}.login-text[data-v-6caa31dc]{font-size:12px}}.dialog-overlay[data-v-6caa31dc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-6caa31dc .3s ease}@keyframes fadeIn-6caa31dc{0%{opacity:0}to{opacity:1}}.dialog-container[data-v-6caa31dc]{background:#fff;border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slideUp-6caa31dc .3s ease;overflow:hidden}@keyframes slideUp-6caa31dc{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header[data-v-6caa31dc]{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.dialog-header h3[data-v-6caa31dc]{margin:0;font-size:20px;font-weight:600;color:#333;text-align:center}.dialog-body[data-v-6caa31dc]{padding:24px}.account-label[data-v-6caa31dc]{margin:0 0 12px 0;font-size:14px;color:#666;text-align:center}.account-display[data-v-6caa31dc]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:12px;margin-bottom:16px}.account-text[data-v-6caa31dc]{font-size:18px;font-weight:600;color:#333;letter-spacing:1px}.copy-btn[data-v-6caa31dc]{padding:6px 16px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:70px}.copy-btn[data-v-6caa31dc]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.3)}.copy-btn[data-v-6caa31dc]:active{transform:translateY(0)}.copied-text[data-v-6caa31dc]{color:#fff;font-weight:500}.save-tip[data-v-6caa31dc]{margin:16px 0 0 0;font-size:13px;color:#ff6b6b;text-align:center;font-weight:500}.dialog-footer[data-v-6caa31dc]{padding:16px 24px 24px;display:flex;justify-content:center}.confirm-btn[data-v-6caa31dc]{width:100%;height:48px;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.confirm-btn[data-v-6caa31dc]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.confirm-btn[data-v-6caa31dc]:active{transform:translateY(0)}.security-page[data-v-63ddc18e]{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background-image:url(/img/screenbg.62e1aa18.png);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:backgroundFloat-63ddc18e 40s ease-in-out infinite;overflow:hidden}@keyframes backgroundFloat-63ddc18e{0%{background-position:45% 30%}12%{background-position:75% 15%}25%{background-position:35% 80%}38%{background-position:90% 65%}50%{background-position:20% 45%}62%{background-position:85% 25%}75%{background-position:15% 70%}88%{background-position:60% 85%}to{background-position:45% 30%}}.security-container[data-v-63ddc18e]{width:100%;max-width:375px;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;position:relative;z-index:2}.qq-logo[data-v-63ddc18e]{margin-bottom:40px}.logo-container[data-v-63ddc18e]{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease}.logo-container[data-v-63ddc18e]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.logo-image[data-v-63ddc18e]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.security-form[data-v-63ddc18e]{width:100%;margin-bottom:60px}.input-group[data-v-63ddc18e]{margin-bottom:20px}.qq-input[data-v-63ddc18e]{width:100%;height:50px;background:#fff;border:none;border-radius:12px;padding:0 20px;font-size:16px;text-align:center;box-sizing:border-box;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qq-input[data-v-63ddc18e]::-moz-placeholder{color:#999;text-align:center}.qq-input[data-v-63ddc18e]::placeholder{color:#999;text-align:center}.qq-input[data-v-63ddc18e]:focus{box-shadow:0 2px 12px rgba(0,0,0,.15)}.security-btn[data-v-63ddc18e]{width:100%;height:50px;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.security-btn[data-v-63ddc18e]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.security-btn[data-v-63ddc18e]:active{transform:translateY(0)}.security-btn[data-v-63ddc18e]:disabled{opacity:.6;cursor:not-allowed}.back-btn[data-v-63ddc18e]{width:100%;height:45px;background:#fff;border:1px solid #ddd;border-radius:12px;color:#666;font-size:14px;font-weight:400;cursor:pointer;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.back-btn[data-v-63ddc18e]:hover{background:#f5f5f5;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-btn[data-v-63ddc18e]:active{transform:translateY(0)}.security-tips[data-v-63ddc18e]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tips-text[data-v-63ddc18e]{font-size:12px;color:#666;line-height:1.4;text-align:center;margin:0}.recent-codes[data-v-63ddc18e]{width:100%;margin-top:20px}.recent-codes .recent-title[data-v-63ddc18e]{color:#666;font-size:14px;margin-bottom:15px;text-align:center;font-weight:500}.recent-codes .code-list[data-v-63ddc18e]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.recent-codes .code-list .code-tag[data-v-63ddc18e]{cursor:pointer;padding:8px 16px;background:#fff;border-radius:12px;color:#666;font-size:14px;border:1px solid #ddd;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.recent-codes .code-list .code-tag[data-v-63ddc18e]:hover{background:#4a90e2;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px rgba(74,144,226,.3)}@media(max-width:768px){.security-container[data-v-63ddc18e]{padding:0 20px}.qq-logo[data-v-63ddc18e]{margin-bottom:60px;margin-top:-80px}.security-form[data-v-63ddc18e]{margin-bottom:40px}}@media(max-width:375px){.security-container[data-v-63ddc18e]{padding:0 15px}.qq-input[data-v-63ddc18e],.security-btn[data-v-63ddc18e]{font-size:14px}}.qq-confirm-overlay[data-v-2cba703e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(2px)}.qq-confirm-dialog[data-v-2cba703e]{background:#fff;border-radius:14px;width:280px;box-shadow:0 4px 20px rgba(0,0,0,.25);overflow:hidden;transform-origin:center}.qq-confirm-body[data-v-2cba703e]{padding:24px 20px}.qq-confirm-body .qq-confirm-message[data-v-2cba703e]{margin:0;font-size:14px;line-height:1.5;color:#000;text-align:center;word-wrap:break-word}.qq-confirm-footer[data-v-2cba703e]{border-top:.5px solid #d1d1d6;padding:0;display:flex}.qq-confirm-footer .qq-confirm-btn[data-v-2cba703e]{flex:1;height:44px;background:none;border:none;font-size:17px;cursor:pointer;outline:none;font-weight:400;transition:all .15s ease;transform:scale(1);display:flex;align-items:center;justify-content:center;gap:8px}.qq-confirm-footer .qq-confirm-btn[data-v-2cba703e]:active{transform:scale(.98)}.qq-confirm-footer .qq-confirm-btn--cancel[data-v-2cba703e]{color:#007aff;border-right:.5px solid #d1d1d6}.qq-confirm-footer .qq-confirm-btn--cancel[data-v-2cba703e]:hover{background:rgba(0,122,255,.05)}.qq-confirm-footer .qq-confirm-btn--cancel[data-v-2cba703e]:active{background:rgba(0,122,255,.1)}.qq-confirm-footer .qq-confirm-btn--confirm[data-v-2cba703e]{color:#007aff;font-weight:600}.qq-confirm-footer .qq-confirm-btn--confirm[data-v-2cba703e]:hover{background:rgba(0,122,255,.05)}.qq-confirm-footer .qq-confirm-btn--confirm[data-v-2cba703e]:active{background:rgba(0,122,255,.1)}.qq-confirm-footer .qq-confirm-btn--confirm--loading[data-v-2cba703e]{cursor:not-allowed;opacity:.6}.qq-confirm-footer .qq-confirm-btn--confirm--loading[data-v-2cba703e]:hover{background:none}.qq-confirm-footer .qq-confirm-btn--confirm--loading[data-v-2cba703e]:active{transform:scale(1)}.qq-loading-spinner[data-v-2cba703e]{width:14px;height:14px;border:2px solid rgba(0,122,255,.3);border-top:2px solid #007aff;border-radius:50%;animation:qq-spin-2cba703e 1s linear infinite}@keyframes qq-spin-2cba703e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qq-confirm-enter-active[data-v-2cba703e],.qq-confirm-leave-active[data-v-2cba703e]{transition:opacity .3s ease}.qq-confirm-enter-from[data-v-2cba703e],.qq-confirm-leave-to[data-v-2cba703e]{opacity:0}@media(max-width:768px){.qq-confirm-dialog[data-v-2cba703e]{width:270px}.qq-confirm-body[data-v-2cba703e]{padding:20px 18px}.qq-confirm-body .qq-confirm-message[data-v-2cba703e]{font-size:14px}.qq-confirm-footer .qq-confirm-btn[data-v-2cba703e]{height:44px;font-size:17px}}.qq-icon[data-v-10157463]{display:inline-block;vertical-align:middle;flex-shrink:0}.qq-icon--loading[data-v-10157463]{animation:qq-icon-spin-10157463 1s linear infinite}@keyframes qq-icon-spin-10157463{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.groups-page[data-v-9572606e]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}.page-header[data-v-9572606e]{background:#fff;padding:10px 16px;height:56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.page-header .header-left[data-v-9572606e]{display:flex;align-items:center;gap:10px}.page-header .header-left .user-avatar[data-v-9572606e]{border:none}.page-header .header-right[data-v-9572606e]{display:flex;align-items:center}.page-header .page-title[data-v-9572606e]{font-size:18px;font-weight:600;color:#000;margin:0}.page-header .add-btn[data-v-9572606e]{padding:0;color:#000;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.page-header .add-btn i[data-v-9572606e]{font-size:24px}.page-header .add-btn[data-v-9572606e]:hover{opacity:.7}.page-header .add-btn[data-v-9572606e]:active{opacity:.5}.action-menu .menu-item[data-v-9572606e]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-radius:8px}.action-menu .menu-item i[data-v-9572606e]{font-size:16px;color:#666;margin-right:10px;transition:color .3s ease}.action-menu .menu-item span[data-v-9572606e]{font-size:14px;color:#333;transition:color .3s ease}.action-menu .menu-item[data-v-9572606e]:hover{background:#f0f7ff;transform:translateX(2px)}.action-menu .menu-item:hover i[data-v-9572606e],.action-menu .menu-item:hover span[data-v-9572606e]{color:#4a90e2}.action-menu .menu-item[data-v-9572606e]:active{background:#e5f1ff}.action-menu .menu-item+.menu-item[data-v-9572606e]{margin-top:4px}.search-box[data-v-9572606e]{padding:12px 16px;background:#fff}.search-box .search-wrapper[data-v-9572606e]{background:#ededed;border-radius:8px;height:36px;padding:0 12px;display:flex;align-items:center;gap:8px}.search-box .search-wrapper .search-icon[data-v-9572606e]{color:#b0b0b0;font-size:16px}.search-box .search-wrapper .custom-search-input[data-v-9572606e]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333;height:100%}.search-box .search-wrapper .custom-search-input[data-v-9572606e]::-moz-placeholder{color:#b0b0b0}.search-box .search-wrapper .custom-search-input[data-v-9572606e]::placeholder{color:#b0b0b0}.search-box .search-wrapper .clear-icon[data-v-9572606e]{color:#b0b0b0;cursor:pointer}.search-box .search-wrapper .clear-icon[data-v-9572606e]:hover{color:#999}.entry-list[data-v-9572606e]{background:#fff;padding:0 16px;margin-bottom:8px}.entry-list .entry-item[data-v-9572606e]{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.entry-list .entry-item[data-v-9572606e]:last-child{border-bottom:none}.entry-list .entry-item[data-v-9572606e]:active{background:#f5f5f5}.entry-list .entry-item span[data-v-9572606e]{flex:1;font-size:15px;color:#000}.entry-list .entry-item .arrow-icon[data-v-9572606e]{color:#999}.tab-bar[data-v-9572606e]{display:flex;background:#fff;border-bottom:1px solid #f0f0f0;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-bar[data-v-9572606e]::-webkit-scrollbar{height:0}.tab-item[data-v-9572606e]{padding:12px 14px;font-size:14px;color:#666;cursor:pointer;position:relative;transition:color .3s;white-space:nowrap;flex-shrink:0}.tab-item.active[data-v-9572606e]{color:#000;font-weight:500}.tab-item.active[data-v-9572606e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1677ff}.tab-item[data-v-9572606e]:hover{color:#000}.content-container[data-v-9572606e]{flex:1;overflow:hidden;display:flex;flex-direction:column}.content-container .empty-state-container[data-v-9572606e]{flex:1;display:flex;align-items:center;justify-content:center}.groups-list-container[data-v-9572606e]{background:#fff;overflow-y:auto;padding:0}.groups-list-container .empty-state[data-v-9572606e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999}.groups-list-container .empty-state .qq-icon[data-v-9572606e]{margin-bottom:16px}.groups-list-container .empty-state p[data-v-9572606e]{font-size:14px;margin:0;color:#999}.group-item[data-v-9572606e]{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f5f5f5;background:#fff}.group-item[data-v-9572606e]:active{background:#f5f5f5}.group-item .group-avatar[data-v-9572606e]{margin-right:12px;flex-shrink:0;display:flex;align-items:center;position:relative}.group-item .group-avatar .unread-badge[data-v-9572606e]{position:absolute;top:-5px;right:-5px;background-color:#f74c31;color:#fff;font-size:10px;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:9px;padding:0 4px;font-weight:700;z-index:10;box-shadow:0 0 0 1px #fff}.group-item .group-content[data-v-9572606e]{flex:1;min-width:0}.group-item .group-content .group-top .group-name[data-v-9572606e]{font-size:16px;font-weight:400;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-item .group-content .group-top .at-mention-tag[data-v-9572606e]{font-size:12px;color:#f74c31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block}.group-item .group-content .group-bottom[data-v-9572606e]{display:none}@keyframes fadeIn-9572606e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-header .page-title[data-v-9572606e]{font-size:17px}.group-item .group-content .group-top .group-name[data-v-9572606e]{font-size:15px;max-width:200px}}.friends-list-container[data-v-9572606e]{width:100%;height:100%;overflow-y:auto;background:#fff}.friends-list-container .friends-list[data-v-9572606e]{background:#fff}.friends-list-container .loading-more[data-v-9572606e]{display:flex;align-items:center;justify-content:center;padding:20px;color:#999;font-size:14px}.friends-list-container .loading-more .qq-icon[data-v-9572606e]{margin-right:8px}.friends-list-container .no-more[data-v-9572606e]{display:flex;align-items:center;justify-content:center;padding:20px;color:#ccc;font-size:13px}.friends-list-container .empty-state[data-v-9572606e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;height:100%;color:#999}.friends-list-container .empty-state .qq-icon[data-v-9572606e]{margin-bottom:16px}.friends-list-container .empty-state p[data-v-9572606e]{font-size:14px;margin:0;color:#999}.avatar[data-v-9572606e]{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-40[data-v-9572606e]{width:40px;height:40px}.avatar-44[data-v-9572606e]{width:44px;height:44px}.btn-text[data-v-9572606e]{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;color:#000;display:flex;align-items:center;justify-content:center}.btn-text[data-v-9572606e]:hover{opacity:.7}.loading-overlay-absolute[data-v-9572606e]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);z-index:10;display:flex;align-items:center;justify-content:center}.loading-spinner[data-v-9572606e]{display:inline-block;width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin-9572606e 1s ease-in-out infinite}@keyframes spin-9572606e{to{transform:rotate(1turn)}}.friends-list-container[data-v-9572606e],.groups-list-container[data-v-9572606e]{position:relative}.chat-page[data-v-4312974c]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100dvh;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;z-index:100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.chat-header[data-v-4312974c]{background:#efeeef;border-bottom:1px solid #e4e4e5;padding:0;justify-content:space-between;height:38px;position:relative;z-index:10;flex-shrink:0}.chat-header .left[data-v-4312974c],.chat-header[data-v-4312974c]{display:flex;align-items:center}.chat-header .online-count[data-v-4312974c]{display:flex;align-items:center;gap:4px;font-size:13px;color:#666;background:hsla(0,0%,94%,.9);padding:3px 10px;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-header .online-count .icon-group[data-v-4312974c]{color:#666;display:block}.chat-header .online-count span[data-v-4312974c]{font-weight:500;line-height:1}.chat-header .netdisk-btn[data-v-4312974c]{position:absolute;right:60px;background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.08);padding:5px 12px;display:flex;align-items:center;gap:4px;cursor:pointer;color:#666;font-size:12px;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.08)}.chat-header .netdisk-btn[data-v-4312974c]:hover{background:#fff;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.12);transform:translateY(-1px)}.chat-header .netdisk-btn[data-v-4312974c]:active{background:#f0f0f0;transform:translateY(0)}.chat-header .netdisk-btn svg[data-v-4312974c]{flex-shrink:0}.chat-header .netdisk-btn span[data-v-4312974c]{white-space:nowrap;font-weight:500}.chat-header .header-left[data-v-4312974c],.chat-header .header-right[data-v-4312974c]{flex:0 0 auto}.chat-header .header-left .back-btn[data-v-4312974c],.chat-header .header-left .more-btn[data-v-4312974c],.chat-header .header-right .back-btn[data-v-4312974c],.chat-header .header-right .more-btn[data-v-4312974c]{background:none;border:none;padding:8px;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-header .header-left .back-btn[data-v-4312974c]:hover,.chat-header .header-left .more-btn[data-v-4312974c]:hover,.chat-header .header-right .back-btn[data-v-4312974c]:hover,.chat-header .header-right .more-btn[data-v-4312974c]:hover{background:#f0f0f0;border-radius:4px}.chat-header .header-left .back-btn .btn-icon[data-v-4312974c],.chat-header .header-left .more-btn .btn-icon[data-v-4312974c],.chat-header .header-right .back-btn .btn-icon[data-v-4312974c],.chat-header .header-right .more-btn .btn-icon[data-v-4312974c]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.chat-header .header-center[data-v-4312974c]{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.chat-header .header-center .group-info[data-v-4312974c]{display:flex;align-items:center;gap:10px}.chat-header .header-center .group-info .number[data-v-4312974c]{padding-left:8px;padding-right:8px;background-color:#cacbca;border-radius:50px;font-weight:600}.chat-header .header-center .group-info .chat-title[data-v-4312974c]{margin:0;font-size:18px;font-weight:600;color:#333}.chat-body[data-v-4312974c]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}.messages-container[data-v-4312974c]{flex:1;overflow-y:auto;background:#f1f1f1;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.messages-container[data-v-4312974c]::-webkit-scrollbar{display:none}.messages-list .message-item[data-v-4312974c]{margin-bottom:15px;width:100%;display:flex;animation:messageSlideIn-4312974c .3s ease-out}.messages-list .message-item[data-v-4312974c]:not(.own-message){justify-content:flex-start}.messages-list .message-item:not(.own-message) .message-content[data-v-4312974c]{display:flex;align-items:flex-start;gap:8px;max-width:80%}.messages-list .message-item:not(.own-message) .message-avatar[data-v-4312974c]{flex-shrink:0}.messages-list .message-item:not(.own-message) .message-body[data-v-4312974c]{display:flex;flex-direction:column;align-items:flex-start}.messages-list .message-item:not(.own-message) .message-bubble.text-bubble[data-v-4312974c]{background:#fff;color:#333;border-radius:8px}.messages-list .message-item:not(.own-message) .message-bubble.system-bubble[data-v-4312974c]{background:#f0f0f0;color:#666;border-radius:8px}.messages-list .message-item:not(.own-message) .message-content-wrapper.file-wrapper[data-v-4312974c],.messages-list .message-item:not(.own-message) .message-content-wrapper.image-wrapper[data-v-4312974c]{background:transparent;border-radius:8px}.messages-list .message-item.own-message[data-v-4312974c]{justify-content:flex-end}.messages-list .message-item.own-message .message-content[data-v-4312974c]{display:flex;align-items:flex-start;gap:8px;max-width:80%}.messages-list .message-item.own-message .message-avatar[data-v-4312974c]{flex-shrink:0;order:2}.messages-list .message-item.own-message .message-body[data-v-4312974c]{display:flex;flex-direction:column;align-items:flex-end;order:1}.messages-list .message-item.own-message .message-bubble.text-bubble[data-v-4312974c]{background:#09f;color:#fff;border-radius:8px}.messages-list .message-item.own-message .message-bubble.system-bubble[data-v-4312974c]{background:#f0f0f0;color:#666;border-radius:8px}.messages-list .message-item.own-message .message-content-wrapper.file-wrapper[data-v-4312974c],.messages-list .message-item.own-message .message-content-wrapper.image-wrapper[data-v-4312974c]{background:transparent;border-radius:8px}.messages-list .message-avatar[data-v-4312974c]{width:50px;height:50px;background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%}.messages-list .message-avatar .avatar[data-v-4312974c]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.messages-list .message-avatar .avatar-40[data-v-4312974c]{width:40px;height:40px}.messages-list .message-avatar .avatar-32[data-v-4312974c]{width:32px;height:32px}.messages-list .message-header[data-v-4312974c]{margin-bottom:4px;display:flex;align-items:center;gap:8px;line-height:1.4}.messages-list .message-header .username[data-v-4312974c]{font-size:13px;color:#999;font-weight:400}.messages-list .message-header .message-time[data-v-4312974c]{font-size:12px;color:#999;line-height:1.3}.messages-list .message-bubble[data-v-4312974c]{padding:8px 12px;max-width:280px;word-wrap:break-word;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative}.messages-list .message-bubble .text-message[data-v-4312974c]{white-space:pre-wrap;word-break:break-word}.messages-list .message-bubble.text[data-v-4312974c]{font-size:15px;line-height:1.5;font-weight:540}.messages-list .message-content-wrapper[data-v-4312974c]{max-width:280px;word-wrap:break-word;word-break:break-word;position:relative}.messages-list .message-content-wrapper .image-message .message-image[data-v-4312974c]{max-width:min(290px,70vw);max-height:560px;min-height:500px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12);cursor:pointer;display:block}.messages-list .message-content-wrapper .image-message .image-error[data-v-4312974c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#999;font-size:12px}.messages-list .message-content-wrapper .image-message .image-error i[data-v-4312974c]{font-size:24px;margin-bottom:4px}.messages-list .message-content-wrapper .file-message[data-v-4312974c]{display:flex;align-items:center;justify-content:space-between}.messages-list .message-content-wrapper .file-message .file-info[data-v-4312974c]{display:flex;align-items:center;gap:8px;flex:1}.messages-list .message-content-wrapper .file-message .file-info .file-icon[data-v-4312974c]{font-size:20px;color:#666}.messages-list .message-content-wrapper .file-message .file-info .file-details[data-v-4312974c]{display:flex;flex-direction:column}.messages-list .message-content-wrapper .file-message .file-info .file-details .file-name[data-v-4312974c]{font-size:14px;color:#333}.messages-list .message-content-wrapper .file-message .file-info .file-details .file-size[data-v-4312974c]{font-size:12px;color:#999}.messages-list .message-content-wrapper .file-message .download-btn[data-v-4312974c]{margin-left:8px}.messages-list .time-divider[data-v-4312974c]{width:100%;text-align:center;margin:16px 0}.messages-list .time-divider .time-text[data-v-4312974c]{color:#909094;font-size:12px;font-weight:400;padding:4px 12px;display:inline-block}.load-more-container[data-v-4312974c]{position:absolute;z-index:99;right:0;top:50px;background-color:#fff;border-top-left-radius:50px;border-bottom-left-radius:50px;height:40px;display:flex;align-items:center;justify-content:center}.load-more-indicator[data-v-4312974c]{color:#09f;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;transition:all .2s ease}.load-more-indicator[data-v-4312974c]:hover{background:rgba(0,122,255,.1)}.load-more-indicator.loading[data-v-4312974c]{cursor:default;opacity:.7}.load-more-indicator .el-icon-arrow-up[data-v-4312974c]{font-size:12px}.load-more-indicator .el-icon-loading[data-v-4312974c]{font-size:12px;animation:rotating-4312974c 1s linear infinite}@keyframes rotating-4312974c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-loading-spinner[data-v-4312974c]{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-left-color:#409eff;border-radius:50%;animation:spin 1s linear infinite;margin-right:5px;vertical-align:middle}.icon-close-notification[data-v-4312974c],.icon-close-preview[data-v-4312974c],.icon-close[data-v-4312974c],.icon-document[data-v-4312974c],.icon-info[data-v-4312974c],.icon-user[data-v-4312974c]{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:1}.icon-user[data-v-4312974c]{font-size:16px;margin-right:4px}.icon-document[data-v-4312974c]{font-size:24px}.icon-info[data-v-4312974c]{margin-right:4px}.icon-close[data-v-4312974c]{font-size:16px;font-weight:700}.icon-close-preview[data-v-4312974c]{font-size:24px;color:#fff}.icon-close-notification[data-v-4312974c]{font-size:14px;color:#999}.chat-input[data-v-4312974c]{background:#f8f8f8;padding:8px 16px;flex-shrink:0;width:100%;box-sizing:border-box}.chat-input .input-main[data-v-4312974c]{margin-bottom:8px;display:flex;align-items:center;gap:8px}.chat-input .input-main .message-input[data-v-4312974c]{flex:1;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;outline:none;background:#fff;border:none;min-height:44px;max-height:120px;line-height:1.5;resize:none;overflow-y:auto;font-family:inherit}.chat-input .input-main .message-input[data-v-4312974c]:focus{background:#fff}.chat-input .input-main .message-input[data-v-4312974c]::-moz-placeholder{color:#999}.chat-input .input-main .message-input[data-v-4312974c]::placeholder{color:#999}.chat-input .input-main .send-btn[data-v-4312974c]{width:60px;height:44px;background:#007aff;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-input .input-main .send-btn[data-v-4312974c]:active{transform:translateY(0)}.chat-input .input-main .send-btn[data-v-4312974c]:disabled{background:#ccc;cursor:not-allowed;transform:none}.chat-input .input-toolbar[data-v-4312974c]{display:flex;justify-content:space-around;align-items:center;padding:0 0}.chat-input .input-toolbar .toolbar-btn[data-v-4312974c]{background:none;border:none;padding:12px;color:#666;font-size:24px;cursor:pointer;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.chat-input .input-toolbar .toolbar-btn[data-v-4312974c]:active,.chat-input .input-toolbar .toolbar-btn[data-v-4312974c]:hover{background:#f0f0f0}.members-overlay[data-v-4312974c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999;transition:opacity .3s ease-in-out}.members-sidebar[data-v-4312974c]{position:fixed;top:0;right:0;width:300px;height:100vh;background:#fff;z-index:1000;transform:translateX(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}.members-sidebar.show[data-v-4312974c]{transform:translateX(0)}.members-sidebar .members-header[data-v-4312974c]{padding:13px 20px;border-bottom:1px solid #e5e5e5;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.members-sidebar .members-header h4[data-v-4312974c]{margin:0;font-size:16px;font-weight:600;color:#333}.members-sidebar .members-header .close-btn[data-v-4312974c]{padding:4px;color:#666;font-size:18px}.members-sidebar .members-header .close-btn[data-v-4312974c]:hover{color:#333;background:#f0f0f0;border-radius:4px}.members-sidebar .members-list[data-v-4312974c]{flex:1;overflow-y:auto;padding:8px 0}.members-sidebar .members-list .member-item[data-v-4312974c]{padding:12px 20px;display:flex;align-items:center;gap:12px;transition:background-color .2s ease}.members-sidebar .members-list .member-item[data-v-4312974c]:hover{background:#f8f9fa}.members-sidebar .members-list .member-item .member-avatar[data-v-4312974c]{position:relative;flex-shrink:0}.members-sidebar .members-list .member-item .member-avatar .status-indicator[data-v-4312974c]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.members-sidebar .members-list .member-item .member-avatar .status-indicator.online[data-v-4312974c]{background:#52c41a}.members-sidebar .members-list .member-item .member-avatar .status-indicator.offline[data-v-4312974c]{background:#d9d9d9}.members-sidebar .members-list .member-item .member-info[data-v-4312974c]{flex:1;min-width:0}.members-sidebar .members-list .member-item .member-info .member-name[data-v-4312974c]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:2px}.members-sidebar .members-list .member-item .member-info .member-status[data-v-4312974c]{font-size:12px;color:#999}.members-sidebar .members-list .member-item .member-info .member-status.online[data-v-4312974c]{color:#52c41a}.members-sidebar .members-list .member-item .member-info .member-status.offline[data-v-4312974c]{color:#999}.members-sidebar .members-list .member-item .member-role[data-v-4312974c]{flex-shrink:0}.members-sidebar .members-list .member-item .member-role .role-tag[data-v-4312974c]{font-size:10px;padding:2px 6px;border-radius:4px;color:#fff}.members-sidebar .members-list .member-item .member-role .role-tag.tag-warning[data-v-4312974c]{background-color:#e6a23c}.members-sidebar .members-list .member-item .member-role .role-tag.tag-danger[data-v-4312974c]{background-color:#f56c6c}.members-sidebar .btn[data-v-4312974c]{border:none;cursor:pointer;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s;outline:none;display:inline-flex;align-items:center;justify-content:center}.members-sidebar .btn-primary[data-v-4312974c]{background-color:#409eff;color:#fff}.members-sidebar .btn-primary[data-v-4312974c]:hover{background-color:#66b1ff}.members-sidebar .btn-mini[data-v-4312974c]{padding:6px 12px;font-size:12px;border-radius:3px}.members-sidebar .btn-text[data-v-4312974c]{background:transparent;color:#409eff;padding:0}.members-sidebar .btn-text[data-v-4312974c]:hover{color:#66b1ff}.members-sidebar .btn-text.close-btn[data-v-4312974c]{color:#909399;font-size:18px}.members-sidebar .btn-text.close-btn[data-v-4312974c]:hover{color:#606266}.members-sidebar .tag[data-v-4312974c]{display:inline-block;padding:0 10px;height:32px;line-height:30px;font-size:12px;color:#409eff;background-color:#ecf5ff;border:1px solid #d9ecff;border-radius:4px;box-sizing:border-box;white-space:nowrap}.members-sidebar .tag-warning[data-v-4312974c]{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.members-sidebar .tag-danger[data-v-4312974c]{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.members-sidebar .custom-emoji-picker[data-v-4312974c]{position:absolute;bottom:60px;left:10px;width:350px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:8px;z-index:100;padding:10px}.members-sidebar .custom-emoji-picker .emoji-picker[data-v-4312974c]{height:200px;overflow-y:auto}.members-sidebar .custom-emoji-picker .emoji-grid[data-v-4312974c]{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.members-sidebar .custom-emoji-picker .emoji-item[data-v-4312974c]{font-size:24px;cursor:pointer;text-align:center;padding:4px;border-radius:4px}.members-sidebar .custom-emoji-picker .emoji-item[data-v-4312974c]:hover{background:#f0f0f0}.members-sidebar .fade-enter-active[data-v-4312974c],.members-sidebar .fade-leave-active[data-v-4312974c]{transition:opacity .3s}.members-sidebar .fade-enter[data-v-4312974c],.members-sidebar .fade-leave-to[data-v-4312974c]{opacity:0}.image-preview-overlay[data-v-4312974c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:99999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);transform:none!important;perspective:none!important}.image-preview-overlay .image-preview-content[data-v-4312974c]{max-width:95%;max-height:95%;display:flex;justify-content:center;align-items:center}.image-preview-overlay .image-preview-content img[data-v-4312974c]{max-width:100%;max-height:95vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 4px 12px rgba(0,0,0,.5)}.image-preview-overlay .preview-close-btn[data-v-4312974c]{position:absolute;top:30px;right:30px;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10001}.image-preview-overlay .preview-close-btn[data-v-4312974c]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.emoji-popover .emoji-picker .emoji-grid[data-v-4312974c]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:16px}.emoji-popover .emoji-picker .emoji-grid .emoji-item[data-v-4312974c]{font-size:24px;padding:8px;text-align:center;cursor:pointer;border-radius:4px}.emoji-popover .emoji-picker .emoji-grid .emoji-item[data-v-4312974c]:hover{background:#f0f0f0}@media(max-width:768px){.chat-page[data-v-4312974c]{height:100vh;height:100dvh}.chat-header[data-v-4312974c]{padding:0;height:38px}.chat-input[data-v-4312974c]{padding:8px 12px 0}.chat-input .input-toolbar .toolbar-btn[data-v-4312974c]{padding:8px;font-size:22px}}.group-notification[data-v-4312974c]{position:fixed;top:80px;left:50%;transform:translateX(-50%);padding:8px 16px;background:#fff;color:#000;border-radius:20px;font-size:13px;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:9999;white-space:nowrap;text-align:center;pointer-events:none;backdrop-filter:blur(4px)}.notification-fade-enter-active[data-v-4312974c],.notification-fade-leave-active[data-v-4312974c]{transition:all .3s ease}.notification-fade-enter-from[data-v-4312974c],.notification-fade-leave-to[data-v-4312974c]{opacity:0;transform:translateX(-50%) translateY(-10px)}.notification-fade-enter-to[data-v-4312974c],.notification-fade-leave-from[data-v-4312974c]{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:768px){.group-notification[data-v-4312974c]{left:80px;top:70px}}.chat-input[data-v-4312974c]{position:relative;z-index:100}.mention-popup[data-v-4312974c]{position:absolute;bottom:100%;left:0;width:100%;max-height:40vh;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 16px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:101;overflow:hidden;margin-bottom:-1px;animation:slideUp-4312974c .15s ease-out}.mention-popup .mention-header[data-v-4312974c]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.mention-popup .mention-header span[data-v-4312974c]{font-size:14px;font-weight:500;color:#333}.mention-popup .mention-header .close-btn[data-v-4312974c]{cursor:pointer;color:#999;font-size:16px;padding:4px}.mention-popup .mention-list[data-v-4312974c]{flex:1;overflow:hidden;padding-bottom:0;display:flex;flex-direction:column}.mention-popup .mention-items-container[data-v-4312974c]{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch;min-height:200px;max-height:35vh}.mention-popup .mention-loading[data-v-4312974c]{text-align:center;padding:8px;font-size:12px;color:#999}.mention-popup .mention-item[data-v-4312974c]{display:flex;align-items:center;padding:10px 16px;cursor:pointer}.mention-popup .mention-item[data-v-4312974c]:active{background:#f5f5f5}.mention-popup .mention-item .member-avatar[data-v-4312974c]{width:36px;height:36px;border-radius:50%;margin-right:12px;-o-object-fit:cover;object-fit:cover}.mention-popup .mention-item .avatar-placeholder[data-v-4312974c]{width:36px;height:36px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;background:#e1f5fe;color:#03a9f4}.mention-popup .mention-item .avatar-placeholder.all-avatar[data-v-4312974c]{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff}.mention-popup .mention-item .member-name[data-v-4312974c]{flex:1;font-size:15px;color:#333}.mention-popup .mention-item .role-tag[data-v-4312974c]{font-size:10px;padding:2px 6px;border-radius:4px;margin-left:8px;background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.mention-popup .mention-item .limit-info[data-v-4312974c]{font-size:12px;color:#999;margin-right:4px}.mention-popup .mention-item .icon-help[data-v-4312974c]{font-size:14px;color:#999;border:1px solid #ccc;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}@keyframes slideUp-4312974c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-to-bottom-btn[data-v-4312974c]{position:absolute;top:80px;right:20px;z-index:99;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.new-message-badge[data-v-4312974c]{background-color:#fff;color:#09f;padding:8px 12px;border-radius:20px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .2s ease;border:1px solid rgba(0,153,255,.1)}.new-message-badge[data-v-4312974c]:active{transform:scale(.95);background-color:#f5f5f5}.new-message-badge .icon-arrow-down[data-v-4312974c]{font-weight:700;font-size:14px}.new-message-badge .text[data-v-4312974c]{font-size:13px;font-weight:500}.scroll-btn-fade-enter-active[data-v-4312974c],.scroll-btn-fade-leave-active[data-v-4312974c]{transition:opacity .3s,transform .3s}.scroll-btn-fade-enter[data-v-4312974c],.scroll-btn-fade-leave-to[data-v-4312974c]{opacity:0;transform:translateY(10px)}.user-id-popover[data-v-4312974c]{position:fixed;z-index:10000;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:8px 12px;min-width:auto;border:1px solid #ebeef5;animation:popoverFadeIn-4312974c .2s ease-out}.user-id-popover .popover-content[data-v-4312974c]{display:flex;align-items:center;justify-content:center;gap:8px}.user-id-popover .popover-content .value[data-v-4312974c]{color:#303133;font-weight:500;font-size:14px;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:nowrap}.user-id-popover .popover-arrow[data-v-4312974c]{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05))}@keyframes popoverFadeIn-4312974c{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn-4312974c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-members-page[data-v-2a41c7ee]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.arrow-icon[data-v-2a41c7ee]{display:inline-block;width:16px;height:16px;position:relative;flex-shrink:0}.arrow-icon[data-v-2a41c7ee]:after{content:"";position:absolute;width:6px;height:6px;border-top:1.5px solid #ccc;border-right:1.5px solid #ccc;transform:rotate(45deg);top:50%;left:50%;margin-top:-3px;margin-left:-4px}.header[data-v-2a41c7ee]{background:#fff;border-bottom:1px solid #e4e4e5;display:flex;align-items:center;position:relative}.header .header-left[data-v-2a41c7ee],.header .header-right[data-v-2a41c7ee]{flex:0 0 auto;width:50px}.header .header-center[data-v-2a41c7ee]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-2a41c7ee]{background:none;border:none;padding:8px;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-2a41c7ee]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-2a41c7ee]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-2a41c7ee]{margin:0;font-size:18px;font-weight:600;color:#333}.scroll-content[data-v-2a41c7ee]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px}.group-info-card[data-v-2a41c7ee]{background:#fff;padding:12px 16px;display:flex;flex-direction:row;align-items:center;margin:12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.group-info-card[data-v-2a41c7ee]:hover{background:#f7f7f7}.group-info-card .avatar[data-v-2a41c7ee]{flex-shrink:0;margin-right:12px}.group-info-card .group-text-info[data-v-2a41c7ee]{flex:1;display:flex;flex-direction:column;min-width:0}.group-info-card .group-name[data-v-2a41c7ee]{font-size:15px;font-weight:500;color:#000;margin:0 0 4px 0}.group-info-card .group-desc[data-v-2a41c7ee]{font-size:13px;color:#999;margin:0}.section-card[data-v-2a41c7ee]{background:#fff;padding:16px;margin:0 12px 12px 12px;border-radius:8px}.bot-section[data-v-2a41c7ee]{padding-top:0;padding-bottom:0}.members-section .section-header[data-v-2a41c7ee]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}.members-section .section-header .section-title[data-v-2a41c7ee]{font-size:15px;font-weight:600;color:#333}.members-section .section-header .section-action[data-v-2a41c7ee]{font-size:13px;color:#999;cursor:pointer;display:flex;align-items:center;gap:2px}.members-section .section-header .section-action[data-v-2a41c7ee]:hover{color:#666}.members-section .section-header .section-action .arrow-icon[data-v-2a41c7ee]{width:12px;height:12px}.members-section .section-header .section-action .arrow-icon[data-v-2a41c7ee]:after{width:5px;height:5px;margin-top:-2.5px;margin-left:-3px}.members-section .members-preview-grid[data-v-2a41c7ee]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:768px){.members-section .members-preview-grid[data-v-2a41c7ee]{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.members-section .members-preview-grid[data-v-2a41c7ee]{grid-template-columns:repeat(5,1fr)}}.members-section .member-avatar-item[data-v-2a41c7ee]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.members-section .member-avatar-item[data-v-2a41c7ee]:hover{opacity:.8}.members-section .member-avatar-item .member-avatar-wrapper[data-v-2a41c7ee]{margin-bottom:6px}.members-section .member-avatar-item .member-name-small[data-v-2a41c7ee]{font-size:11px;color:#666;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-section .invite-item .invite-icon[data-v-2a41c7ee]{width:50px;height:50px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:18px;color:#999;border:1px solid #e0e0e0}.members-section .invite-item .plus-icon[data-v-2a41c7ee]{font-size:24px;font-weight:300;color:#999}.members-section .invite-item:hover .invite-icon[data-v-2a41c7ee]{background:#e8e8e8}.bot-section .section-title-bar[data-v-2a41c7ee],.info-section .section-title-bar[data-v-2a41c7ee],.join-section .section-title-bar[data-v-2a41c7ee],.message-section .section-title-bar[data-v-2a41c7ee],.mute-section .section-title-bar[data-v-2a41c7ee],.netdisk-section .section-title-bar[data-v-2a41c7ee]{font-size:15px;font-weight:600;color:#333;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.bot-section .info-list[data-v-2a41c7ee],.info-section .info-list[data-v-2a41c7ee],.join-section .info-list[data-v-2a41c7ee],.message-section .info-list[data-v-2a41c7ee],.mute-section .info-list[data-v-2a41c7ee],.netdisk-section .info-list[data-v-2a41c7ee]{margin-top:0}.bot-section .info-item[data-v-2a41c7ee],.info-section .info-item[data-v-2a41c7ee],.join-section .info-item[data-v-2a41c7ee],.message-section .info-item[data-v-2a41c7ee],.mute-section .info-item[data-v-2a41c7ee],.netdisk-section .info-item[data-v-2a41c7ee]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s ease}.bot-section .info-item[data-v-2a41c7ee]:last-child,.info-section .info-item[data-v-2a41c7ee]:last-child,.join-section .info-item[data-v-2a41c7ee]:last-child,.message-section .info-item[data-v-2a41c7ee]:last-child,.mute-section .info-item[data-v-2a41c7ee]:last-child,.netdisk-section .info-item[data-v-2a41c7ee]:last-child{border-bottom:none}.bot-section .info-item[data-v-2a41c7ee]:hover,.info-section .info-item[data-v-2a41c7ee]:hover,.join-section .info-item[data-v-2a41c7ee]:hover,.message-section .info-item[data-v-2a41c7ee]:hover,.mute-section .info-item[data-v-2a41c7ee]:hover,.netdisk-section .info-item[data-v-2a41c7ee]:hover{background:#fafafa}.bot-section .info-item .info-label[data-v-2a41c7ee],.info-section .info-item .info-label[data-v-2a41c7ee],.join-section .info-item .info-label[data-v-2a41c7ee],.message-section .info-item .info-label[data-v-2a41c7ee],.mute-section .info-item .info-label[data-v-2a41c7ee],.netdisk-section .info-item .info-label[data-v-2a41c7ee]{font-size:14px;color:#333;min-width:100px;flex-shrink:0}.bot-section .info-item .info-value[data-v-2a41c7ee],.info-section .info-item .info-value[data-v-2a41c7ee],.join-section .info-item .info-value[data-v-2a41c7ee],.message-section .info-item .info-value[data-v-2a41c7ee],.mute-section .info-item .info-value[data-v-2a41c7ee],.netdisk-section .info-item .info-value[data-v-2a41c7ee]{flex:1;font-size:14px;color:#666;text-align:right;margin-right:8px}.bot-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee],.info-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee],.join-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee],.message-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee],.mute-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee],.netdisk-section .info-item .info-value.info-value-ellipsis[data-v-2a41c7ee]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-section .info-item .arrow-icon[data-v-2a41c7ee],.info-section .info-item .arrow-icon[data-v-2a41c7ee],.join-section .info-item .arrow-icon[data-v-2a41c7ee],.message-section .info-item .arrow-icon[data-v-2a41c7ee],.mute-section .info-item .arrow-icon[data-v-2a41c7ee],.netdisk-section .info-item .arrow-icon[data-v-2a41c7ee]{display:inline-block;width:14px;height:14px;position:relative;flex-shrink:0}.bot-section .info-item .arrow-icon[data-v-2a41c7ee]:after,.info-section .info-item .arrow-icon[data-v-2a41c7ee]:after,.join-section .info-item .arrow-icon[data-v-2a41c7ee]:after,.message-section .info-item .arrow-icon[data-v-2a41c7ee]:after,.mute-section .info-item .arrow-icon[data-v-2a41c7ee]:after,.netdisk-section .info-item .arrow-icon[data-v-2a41c7ee]:after{content:"";position:absolute;width:5.5px;height:5.5px;border-top:1.5px solid #ccc;border-right:1.5px solid #ccc;transform:rotate(45deg);top:50%;left:50%;margin-top:-2.75px;margin-left:-3.5px}.netdisk-section[data-v-2a41c7ee]{padding-top:0;padding-bottom:0}.netdisk-section .info-list .info-item[data-v-2a41c7ee]{display:flex;align-items:center;justify-content:space-between}.message-section[data-v-2a41c7ee]{padding-top:16px}.message-section .info-list .info-item[data-v-2a41c7ee]{display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.members-grid[data-v-2a41c7ee]{grid-template-columns:repeat(4,1fr);gap:20px 12px}}.avatar[data-v-2a41c7ee]{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-50[data-v-2a41c7ee]{width:50px;height:50px}.members-container[data-v-2a41c7ee]{padding:16px 12px}.header[data-v-2a41c7ee]{padding:8px 4px;height:56px}.member-name[data-v-2a41c7ee]{font-size:11px}@media(max-width:480px){.members-grid[data-v-2a41c7ee]{grid-template-columns:repeat(5,1fr);gap:18px 10px}.members-container[data-v-2a41c7ee]{padding:16px 10px}.member-name[data-v-2a41c7ee]{font-size:10px}.invite-icon[data-v-2a41c7ee]{font-size:18px!important}.invite-icon[data-v-2a41c7ee],.member-avatar-wrapper .avatar[data-v-2a41c7ee]{width:45px!important;height:45px!important}}.not-clickable[data-v-2a41c7ee]{cursor:default!important}.group-info-card.not-clickable[data-v-2a41c7ee]:hover,.not-clickable[data-v-2a41c7ee]:hover{background:#fff!important}.leave-section[data-v-2a41c7ee]{margin-top:20px;background:transparent!important;padding:0!important;box-shadow:none!important}.leave-btn[data-v-2a41c7ee]{width:100%;height:44px;background:#fff;border:none;border-radius:8px;font-size:16px;color:#ff3b30;font-weight:500;cursor:pointer;transition:all .2s}.leave-btn[data-v-2a41c7ee]:hover{background:#fcfcfc}.leave-btn[data-v-2a41c7ee]:active{background:#f0f0f0}.user-id-popover[data-v-38ca64be]{position:fixed;z-index:10000;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:8px 12px;min-width:auto;border:1px solid #ebeef5;animation:popoverFadeIn-38ca64be .2s ease-out}.user-id-popover .popover-content[data-v-38ca64be]{display:flex;align-items:center;justify-content:center;gap:8px}.user-id-popover .popover-content .value[data-v-38ca64be]{color:#303133;font-weight:500;font-size:14px;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:nowrap}.user-id-popover .popover-content .copy-btn[data-v-38ca64be]{font-size:12px;color:#09f;cursor:pointer;padding:2px 6px;background:#f0f9ff;border-radius:4px}.user-id-popover .popover-content .copy-btn[data-v-38ca64be]:hover{background:#e1f3ff}.user-id-popover .popover-arrow[data-v-38ca64be]{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05))}@keyframes popoverFadeIn-38ca64be{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active[data-v-38ca64be],.fade-leave-active[data-v-38ca64be]{transition:opacity .2s}.fade-enter[data-v-38ca64be],.fade-leave-to[data-v-38ca64be]{opacity:0}.group-members-page[data-v-38ca64be]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column;position:relative}.header[data-v-38ca64be]{background:#fff;border-bottom:1px solid #e4e4e5;padding:0;display:flex;align-items:center;height:56px;position:relative}.header .header-left[data-v-38ca64be],.header .header-right[data-v-38ca64be]{flex:0 0 auto;width:50px}.header .header-center[data-v-38ca64be]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-38ca64be],.header .menu-btn[data-v-38ca64be]{background:none;border:none;padding:8px;color:#333;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-38ca64be]:hover,.header .menu-btn[data-v-38ca64be]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-38ca64be],.header .menu-btn .btn-icon[data-v-38ca64be]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .back-btn .icon-more[data-v-38ca64be],.header .menu-btn .icon-more[data-v-38ca64be]{width:20px;height:20px;color:#333}.header .page-title[data-v-38ca64be]{margin:0;font-size:18px;font-weight:600;color:#333}.search-container[data-v-38ca64be]{background:#fff;padding:8px 16px 12px 16px;flex-shrink:0}.search-container .search-box[data-v-38ca64be]{background:#f5f5f5;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.search-container .search-box .search-icon[data-v-38ca64be]{width:16px;height:16px;color:#999;flex-shrink:0}.search-container .search-box .search-input[data-v-38ca64be]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}.search-container .search-box .search-input[data-v-38ca64be]::-moz-placeholder{color:#999}.search-container .search-box .search-input[data-v-38ca64be]::placeholder{color:#999}.members-container[data-v-38ca64be]{flex:1;overflow-y:auto;background:#fff;padding-bottom:20px}.members-container .member-section[data-v-38ca64be]{margin-top:16px}.members-container .member-section .section-title[data-v-38ca64be]{padding:8px 16px;font-size:13px;color:#999;background:#fafafa}.members-container .member-section .member-item[data-v-38ca64be]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f5f5f5;transition:background .2s ease}.members-container .member-section .member-item[data-v-38ca64be]:hover{background:#fafafa}.members-container .member-section .member-item .member-left[data-v-38ca64be]{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.members-container .member-section .member-item .member-left .member-info[data-v-38ca64be]{flex:1;min-width:0}.members-container .member-section .member-item .member-left .member-info .member-name-row[data-v-38ca64be]{display:flex;align-items:center;gap:8px}.members-container .member-section .member-item .member-left .member-info .member-name-row .member-tag[data-v-38ca64be]{background:#12b7f5;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.members-container .member-section .member-item .member-left .member-info .member-name-row .member-name[data-v-38ca64be]{font-size:15px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-container .member-section .member-item .action-right[data-v-38ca64be]{display:flex;align-items:center;gap:8px}.members-container .member-section .member-item .add-btn[data-v-38ca64be]{background:transparent;border:1px solid #d0d0d0;color:#666;padding:4px 12px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.members-container .member-section .member-item .add-btn[data-v-38ca64be]:hover{background:#f5f5f5;border-color:#b0b0b0}.members-container .member-section .member-item .remove-member-btn[data-v-38ca64be]{background:transparent;border:1px solid #ff3b30;color:#ff3b30;padding:4px 12px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.members-container .member-section .member-item .remove-member-btn[data-v-38ca64be]:active{opacity:.8}.members-container .member-section .member-item .action-btn-container[data-v-38ca64be]{position:relative;display:flex;align-items:center}.members-container .member-section .member-item .more-btn[data-v-38ca64be]{background:transparent;border:none;color:#999;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.members-container .member-section .member-item .more-btn[data-v-38ca64be]:hover{background:#f0f0f0;color:#666}.members-container .member-section .member-item .role-tooltip[data-v-38ca64be]{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:4px;z-index:10;min-width:100px;overflow:hidden;border:1px solid #eee}.members-container .member-section .member-item .role-tooltip .tooltip-item[data-v-38ca64be]{padding:10px 16px;font-size:14px;color:#333;cursor:pointer;white-space:nowrap;transition:background .2s}.members-container .member-section .member-item .role-tooltip .tooltip-item[data-v-38ca64be]:hover{background:#f5f5f5}.letter-index[data-v-38ca64be]{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:100}.letter-index .letter-item[data-v-38ca64be]{font-size:11px;color:#666;padding:2px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.2}.letter-index .letter-item[data-v-38ca64be]:hover{color:#12b7f5;font-weight:700}.loading-container[data-v-38ca64be]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:8px}.loading-container i[data-v-38ca64be]{font-size:24px}.loading-more[data-v-38ca64be]{display:flex;align-items:center;justify-content:center;padding:20px;color:#999;gap:8px;font-size:14px}.loading-more i[data-v-38ca64be]{font-size:16px}.no-more-data[data-v-38ca64be]{padding:20px;font-size:13px}.empty-container[data-v-38ca64be],.no-more-data[data-v-38ca64be]{display:flex;align-items:center;justify-content:center;color:#999}.empty-container[data-v-38ca64be]{padding:40px 20px;font-size:14px}.members-container[data-v-38ca64be]::-webkit-scrollbar{width:6px}.members-container[data-v-38ca64be]::-webkit-scrollbar-track{background:#f5f5f5}.members-container[data-v-38ca64be]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.members-container[data-v-38ca64be]::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.action-sheet-overlay[data-v-38ca64be],.popup-mask[data-v-38ca64be]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn-38ca64be .3s ease}.action-sheet[data-v-38ca64be],.popup-content[data-v-38ca64be]{width:100%;background:#fff;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:slideUp-38ca64be .3s ease}.action-sheet .action-sheet-item[data-v-38ca64be]{padding:16px;text-align:center;cursor:pointer;transition:background .2s ease}.action-sheet .action-sheet-item[data-v-38ca64be]:active{background:#f5f5f5}.action-sheet .action-sheet-item .action-text[data-v-38ca64be]{font-size:16px;color:#333}.action-sheet .action-sheet-item .action-text.danger[data-v-38ca64be]{color:#ff3b30}.action-sheet .action-divider[data-v-38ca64be]{height:8px;background:#f5f5f5}.popup-content[data-v-38ca64be]{max-height:90vh;overflow-y:auto}.popup-content .popup-header[data-v-38ca64be]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.popup-content .popup-header .cancel-btn[data-v-38ca64be]{font-size:16px;color:#333;cursor:pointer}.popup-content .popup-header .title[data-v-38ca64be]{font-size:18px;font-weight:500}.popup-content .popup-header .placeholder[data-v-38ca64be]{width:32px}.popup-content .friend-info-preview[data-v-38ca64be]{display:flex;align-items:center;padding:20px 16px}.popup-content .friend-info-preview .avatar[data-v-38ca64be]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px}.popup-content .friend-info-preview .avatar img[data-v-38ca64be]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-content .friend-info-preview .name[data-v-38ca64be]{font-size:18px;font-weight:500}.popup-content .form-group[data-v-38ca64be]{padding:0 16px;margin-bottom:20px}.popup-content .form-group .form-label[data-v-38ca64be]{font-size:13px;color:#999;margin-bottom:8px}.popup-content .form-group .form-input-box[data-v-38ca64be]{background:#f7f7f7;border-radius:6px;padding:12px;display:flex;align-items:center}.popup-content .form-group .form-input-box input[data-v-38ca64be]{border:none;background:none;outline:none;width:100%;font-size:16px}.popup-content .form-group .form-input-box .clear-icon[data-v-38ca64be]{width:20px;height:20px;color:#ccc;cursor:pointer;flex-shrink:0;margin-left:8px}.popup-content .form-group .form-input-box .clear-icon[data-v-38ca64be]:hover{color:#999}.popup-content .popup-footer[data-v-38ca64be]{padding:16px}.popup-content .popup-footer .send-btn[data-v-38ca64be]{width:100%;height:48px;font-size:16px;border-radius:8px;border:none;background-color:#007bff}.popup-content .popup-footer .send-btn[data-v-38ca64be]:active{opacity:.9}@keyframes fadeIn-38ca64be{0%{opacity:0}to{opacity:1}}@keyframes slideUp-38ca64be{0%{transform:translateY(100%)}to{transform:translateY(0)}}.avatar[data-v-38ca64be]{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-45[data-v-38ca64be]{width:45px;height:45px}.loading-spinner[data-v-38ca64be]{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin-38ca64be 1s ease-in-out infinite}.loading-spinner-large[data-v-38ca64be]{display:inline-block;width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin-38ca64be 1s ease-in-out infinite}.loading-spinner-small[data-v-38ca64be]{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin-38ca64be 1s ease-in-out infinite;margin-right:6px;vertical-align:middle}@keyframes spin-38ca64be{to{transform:rotate(1turn)}}.send-btn[data-v-38ca64be]{background:#007aff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn[data-v-38ca64be]:disabled{opacity:.7;cursor:not-allowed}.toast-demo[data-v-5c1155da]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px}.demo-header[data-v-5c1155da]{text-align:center;margin-bottom:40px}.demo-header h1[data-v-5c1155da]{color:#333;font-size:32px;margin-bottom:10px;font-weight:600}.demo-header p[data-v-5c1155da]{color:#666;font-size:16px;margin:0}.demo-content[data-v-5c1155da]{max-width:1200px;margin:0 auto}.demo-section[data-v-5c1155da]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.demo-section h2[data-v-5c1155da]{color:#333;font-size:20px;margin-bottom:20px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.demo-buttons[data-v-5c1155da]{display:flex;flex-wrap:wrap;gap:12px}.demo-buttons .el-button[data-v-5c1155da]{margin:0}@media(max-width:768px){.toast-demo[data-v-5c1155da]{padding:20px 10px}.demo-header h1[data-v-5c1155da]{font-size:24px}.demo-section[data-v-5c1155da]{padding:16px}.demo-buttons[data-v-5c1155da]{flex-direction:column}.demo-buttons .el-button[data-v-5c1155da]{width:100%}}.create-group-page[data-v-343e8a98]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}.page-header[data-v-343e8a98]{background:#fff;height:56px;display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid #e5e5e5;position:relative}.page-header .back-btn[data-v-343e8a98]{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-header .back-btn[data-v-343e8a98]:hover{background:#f0f0f0;border-radius:4px}.page-header .back-btn .btn-icon[data-v-343e8a98]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.page-header .page-title[data-v-343e8a98]{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;font-weight:500;color:#000;margin:0}.page-header .header-right[data-v-343e8a98]{width:60px}.form-content[data-v-343e8a98]{flex:1;overflow-y:auto;padding-top:16px}.form-item[data-v-343e8a98]{background:#fff;padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.form-item[data-v-343e8a98]:last-of-type{border-bottom:none}.form-item .item-label[data-v-343e8a98]{font-size:15px;color:#000;flex-shrink:0;margin-right:12px}.form-item .item-input[data-v-343e8a98]{flex:1;border:none;outline:none;font-size:15px;text-align:right;color:#000;background:transparent}.form-item .item-input[data-v-343e8a98]::-moz-placeholder{color:#c8c8c8}.form-item .item-input[data-v-343e8a98]::placeholder{color:#c8c8c8}.form-item-textarea[data-v-343e8a98]{flex-direction:column;align-items:flex-start;padding:12px 16px 16px}.form-item-textarea .item-label[data-v-343e8a98]{margin-bottom:12px}.form-item-textarea .item-textarea[data-v-343e8a98]{width:100%;min-height:90px;border:none;outline:none;font-size:15px;color:#000;background:transparent;resize:none;font-family:inherit}.form-item-textarea .item-textarea[data-v-343e8a98]::-moz-placeholder{color:#c8c8c8}.form-item-textarea .item-textarea[data-v-343e8a98]::placeholder{color:#c8c8c8}.footer-btn-container[data-v-343e8a98]{padding:16px;background:#f5f5f5}.confirm-btn[data-v-343e8a98]{width:100%;height:48px;background:#1677ff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.confirm-btn[data-v-343e8a98]:active{opacity:.8}.confirm-btn[data-v-343e8a98]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.page-header .page-title[data-v-343e8a98]{font-size:18px;font-weight:500}.form-item .item-input[data-v-343e8a98],.form-item .item-label[data-v-343e8a98],.form-item-textarea .item-textarea[data-v-343e8a98]{font-size:14px}}.join-group-page[data-v-11f1b038]{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;background-image:url(/img/screenbg.62e1aa18.png);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:backgroundFloat-11f1b038 40s ease-in-out infinite;overflow:hidden}@keyframes backgroundFloat-11f1b038{0%{background-position:45% 30%}12%{background-position:75% 15%}25%{background-position:35% 80%}38%{background-position:90% 65%}50%{background-position:20% 45%}62%{background-position:85% 25%}75%{background-position:15% 70%}88%{background-position:60% 85%}to{background-position:45% 30%}}.join-group-container[data-v-11f1b038]{width:100%;max-width:375px;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;position:relative;z-index:2}.qq-logo[data-v-11f1b038]{margin-bottom:40px}.logo-container[data-v-11f1b038]{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease}.logo-container[data-v-11f1b038]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.logo-image[data-v-11f1b038]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.join-group-form[data-v-11f1b038]{width:100%;margin-bottom:60px}.input-group[data-v-11f1b038]{margin-bottom:20px}.qq-input[data-v-11f1b038]{width:100%;height:50px;background:#fff;border:none;border-radius:12px;padding:0 20px;font-size:16px;text-align:center;box-sizing:border-box;outline:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qq-input[data-v-11f1b038]::-moz-placeholder{color:#999;text-align:center}.qq-input[data-v-11f1b038]::placeholder{color:#999;text-align:center}.qq-input[data-v-11f1b038]:focus{box-shadow:0 2px 12px rgba(0,0,0,.15)}.join-btn[data-v-11f1b038]{width:100%;height:50px;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px;box-shadow:0 4px 12px rgba(74,144,226,.3);transition:all .3s ease}.join-btn[data-v-11f1b038]:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.join-btn[data-v-11f1b038]:active{transform:translateY(0)}.join-btn[data-v-11f1b038]:disabled{opacity:.6;cursor:not-allowed}.back-btn[data-v-11f1b038]{width:100%;height:45px;background:#fff;border:1px solid #ddd;border-radius:12px;color:#666;font-size:14px;font-weight:400;cursor:pointer;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.back-btn[data-v-11f1b038]:hover{background:#f5f5f5;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-btn[data-v-11f1b038]:active{transform:translateY(0)}.join-tips[data-v-11f1b038]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.tips-text[data-v-11f1b038]{font-size:12px;color:#666;line-height:1.4;text-align:center;margin:0}@media(max-width:768px){.join-group-container[data-v-11f1b038]{padding:0 20px}.qq-logo[data-v-11f1b038]{margin-bottom:60px;margin-top:-80px}.join-group-form[data-v-11f1b038]{margin-bottom:40px}}@media(max-width:375px){.join-group-container[data-v-11f1b038]{padding:0 15px}.join-btn[data-v-11f1b038],.qq-input[data-v-11f1b038]{font-size:14px}}.group-approval-page[data-v-264a8ff9]{width:100%;height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}.page-header[data-v-264a8ff9]{background:#fff;height:56px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e8e8e8}.page-header .back-btn[data-v-264a8ff9]{position:absolute;left:10px;padding:8px;color:#333;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer}.page-header .back-btn[data-v-264a8ff9]:hover{background:#f0f0f0;border-radius:4px}.page-header .back-btn .btn-icon[data-v-264a8ff9]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.page-header .page-title[data-v-264a8ff9]{font-size:17px;font-weight:500;color:#000;margin:0}.tab-container[data-v-264a8ff9]{background:#fff;display:flex;height:44px;border-bottom:1px solid #e8e8e8}.tab-container .tab-item[data-v-264a8ff9]{flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;cursor:pointer;position:relative;transition:color .3s ease}.tab-container .tab-item[data-v-264a8ff9]:hover{color:#333}.tab-container .tab-item.active[data-v-264a8ff9]{color:#000;font-weight:500}.tab-container .tab-item.active[data-v-264a8ff9]:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:3px;background:#1890ff;border-radius:2px 2px 0 0}.approval-list-container[data-v-264a8ff9]{flex:1;background:#f5f5f5;overflow-y:auto;padding:0}.approval-list-container .loading-center[data-v-264a8ff9]{display:flex;align-items:center;justify-content:center;padding:40px 0;color:#999;font-size:14px}.approval-list-container .loading-center .loading-spinner[data-v-264a8ff9]{margin-right:8px}.approval-list-container .approval-item[data-v-264a8ff9]{display:flex;align-items:flex-start;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;gap:12px}.approval-list-container .approval-item .approval-avatar[data-v-264a8ff9]{flex-shrink:0;margin-top:2px}.approval-list-container .approval-item .approval-avatar .approval-avatar-img[data-v-264a8ff9]{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.approval-list-container .approval-item .approval-content[data-v-264a8ff9]{flex:1;min-width:0}.approval-list-container .approval-item .approval-content .user-info-row[data-v-264a8ff9]{display:flex;align-items:center;gap:6px;margin-bottom:4px}.approval-list-container .approval-item .approval-content .user-info-row .user-name[data-v-264a8ff9]{font-size:16px;font-weight:400;color:#000}.approval-list-container .approval-item .approval-content .user-info-row .user-level[data-v-264a8ff9]{display:inline-block;padding:0 6px;height:16px;line-height:16px;background:linear-gradient(135deg,gold,orange);color:#fff;font-size:11px;font-weight:500;border-radius:3px}.approval-list-container .approval-item .approval-content .user-info-row .user-location[data-v-264a8ff9]{display:flex;align-items:center;gap:2px;font-size:12px;color:hotpink}.approval-list-container .approval-item .approval-content .user-info-row .user-location .location-icon[data-v-264a8ff9]{font-size:14px;line-height:1}.approval-list-container .approval-item .approval-content .apply-info[data-v-264a8ff9]{font-size:14px;color:#666;margin-bottom:2px}.approval-list-container .approval-item .approval-content .verify-message[data-v-264a8ff9]{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-list-container .approval-item .approval-actions[data-v-264a8ff9]{flex-shrink:0;margin-top:2px}.approval-list-container .approval-item .approval-actions .btn[data-v-264a8ff9]{border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.approval-list-container .approval-item .approval-actions .btn.btn-agree[data-v-264a8ff9]{padding:6px 18px;font-size:13px;color:#333;border:1px solid #d9d9d9;background:#fff}.approval-list-container .approval-item .approval-actions .btn.btn-agree[data-v-264a8ff9]:hover{color:#1890ff;border-color:#1890ff;background:#fff}.approval-list-container .approval-item .approval-actions .btn.btn-agree[data-v-264a8ff9]:active{background:#f0f7ff}.approval-list-container .approval-item .approval-actions .btn.btn-agree[data-v-264a8ff9]:disabled{opacity:.7;cursor:not-allowed;background:#f5f5f5}.approval-list-container .empty-state[data-v-264a8ff9]{padding:40px 20px;text-align:center}.approval-list-container .empty-state .empty-divider[data-v-264a8ff9]{font-size:13px;color:#ccc}.approval-list-container .loading-more[data-v-264a8ff9],.approval-list-container .no-more-data[data-v-264a8ff9]{padding:10px 0;text-align:center;font-size:12px;color:#999;background:#f5f5f5}@keyframes spin-264a8ff9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner[data-v-264a8ff9]{display:inline-block;width:14px;height:14px;border:2px solid #f3f3f3;border-top:2px solid #999;border-radius:50%;animation:spin-264a8ff9 .8s linear infinite;vertical-align:middle}.loading-spinner.loading-spinner-small[data-v-264a8ff9]{width:12px;height:12px;border-width:2px;margin-right:4px}.approval-list-container[data-v-264a8ff9]::-webkit-scrollbar{width:0}.add-contact-page[data-v-194877d5]{width:100%;min-height:100vh;background:#f5f5f5}.add-contact-page .page-header[data-v-194877d5]{background:#fff;height:56px;display:flex;align-items:center;padding:0;border-bottom:1px solid #e5e5e5;position:relative}.add-contact-page .page-header .back-btn[data-v-194877d5]{border:none;background:none;font-size:18px;color:#333;cursor:pointer;padding:8px;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.add-contact-page .page-header .back-btn[data-v-194877d5]:hover{background:#f0f0f0;border-radius:4px;opacity:1}.add-contact-page .page-header .back-btn[data-v-194877d5]:active{opacity:.5}.add-contact-page .page-header .back-btn .btn-icon[data-v-194877d5]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.add-contact-page .page-header .tab-switcher[data-v-194877d5]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:0;background:#000;border-radius:4px;overflow:hidden}.add-contact-page .page-header .tab-switcher .tab-btn[data-v-194877d5]{padding:6px 20px;border:none;background:#fff;color:#666;font-size:15px;cursor:pointer;transition:all .3s;border-radius:0}.add-contact-page .page-header .tab-switcher .tab-btn.active[data-v-194877d5]{color:#fff;font-weight:500;background:#000}.add-contact-page .page-header .tab-switcher .tab-btn[data-v-194877d5]:first-child{border-radius:4px 0 0 4px}.add-contact-page .page-header .tab-switcher .tab-btn[data-v-194877d5]:last-child{border-radius:0 4px 4px 0}.add-contact-page .search-box[data-v-194877d5]{padding:16px;background:#fff;position:relative}.add-contact-page .search-box .search-wrapper[data-v-194877d5]{background:#f5f5f5;border-radius:8px;height:40px;padding:0 12px;display:flex;align-items:center;gap:8px}.add-contact-page .search-box .search-wrapper .search-icon[data-v-194877d5]{color:#999;flex-shrink:0}.add-contact-page .search-box .search-wrapper .custom-search-input[data-v-194877d5]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333;width:100%}.add-contact-page .search-box .search-wrapper .custom-search-input[data-v-194877d5]::-moz-placeholder{color:#999}.add-contact-page .search-box .search-wrapper .custom-search-input[data-v-194877d5]::placeholder{color:#999}.add-contact-page .search-box .search-wrapper .clear-icon[data-v-194877d5]{color:#999;cursor:pointer;flex-shrink:0}.add-contact-page .search-box .search-wrapper .clear-icon[data-v-194877d5]:hover{color:#666}.add-contact-page .search-box .search-loading-status[data-v-194877d5]{position:absolute;right:30px;top:50%;transform:translateY(-50%);color:#999;font-size:14px}.add-contact-page .search-results[data-v-194877d5]{background:#fff;margin-top:12px}.add-contact-page .search-results .result-section .section-header[data-v-194877d5]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.add-contact-page .search-results .result-section .section-header .section-title[data-v-194877d5]{font-size:14px;color:#333;font-weight:500}.add-contact-page .search-results .result-section .section-header .more-link[data-v-194877d5]{font-size:13px;color:#576b95;cursor:pointer}.add-contact-page .search-results .result-section .result-item[data-v-194877d5]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background .2s}.add-contact-page .search-results .result-section .result-item[data-v-194877d5]:hover{background:#f5f5f5}.add-contact-page .search-results .result-section .result-item .result-avatar[data-v-194877d5]{width:48px;height:48px;margin-right:12px;flex-shrink:0;background:#e0e0e0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.add-contact-page .search-results .result-section .result-item .result-avatar.user-avatar[data-v-194877d5]{border-radius:50%}.add-contact-page .search-results .result-section .result-item .result-avatar i[data-v-194877d5]{font-size:24px;color:#999}.add-contact-page .search-results .result-section .result-item .result-avatar img[data-v-194877d5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.add-contact-page .search-results .result-section .result-item .result-info[data-v-194877d5]{flex:1;overflow:hidden;margin-right:12px;display:flex;flex-direction:column;justify-content:center}.add-contact-page .search-results .result-section .result-item .result-info .result-name[data-v-194877d5]{font-size:16px;color:#333;font-weight:500;margin-bottom:4px}.add-contact-page .search-results .result-section .result-item .result-info .result-name .highlight[data-v-194877d5]{color:#409eff}.add-contact-page .search-results .result-section .result-item .result-info .result-meta[data-v-194877d5]{font-size:13px;color:#999}.add-contact-page .search-results .result-section .result-item .result-info .result-meta .group-code-link[data-v-194877d5]{color:#576b95}.add-contact-page .search-results .result-section .result-item .result-info .result-desc .member-count[data-v-194877d5]{font-size:12px;color:#999}.add-contact-page .search-results .result-section .result-item .result-info .result-extra[data-v-194877d5]{font-size:12px;color:#999;margin-top:4px}.add-contact-page .search-results .result-section .result-item .result-action[data-v-194877d5]{flex-shrink:0}.add-contact-page .search-results .result-section .result-item .result-action .btn[data-v-194877d5]{border:none;outline:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-primary[data-v-194877d5]{background:#09f;color:#fff}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-primary[data-v-194877d5]:hover{background:#007acc}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-primary[data-v-194877d5]:disabled{opacity:.7;cursor:not-allowed}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-info[data-v-194877d5]{background:#f2f2f2;color:#999;cursor:not-allowed}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-default[data-v-194877d5]{background:#fff;border:1px solid #ddd;color:#333;border-radius:20px;padding:6px 16px}.add-contact-page .search-results .result-section .result-item .result-action .btn.btn-default[data-v-194877d5]:hover{background:#f5f5f5}.add-contact-page .search-results .result-section .no-data[data-v-194877d5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 16px;color:#999}.add-contact-page .search-results .result-section .no-data i[data-v-194877d5]{font-size:48px;margin-bottom:12px}.add-contact-page .search-results .result-section .no-data p[data-v-194877d5]{font-size:14px;margin:0}.add-contact-page .popup-mask[data-v-194877d5]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end}.add-contact-page .popup-content[data-v-194877d5]{width:100%;background:#fff;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom);max-height:90vh;overflow-y:auto;animation:slideUp-194877d5 .3s ease-out}.add-contact-page .popup-content .popup-header[data-v-194877d5]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.add-contact-page .popup-content .popup-header .cancel-btn[data-v-194877d5]{font-size:16px;color:#333;cursor:pointer}.add-contact-page .popup-content .popup-header .title[data-v-194877d5]{font-size:18px;font-weight:500}.add-contact-page .popup-content .popup-header .placeholder[data-v-194877d5]{width:32px}.add-contact-page .popup-content .friend-info-preview[data-v-194877d5]{display:flex;align-items:center;padding:20px 16px}.add-contact-page .popup-content .friend-info-preview .avatar[data-v-194877d5]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px}.add-contact-page .popup-content .friend-info-preview .avatar img[data-v-194877d5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.add-contact-page .popup-content .friend-info-preview .name[data-v-194877d5]{font-size:18px;font-weight:500}.add-contact-page .popup-content .form-group[data-v-194877d5]{padding:0 16px;margin-bottom:20px}.add-contact-page .popup-content .form-group .form-label[data-v-194877d5]{font-size:13px;color:#999;margin-bottom:8px}.add-contact-page .popup-content .form-group .form-input-box[data-v-194877d5]{background:#f7f7f7;border-radius:6px;padding:12px;display:flex;align-items:center}.add-contact-page .popup-content .form-group .form-input-box input[data-v-194877d5]{border:none;background:none;outline:none;width:100%;font-size:16px}.add-contact-page .popup-content .form-group .form-input-box .clear-icon[data-v-194877d5]{color:#ccc;cursor:pointer}.add-contact-page .popup-content .form-group .form-select-box[data-v-194877d5]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:16px;color:#333}.add-contact-page .popup-content .form-group-switch[data-v-194877d5]{padding:0 16px;margin-bottom:30px}.add-contact-page .popup-content .form-group-switch .form-label[data-v-194877d5]{font-size:13px;color:#999;margin-bottom:8px}.add-contact-page .popup-content .form-group-switch .switch-row[data-v-194877d5]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.add-contact-page .popup-content .popup-footer[data-v-194877d5]{padding:16px}.add-contact-page .popup-content .popup-footer .send-btn[data-v-194877d5]{width:100%;height:48px;font-size:16px;border-radius:8px;background-color:#007bff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-contact-page .popup-content .popup-footer .send-btn[data-v-194877d5]:active{opacity:.9}.add-contact-page .popup-content .popup-footer .send-btn[data-v-194877d5]:disabled{opacity:.7;cursor:not-allowed}@keyframes slideUp-194877d5{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-contact-page .custom-spinner[data-v-194877d5]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #999;border-radius:50%;animation:spin-194877d5 1s linear infinite}.add-contact-page .btn-spinner[data-v-194877d5]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-194877d5 1s linear infinite;margin-right:5px;display:inline-block}@keyframes spin-194877d5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-contact-page .img-fill[data-v-194877d5]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.add-contact-page .no-data-icon[data-v-194877d5]{margin-bottom:12px}.group-policy-page[data-v-77796578]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-77796578]{background:#fff;border-bottom:1px solid #e4e4e5;padding:0;display:flex;align-items:center;height:56px;justify-content:space-between}.header .header-left[data-v-77796578],.header .header-right[data-v-77796578]{width:60px;display:flex;align-items:center}.header .header-right[data-v-77796578]{justify-content:flex-end}.header .header-center[data-v-77796578]{flex:1;display:flex;justify-content:center}.header .back-btn[data-v-77796578]{background:none;border:none;padding:8px;font-size:18px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-77796578]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-77796578]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-77796578]{margin:0;font-size:17px;font-weight:600;color:#333}.header .confirm-btn[data-v-77796578]{background:none;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;padding:4px 8px}.options-list[data-v-77796578]{background:#fff;margin-top:12px}.option-item[data-v-77796578]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.option-item[data-v-77796578]:last-child{border-bottom:none}.option-item[data-v-77796578]:hover{background:#fafafa}.option-item .option-text[data-v-77796578]{font-size:16px;color:#333}.option-item .check-icon[data-v-77796578]{width:20px;height:20px;color:#409eff}.group-mute-page[data-v-2c10ff61]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-2c10ff61]{background:#fff;border-bottom:1px solid #e4e4e5;padding:0;display:flex;align-items:center;height:56px;justify-content:space-between}.header .header-left[data-v-2c10ff61],.header .header-right[data-v-2c10ff61]{width:60px;display:flex;align-items:center}.header .header-right[data-v-2c10ff61]{justify-content:flex-end}.header .header-center[data-v-2c10ff61]{flex:1;display:flex;justify-content:center}.header .back-btn[data-v-2c10ff61]{background:none;border:none;padding:8px;font-size:18px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-2c10ff61]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-2c10ff61]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-2c10ff61]{margin:0;font-size:17px;font-weight:600;color:#333}.header .confirm-btn[data-v-2c10ff61]{background:none;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;padding:4px 8px}.section-title[data-v-2c10ff61]{padding:12px 16px 8px;font-size:14px;color:#999}.options-list[data-v-2c10ff61]{background:#fff}.option-item[data-v-2c10ff61]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.option-item[data-v-2c10ff61]:last-child{border-bottom:none}.option-item[data-v-2c10ff61]:hover{background:#fafafa}.option-item.disabled[data-v-2c10ff61]{opacity:.6;cursor:not-allowed}.option-item .option-text[data-v-2c10ff61]{font-size:16px;color:#333}.option-item .check-icon[data-v-2c10ff61]{width:20px;height:20px;color:#409eff}.option-item .right-content[data-v-2c10ff61]{display:flex;align-items:center}.option-item .right-content .status-text[data-v-2c10ff61]{font-size:14px;color:#999;margin-right:8px}.option-item .right-content .arrow-icon[data-v-2c10ff61]{color:#ccc}.helper-text[data-v-2c10ff61]{padding:8px 16px;font-size:13px;color:#999}.edit-announcement-page[data-v-56d39be8]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-56d39be8]{background:#fff;border-bottom:1px solid #e4e4e5;display:flex;align-items:center;height:56px;position:relative}.header .header-left[data-v-56d39be8],.header .header-right[data-v-56d39be8]{flex:0 0 auto;width:60px}.header .header-center[data-v-56d39be8]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-56d39be8]{background:none;border:none;padding:8px;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-56d39be8]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-56d39be8]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-56d39be8]{margin:0;font-size:18px;font-weight:600;color:#333}.header .publish-btn[data-v-56d39be8]{background:none;border:none;padding:6px 12px;color:#000;font-size:16px;cursor:pointer;font-weight:500}.header .publish-btn[data-v-56d39be8]:hover:not(:disabled){opacity:.8}.header .publish-btn[data-v-56d39be8]:disabled{color:#999;cursor:not-allowed}.content[data-v-56d39be8]{flex:1;padding:16px;display:flex;flex-direction:column;background:#fff;margin:12px;border-radius:8px;position:relative}.announcement-input[data-v-56d39be8]{flex:1;width:100%;border:none;outline:none;font-size:15px;line-height:1.6;color:#333;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.announcement-input[data-v-56d39be8]::-moz-placeholder{color:#999}.announcement-input[data-v-56d39be8]::placeholder{color:#999}.announcement-input[data-v-56d39be8]:disabled{background:#f5f5f5;color:#999}.char-count[data-v-56d39be8]{text-align:right;font-size:13px;color:#999;padding-top:8px;border-top:1px solid #f0f0f0;margin-top:8px}.edit-group-name-page[data-v-1099110c]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-1099110c]{background:#fff;border-bottom:1px solid #e4e4e5;display:flex;align-items:center;height:56px;position:relative}.header .header-left[data-v-1099110c],.header .header-right[data-v-1099110c]{flex:0 0 auto;width:60px}.header .header-center[data-v-1099110c]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-1099110c]{background:none;border:none;padding:8px;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-1099110c]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-1099110c]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-1099110c]{margin:0;font-size:18px;font-weight:600;color:#333}.header .publish-btn[data-v-1099110c]{background:none;border:none;padding:6px 12px;color:#000;font-size:16px;cursor:pointer;font-weight:500}.header .publish-btn[data-v-1099110c]:hover:not(:disabled){opacity:.8}.header .publish-btn[data-v-1099110c]:disabled{color:#999;cursor:not-allowed}.content[data-v-1099110c]{flex:1;padding:16px;background:#f5f5f5}.form-group[data-v-1099110c]{background:#fff;padding:16px;border-radius:8px}.form-group .form-label[data-v-1099110c]{display:block;font-size:14px;color:#666;margin-bottom:12px}.form-group .form-input[data-v-1099110c]{width:100%;border:none;border-bottom:1px solid #e0e0e0;outline:none;font-size:15px;line-height:1.6;color:#333;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.form-group .form-input[data-v-1099110c]::-moz-placeholder{color:#999}.form-group .form-input[data-v-1099110c]::placeholder{color:#999}.form-group .form-input[data-v-1099110c]:focus{border-bottom-color:#07c160}.form-group .form-input[data-v-1099110c]:disabled{background:transparent;color:#999}.form-group .char-count[data-v-1099110c]{text-align:right;font-size:13px;color:#999;margin-top:8px}.edit-group-desc-page[data-v-71f12e22]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-71f12e22]{background:#fff;border-bottom:1px solid #e4e4e5;display:flex;align-items:center;height:56px;position:relative}.header .header-left[data-v-71f12e22],.header .header-right[data-v-71f12e22]{flex:0 0 auto;width:60px}.header .header-center[data-v-71f12e22]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-71f12e22]{background:none;border:none;padding:8px;color:#333;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn .btn-icon[data-v-71f12e22]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-71f12e22]{margin:0;font-size:18px;font-weight:600;color:#333}.header .publish-btn[data-v-71f12e22]{background:none;border:none;padding:6px 12px;color:#000;font-size:16px;cursor:pointer;font-weight:500}.header .publish-btn[data-v-71f12e22]:hover:not(:disabled){opacity:.8}.header .publish-btn[data-v-71f12e22]:disabled{color:#999;cursor:not-allowed}.content[data-v-71f12e22]{flex:1;padding:16px;background:#f5f5f5}.form-group[data-v-71f12e22]{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;height:300px}.form-group .form-label[data-v-71f12e22]{display:block;font-size:14px;color:#666;margin-bottom:12px}.form-group .form-textarea[data-v-71f12e22]{flex:1;width:100%;border:none;outline:none;font-size:15px;line-height:1.6;color:#333;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.form-group .form-textarea[data-v-71f12e22]::-moz-placeholder{color:#999}.form-group .form-textarea[data-v-71f12e22]::placeholder{color:#999}.form-group .form-textarea[data-v-71f12e22]:disabled{background:transparent;color:#999}.form-group .char-count[data-v-71f12e22]{text-align:right;font-size:13px;color:#999;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.remove-members-page[data-v-8ca0c3b8]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column;position:relative}.header[data-v-8ca0c3b8]{background:#fff;border-bottom:1px solid #e4e4e5;padding:0;display:flex;align-items:center;height:56px;flex-shrink:0}.header .header-left[data-v-8ca0c3b8],.header .header-right[data-v-8ca0c3b8]{flex:0 0 auto}.header .header-center[data-v-8ca0c3b8]{flex:1;display:flex;justify-content:center;align-items:center}.header .back-btn[data-v-8ca0c3b8],.header .remove-btn[data-v-8ca0c3b8]{background:none;border:none;padding:8px 12px;color:#333;font-size:16px;cursor:pointer}.header .back-btn[data-v-8ca0c3b8]:disabled,.header .remove-btn[data-v-8ca0c3b8]:disabled{color:#999;cursor:not-allowed}.header .remove-btn[data-v-8ca0c3b8]{color:#12b7f5}.header .remove-btn[data-v-8ca0c3b8]:disabled{color:#b0b0b0}.header .page-title[data-v-8ca0c3b8]{margin:0;font-size:18px;font-weight:600;color:#333}.search-container[data-v-8ca0c3b8]{background:#fff;padding:8px 16px 12px 16px;flex-shrink:0}.search-container .search-box[data-v-8ca0c3b8]{background:#f5f5f5;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.search-container .search-box .search-icon[data-v-8ca0c3b8]{width:16px;height:16px;color:#999;flex-shrink:0}.search-container .search-box .search-input[data-v-8ca0c3b8]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}.search-container .search-box .search-input[data-v-8ca0c3b8]::-moz-placeholder{color:#999}.search-container .search-box .search-input[data-v-8ca0c3b8]::placeholder{color:#999}.members-container[data-v-8ca0c3b8]{flex:1;overflow-y:auto;background:#fff;padding-bottom:20px}.members-container .member-section .section-header[data-v-8ca0c3b8]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fafafa}.members-container .member-section .section-header .section-title[data-v-8ca0c3b8]{font-size:13px;color:#999}.members-container .member-section .section-header .select-all-btn[data-v-8ca0c3b8]{background:none;border:none;color:#12b7f5;font-size:13px;cursor:pointer;padding:4px 8px}.members-container .member-section .section-header .select-all-btn[data-v-8ca0c3b8]:hover{opacity:.8}.members-container .member-section .member-item[data-v-8ca0c3b8]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s ease}.members-container .member-section .member-item[data-v-8ca0c3b8]:active{background:#fafafa}.members-container .member-section .member-item .member-left[data-v-8ca0c3b8]{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.members-container .member-section .member-item .member-left .checkbox-wrapper[data-v-8ca0c3b8]{flex-shrink:0}.members-container .member-section .member-item .member-left .checkbox-wrapper .checkbox[data-v-8ca0c3b8]{width:20px;height:20px;border:2px solid #d0d0d0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.members-container .member-section .member-item .member-left .checkbox-wrapper .checkbox.checked[data-v-8ca0c3b8]{background:#12b7f5;border-color:#12b7f5}.members-container .member-section .member-item .member-left .checkbox-wrapper .checkbox.checked .check-icon[data-v-8ca0c3b8]{color:#fff;font-size:14px;font-weight:700;line-height:1}.members-container .member-section .member-item .member-left .member-info[data-v-8ca0c3b8]{flex:1;min-width:0}.members-container .member-section .member-item .member-left .member-info .member-name-row[data-v-8ca0c3b8]{display:flex;align-items:center;gap:8px}.members-container .member-section .member-item .member-left .member-info .member-name-row .member-tag[data-v-8ca0c3b8]{background:#12b7f5;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.members-container .member-section .member-item .member-left .member-info .member-name-row .member-name[data-v-8ca0c3b8]{font-size:15px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-container .member-section .member-item .me-tag[data-v-8ca0c3b8]{color:#999;font-size:14px;flex-shrink:0}.loading-container[data-v-8ca0c3b8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999;gap:8px}.loading-container i[data-v-8ca0c3b8]{font-size:24px}.loading-more[data-v-8ca0c3b8]{display:flex;align-items:center;justify-content:center;padding:20px;color:#999;gap:8px;font-size:14px}.loading-more i[data-v-8ca0c3b8]{font-size:16px}.no-more-data[data-v-8ca0c3b8]{padding:20px;font-size:13px}.empty-container[data-v-8ca0c3b8],.no-more-data[data-v-8ca0c3b8]{display:flex;align-items:center;justify-content:center;color:#999}.empty-container[data-v-8ca0c3b8]{padding:40px 20px;font-size:14px}.members-container[data-v-8ca0c3b8]::-webkit-scrollbar{width:6px}.members-container[data-v-8ca0c3b8]::-webkit-scrollbar-track{background:#f5f5f5}.members-container[data-v-8ca0c3b8]::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.members-container[data-v-8ca0c3b8]::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.avatar[data-v-8ca0c3b8]{border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-45[data-v-8ca0c3b8]{width:45px;height:45px}.loading-spinner[data-v-8ca0c3b8]{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin-8ca0c3b8 1s ease-in-out infinite}.loading-spinner-large[data-v-8ca0c3b8]{display:inline-block;width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007aff;animation:spin-8ca0c3b8 1s ease-in-out infinite}@keyframes spin-8ca0c3b8{to{transform:rotate(1turn)}}.message-days-page[data-v-f1ccf0a6]{width:100%;height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.header[data-v-f1ccf0a6]{background:#fff;border-bottom:1px solid #e4e4e5;padding:0;display:flex;align-items:center;height:56px;justify-content:space-between}.header .header-left[data-v-f1ccf0a6],.header .header-right[data-v-f1ccf0a6]{width:60px;display:flex;align-items:center}.header .header-right[data-v-f1ccf0a6]{justify-content:flex-end}.header .header-center[data-v-f1ccf0a6]{flex:1;display:flex;justify-content:center}.header .back-btn[data-v-f1ccf0a6]{background:none;border:none;padding:8px;font-size:18px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.header .back-btn[data-v-f1ccf0a6]:hover{background:#f0f0f0;border-radius:4px}.header .back-btn .btn-icon[data-v-f1ccf0a6]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.header .page-title[data-v-f1ccf0a6]{margin:0;font-size:17px;font-weight:600;color:#333}.header .confirm-btn[data-v-f1ccf0a6]{background:none;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;padding:4px 8px}.options-list[data-v-f1ccf0a6]{background:#fff;margin-top:12px}.option-item[data-v-f1ccf0a6]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.option-item[data-v-f1ccf0a6]:last-child{border-bottom:none}.option-item[data-v-f1ccf0a6]:hover{background:#fafafa}.option-item .option-text[data-v-f1ccf0a6]{font-size:16px;color:#333}.option-item .check-icon[data-v-f1ccf0a6]{width:20px;height:20px;color:#409eff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clearfix:after{content:"";display:table;clear:both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.hidden{display:none}.visible{display:block}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-1{flex:1}.border{border:1px solid #e6e6e6}.border-top{border-top:1px solid #e6e6e6}.border-bottom{border-bottom:1px solid #e6e6e6}.border-left{border-left:1px solid #e6e6e6}.border-right{border-right:1px solid #e6e6e6}.border-radius{border-radius:4px}.border-radius-circle{border-radius:50%}.shadow{box-shadow:0 2px 8px rgba(0,0,0,.1)}.shadow-light{box-shadow:0 1px 4px rgba(0,0,0,.05)}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.text-ellipsis{white-space:nowrap}.text-ellipsis,.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.text-primary{color:#409eff}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-danger{color:#f56c6c}.text-info{color:#909399}.text-muted{color:#999}.bg-primary{background-color:#409eff}.bg-success{background-color:#67c23a}.bg-warning{background-color:#e6a23c}.bg-danger{background-color:#f56c6c}.bg-info{background-color:#909399}.bg-white{background-color:#fff}.bg-gray{background-color:#f5f5f5}.chat-container{height:100vh;overflow:hidden}.chat-sidebar{background-color:#2c3e50;color:#fff}.chat-main{background-color:#fff}.message-item{margin-bottom:15px}.message-item.own{text-align:right}.message-item.own .message-content{background-color:#409eff;color:#fff}.message-item.other{text-align:left}.message-item.other .message-content{background-color:#f0f0f0;color:#333}.message-content{display:inline-block;max-width:60%;padding:8px 12px;border-radius:8px;word-wrap:break-word}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666}.online-status{width:8px;height:8px;border-radius:50%;display:inline-block}.online-status.online{background-color:#67c23a}.online-status.away{background-color:#e6a23c}.online-status.busy{background-color:#f56c6c}.online-status.offline{background-color:#909399}@media(max-width:768px){.chat-container{flex-direction:column}.chat-sidebar{height:auto;order:2}.chat-main{flex:1;order:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}.el-message{min-width:300px}.el-button,.el-input__inner{border-radius:4px}.custom-card,.el-card{border-radius:8px}.custom-card{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #409eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qq-toast[data-v-b8511a9e]{position:fixed;z-index:99999;display:flex;align-items:center;padding:10px 14px;min-width:240px;max-width:320px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#2c3e50;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.qq-toast--top-left[data-v-b8511a9e]{top:60px;left:20px}.qq-toast--top-center[data-v-b8511a9e]{top:60px;left:50%;transform:translateX(-50%)}.qq-toast--top-right[data-v-b8511a9e]{top:60px;right:20px}.qq-toast--bottom-left[data-v-b8511a9e]{bottom:20px;left:20px}.qq-toast--bottom-center[data-v-b8511a9e]{bottom:20px;left:50%;transform:translateX(-50%)}.qq-toast--bottom-right[data-v-b8511a9e]{bottom:20px;right:20px}.qq-toast--success .qq-toast__icon[data-v-b8511a9e]{color:#00d4aa}.qq-toast--error .qq-toast__icon[data-v-b8511a9e]{color:#ff4757}.qq-toast--warning .qq-toast__icon[data-v-b8511a9e]{color:#ffa502}.qq-toast--info .qq-toast__icon[data-v-b8511a9e]{color:#3742fa}.qq-toast__icon[data-v-b8511a9e]{flex-shrink:0;margin-right:10px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.qq-toast__content[data-v-b8511a9e]{flex:1;min-width:0}.qq-toast__message[data-v-b8511a9e]{font-weight:500;margin-bottom:4px;font-size:14px;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.qq-toast__description[data-v-b8511a9e]{font-size:13px;color:#7f8c8d;line-height:1.5;font-weight:400;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.qq-toast__close[data-v-b8511a9e]{flex-shrink:0;margin-left:10px;cursor:pointer;color:#bdc3c7;font-size:14px;line-height:1;padding:2px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qq-toast__close[data-v-b8511a9e]:hover{color:#7f8c8d;background:rgba(0,0,0,.05);transform:scale(1.1)}.qq-toast__close[data-v-b8511a9e]:active{transform:scale(.95)}.qq-toast[data-v-b8511a9e]:hover{box-shadow:0 6px 16px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);transform:translateY(-1px)}.qq-toast-enter-active[data-v-b8511a9e],.qq-toast-leave-active[data-v-b8511a9e]{transition:all .3s cubic-bezier(.4,0,.2,1)}.qq-toast-enter[data-v-b8511a9e]{opacity:0;transform:translateY(-20px) scale(.95)}.qq-toast-enter-to[data-v-b8511a9e],.qq-toast-leave[data-v-b8511a9e]{opacity:1;transform:translateY(0) scale(1)}.qq-toast-leave-to[data-v-b8511a9e]{opacity:0;transform:translateY(-20px) scale(.95)}@media(max-width:768px){.qq-toast[data-v-b8511a9e]{min-width:200px;max-width:calc(100vw - 40px);margin:0 20px}.qq-toast--bottom-center[data-v-b8511a9e],.qq-toast--top-center[data-v-b8511a9e]{left:20px;right:20px;transform:none}}