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-6a076011]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-6a076011]{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-6a076011]{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-6a076011]{display:inline-block;color:#fff;animation:wave-animation-6a076011 3s ease-in-out infinite;transform-origin:center bottom}.wave-char[data-v-6a076011]:nth-child(1){animation-delay:0s}.wave-char[data-v-6a076011]:nth-child(2){animation-delay:.1s}.wave-char[data-v-6a076011]:nth-child(3){animation-delay:.2s}.wave-char[data-v-6a076011]:nth-child(4){animation-delay:.3s}.wave-char[data-v-6a076011]:nth-child(5){animation-delay:.4s}.wave-char[data-v-6a076011]:nth-child(6){animation-delay:.5s}.wave-char[data-v-6a076011]:nth-child(7){animation-delay:.6s}.wave-char[data-v-6a076011]:nth-child(8){animation-delay:.7s}@keyframes wave-animation-6a076011{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-6a076011]{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-6a076011]{width:20px;height:20px}.add-icon path[data-v-6a076011]{fill:#fff;transition:fill .3s}.add-btn.active .add-icon path[data-v-6a076011]{fill:#48bb78}.add-btn[data-v-6a076011]:active{background:#ffffff1a}.search-bar[data-v-6a076011]{background:#2a2a2a;padding:8px 16px;display:flex;align-items:center}.search-input[data-v-6a076011]{flex:1;background:#ffffff1a;border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;outline:none}.search-input[data-v-6a076011]::placeholder{color:#ffffff80}.chat-list[data-v-6a076011]{flex:1;overflow-y:auto;padding-bottom:60px}.chat-item[data-v-6a076011]{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-6a076011]:active{background:#ffffff0d}.avatar-wrapper[data-v-6a076011]{position:relative;margin-right:12px;flex-shrink:0}.avatar[data-v-6a076011]{width:48px;height:48px;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}.unread-badge[data-v-6a076011]{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-6a076011]{flex:1;min-width:0}.chat-header[data-v-6a076011]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name[data-v-6a076011]{color:#fff;font-size:16px;font-weight:500}.chat-time[data-v-6a076011]{color:#ffffff80;font-size:12px}.chat-preview[data-v-6a076011]{color:#fff9;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-overlay[data-v-6a076011]{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:998}.menu-popup[data-v-6a076011]{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-6a076011]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s;gap:12px}.menu-item[data-v-6a076011]:active{background:#ffffff1a}.menu-icon[data-v-6a076011]{width:20px;height:20px;flex-shrink:0}.menu-text[data-v-6a076011]{color:#fff;font-size:16px;white-space:nowrap}.chat-detail-container[data-v-ff79e1f2]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.chat-header[data-v-ff79e1f2]{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-ff79e1f2]{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-ff79e1f2]{width:24px;height:24px}.back-icon path[data-v-ff79e1f2]{fill:#fff}.back-btn[data-v-ff79e1f2]:active{opacity:.7}.chat-user-info[data-v-ff79e1f2]{display:flex;align-items:center;justify-content:center;flex:1}.user-name[data-v-ff79e1f2]{color:#fff;font-size:16px;font-weight:500;text-align:center}.messages-container[data-v-ff79e1f2]{flex:1;overflow-y:auto;padding:16px 16px 80px;display:flex;flex-direction:column;gap:12px}.message-item[data-v-ff79e1f2]{display:flex;flex-direction:column;max-width:70%;animation:fadeIn-ff79e1f2 .3s ease}.message-wrapper[data-v-ff79e1f2]{display:flex;align-items:flex-end;gap:6px}.message-received .message-wrapper[data-v-ff79e1f2]{flex-direction:row}.message-sent .message-wrapper[data-v-ff79e1f2]{flex-direction:row;justify-content:flex-end}.message-avatar[data-v-ff79e1f2]{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes fadeIn-ff79e1f2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent[data-v-ff79e1f2]{align-self:flex-end;align-items:flex-end}.message-received[data-v-ff79e1f2]{align-self:flex-start;align-items:flex-start}.message-bubble[data-v-ff79e1f2]{position:relative;display:flex;flex-direction:column;max-width:100%}.message-content[data-v-ff79e1f2]{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-ff79e1f2]{background:#42b883;color:#fff;border-bottom-right-radius:2px}.message-received .message-content[data-v-ff79e1f2]{background:#2a2a2a;color:#fff;border-bottom-left-radius:2px}.message-arrow[data-v-ff79e1f2]{position:absolute;width:0;height:0;top:50%;transform:translateY(-50%);z-index:0}.message-sent .message-arrow[data-v-ff79e1f2]{right:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #42b883}.message-received .message-arrow[data-v-ff79e1f2]{left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2a2a2a}.time-separator[data-v-ff79e1f2]{text-align:center;color:#ffffff80;font-size:12px;margin:16px 0;padding:0 16px}.input-area[data-v-ff79e1f2]{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-ff79e1f2]{flex:1;background:#ffffff1a;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:14px;outline:none}.message-input[data-v-ff79e1f2]::placeholder{color:#ffffff80}.send-btn[data-v-ff79e1f2]{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-ff79e1f2]:active{background:#38a169}.contacts-container[data-v-51cc6586]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.header[data-v-51cc6586]{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-51cc6586]{color:#fff;font-size:18px;font-weight:500;text-align:center}.contacts-list[data-v-51cc6586]{flex:1;overflow-y:auto;padding-bottom:60px}.contact-section[data-v-51cc6586]{border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:8px}.contact-group[data-v-51cc6586]{margin-bottom:8px}.group-header[data-v-51cc6586]{padding:4px 16px;color:#ffffff80;font-size:12px;background:#ffffff05}.contact-item[data-v-51cc6586]{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-51cc6586]:active{background:#ffffff0d}.contact-icon[data-v-51cc6586]{font-size:24px;margin-right:12px;width:24px;text-align:center}.contact-item .avatar[data-v-51cc6586]{width:40px;height:40px;border-radius:6px;object-fit:cover;margin-right:12px;background:linear-gradient(135deg,#667eea,#764ba2)}.contact-item[data-v-51cc6586]{position:relative}.badge[data-v-51cc6586]{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-51cc6586]{width:24px;height:24px}.new-friend-icon path[data-v-51cc6586]{fill:#fff}.contact-name[data-v-51cc6586]{color:#fff;font-size:16px}.profile-container[data-v-8532229f]{width:100%;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:60px}.profile-header[data-v-8532229f]{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-8532229f]:active{background:#ffffff0d}.user-info[data-v-8532229f]{display:flex;align-items:center;gap:12px}.avatar-large[data-v-8532229f]{width:64px;height:64px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}.user-details[data-v-8532229f]{display:flex;flex-direction:column;gap:4px}.user-name[data-v-8532229f]{color:#fff;font-size:18px;font-weight:500}.user-id[data-v-8532229f]{color:#fff9;font-size:14px}.qr-code[data-v-8532229f]{font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.camera-icon[data-v-8532229f]{width:24px;height:24px}.camera-icon path[data-v-8532229f]{fill:#fff}.menu-section[data-v-8532229f]{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-8532229f]{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-8532229f]:last-child{border-bottom:none}.menu-item[data-v-8532229f]:active{background:#ffffff0d}.menu-icon[data-v-8532229f]{font-size:20px;margin-right:12px;width:24px;text-align:center}.settings-icon[data-v-8532229f]{width:20px;height:20px}.settings-icon path[data-v-8532229f]{fill:#fff}.menu-text[data-v-8532229f]{flex:1;color:#fff;font-size:16px}.menu-arrow[data-v-8532229f]{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}