.app-wrapper[data-v-2a09c0ae]{display:flex;flex-direction:column;height:100dvh;max-width:500px;margin:0 auto;background:#f5f5f5;position:relative;width:100%;overflow:hidden}.views-container[data-v-2a09c0ae]{flex:1;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.bottom-nav[data-v-2a09c0ae]{flex-shrink:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:.5px solid #eef2f6;display:flex;justify-content:space-around;align-items:center;padding:8px 20px 12px;z-index:100;width:100%}.nav-item[data-v-2a09c0ae]{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#8d9aaa;cursor:pointer;flex:1;position:relative;font-weight:500}.nav-item i[data-v-2a09c0ae]{font-size:22px}.nav-item.active[data-v-2a09c0ae]{color:#07c160;font-weight:600}.app-wrapper[data-v-ac813a92]{display:flex;flex-direction:column;height:100vh;max-width:500px;margin:0 auto;background:#f5f5f5;position:relative;width:100%;overflow:hidden}.views-container[data-v-ac813a92]{flex:1;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}.bottom-nav[data-v-ac813a92]{flex-shrink:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:.5px solid #eef2f6;display:flex;justify-content:space-around;align-items:center;padding:8px 20px 12px;z-index:100;width:100%}.nav-item[data-v-ac813a92]{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#8d9aaa;cursor:pointer;flex:1;position:relative;font-weight:500}.nav-item i[data-v-ac813a92]{font-size:22px}.nav-item.active[data-v-ac813a92]{color:#07c160;font-weight:600}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}body{background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Helvetica,Roboto,sans-serif}.app-wrapper{display:flex;flex-direction:column;height:100dvh;background-color:#ededed;max-width:500px;margin:0 auto;position:relative;width:100%;box-shadow:0 0 20px #0000001a}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 24px;background:linear-gradient(135deg,#2c3e50 0%,#1a2632 100%);overflow-y:auto}.auth-card{background:white;border-radius:24px;padding:32px 24px;width:100%;box-shadow:0 20px 40px #0000001a}.auth-title{font-size:28px;font-weight:600;text-align:center;margin-bottom:32px;color:#2c3e50}.auth-input{width:100%;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;font-size:15px}.auth-btn{width:100%;padding:14px;background:#07c160;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.auth-switch{text-align:center;margin-top:16px;color:#07c160;cursor:pointer}.hidden{display:none!important}.app-header{background:#2c2e31;padding:12px 16px;border-bottom:.5px solid #3c3f43;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.logo-area{display:flex;align-items:center;gap:8px;color:#fff}.logo-area i{font-size:24px;color:#07c160}.logo-area span{font-weight:600;font-size:18px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:#07c160;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.logout-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#ff5e5e}.views-container{flex:1;position:relative;overflow:hidden;min-height:0}.view-pane{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;background:#f5f5f5;opacity:0;visibility:hidden;transition:opacity .2s}.view-pane.active-pane{opacity:1;visibility:visible;position:relative;z-index:2}.conv-list{background:#fff}.conv-item{display:flex;align-items:center;padding:12px 16px;border-bottom:.5px solid #f0f0f0;cursor:pointer}.avatar{width:52px;height:52px;background:#e4e4e4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:14px;color:#576b6b;font-size:20px;font-weight:500}.conv-info{flex:1;overflow:hidden}.conv-name{font-size:16px;font-weight:500;display:flex;justify-content:space-between}.conv-preview{font-size:13px;color:#8e9eae;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11px;color:#bcc5cf}.unread-badge{background:#ff5e5e;border-radius:30px;padding:0 6px;font-size:10px;color:#fff;margin-left:8px}.contact-list{background:#fff}.search-bar{padding:12px 16px;background:white;border-bottom:.5px solid #f0f2f6}.search-input{width:100%;padding:10px 14px;border:none;background:#f2f5f8;border-radius:24px;font-size:14px}.section-title{padding:12px 16px 6px;font-size:13px;font-weight:500;color:#6c7a89;background:#f8f9fc}.contact-item{display:flex;align-items:center;padding:12px 16px;border-bottom:.5px solid #f0f2f6;cursor:pointer}.contact-avatar{width:48px;height:48px;background:#eef2fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:20px;color:#407a6e}.contact-name{font-size:16px;font-weight:500}.online-dot{color:#2ecc71;font-size:10px}.chat-panel{display:flex;flex-direction:column;height:100%;background:#f5f5f5}.chat-header-detail{background:#2c2e31;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:.5px solid #3c3f43;flex-shrink:0;color:#fff}.back-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#fff}.chat-user{font-weight:600;font-size:17px}.message-list{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:8px}.chat-input-area{background:#fafafa;padding:8px 12px;display:flex;align-items:center;gap:8px;border-top:.5px solid #e0e0e0;flex-shrink:0}.voice-mode-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.hold-to-speak{flex:1;background:white;border:.5px solid #ddd;border-radius:40px;padding:10px 0;text-align:center;font-size:16px;color:#333;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.hold-to-speak:active{background:#e0e0e0;transform:scale(.98)}.chat-input{flex:1;border:none;background:white;border-radius:40px;padding:10px 16px;font-size:15px;outline:none}.emoji-btn,.plus-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.plus-menu{position:absolute;bottom:70px;right:16px;background:rgba(0,0,0,.8);border-radius:12px;padding:8px 0;width:140px;z-index:200;display:none;flex-direction:column}.plus-menu-item{padding:12px 16px;color:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.plus-menu-item:hover{background:rgba(255,255,255,.1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:.5px solid #eef2f6;display:flex;justify-content:space-around;align-items:center;padding:8px 20px 12px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#8d9aaa;cursor:pointer;flex:1;position:relative}.nav-item i{font-size:22px}.nav-item.active{color:#07c160;font-weight:500}.empty-tip{text-align:center;padding:40px 20px;color:#b8c5d0;font-size:14px}.profile-container{padding:20px}.profile-header{display:flex;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:20px}.profile-avatar{width:70px;height:70px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#667eea;margin-right:16px}.profile-info{flex:1;color:#fff}.profile-name{font-size:20px;font-weight:600;margin-bottom:6px}.profile-username{font-size:14px;opacity:.9}.profile-menu{background:white;border-radius:16px;overflow:hidden}.profile-menu-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f2f6;cursor:pointer}.profile-menu-item i:first-child{width:32px;font-size:20px;color:#16a085}.profile-menu-item span{flex:1;font-size:15px}.logout-menu,.logout-menu i:first-child{color:#e74c3c}.discover-list{background:#fff}.discover-item{display:flex;align-items:center;padding:12px 16px;border-bottom:.5px solid #f0f0f0;cursor:pointer;gap:12px}.discover-item i{font-size:24px;color:#07c160;width:40px;text-align:center}.unread-badge-nav{position:absolute;top:-5px;right:5px;background:#ff5e5e;border-radius:30px;padding:0 6px;font-size:10px;color:#fff;min-width:18px;text-align:center;line-height:16px}.views-container>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto}