body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f1419,#1a202c,#2d3748)}#app{width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f1419,#1a202c,#2d3748)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}#app{width:100%;height:100vh}.login-container[data-v-e2a9cf2d]{display:flex;justify-content:center;align-items:center;height:100vh;max-height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f1419,#1a202c,#2d3748);padding:20px;position:relative;box-sizing:border-box;will-change:transform}.login-container[data-v-e2a9cf2d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(72,187,120,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(66,153,225,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(237,137,54,.08) 0%,transparent 50%);pointer-events:none}.login-container[data-v-e2a9cf2d]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 30px,#48bb78,transparent),radial-gradient(1px 1px at 40px 70px,#4299e1,transparent),radial-gradient(1px 1px at 90px 40px,#ed8936,transparent),radial-gradient(1px 1px at 130px 80px,#48bb78,transparent),radial-gradient(1px 1px at 160px 30px,#4299e1,transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle-e2a9cf2d 20s linear infinite;pointer-events:none}@keyframes sparkle-e2a9cf2d{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-particles[data-v-e2a9cf2d]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-particle[data-v-e2a9cf2d]{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#42b883,#64b5f6,#ff6b6b);border-radius:50%;animation:hero-particle-float-e2a9cf2d 10s ease-in-out infinite;opacity:.6;box-shadow:0 0 20px currentColor}.hero-particle[data-v-e2a9cf2d]:nth-child(3n){background:#42b883;animation:hero-particle-float-e2a9cf2d 12s ease-in-out infinite}.hero-particle[data-v-e2a9cf2d]:nth-child(3n+1){background:#64b5f6;animation:hero-particle-float-e2a9cf2d 15s ease-in-out infinite}.hero-particle[data-v-e2a9cf2d]:nth-child(3n+2){background:#ff6b6b;animation:hero-particle-float-e2a9cf2d 18s ease-in-out infinite}@keyframes hero-particle-float-e2a9cf2d{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translate(15px) scale(1.3);opacity:.9}50%{transform:translateY(-60px) translate(-25px) scale(.7);opacity:1}75%{transform:translateY(-30px) translate(30px) scale(1.2);opacity:.7}}.login-box[data-v-e2a9cf2d]{border-radius:20px;padding:50px;width:100%;max-width:450px;height:600px;overflow:visible;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(72,187,120,.2);box-shadow:0 8px 32px #0000004d}.login-header[data-v-e2a9cf2d]{text-align:center;margin-bottom:40px}.app-title[data-v-e2a9cf2d]{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:10px;letter-spacing:2px}.welcome-text[data-v-e2a9cf2d]{color:#a0aec0;font-size:16px;margin:0}.login-form[data-v-e2a9cf2d]{width:100%;display:flex;flex-direction:column;gap:24px;flex:1;justify-content:flex-start;min-height:0}.form-item[data-v-e2a9cf2d]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-e2a9cf2d]{color:#e2e8f0;font-size:14px;font-weight:500;text-align:left}.form-input[data-v-e2a9cf2d]{width:100%;padding:12px 16px;background:#1a202ccc;border:2px solid rgba(72,187,120,.2);border-radius:12px;color:#e2e8f0;font-size:16px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-e2a9cf2d]::placeholder{color:#718096}.form-input[data-v-e2a9cf2d]:hover:not(.error){border-color:#48bb7866}.form-input[data-v-e2a9cf2d]:focus:not(.error){border-color:#48bb78;box-shadow:0 0 0 3px #48bb7826}.form-input.error[data-v-e2a9cf2d]{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.form-input.error[data-v-e2a9cf2d]::placeholder{color:#ffd93d;font-weight:500}.form-input.error[data-v-e2a9cf2d]:hover{border-color:#ff5252}.form-input.error[data-v-e2a9cf2d]:focus{border-color:#ff5252;box-shadow:0 0 0 3px #ff6b6b40}.password-input-wrapper[data-v-e2a9cf2d]{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input[data-v-e2a9cf2d]{padding-right:45px}.password-toggle[data-v-e2a9cf2d]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#a0aec0;transition:color .3s ease}.password-toggle[data-v-e2a9cf2d]:hover{color:#48bb78}.submit-btn[data-v-e2a9cf2d]{width:100%;padding:14px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 15px #48bb784d;margin-top:10px}.submit-btn[data-v-e2a9cf2d]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #48bb7866;background:linear-gradient(135deg,#38a169,#2f855a)}.submit-btn[data-v-e2a9cf2d]:disabled{opacity:.7;cursor:not-allowed;transform:none}.switch-form[data-v-e2a9cf2d]{text-align:center;margin-top:auto;padding-top:24px;color:#a0aec0;font-size:14px}.switch-form p[data-v-e2a9cf2d]{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.switch-btn[data-v-e2a9cf2d]{background:none;border:none;color:#48bb78;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;text-decoration:underline}.switch-btn[data-v-e2a9cf2d]:hover{color:#38a169}@media (max-width: 480px){.login-box[data-v-e2a9cf2d]{padding:30px}.app-title[data-v-e2a9cf2d]{font-size:28px}.form-item[data-v-e2a9cf2d]{gap:6px}.form-input[data-v-e2a9cf2d]{padding:10px 14px;font-size:16px}.submit-btn[data-v-e2a9cf2d]{padding:12px;font-size:15px}}.register-container[data-v-82c870fd]{display:flex;justify-content:center;align-items:center;height:100vh;max-height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f1419,#1a202c,#2d3748);padding:20px;position:relative;box-sizing:border-box;will-change:transform}.register-container[data-v-82c870fd]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(72,187,120,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(66,153,225,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(237,137,54,.08) 0%,transparent 50%);pointer-events:none}.register-container[data-v-82c870fd]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 30px,#48bb78,transparent),radial-gradient(1px 1px at 40px 70px,#4299e1,transparent),radial-gradient(1px 1px at 90px 40px,#ed8936,transparent),radial-gradient(1px 1px at 130px 80px,#48bb78,transparent),radial-gradient(1px 1px at 160px 30px,#4299e1,transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle-82c870fd 20s linear infinite;pointer-events:none}@keyframes sparkle-82c870fd{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.hero-particles[data-v-82c870fd]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-particle[data-v-82c870fd]{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#42b883,#64b5f6,#ff6b6b);border-radius:50%;animation:hero-particle-float-82c870fd 10s ease-in-out infinite;opacity:.6;box-shadow:0 0 20px currentColor}.hero-particle[data-v-82c870fd]:nth-child(3n){background:#42b883;animation:hero-particle-float-82c870fd 12s ease-in-out infinite}.hero-particle[data-v-82c870fd]:nth-child(3n+1){background:#64b5f6;animation:hero-particle-float-82c870fd 15s ease-in-out infinite}.hero-particle[data-v-82c870fd]:nth-child(3n+2){background:#ff6b6b;animation:hero-particle-float-82c870fd 18s ease-in-out infinite}@keyframes hero-particle-float-82c870fd{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translate(15px) scale(1.3);opacity:.9}50%{transform:translateY(-60px) translate(-25px) scale(.7);opacity:1}75%{transform:translateY(-30px) translate(30px) scale(1.2);opacity:.7}}.register-box[data-v-82c870fd]{border-radius:20px;padding:50px;width:100%;max-width:450px;height:600px;overflow:visible;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1a202c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(72,187,120,.2);box-shadow:0 8px 32px #0000004d}.register-header[data-v-82c870fd]{text-align:center;margin-bottom:40px}.app-title[data-v-82c870fd]{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:10px;letter-spacing:2px}.welcome-text[data-v-82c870fd]{color:#a0aec0;font-size:16px;margin:0}.register-form[data-v-82c870fd]{width:100%;display:flex;flex-direction:column;gap:20px;flex:1;justify-content:flex-start;min-height:0}.form-item[data-v-82c870fd]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-82c870fd]{color:#e2e8f0;font-size:14px;font-weight:500;text-align:left}.form-input[data-v-82c870fd]{width:100%;padding:12px 16px;background:#1a202ccc;border:2px solid rgba(72,187,120,.2);border-radius:12px;color:#e2e8f0;font-size:16px;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input[data-v-82c870fd]::placeholder{color:#718096}.form-input[data-v-82c870fd]:hover:not(.error){border-color:#48bb7866}.form-input[data-v-82c870fd]:focus:not(.error){border-color:#48bb78;box-shadow:0 0 0 3px #48bb7826}.form-input.error[data-v-82c870fd]{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.form-input.error[data-v-82c870fd]::placeholder{color:#ffd93d;font-weight:500}.form-input.error[data-v-82c870fd]:hover{border-color:#ff5252}.form-input.error[data-v-82c870fd]:focus{border-color:#ff5252;box-shadow:0 0 0 3px #ff6b6b40}.code-input-wrapper[data-v-82c870fd]{display:flex;gap:12px;align-items:flex-start}.code-input[data-v-82c870fd]{flex:1}.code-btn[data-v-82c870fd]{padding:12px 20px;background:#48bb7833;border:2px solid rgba(72,187,120,.4);border-radius:12px;color:#48bb78;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.code-btn[data-v-82c870fd]:hover:not(:disabled){background:#48bb784d;border-color:#48bb78}.code-btn[data-v-82c870fd]:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper[data-v-82c870fd]{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input[data-v-82c870fd]{padding-right:45px}.password-toggle[data-v-82c870fd]{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#a0aec0;transition:color .3s ease}.password-toggle[data-v-82c870fd]:hover{color:#48bb78}.submit-btn[data-v-82c870fd]{width:100%;padding:14px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 15px #48bb784d;margin-top:10px}.submit-btn[data-v-82c870fd]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #48bb7866;background:linear-gradient(135deg,#38a169,#2f855a)}.submit-btn[data-v-82c870fd]:disabled{opacity:.7;cursor:not-allowed;transform:none}.switch-form[data-v-82c870fd]{text-align:center;margin-top:auto;padding-top:24px;color:#a0aec0;font-size:14px}.switch-form p[data-v-82c870fd]{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.switch-btn[data-v-82c870fd]{background:none;border:none;color:#48bb78;padding:0;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;text-decoration:underline}.switch-btn[data-v-82c870fd]:hover{color:#38a169}@media (max-width: 480px){.register-box[data-v-82c870fd]{padding:30px}.app-title[data-v-82c870fd]{font-size:28px}.form-item[data-v-82c870fd]{gap:6px}.form-input[data-v-82c870fd]{padding:10px 14px;font-size:16px}.submit-btn[data-v-82c870fd]{padding:12px;font-size:15px}}.bottom-nav[data-v-337598d4]{position:fixed;bottom:0;left:0;right:0;background:#2a2a2a;display:flex;justify-content:space-around;align-items:center;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);z-index:100}.nav-item[data-v-337598d4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px 0;transition:all .3s}.nav-icon[data-v-337598d4]{font-size:24px;margin-bottom:4px;transition:transform .3s;display:flex;align-items:center;justify-content:center}.chat-icon[data-v-337598d4]{width:24px;height:24px;transition:fill .3s}.chat-icon path[data-v-337598d4]{fill:#fff;transition:fill .3s}.chat-icon.active path[data-v-337598d4]{fill:#43b273}.contacts-icon[data-v-337598d4]{width:24px;height:24px;transition:fill .3s}.contacts-icon path[data-v-337598d4]{fill:#fff;transition:fill .3s}.contacts-icon.active path[data-v-337598d4]{fill:#43b273}.profile-icon[data-v-337598d4]{width:24px;height:24px;transition:fill .3s}.profile-icon path[data-v-337598d4]{fill:#fff;transition:fill .3s}.profile-icon.active path[data-v-337598d4]{fill:#f6ef37}.nav-label[data-v-337598d4]{font-size:12px;color:#fff9;transition:color .3s}.nav-item.active .nav-icon[data-v-337598d4]{transform:scale(1.1)}.nav-item.active .nav-label[data-v-337598d4]{color:#43b273;font-weight:500}.profile-nav.active .nav-label[data-v-337598d4]{color:#f6ef37}.nav-item[data-v-337598d4]:active{opacity:.7}.chat-list-container[data-v-27604104]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-27604104]{background:#2a2a2a;padding:12px 16px;display:flex;justify-content:center;align-items:center;padding-top:calc(12px + env(safe-area-inset-top));position:relative}.header-title[data-v-27604104]{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1;font-size:24px;font-weight:500;height:auto}.wave-char[data-v-27604104]{display:inline-block;color:#fff;animation:wave-animation-27604104 3s ease-in-out infinite;transform-origin:center bottom}.wave-char[data-v-27604104]:nth-child(1){animation-delay:0s}.wave-char[data-v-27604104]:nth-child(2){animation-delay:.1s}.wave-char[data-v-27604104]:nth-child(3){animation-delay:.2s}.wave-char[data-v-27604104]:nth-child(4){animation-delay:.3s}.wave-char[data-v-27604104]:nth-child(5){animation-delay:.4s}.wave-char[data-v-27604104]:nth-child(6){animation-delay:.5s}.wave-char[data-v-27604104]:nth-child(7){animation-delay:.6s}.wave-char[data-v-27604104]:nth-child(8){animation-delay:.7s}@keyframes wave-animation-27604104{0%,to{transform:translateY(0) rotateX(0) scale(1)}25%{transform:translateY(-6px) rotateX(8deg) scale(1.03)}50%{transform:translateY(-3px) rotateX(0) scale(1.01)}75%{transform:translateY(-8px) rotateX(-8deg) scale(1.03)}}.add-btn[data-v-27604104]{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;padding:0}.add-icon[data-v-27604104]{width:20px;height:20px}.add-icon path[data-v-27604104]{fill:#fff;transition:fill .3s}.add-btn.active .add-icon path[data-v-27604104]{fill:#48bb78}.add-btn[data-v-27604104]:active{background:#ffffff1a}.search-bar[data-v-27604104]{background:#2a2a2a;padding:8px 16px;display:flex;align-items:center}.search-input[data-v-27604104]{flex:1;background:#ffffff1a;border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;outline:none}.search-input[data-v-27604104]::placeholder{color:#ffffff80}.chat-list[data-v-27604104]{flex:1;overflow-y:auto;padding-bottom:60px}.chat-item[data-v-27604104]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.chat-item[data-v-27604104]:active{background:#ffffff0d}.avatar-wrapper[data-v-27604104]{position:relative;margin-right:12px;flex-shrink:0}.avatar[data-v-27604104]{width:48px;height:48px;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}.unread-badge[data-v-27604104]{position:absolute;top:-4px;right:-4px;background:red;color:#fff;font-size:9px;font-weight:600;padding:0;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a;box-sizing:border-box}.chat-info[data-v-27604104]{flex:1;min-width:0}.chat-header[data-v-27604104]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name[data-v-27604104]{color:#fff;font-size:16px;font-weight:500}.chat-time[data-v-27604104]{color:#ffffff80;font-size:12px}.chat-preview[data-v-27604104]{color:#fff9;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-overlay[data-v-27604104]{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:998}.menu-popup[data-v-27604104]{position:absolute;top:calc(56px + env(safe-area-inset-top));right:16px;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:999;min-width:160px;padding:8px 0;overflow:hidden}.menu-item[data-v-27604104]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;gap:12px}.menu-item[data-v-27604104]:active{background:#ffffff1a}.menu-icon[data-v-27604104]{width:20px;height:20px;flex-shrink:0}.menu-text[data-v-27604104]{color:#fff;font-size:16px;white-space:nowrap}.chat-detail-container[data-v-3beb17ca]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.chat-header[data-v-3beb17ca]{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:12px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.1);position:relative}.back-btn[data-v-3beb17ca]{background:transparent;border:none;cursor:pointer;padding:4px 8px;transition:opacity .3s;display:flex;align-items:center;justify-content:center;position:absolute;left:16px}.back-icon[data-v-3beb17ca]{width:24px;height:24px}.back-icon path[data-v-3beb17ca]{fill:#fff}.back-btn[data-v-3beb17ca]:active{opacity:.7}.chat-user-info[data-v-3beb17ca]{display:flex;align-items:center;justify-content:center;flex:1}.user-name[data-v-3beb17ca]{color:#fff;font-size:16px;font-weight:500;text-align:center}.messages-container[data-v-3beb17ca]{flex:1;overflow-y:auto;padding:16px 16px 80px;display:flex;flex-direction:column;gap:12px}.message-item[data-v-3beb17ca]{display:flex;flex-direction:column;max-width:70%;animation:fadeIn-3beb17ca .3s ease}.message-wrapper[data-v-3beb17ca]{display:flex;align-items:flex-end;gap:6px}.message-received .message-wrapper[data-v-3beb17ca]{flex-direction:row}.message-sent .message-wrapper[data-v-3beb17ca]{flex-direction:row;justify-content:flex-end}.message-avatar[data-v-3beb17ca]{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes fadeIn-3beb17ca{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent[data-v-3beb17ca]{align-self:flex-end;align-items:flex-end}.message-received[data-v-3beb17ca]{align-self:flex-start;align-items:flex-start}.message-bubble[data-v-3beb17ca]{position:relative;display:flex;flex-direction:column;max-width:100%}.message-content[data-v-3beb17ca]{padding:10px 14px;border-radius:6px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative}.message-sent .message-content[data-v-3beb17ca]{background:#42b883;color:#fff;border-bottom-right-radius:2px}.message-received .message-content[data-v-3beb17ca]{background:#2a2a2a;color:#fff;border-bottom-left-radius:2px}.message-arrow[data-v-3beb17ca]{position:absolute;width:0;height:0;top:50%;transform:translateY(-50%);z-index:0}.message-sent .message-arrow[data-v-3beb17ca]{right:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #42b883}.message-received .message-arrow[data-v-3beb17ca]{left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2a2a2a}.time-separator[data-v-3beb17ca]{text-align:center;color:#ffffff80;font-size:12px;margin:16px 0;padding:0 16px}.input-area[data-v-3beb17ca]{background:#2a2a2a;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;border-top:1px solid rgba(255,255,255,.1)}.message-input[data-v-3beb17ca]{flex:1;background:#ffffff1a;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;outline:none}.message-input[data-v-3beb17ca]::placeholder{color:#ffffff80}.send-btn[data-v-3beb17ca]{background:#42b883;border:none;border-radius:20px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.send-btn[data-v-3beb17ca]:active{background:#38a169}.contacts-container[data-v-c7a002b4]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-c7a002b4]{background:#2a2a2a;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));display:flex;justify-content:center;align-items:center}.header-title[data-v-c7a002b4]{color:#fff;font-size:18px;font-weight:500;text-align:center}.contacts-list[data-v-c7a002b4]{flex:1;overflow-y:auto;padding-bottom:60px}.contact-section[data-v-c7a002b4]{border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:8px}.contact-group[data-v-c7a002b4]{margin-bottom:8px}.group-header[data-v-c7a002b4]{padding:4px 16px;color:#ffffff80;font-size:12px;background:#ffffff05}.contact-item[data-v-c7a002b4]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.contact-item[data-v-c7a002b4]:active{background:#ffffff0d}.contact-icon[data-v-c7a002b4]{font-size:24px;margin-right:12px;width:24px;text-align:center}.contact-item .avatar[data-v-c7a002b4]{width:40px;height:40px;border-radius:6px;object-fit:cover;margin-right:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.contact-item[data-v-c7a002b4]{position:relative}.badge[data-v-c7a002b4]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ff3b30;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;text-align:center;line-height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ff3b3066}.new-friend-icon[data-v-c7a002b4]{width:24px;height:24px}.new-friend-icon path[data-v-c7a002b4]{fill:#fff}.contact-name[data-v-c7a002b4]{color:#fff;font-size:16px}.profile-container[data-v-ef050776]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:60px}.profile-header[data-v-ef050776]{background:#2a2a2a;padding:20px 16px;display:flex;justify-content:space-between;align-items:center;padding-top:calc(20px + env(safe-area-inset-top));cursor:pointer;transition:background .2s}.profile-header[data-v-ef050776]:active{background:#ffffff0d}.user-info[data-v-ef050776]{display:flex;align-items:center;gap:12px}.avatar-large[data-v-ef050776]{width:64px;height:64px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}.user-details[data-v-ef050776]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-ef050776]{color:#fff;font-size:18px;font-weight:500}.user-id[data-v-ef050776]{color:#fff9;font-size:14px}.qr-code[data-v-ef050776]{font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.camera-icon[data-v-ef050776]{width:24px;height:24px}.camera-icon path[data-v-ef050776]{fill:#fff}.menu-section[data-v-ef050776]{margin-top:12px;background:#2a2a2a;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.menu-item[data-v-ef050776]{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s}.menu-item[data-v-ef050776]:last-child{border-bottom:none}.menu-item[data-v-ef050776]:active{background:#ffffff0d}.menu-icon[data-v-ef050776]{font-size:20px;margin-right:12px;width:24px;text-align:center}.settings-icon[data-v-ef050776]{width:20px;height:20px}.settings-icon path[data-v-ef050776]{fill:#fff}.qrcode-icon[data-v-ef050776]{width:20px;height:20px}.qrcode-icon path[data-v-ef050776]{fill:#fff}.menu-text[data-v-ef050776]{flex:1;color:#fff;font-size:16px}.menu-arrow[data-v-ef050776]{width:20px;height:20px;flex-shrink:0}.add-friend-container[data-v-388c262c]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-388c262c]{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.05);position:relative}.back-btn[data-v-388c262c]{width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-right:8px;transition:background .2s;border-radius:50%}.back-btn[data-v-388c262c]:active{background:#ffffff1a}.back-icon[data-v-388c262c]{width:24px;height:24px}.back-icon path[data-v-388c262c]{fill:#fff}.header-title[data-v-388c262c]{color:#fff;font-size:18px;font-weight:500;margin:0;flex:1;text-align:center;position:absolute;left:0;right:0;pointer-events:none}.search-section[data-v-388c262c]{padding:16px;background:#2a2a2a}.search-bar[data-v-388c262c]{display:flex;align-items:center;background:#ffffff1a;border-radius:8px;padding:10px 12px;gap:8px}.search-icon[data-v-388c262c]{width:18px;height:18px;flex-shrink:0}.search-icon path[data-v-388c262c]{fill:#fff9}.search-input[data-v-388c262c]{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none}.search-input[data-v-388c262c]::placeholder{color:#ffffff80}.content[data-v-388c262c]{flex:1;overflow-y:auto;padding:16px}.search-result[data-v-388c262c]{margin-top:20px}.user-card[data-v-388c262c]{background:#2a2a2a;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.user-avatar[data-v-388c262c]{width:56px;height:56px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.user-info[data-v-388c262c]{flex:1;display:flex;flex-direction:column;gap:4px}.user-name[data-v-388c262c]{color:#fff;font-size:16px;font-weight:500}.user-phone[data-v-388c262c]{color:#fff9;font-size:14px}.add-btn[data-v-388c262c]{padding:8px 20px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-btn[data-v-388c262c]:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}.add-btn[data-v-388c262c]:disabled{opacity:.6;cursor:not-allowed;background:#ffffff1a;color:#fff9;transform:none}.empty-state[data-v-388c262c],.loading-state[data-v-388c262c],.error-message[data-v-388c262c]{text-align:center;padding:40px 20px;color:#fff9;font-size:14px}.error-message[data-v-388c262c]{color:#ff6b6b}.friend-requests-container[data-v-ed413519]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-ed413519]{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.05);position:relative}.back-btn[data-v-ed413519]{width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-right:8px;transition:background .2s;border-radius:50%}.back-btn[data-v-ed413519]:active{background:#ffffff1a}.back-icon[data-v-ed413519]{width:24px;height:24px}.back-icon path[data-v-ed413519]{fill:#fff}.header-title[data-v-ed413519]{color:#fff;font-size:18px;font-weight:500;margin:0;flex:1;text-align:center;position:absolute;left:0;right:0;pointer-events:none}.content[data-v-ed413519]{flex:1;overflow-y:auto;padding:16px}.loading-state[data-v-ed413519],.empty-state[data-v-ed413519]{text-align:center;padding:40px 20px;color:#fff9;font-size:14px}.requests-list[data-v-ed413519]{display:flex;flex-direction:column;gap:12px}.request-item[data-v-ed413519]{background:#2a2a2a;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.user-avatar[data-v-ed413519]{width:56px;height:56px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.request-info[data-v-ed413519]{flex:1;display:flex;flex-direction:column;gap:4px}.user-name[data-v-ed413519]{color:#fff;font-size:16px;font-weight:500}.user-phone[data-v-ed413519]{color:#fff9;font-size:14px}.request-time[data-v-ed413519]{color:#fff6;font-size:12px}.request-actions[data-v-ed413519]{display:flex;gap:8px;flex-shrink:0}.accept-btn[data-v-ed413519],.reject-btn[data-v-ed413519]{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.accept-btn[data-v-ed413519]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.accept-btn[data-v-ed413519]:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a)}.reject-btn[data-v-ed413519]{background:#ffffff1a;color:#fffc}.reject-btn[data-v-ed413519]:hover:not(:disabled){background:#ffffff26}.accept-btn[data-v-ed413519]:disabled,.reject-btn[data-v-ed413519]:disabled{opacity:.5;cursor:not-allowed}.edit-profile-container[data-v-4d7f5441]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-4d7f5441]{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.05);position:relative}.back-btn[data-v-4d7f5441]{width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-right:8px;transition:background .2s;border-radius:50%}.back-btn[data-v-4d7f5441]:active{background:#ffffff1a}.back-icon[data-v-4d7f5441]{width:24px;height:24px}.back-icon path[data-v-4d7f5441]{fill:#fff}.header-title[data-v-4d7f5441]{color:#fff;font-size:18px;font-weight:500;margin:0;flex:1;text-align:center;position:absolute;left:0;right:0;pointer-events:none}.content[data-v-4d7f5441]{flex:1;overflow-y:auto;padding:16px}.form-section[data-v-4d7f5441]{background:#2a2a2a;border-radius:12px;overflow:hidden;margin-bottom:16px}.form-item[data-v-4d7f5441]{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.form-item[data-v-4d7f5441]:last-child{border-bottom:none}.form-label[data-v-4d7f5441]{color:#fff;font-size:16px;font-weight:500;min-width:60px}.avatar-section[data-v-4d7f5441]{flex:1;display:flex;justify-content:flex-end}.avatar-wrapper[data-v-4d7f5441]{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-preview[data-v-4d7f5441]{width:100%;height:100%;object-fit:cover}.form-input[data-v-4d7f5441]{flex:1;background:transparent;border:none;color:#fff;font-size:16px;text-align:right;outline:none;padding:0}.form-input[data-v-4d7f5441]::placeholder{color:#ffffff80}.button-section[data-v-4d7f5441]{padding:16px}.save-btn[data-v-4d7f5441]{width:100%;padding:14px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-btn[data-v-4d7f5441]:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}.save-btn[data-v-4d7f5441]:disabled{opacity:.6;cursor:not-allowed;transform:none}.qrcode-page[data-v-16ca0cb0]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;align-items:stretch}.qrcode-header[data-v-16ca0cb0]{width:100%;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:20px}.back-icon-wrapper[data-v-16ca0cb0]{cursor:pointer}.back-icon[data-v-16ca0cb0]{width:22px;height:22px}.back-icon path[data-v-16ca0cb0]{fill:#fff}.more-icon[data-v-16ca0cb0]{font-size:22px}.qrcode-card[data-v-16ca0cb0]{margin-top:56px;padding:0 16px 40px;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.user-row[data-v-16ca0cb0]{display:flex;align-items:center;margin-bottom:24px}.avatar[data-v-16ca0cb0]{width:52px;height:52px;border-radius:10px;object-fit:cover;margin-right:12px}.user-info[data-v-16ca0cb0]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-16ca0cb0]{font-size:18px;color:#fff;font-weight:500}.user-desc[data-v-16ca0cb0]{font-size:13px;color:#fff9}.qrcode-wrapper[data-v-16ca0cb0]{display:flex;align-items:center;justify-content:center;padding:16px 0 4px}.qrcode-inner canvas[data-v-16ca0cb0]{border-radius:0;display:block;width:min(90vw,360px);height:min(90vw,360px)}.tips[data-v-16ca0cb0]{margin-top:16px;text-align:center;font-size:12px;color:#ffffff80}.scan-page[data-v-dbb64607]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column}.scan-header[data-v-dbb64607]{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;padding-top:calc(12px + env(safe-area-inset-top));color:#fff}.back-icon-wrapper[data-v-dbb64607]{cursor:pointer;display:flex;align-items:center;justify-content:center}.back-icon[data-v-dbb64607]{width:22px;height:22px}.back-icon path[data-v-dbb64607]{fill:#fff}.header-title[data-v-dbb64607]{font-size:18px;font-weight:500}.header-placeholder[data-v-dbb64607]{width:22px;height:22px}.scan-content[data-v-dbb64607]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 40px;box-sizing:border-box}.video-wrapper[data-v-dbb64607]{position:relative;width:min(80vw,320px);height:min(80vw,320px);border-radius:16px;overflow:hidden;background:#000}.video[data-v-dbb64607]{width:100%;height:100%;object-fit:cover}.scan-frame[data-v-dbb64607]{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 0 0 999px #0006;pointer-events:none}.scan-tips[data-v-dbb64607]{margin-top:24px;color:#ffffffb3;font-size:14px}.error-message[data-v-dbb64607]{margin-top:12px;color:#ff4d4f;font-size:13px}.add-friend-container[data-v-3ad85ea7]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-3ad85ea7]{background:#2a2a2a;padding:12px 16px;display:flex;align-items:center;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.05);position:relative}.back-btn[data-v-3ad85ea7]{width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-right:8px;transition:background .2s;border-radius:50%}.back-btn[data-v-3ad85ea7]:active{background:#ffffff1a}.back-icon[data-v-3ad85ea7]{width:24px;height:24px}.header-title[data-v-3ad85ea7]{flex:1;text-align:center;color:#fff;font-size:18px;font-weight:500}.content[data-v-3ad85ea7]{flex:1;overflow-y:auto;padding:16px}.search-result[data-v-3ad85ea7]{margin-top:12px}.user-card[data-v-3ad85ea7]{display:flex;align-items:center;padding:12px;border-radius:12px;background:#2a2a2a}.user-avatar[data-v-3ad85ea7]{width:48px;height:48px;border-radius:8px;object-fit:cover;margin-right:12px}.user-info[data-v-3ad85ea7]{flex:1;display:flex;flex-direction:column;gap:4px}.user-name[data-v-3ad85ea7]{color:#fff;font-size:16px;font-weight:500}.user-phone[data-v-3ad85ea7]{color:#fff9;font-size:13px}.add-btn[data-v-3ad85ea7]{padding:6px 16px;border-radius:18px;border:none;background:#42b883;color:#fff;font-size:14px;cursor:pointer}.add-btn[data-v-3ad85ea7]:disabled{background:#fff3;cursor:default}.loading-state[data-v-3ad85ea7],.empty-state[data-v-3ad85ea7]{margin-top:40px;text-align:center;color:#ffffffb3}