.login-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:72px 32px 40px;background:var(--wechat-white)}.login-header{text-align:left;margin-bottom:40px;padding-left:0}.logo{display:none}.login-header h1{font-size:24px;font-weight:500;color:var(--wechat-text-primary);margin-bottom:12px}.login-header p{font-size:15px;color:var(--wechat-text-secondary)}.input-group{position:relative;margin-bottom:20px;border-bottom:.5px solid var(--wechat-border-light);transition:none}.input-group:focus-within{border-bottom-color:var(--wechat-green)}.input-icon{display:none}.input-group input{width:100%;height:48px;padding:0 40px 0 0;border:none;font-size:17px;background:transparent;color:var(--wechat-text-primary)}.input-group input:focus{outline:none}.input-group input::placeholder{color:var(--wechat-text-tertiary)}.input-row{display:flex;align-items:center;padding:16px 0;border-bottom:.5px solid #E5E5E5}.input-label{width:80px;font-size:17px;color:#000;flex-shrink:0}.input-field{flex:1;border:none;font-size:17px;outline:none;background:transparent}.input-field::placeholder{color:#b2b2b2}.error-message{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--wechat-red);font-size:14px;text-align:center;margin-bottom:16px;padding:12px;background:#fa51511a;border-radius:4px;animation:fadeIn .3s ease}.error-message.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--wechat-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-strength{display:flex;align-items:center;gap:8px;margin:-8px 0 16px;padding:0 4px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;background:#e5e5e5;border-radius:2px;transition:background .3s}.strength-bar.level-1{background:#ff3b30}.strength-bar.level-2{background:#ff9500}.strength-bar.level-3{background:#fc0}.strength-bar.level-4{background:#34c759}.strength-bar.level-5{background:var(--wechat-green)}.strength-text{font-size:12px;color:#999;min-width:20px}.password-match{position:absolute;right:44px;top:50%;transform:translateY(-50%);color:#34c759;animation:popIn .3s ease}@keyframes popIn{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.login-button{width:100%;height:48px;background:var(--wechat-green);color:#fff;border:none;border-radius:8px;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;margin-top:36px;transition:none}.login-button:active:not(:disabled){background:#06ad56}.login-button:disabled{background:#c5c5c5;cursor:not-allowed}.register-link{text-align:center;margin-top:20px;color:var(--wechat-text-secondary);font-size:14px}.register-link a{color:var(--wechat-link);text-decoration:none}.login-footer{position:fixed;bottom:30px;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);text-align:center}.login-footer a{color:#576b95;font-size:14px;text-decoration:none;margin:0 15px}:root.dark-mode .login-screen{background:var(--wechat-white)}:root.dark-mode .login-header h1{color:var(--wechat-text-primary)}:root.dark-mode .login-header p{color:#8e8e93}:root.dark-mode .input-group{border-bottom-color:#38383a}:root.dark-mode .input-group input{background:transparent;color:#fff}:root.dark-mode .input-group input::placeholder{color:#8e8e93}:root.dark-mode .input-icon{color:#8e8e93}:root.dark-mode .register-link{color:#8e8e93}:root.dark-mode .register-link a{color:var(--wechat-link)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:min(calc(100vw - 32px),calc(var(--wechat-app-width) - 32px));z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:4px;background:#000000c7;animation:toast-in .2s ease-out;pointer-events:auto;max-width:100%}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success .toast-icon{color:var(--wechat-green)}.toast-error .toast-icon{color:var(--wechat-red)}.toast-warning .toast-icon{color:var(--wechat-orange)}.toast-info .toast-icon{color:var(--wechat-link)}.toast-message{flex:1;font-size:14px;color:#fff;line-height:1.4}.toast-action{padding:4px 12px;background:transparent;border:.5px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.toast-close{padding:4px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.confirm-dialog-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);z-index:2000;display:flex;align-items:center;justify-content:center;background:#00000073}.confirm-dialog{width:calc(100% - 64px);max-width:320px;overflow:hidden;background:var(--wechat-white);border-radius:8px;text-align:center}.dialog-icon{display:none}.dialog-title{margin:0;padding:22px 20px 8px;color:var(--wechat-text-primary);font-size:17px;font-weight:500}.dialog-message{margin:0;padding:0 22px 20px;color:var(--wechat-text-secondary);font-size:14px;line-height:1.45}.dialog-actions{display:flex;border-top:.5px solid var(--wechat-border-light)}.dialog-actions button{flex:1;height:48px;border:0;background:var(--wechat-white);color:var(--wechat-link);font-size:17px;cursor:pointer}.dialog-actions button+button{border-left:.5px solid var(--wechat-border-light)}.dialog-actions button:active{background:var(--wechat-bg-active)}.btn-warning,.btn-confirm,.btn-info{color:var(--wechat-red)!important}.dialog-actions button:disabled{opacity:.5}.account-switcher-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);z-index:1000;display:flex;align-items:flex-end;background:#00000073}.account-switcher-modal{position:relative;width:100%;max-height:82vh;overflow:hidden;display:flex;flex-direction:column;background:var(--wechat-bg);border-radius:10px 10px 0 0}.account-switcher-header{display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.account-switcher-header h3{margin:0;color:var(--wechat-text-primary);font-size:17px;font-weight:500}.account-switcher-header .close-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:6px;color:var(--wechat-text-primary);cursor:pointer}.account-error{margin:10px 16px 0;padding:9px 10px;background:#fa51511a;color:var(--wechat-red);font-size:13px;border-radius:4px}.account-list{flex:1;overflow-y:auto;margin-top:8px;background:var(--wechat-white)}.account-item{display:flex;align-items:center;min-height:66px;padding:9px 16px;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer}.account-item:active{background:var(--wechat-bg-active)}.account-item.current{background:var(--wechat-white)}.account-avatar{width:46px;height:46px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;color:var(--wechat-text-primary);overflow:hidden;flex-shrink:0}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-info{flex:1;margin-left:12px;min-width:0}.account-name{color:var(--wechat-text-primary);font-size:16px;font-weight:400;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-badge{font-size:11px;padding:0;background:transparent;color:var(--wechat-green);border-radius:3px;font-weight:400;flex-shrink:0}.account-meta{font-size:13px;color:var(--wechat-text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.account-actions .check-icon{color:var(--wechat-green)}.account-actions .arrow-icon,.account-actions .remove-btn{color:var(--wechat-text-tertiary)}.account-actions .remove-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:6px;cursor:pointer}.add-account-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--wechat-row-height);margin-top:10px;border:none;background:var(--wechat-white);color:var(--wechat-green);font-size:16px;cursor:pointer}.add-account-form{margin-top:10px;background:var(--wechat-white)}.add-account-form .form-title{height:34px;padding:0 16px;display:flex;align-items:center;background:var(--wechat-bg);color:var(--wechat-text-secondary);font-size:13px}.add-account-form input{width:100%;height:54px;padding:0 16px;border:0;border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-white);color:var(--wechat-text-primary);font-size:16px;box-sizing:border-box;outline:none}.add-account-form input::placeholder{color:var(--wechat-text-tertiary)}.add-account-form .form-actions{display:flex;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--wechat-bg)}.add-account-form .cancel-btn,.add-account-form .confirm-btn{flex:1;height:40px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.add-account-form .cancel-btn{background:var(--wechat-white);color:var(--wechat-text-primary)}.add-account-form .confirm-btn{background:var(--wechat-green);color:#fff}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffbf}.account-switcher-modal .loading-spinner{width:32px;height:32px;border:3px solid var(--wechat-border-light);border-top-color:var(--wechat-green);border-radius:50%;animation:spin .8s linear infinite}:root.dark-mode .loading-overlay{background:#0000008c}.app-avatar{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-avatar img{width:100%;height:100%;display:block;object-fit:cover}.app-avatar span{line-height:1}.main-screen{display:flex;flex-direction:column;height:100vh;background:var(--wechat-bg);position:relative}.main-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:var(--wechat-bg);height:var(--wechat-header-height);box-sizing:border-box;position:relative}.main-header h1{font-size:17px;font-weight:500;color:var(--wechat-text-primary);position:absolute;left:50%;transform:translate(-50%)}.header-actions{display:flex;gap:16px;min-width:56px;justify-content:flex-end}.header-action{background:none;border:none;padding:6px;cursor:pointer;color:var(--wechat-text-primary);display:inline-flex;align-items:center;justify-content:center}.main-content{flex:1;overflow-y:auto;background:var(--wechat-bg);-webkit-overflow-scrolling:touch}.tab-bar{display:flex;background:var(--wechat-bg-light);border-top:.5px solid var(--wechat-border);padding:3px 0 env(safe-area-inset-bottom,3px);height:49px;box-sizing:content-box}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 0;background:none;border:none;color:var(--wechat-text-secondary);cursor:pointer;transition:none}.tab-item.active{color:var(--wechat-green)}.tab-item span{font-size:10px;font-weight:400}.tab-icon-wrapper{position:relative;display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center}.tab-config-icon{width:24px;height:24px;display:block;object-fit:contain}.tab-config-fallback-icon{display:none}.tab-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--wechat-red);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:badgePop .3s ease-out}.discover-badge{min-width:18px;height:18px;padding:0 5px;margin-left:auto;border-radius:9px;background:var(--wechat-red);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;animation:badgePop .3s ease-out}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-list{background:var(--wechat-bg);min-height:100%}.search-bar{display:flex;align-items:center;gap:6px;margin:8px 12px;padding:7px 10px;background:var(--wechat-bg-input);border-radius:5px;color:var(--wechat-text-tertiary)}.search-bar input{flex:1;border:none;background:none;font-size:14px;outline:none;color:var(--wechat-text-primary)}.search-bar input::placeholder{color:var(--wechat-text-tertiary)}.conversation-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--wechat-white);cursor:pointer;border-bottom:.5px solid var(--wechat-border-light);min-height:64px}.conversation-item:active{background:var(--wechat-bg-active)}.avatar{width:48px;height:48px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden}.avatar-wrapper{position:relative;flex-shrink:0}.avatar-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--wechat-red);color:#fff;font-size:10px;font-weight:500;border-radius:8px;display:flex;align-items:center;justify-content:center}.conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conv-header{display:flex;justify-content:space-between;align-items:center}.conv-name{font-size:16px;font-weight:400;color:var(--wechat-text-primary)}.conv-time{font-size:12px;color:var(--wechat-text-tertiary)}.conv-preview{display:flex;justify-content:space-between;align-items:center}.last-message{font-size:14px;color:var(--wechat-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-badge{min-width:16px;height:16px;padding:0 5px;background:var(--wechat-red);color:#fff;font-size:10px;font-weight:500;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:8px}.contacts-list{background:var(--wechat-bg);min-height:100%;padding-bottom:70px}.contact-functions{background:var(--wechat-white);margin-bottom:8px}.contact-function-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--wechat-white);cursor:pointer;border-bottom:.5px solid var(--wechat-border-light)}.contact-function-item:last-child{border-bottom:none}.contact-function-item:active{background:var(--wechat-bg-active)}.function-icon{width:40px;height:40px;border-radius:var(--wechat-radius-avatar);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.function-icon.new-friends{background:#fa9d3b}.function-icon.groups{background:#07c160}.function-icon.tags{background:#576b95}.function-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.function-name{font-size:16px;color:var(--wechat-text-primary)}.function-desc{font-size:12px;color:var(--wechat-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.function-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--wechat-red);color:#fff;font-size:11px;line-height:18px;text-align:center;flex-shrink:0}.function-arrow{color:var(--wechat-text-tertiary);flex-shrink:0}.friends-section{background:var(--wechat-white)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--wechat-bg);font-size:13px;color:var(--wechat-text-secondary)}.friend-count{color:var(--wechat-text-tertiary)}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--wechat-white);cursor:pointer;border-bottom:.5px solid var(--wechat-border-light)}.contact-item:last-child{border-bottom:none}.contact-item:active{background:var(--wechat-bg-active)}.contact-info{display:flex;flex-direction:column;gap:2px;flex:1}.contact-name{font-size:16px;color:var(--wechat-text-primary)}.contact-status{font-size:12px;color:var(--wechat-text-tertiary)}.contact-status.online{color:var(--wechat-green)}.empty-hint{font-size:12px;color:var(--wechat-text-tertiary);margin-top:8px}.moments-list{background:var(--wechat-white)}.moments-header{position:relative}.cover-image{height:280px;background:#363a40;position:relative}.user-info{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px}.username{color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.user-avatar{width:70px;height:70px;background:var(--wechat-white);border-radius:var(--wechat-radius-avatar);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:none;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.moment-item{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--wechat-border-light)}.moment-avatar{width:44px;height:44px;border-radius:6px;background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.moment-content{flex:1}.moment-user{font-weight:600;color:var(--wechat-link);margin-bottom:6px}.moment-text{font-size:15px;line-height:1.5;margin-bottom:8px;color:var(--wechat-text-primary)}.moment-footer{display:flex;justify-content:space-between;align-items:center}.moment-actions{display:flex;gap:16px;font-size:13px;color:var(--wechat-text-secondary)}.profile-screen{background:var(--wechat-bg);min-height:100%;padding-bottom:70px}.profile-header{display:flex;align-items:center;gap:14px;min-height:96px;padding:18px 16px 16px;background:var(--wechat-white);margin-bottom:8px}.profile-avatar{width:62px;height:62px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden;flex-shrink:0}.profile-avatar img,.current-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;min-width:0}.profile-info h2{font-size:20px;font-weight:500;margin-bottom:6px;color:var(--wechat-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info p{font-size:14px;color:var(--wechat-text-secondary)}.profile-menu{background:var(--wechat-white);margin-bottom:8px}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer;background:var(--wechat-white);height:56px;box-sizing:border-box}.menu-item:active{background:var(--wechat-bg-active)}.menu-item:last-child{border-bottom:none}.menu-item span:first-child{font-size:16px;color:var(--wechat-text-primary)}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:8px 0 0;padding:0 16px;background:var(--wechat-white);border:none;color:var(--wechat-red);font-size:16px;font-weight:400;cursor:pointer;height:54px}.logout-button:active{background:var(--wechat-bg-active)}.add-friend-panel{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0;background:var(--wechat-bg);height:100%;overflow-y:auto}.panel-header{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--wechat-border-light)}.panel-header button{background:none;border:none;color:var(--wechat-link);font-size:16px;cursor:pointer}.panel-header span{font-size:18px;font-weight:600;color:var(--wechat-text-primary)}.add-friend-panel .search-bar{display:flex;align-items:center;gap:8px;margin:8px 12px;padding:7px 10px;background:var(--wechat-bg-input);border-radius:5px}.add-friend-panel .search-bar input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--wechat-text-primary)}.add-friend-panel .search-bar button{background:var(--wechat-green);color:#fff;border:none;height:30px;padding:0 14px;border-radius:4px;font-size:14px;cursor:pointer}.add-friend-panel .search-bar button:disabled{background:var(--wechat-text-tertiary)}.search-results{padding:0 16px}.search-results .contact-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--wechat-border-light)}.contact-username{font-size:12px;color:var(--wechat-text-tertiary)}.add-btn{margin-left:auto;background:var(--wechat-green);color:#fff;border:none;height:30px;padding:0 14px;border-radius:4px;font-size:14px;cursor:pointer}.empty-tip{text-align:center;padding:40px 20px;color:var(--wechat-text-tertiary);font-size:14px}.profile-username{font-size:14px;color:var(--wechat-text-secondary);margin:4px 0}.profile-email{font-size:12px;color:var(--wechat-text-tertiary);margin:2px 0}.profile-bio{font-size:14px;color:var(--wechat-text-primary);margin-top:8px;padding:8px 12px;background:var(--wechat-bg-input);border-radius:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--wechat-text-tertiary);text-align:center;animation:fadeIn .5s ease}.empty-state svg{color:var(--wechat-border);margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.empty-state p{font-size:16px;margin:0}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.create-moment-btn{display:flex;align-items:center;gap:8px;padding:16px;background:var(--wechat-white);margin:8px;border-radius:8px;cursor:pointer;color:var(--wechat-link)}.create-moment-panel{background:var(--wechat-white);margin:8px;border-radius:8px;overflow:hidden}.create-moment-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--wechat-border-light)}.create-moment-panel .panel-header button{background:none;border:none;color:var(--wechat-link);font-size:16px;cursor:pointer}.create-moment-panel .panel-header button:last-child{font-weight:700}.create-moment-panel textarea{width:100%;min-height:120px;padding:16px;border:none;outline:none;font-size:16px;resize:none;box-sizing:border-box;background:var(--wechat-white);color:var(--wechat-text-primary)}.moment-images{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.moment-images img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.moments-screen{padding-bottom:70px}.moments-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--wechat-white);border-bottom:1px solid var(--wechat-border-light);position:sticky;top:0;z-index:10}.moments-header h2{margin:0;font-size:20px;font-weight:600;color:var(--wechat-text-primary)}.moments-header .create-moment-btn{background:none;border:none;color:var(--wechat-link);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.discover-group{margin-top:8px;border-top:.5px solid var(--wechat-border-light);border-bottom:.5px solid var(--wechat-border-light)}.discover-item{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--wechat-white);cursor:pointer}.discover-item:not(:last-child){position:relative}.discover-item:not(:last-child):after{content:"";position:absolute;left:60px;bottom:0;right:0;height:.5px;background:var(--wechat-border-light)}.discover-item:active{background:var(--wechat-bg-active)}.discover-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.discover-icon.moments-icon{background:none;color:var(--wechat-orange);border-radius:0;position:relative}.discover-icon.moments-icon svg{width:20px;height:20px;stroke-width:2;stroke:currentColor;position:relative;z-index:1}.discover-icon.moments-icon:before{display:none}.discover-icon.video-icon{background:none;color:#fa9d3b}.discover-icon.channels-icon{background:none;color:#eebb28}.discover-icon.shake-icon{background:none;color:#1485ee}.discover-name{font-size:17px;color:var(--wechat-text-primary);flex:1}.discover-arrow{color:var(--wechat-text-tertiary);opacity:.5}.discover-feature-page{min-height:100vh;background:var(--wechat-bg-secondary);color:var(--wechat-text-primary)}.discover-feature-nav{height:56px;padding:0 12px;background:var(--wechat-white);border-bottom:.5px solid var(--wechat-border-light);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.discover-feature-nav .nav-back-btn{background:none;color:var(--wechat-text-primary)}.discover-feature-nav .nav-title{color:var(--wechat-text-primary);text-shadow:none}.discover-feature-spacer{width:32px}.discover-feature-hero{margin:12px;padding:22px;border-radius:18px;color:#fff;overflow:hidden}.discover-feature-hero h2{margin:8px 0;font-size:24px;line-height:1.2}.discover-feature-hero p{margin:0;opacity:.9;font-size:14px}.feature-kicker{font-size:13px;opacity:.85}.video-hero{background:linear-gradient(135deg,#111827,#2f80ed 55%,#56ccf2)}.channel-hero{background:linear-gradient(135deg,#1f2937,#f59e0b)}.video-feed{padding:0 12px 88px}.video-card{background:var(--wechat-white);border-radius:14px;overflow:hidden;margin-bottom:12px;box-shadow:0 8px 24px #0f172a14}.video-cover{height:180px;color:#ffffffe6;display:flex;align-items:center;justify-content:center}.video-info{padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.video-info h3{margin:0 0 6px;font-size:17px;line-height:1.35}.video-info p,.video-info span{margin:0;color:var(--wechat-text-secondary);font-size:13px}.feature-pill-button{border:none;border-radius:999px;background:var(--wechat-green);color:#fff;padding:7px 14px;font-size:13px;white-space:nowrap}.feature-pill-button.active{background:var(--wechat-bg-input);color:var(--wechat-text-secondary)}.channel-tabs{display:flex;gap:8px;padding:0 12px 12px;overflow-x:auto}.channel-tabs button{border:none;border-radius:999px;background:var(--wechat-white);color:var(--wechat-text-secondary);padding:8px 16px;font-size:14px}.channel-tabs button.active{background:var(--wechat-green);color:#fff}.channel-panel{margin:0 12px 88px;background:var(--wechat-white);border-radius:14px;overflow:hidden}.channel-panel-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--wechat-border-light)}.channel-panel-header span{color:var(--wechat-text-tertiary);font-size:12px}.channel-panel-header h3{margin:4px 0 0;font-size:20px}.channel-article{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:.5px solid var(--wechat-border-light)}.channel-article span{color:var(--wechat-green);font-weight:700}.channel-article p{flex:1;margin:0;font-size:15px}.shake-page{background:radial-gradient(circle at top,#e8f8ff 0%,var(--wechat-bg-secondary) 42%)}.shake-stage{padding:54px 20px 90px;display:flex;flex-direction:column;align-items:center}.shake-orb{width:184px;height:184px;border:none;border-radius:50%;background:linear-gradient(145deg,#1585ee,#45b7ff);color:#fff;box-shadow:0 18px 42px #1585ee59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:19px}.shake-orb.searching{animation:shake .55s ease-in-out infinite}.shake-hint{margin:24px 0;color:var(--wechat-text-secondary);font-size:14px}.shake-result{width:100%;background:var(--wechat-white);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 28px #0f172a14}.shake-result-avatar{width:46px;height:46px;border-radius:8px}.shake-result h3,.shake-result p{margin:0}.shake-result p{color:var(--wechat-text-secondary);font-size:13px;margin-top:4px}.main-screen.fullscreen-mode .main-header,.main-screen.fullscreen-mode .tab-bar{display:none!important}.main-screen.fullscreen-mode .main-content{height:100vh;padding-bottom:0}.moments-page{position:absolute;inset:0;background:var(--wechat-white);z-index:1000;display:flex;flex-direction:column}.moments-nav{position:absolute;top:0;left:0;right:0;height:44px;background:#fff0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 16px}.nav-back-btn,.nav-camera-btn{width:32px;height:32px;background:#0000004d;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-back-btn:hover,.nav-camera-btn:hover{background:#0000004d;transform:none}.nav-title{font-size:17px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.moments-cover{position:relative;height:280px;margin-bottom:40px}.cover-background{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.change-cover-btn{position:absolute;top:12px;right:12px;background:#0009;border:none;border-radius:16px;color:#fff;padding:8px 12px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.change-cover-btn:hover{background:#0009;transform:none}.cover-overlay{position:absolute;bottom:-20px;right:16px;z-index:2}.user-info{display:flex;align-items:center;gap:16px}.user-name{color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.user-avatar{width:60px;height:60px;border-radius:8px;background:#eee;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 2px 8px #0003}.moments-feed{flex:1;overflow-y:auto;padding:0;background:var(--wechat-white)}.create-moment-overlay{position:absolute;inset:0;background:#00000080;z-index:2000;display:flex;align-items:flex-end}.create-moment-overlay .create-moment-panel{background:var(--wechat-white);border-radius:8px 8px 0 0;width:100%;max-height:60vh;animation:slideUp .3s ease-out}.create-moment-overlay .panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--wechat-border-light)}.create-moment-overlay .panel-header button{background:none;border:none;color:var(--wechat-green);font-size:16px;cursor:pointer;padding:8px}.create-moment-overlay .panel-header span{font-size:17px;font-weight:600;color:var(--wechat-text-primary)}.create-moment-overlay textarea{width:100%;min-height:120px;border:none;padding:16px 20px;font-size:16px;line-height:1.5;resize:none;outline:none;background:var(--wechat-white);color:var(--wechat-text-primary)}.create-moment-images{display:grid;grid-template-columns:repeat(3,72px);gap:8px;padding:0 20px 12px}.create-moment-image{position:relative;width:72px;height:72px}.create-moment-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.create-moment-image button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:none;border-radius:50%;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:center}.create-moment-add-image{display:inline-flex;align-items:center;gap:6px;margin:0 20px 18px;color:var(--wechat-green);cursor:pointer}.create-moment-add-image input{display:none}.moment-item{display:flex;gap:12px;padding:16px;background:var(--wechat-white);border-bottom:.5px solid var(--wechat-border-light);margin-bottom:0;border-radius:0;box-shadow:none}.moment-left{flex-shrink:0}.moment-avatar{width:42px;height:42px;border-radius:6px;background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:20px}.moment-main{flex:1;min-width:0}.moment-user-name{font-size:16px;font-weight:600;color:var(--wechat-link);margin-bottom:6px}.moment-content{font-size:15px;color:var(--wechat-text-primary);line-height:1.5;margin-bottom:10px}.moment-images{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;max-width:280px}.moment-images img{width:100%;aspect-ratio:1;object-fit:cover}.moment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.moment-time{font-size:12px;color:var(--wechat-text-tertiary)}.moment-actions{background:var(--wechat-bg-input);border-radius:4px;display:flex;align-items:center;padding:0 8px;height:24px;opacity:.8;color:var(--wechat-text-secondary)}.moment-actions span{padding:0 8px}.moment-action-button{background:none;border:none;color:inherit;display:inline-flex;align-items:center;gap:2px;padding:0;cursor:pointer}.moment-comment-box{display:flex;gap:8px;margin-top:10px}.moment-comment-box input{flex:1;min-width:0;border:1px solid var(--wechat-border-light);border-radius:4px;background:var(--wechat-bg-input);color:var(--wechat-text-primary);padding:8px 10px;font-size:14px}.moment-comment-box button{border:none;border-radius:4px;background:var(--wechat-green);color:#fff;padding:0 12px}.moment-comments{margin-top:8px;padding:6px 8px;border-radius:4px;background:var(--wechat-bg-input)}.moment-comment-item{display:flex;gap:6px;font-size:13px;line-height:1.6;color:var(--wechat-text-primary)}.moment-comment-user{flex-shrink:0;color:var(--wechat-blue);font-weight:500}.moment-comment-user:after{content:":"}.moment-comment-content{min-width:0;word-break:break-word}.discover-list{display:none}.profile-section{background:var(--wechat-white);margin:10px 0 0}.section-title{display:none}.profile-item{display:flex;align-items:center;padding:0 16px;background:var(--wechat-white);cursor:pointer;border-bottom:.5px solid var(--wechat-border-light);min-height:54px}.profile-item:last-child{border-bottom:none}.profile-item.clickable:active{background:var(--wechat-bg-active)}.profile-item .item-info{display:flex;align-items:center;gap:12px;flex:1;color:var(--wechat-text-primary);font-size:16px;min-width:0}.profile-item .item-info svg{color:var(--wechat-text-secondary);flex-shrink:0;width:20px;height:20px}.profile-item .item-value{display:flex;align-items:center;gap:8px;color:var(--wechat-text-tertiary);font-size:14px;min-width:0}.profile-item .item-value span:first-child{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-item .arrow{color:var(--wechat-text-tertiary);font-size:14px}.edit-profile-panel{position:absolute;inset:0;background:var(--wechat-bg);z-index:1000;display:flex;flex-direction:column}.edit-profile-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:var(--wechat-header-height);border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-bg);position:sticky;top:0;z-index:10}.edit-profile-panel .panel-header button{background:none;border:none;color:var(--wechat-green);font-size:16px;cursor:pointer;padding:8px}.edit-profile-panel .panel-header span{font-size:17px;font-weight:500;color:var(--wechat-text-primary)}.profile-edit-content{flex:1;padding:0;overflow-y:auto}.edit-avatar-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:14px 16px;background:var(--wechat-white)}.avatar-preview{position:relative;order:2;margin:0}.current-avatar{width:58px;height:58px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:28px;border:0;box-shadow:none;overflow:hidden}.change-avatar-btn{position:absolute;bottom:-5px;right:-5px;width:24px;height:24px;border-radius:50%;background:var(--wechat-green);border:2px solid var(--wechat-white);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.avatar-hint{order:1;font-size:16px;color:var(--wechat-text-primary);margin:0}.edit-field{display:flex;align-items:center;min-height:54px;margin-bottom:0;padding:0 16px;background:var(--wechat-white);border-bottom:.5px solid var(--wechat-border-light)}.edit-field label{display:block;font-size:16px;color:var(--wechat-text-primary);margin:0;font-weight:400;width:96px;flex-shrink:0}.edit-field input{width:100%;height:44px;border:none;border-radius:0;padding:0;font-size:16px;background:transparent;box-sizing:border-box;color:var(--wechat-text-primary)}.edit-field input:focus{outline:none}.edit-field input:disabled{background:transparent;color:var(--wechat-text-tertiary);cursor:not-allowed}.field-hint{display:none}.modal-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#00000080;z-index:2000;display:flex;align-items:flex-end}.language-modal{background:var(--wechat-white);border-radius:8px 8px 0 0;width:100%;max-height:60vh;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--wechat-border-light)}.modal-header h3{margin:0;font-size:17px;font-weight:600;color:var(--wechat-text-primary)}.modal-header button{background:none;border:none;color:var(--wechat-green);font-size:16px;cursor:pointer;padding:8px}.language-list{max-height:calc(60vh - 60px);overflow-y:auto}.language-item{display:flex;justify-content:space-between;align-items:center;padding:0 20px;min-height:var(--wechat-row-height);cursor:pointer;border-bottom:1px solid var(--wechat-border-light)}.language-item:last-child{border-bottom:none}.language-item:active{background:var(--wechat-bg-active)}.language-item.selected{background:#07c1601a;color:var(--wechat-green)}.language-item .check-icon{color:var(--wechat-green)}.moment-preview-images{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.preview-image-item{position:relative;width:80px;height:80px}.preview-image-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.preview-image-item .remove-image{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#0009;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.moment-location{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--wechat-bg-input);margin:0 16px;border-radius:4px;font-size:14px;color:var(--wechat-text-secondary)}.moment-location button{background:none;border:none;color:var(--wechat-text-tertiary);cursor:pointer;padding:2px;display:flex}.moment-tools{display:flex;gap:20px;padding:12px 16px;border-top:1px solid var(--wechat-border-light)}.moment-tools .tool-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--wechat-bg-input);border:none;border-radius:4px;cursor:pointer;color:var(--wechat-text-primary);font-size:14px}.moment-tools .tool-btn:hover{background:var(--wechat-bg-input)}.moment-tools .tool-btn:active{background:var(--wechat-bg-active)}:root.dark-mode .search-bar{background:var(--wechat-bg-input)!important}:root.dark-mode .search-bar input{background:transparent!important}:root.dark-mode .profile-screen{background:var(--wechat-bg)}:root.dark-mode .chat-list{background:var(--wechat-bg)}.skeleton-container{display:flex;flex-direction:column;gap:12px}.skeleton-item{animation:fadeIn .3s ease-out backwards}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:4px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}:root.dark-mode .skeleton{background:linear-gradient(90deg,#3a3a3c 25%,#4a4a4c 37%,#3a3a3c 63%);background-size:400% 100%}.skeleton-avatar{width:50px;height:50px;border-radius:10px;flex-shrink:0}.skeleton-avatar-small{width:36px;height:36px;border-radius:18px;flex-shrink:0}.skeleton-text{height:16px;width:100%}.skeleton-title{height:16px;width:60%;margin-bottom:8px}.skeleton-subtitle{height:14px;width:80%}.skeleton-name{height:16px;width:100px;margin-bottom:6px}.skeleton-status{height:12px;width:60px}.skeleton-time{height:12px;width:40px}.skeleton-bubble{height:40px;min-width:100px;max-width:200px;border-radius:18px}.skeleton-button{height:36px;width:80px;border-radius:18px}.skeleton-list{background:#fff;padding:0}:root.dark-mode .skeleton-list{background:#1c1c1e}.skeleton-conversation{display:flex;align-items:center;gap:12px;padding:12px 16px;animation:fadeIn .3s ease-out backwards}.skeleton-conversation .skeleton-content{flex:1;min-width:0}.skeleton-messages{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-message{display:flex;align-items:flex-end;gap:8px;animation:fadeIn .3s ease-out backwards}.skeleton-message.right{flex-direction:row-reverse}.skeleton-message.right .skeleton-bubble{background:linear-gradient(90deg,#95ec6973 25%,#95ec69b3 37%,#95ec6973 63%);background-size:400% 100%}.skeleton-contact{display:flex;align-items:center;gap:12px;padding:12px 16px;animation:fadeIn .3s ease-out backwards}.skeleton-contact .skeleton-info{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.location-picker-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);z-index:1000;display:flex;align-items:flex-end;background:#00000073}.location-picker{width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:var(--wechat-bg);border-radius:8px 8px 0 0}.location-picker-header{display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.location-picker-header h3{margin:0;color:var(--wechat-text-primary);font-size:17px;font-weight:500}.location-picker .close-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:6px;cursor:pointer;color:var(--wechat-text-primary)}.location-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--wechat-bg);color:var(--wechat-text-tertiary)}.location-search input{flex:1;min-width:0;height:34px;border:none;background:var(--wechat-bg-input);padding:0 10px;border-radius:5px;font-size:14px;outline:none;color:var(--wechat-text-primary)}.location-search button{height:34px;padding:0 12px;background:var(--wechat-green);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.location-content{flex:1;overflow-y:auto;background:var(--wechat-white)}.location-loading,.location-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:14px;color:var(--wechat-text-tertiary)}.location-picker .spinner{width:32px;height:32px;border:3px solid var(--wechat-border-light);border-top-color:var(--wechat-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.location-error button{height:34px;padding:0 18px;background:var(--wechat-green);color:#fff;border:none;border-radius:4px;cursor:pointer}.location-map{position:relative;width:100%;height:220px;background:var(--wechat-bg);overflow:hidden}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--wechat-text-tertiary);gap:8px}.map-placeholder p{margin:0;font-size:14px}.location-info{padding:14px 16px;border-bottom:.5px solid var(--wechat-border-light)}.location-address{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.location-address svg{flex-shrink:0;color:var(--wechat-green);margin-top:2px}.location-address span{font-size:15px;line-height:1.45;color:var(--wechat-text-primary)}.location-coords{font-size:12px;color:var(--wechat-text-tertiary);padding-left:26px}.location-actions{background:var(--wechat-white)}.current-location-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--wechat-row-height);padding:0 16px;background:var(--wechat-white);border:none;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer;color:var(--wechat-text-primary);font-size:16px}.current-location-btn svg{color:var(--wechat-green)}.location-picker-footer{display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:.5px solid var(--wechat-border);background:var(--wechat-bg)}.location-picker .cancel-btn,.location-picker .confirm-btn{flex:1;height:42px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.location-picker .cancel-btn{background:var(--wechat-white);color:var(--wechat-text-primary)}.location-picker .confirm-btn{background:var(--wechat-green);color:#fff}.location-picker .confirm-btn:disabled{background:var(--wechat-border)}.chat-screen{display:flex;flex-direction:column;height:100vh;background:var(--wechat-bg)}.chat-header{display:flex;align-items:center;padding:0 12px;background:var(--wechat-bg);height:var(--wechat-header-height);box-sizing:border-box;position:relative;border-bottom:.5px solid var(--wechat-border)}.back-button{background:none;border:none;padding:4px;cursor:pointer;color:var(--wechat-text-primary);display:flex;align-items:center;margin-right:4px}.chat-title{flex:1;display:flex;align-items:center;justify-content:center}.contact-avatar{display:none}.contact-name{font-size:17px;font-weight:500;color:var(--wechat-text-primary)}.header-spacer{width:40px}.header-more{background:none;border:none;padding:8px;cursor:pointer;color:var(--wechat-text-primary)}.chat-call-actions{display:flex;align-items:center;gap:2px;min-width:72px;justify-content:flex-end}.chat-call-button{width:34px;height:34px;border:none;background:transparent;color:var(--wechat-text-primary);display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.chat-call-button:active{background:#0000000f}.messages-container{flex:1;overflow-y:auto;padding:10px 12px 8px;-webkit-overflow-scrolling:touch;background:var(--wechat-bg)}.message{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.message.mine{justify-content:flex-end}.message.theirs{flex-direction:row;justify-content:flex-start}.message-avatar{width:40px;height:40px;border-radius:6px;background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message-bubble{max-width:70%;padding:9px 11px;border-radius:6px;position:relative;font-size:16px}.message.theirs .message-bubble{background:var(--wechat-white);color:var(--wechat-text-primary);box-shadow:none}.message.theirs .message-bubble:before{content:"";position:absolute;left:-6px;top:14px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--wechat-white)}.message.mine .message-bubble{background:#95ec69;color:#000;box-shadow:none}.message.mine .message-bubble:after{content:"";position:absolute;right:-6px;top:14px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #95EC69}.message-content{font-size:16px;line-height:1.4;word-break:break-word}.message-meta{display:flex;align-items:center;justify-content:flex-end;margin-top:4px}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:18px;margin-top:4px}.message-footer .message-meta,.message-footer .message-actions{margin-top:0}.time-divider{text-align:center;padding:8px 0 14px;font-size:12px;color:var(--wechat-text-secondary)}.input-container{display:flex;align-items:center;gap:6px;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));background:var(--wechat-bg-light);border-top:.5px solid var(--wechat-border);min-height:50px}.voice-button,.attach-button,.emoji-button,.schedule-button{background:none;border:none;width:34px;height:34px;padding:5px;cursor:pointer;color:var(--wechat-text-primary);display:flex;align-items:center;justify-content:center}.message-input{flex:1;height:36px;min-height:36px;padding:0 10px;border:none;border-radius:4px;background:var(--wechat-white);font-size:16px;resize:none;outline:none;font-family:inherit;line-height:1.4;color:var(--wechat-text-primary)}.message-input::placeholder{color:var(--wechat-text-tertiary)}.send-button{min-width:50px;height:36px;padding:0 13px;border-radius:4px;border:none;background:var(--wechat-green);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:none}.send-button:active:not(:disabled){background:var(--wechat-green-dark)}.send-button:disabled{background:var(--wechat-border);color:#fff;cursor:not-allowed}.schedule-panel{background:var(--wechat-bg-light);border-top:.5px solid var(--wechat-border);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}.schedule-panel-row{display:flex;align-items:center;gap:8px}.schedule-panel input{flex:1;min-width:0;height:34px;border:0;border-radius:4px;padding:0 8px;background:var(--wechat-white);color:var(--wechat-text-primary)}.schedule-panel button{height:34px;border:0;border-radius:4px;padding:0 10px;background:var(--wechat-green);color:#fff;cursor:pointer}.schedule-panel .schedule-close{width:34px;padding:0;background:transparent;color:var(--wechat-text-secondary)}.scheduled-list{margin-top:8px;display:grid;gap:6px}.scheduled-item{display:grid;grid-template-columns:minmax(110px,auto) 1fr auto;align-items:center;gap:8px;min-height:32px;color:var(--wechat-text-secondary);font-size:12px}.scheduled-item strong{color:var(--wechat-text-primary);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-item button{background:transparent;color:var(--wechat-red);padding:0 4px}.status{display:inline-flex;align-items:center;margin-left:4px}.status.sending{opacity:.6}.status.sent{color:var(--wechat-text-tertiary)}.status.delivered{color:var(--wechat-text-secondary)}.status.read{color:#34b7f1}.status.recalled{color:var(--wechat-text-tertiary);font-size:11px}.status.failed{display:inline-flex;align-items:center;gap:2px;color:var(--wechat-red);background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;transition:background .2s}.status.failed:hover{background:#fa51511a}.recalled-message{color:var(--wechat-text-tertiary);font-style:italic}.message-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:4px;opacity:0;transition:opacity .15s ease}.message-bubble:hover .message-actions,.message-bubble:focus-within .message-actions{opacity:1}.message-actions button{width:24px;height:24px;border:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background:#0000000d;color:var(--wechat-text-secondary);cursor:pointer}.message-actions button:disabled{opacity:.45;cursor:default}.mine .message-actions button{background:#ffffff73}.loading-messages,.no-messages{display:flex;align-items:center;justify-content:center;height:200px;color:var(--wechat-text-secondary);font-size:14px}.attach-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));background:var(--wechat-bg-light);border-top:.5px solid var(--wechat-border)}.attach-menu button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:none;border-radius:0;cursor:pointer;color:var(--wechat-text-primary)}.attach-menu button span{font-size:12px;color:var(--wechat-text-secondary)}.message-image{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.message-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:8px}.message-file span{font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root.dark-mode .message.mine .message-bubble{background:var(--wechat-green);color:#fff}:root.dark-mode .message.mine .message-bubble:after{border-left-color:var(--wechat-green)}:root.dark-mode .message-file{background:#ffffff1a}.header-actions{display:flex;align-items:center;gap:4px}.header-action-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--wechat-text-primary);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.header-action-btn:hover{background:transparent}.header-action-btn:active{background:#0000001a}.more-menu-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#0000004d;z-index:100;display:flex;justify-content:flex-end;padding-top:50px;padding-right:10px}.more-menu{background:var(--wechat-white);border-radius:4px;box-shadow:0 2px 10px #00000029;overflow:hidden;height:fit-content}.more-menu button{display:block;width:100%;padding:14px 20px;border:none;background:none;text-align:left;font-size:15px;color:var(--wechat-text-primary);cursor:pointer;border-bottom:.5px solid var(--wechat-border)}.more-menu button:last-child{border-bottom:none}.more-menu button:hover{background:transparent}.more-menu button:active{background:var(--wechat-bg-active)}.emoji-picker{background:var(--wechat-bg-light);border-top:.5px solid var(--wechat-border);padding:12px;max-height:200px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.emoji-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;background:none;border:none;cursor:pointer;border-radius:6px;transition:background .2s}.emoji-item:hover{background:transparent}.emoji-item:active{background:var(--wechat-border)}.attach-menu button svg{width:54px;height:54px;padding:14px;border-radius:8px;background:var(--wechat-white);color:var(--wechat-text-primary)}.message-avatar.my-avatar{background:var(--wechat-bg-input);color:var(--wechat-text-primary);font-size:16px;font-weight:500}.group-badge{font-size:12px;color:var(--wechat-text-secondary);margin-left:4px}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--wechat-text-tertiary);font-size:14px;gap:12px}:root.dark-mode .header-action-btn:hover{background:#ffffff1a}:root.dark-mode .more-menu{background:var(--wechat-bg-light)}:root.dark-mode .more-menu button:hover{background:var(--wechat-bg)}:root.dark-mode .emoji-picker{background:var(--wechat-bg-light)}:root.dark-mode .emoji-item:hover{background:#ffffff1a}:root.dark-mode .attach-menu{background:var(--wechat-bg-light)}:root.dark-mode .attach-menu button{background:var(--wechat-bg)}:root.dark-mode .attach-menu button:hover{background:#ffffff1a}.image-preview-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-preview-container{position:relative;max-width:90vw;max-height:90vh}.image-preview-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.image-preview-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.image-preview-close:hover{color:#ccc}.message-location{display:flex;flex-direction:column;gap:8px}.message-location .location-preview{border-radius:8px;overflow:hidden}.message-location .location-address{font-size:13px;color:inherit}.message-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:6px;text-decoration:none;color:inherit;transition:background .2s}.message-file:hover{background:#0000000d}.mine .message-file,.mine .message-file:hover{background:#fff3}.recording-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.recording-indicator{display:flex;align-items:center;gap:12px;background:#ffffffe6;padding:16px 32px;border-radius:8px;margin-bottom:16px}.recording-dot{width:16px;height:16px;background:#f44;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-time{font-size:24px;font-weight:600;color:#333}.recording-hint{color:#fff;font-size:14px}.voice-button.recording{background:var(--wechat-red)!important;color:#fff;border-radius:4px}.call-overlay{position:fixed;inset:0 0 0 50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#0000009e;z-index:120;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}.call-panel{width:min(360px,100%);min-height:260px;border-radius:8px;background:#1f2933;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 22px 22px;box-sizing:border-box}.call-panel.is-video{width:min(440px,100%);min-height:520px;padding:14px}.call-peer{display:flex;align-items:center;gap:12px;width:100%}.call-avatar{width:52px;height:52px;border-radius:8px}.call-peer-name{font-size:17px;font-weight:600}.call-state-text{margin-top:4px;color:#ffffffb8;font-size:13px}.call-video-grid{position:relative;width:100%;flex:1;min-height:360px;margin:14px 0;background:#111820;border-radius:8px;overflow:hidden}.call-video{background:#0b1117;object-fit:cover}.call-video-remote{width:100%;height:100%}.call-video-local{position:absolute;right:10px;bottom:10px;width:108px;height:148px;border:2px solid rgba(255,255,255,.75);border-radius:6px}.call-actions{display:flex;align-items:center;justify-content:center;gap:30px;padding-top:18px}.call-control{width:54px;height:54px;border:none;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.call-control.is-accept{background:#16a34a}.call-control.is-reject{background:#ef4444}.message-voice{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:6px;min-width:180px;max-width:min(280px,70vw)}.message-voice .voice-player{width:160px;height:32px}.message-voice .voice-icon{color:var(--wechat-green, #07C160)}.message-voice .voice-duration{font-size:13px;color:var(--wechat-text-secondary)}.mine .message-voice{background:#fff3}.mine .message-voice .voice-icon{color:#fff}.mine .message-voice .voice-duration{color:#fffc}.profile-edit-screen{min-height:100vh;background:var(--wechat-bg);color:var(--wechat-text-primary)}.profile-edit-screen .header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.profile-edit-screen .header h1{position:absolute;left:80px;right:80px;margin:0;font-size:17px;font-weight:500;text-align:center}.profile-edit-screen .back-btn,.profile-edit-screen .save-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--wechat-text-primary);cursor:pointer;padding:6px}.profile-edit-screen .save-btn{color:var(--wechat-green);font-size:16px;min-width:48px}.profile-edit-screen .save-btn:disabled{color:var(--wechat-text-tertiary)}.profile-edit-screen .avatar-section{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:14px 16px;margin:8px 0;background:var(--wechat-white)}.profile-edit-screen .avatar-section:before{content:"头像";color:var(--wechat-text-primary);font-size:16px}.profile-edit-screen .avatar-wrapper{position:relative}.profile-edit-screen .avatar-large{width:58px;height:58px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.profile-edit-screen .avatar-large img{width:100%;height:100%;object-fit:cover}.profile-edit-screen .change-avatar-btn{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;border-radius:50%;border:2px solid var(--wechat-white);background:var(--wechat-green);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-edit-screen .form-section{background:var(--wechat-white);margin-top:8px}.profile-edit-screen .form-group{display:flex;align-items:center;min-height:54px;margin:0;padding:0 16px;border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-white);border-radius:0}.profile-edit-screen .form-group:last-child{border-bottom:0}.profile-edit-screen .form-group label{width:96px;flex-shrink:0;margin:0;color:var(--wechat-text-primary);font-size:16px}.profile-edit-screen .form-group input,.profile-edit-screen .form-group textarea{flex:1;min-width:0;width:auto;height:44px;border:0;background:transparent;color:var(--wechat-text-primary);font-size:16px;outline:none;padding:0;text-align:right}.profile-edit-screen .form-group input::placeholder{color:var(--wechat-text-tertiary)}.profile-edit-screen .form-group input:disabled{color:var(--wechat-text-tertiary)}.settings-screen{min-height:100vh;background:var(--wechat-bg)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:var(--wechat-bg);height:var(--wechat-header-height);box-sizing:border-box;position:relative}.settings-header h1{font-size:17px;font-weight:500;color:var(--wechat-text-primary);position:absolute;left:50%;transform:translate(-50%)}.settings-header .back-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--wechat-text-primary);display:flex;align-items:center}.settings-content{padding:2px 0 16px}.settings-section{background:var(--wechat-white);margin-top:10px;margin-bottom:0}.settings-section .section-title{display:none}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-white);height:54px;box-sizing:border-box}.setting-item:last-child{border-bottom:none}.setting-item.clickable{cursor:pointer}.setting-item.clickable:active{background:var(--wechat-bg-active)}.setting-info{display:flex;align-items:center;gap:12px;color:var(--wechat-text-primary);font-size:16px;min-width:0}.setting-info svg{color:var(--wechat-text-secondary);width:20px;height:20px;flex-shrink:0}.setting-value{display:flex;align-items:center;gap:4px;color:var(--wechat-text-secondary);font-size:14px;min-width:0}.setting-value span:first-child{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow{color:var(--wechat-text-tertiary);font-size:16px}.switch{position:relative;display:inline-block;width:51px;height:31px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e5e5;transition:.2s;border-radius:31px}.slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--wechat-green)}input:checked+.slider:before{transform:translate(20px)}.logout-btn{width:100%;padding:0 16px;background:var(--wechat-white);border:none;color:var(--wechat-red);font-size:16px;font-weight:400;cursor:pointer;margin-top:8px;height:54px;display:flex;align-items:center;justify-content:center}.logout-btn:active{background:var(--wechat-bg-active)}.settings-screen .modal-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);background:#00000080;display:flex;align-items:flex-end;z-index:1000}.settings-screen .language-modal{background:var(--wechat-white);border-radius:8px 8px 0 0;width:100%;max-width:none;overflow:hidden}.settings-screen .language-modal .modal-header{display:flex;justify-content:space-between;align-items:center;height:var(--wechat-header-height);padding:0 16px;border-bottom:.5px solid var(--wechat-border-light)}.settings-screen .language-modal .modal-header h3{margin:0;font-size:18px}.settings-screen .language-modal .modal-header button{background:none;border:none;color:var(--wechat-green);font-size:16px;cursor:pointer}.settings-screen .language-list{max-height:300px;overflow-y:auto}.settings-screen .language-item{display:flex;justify-content:space-between;align-items:center;min-height:var(--wechat-row-height);padding:0 16px;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer}.settings-screen .language-item:last-child{border-bottom:none}.settings-screen .language-item:active{background:var(--wechat-bg-active)}.settings-screen .language-item.selected,.settings-screen .language-item .check-icon{color:var(--wechat-green)}:root.dark-mode .settings-screen{background:#000}:root.dark-mode .settings-header{background:#1c1c1e;border-bottom-color:#38383a}:root.dark-mode .settings-header h1{color:#fff}:root.dark-mode .back-btn{color:#fff}:root.dark-mode .settings-section{background:#1c1c1e}:root.dark-mode .section-title{background:#2c2c2e;color:#8e8e93}:root.dark-mode .setting-item{border-bottom-color:#38383a}:root.dark-mode .setting-info{color:#fff}:root.dark-mode .setting-info svg{color:#8e8e93}:root.dark-mode .setting-value{color:#8e8e93}:root.dark-mode .logout-btn{background:#1c1c1e}:root.dark-mode .logout-btn:active{background:#2c2c2e}:root.dark-mode .language-modal{background:#1c1c1e}:root.dark-mode .language-modal .modal-header{border-bottom-color:#38383a}:root.dark-mode .language-modal .modal-header h3{color:#fff}:root.dark-mode .language-item{border-bottom-color:#38383a;color:#fff}:root.dark-mode .language-item:active{background:#2c2c2e}:root.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #fff;--text-secondary: #999;--border-color: #3a3a3a}:root.dark-mode body{background:#1a1a1a;color:#fff}.groups-screen{min-height:100vh;background:var(--wechat-bg);color:var(--wechat-text-primary)}.groups-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.groups-header h1{position:absolute;left:72px;right:72px;margin:0;font-size:17px;font-weight:500;text-align:center}.groups-header .back-btn,.groups-header .create-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:6px;cursor:pointer;color:var(--wechat-text-primary)}.groups-header .create-btn{color:var(--wechat-green)}.groups-screen .groups-content{padding:8px 0 0}.groups-screen .groups-list{background:var(--wechat-white)}.groups-screen .group-item{display:flex;align-items:center;min-height:64px;padding:8px 16px;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer;gap:12px}.groups-screen .group-item:last-child{border-bottom:0}.groups-screen .group-item:active{background:var(--wechat-bg-active)}.groups-screen .group-avatar{width:48px;height:48px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.groups-screen .group-info{flex:1;min-width:0}.groups-screen .group-name{display:block;color:var(--wechat-text-primary);font-weight:400;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-screen .loading,.groups-screen .empty-state{color:var(--wechat-text-tertiary);text-align:center;padding:60px 20px}.groups-screen .empty-state button{height:36px;margin-top:14px;padding:0 18px;border:0;border-radius:4px;background:var(--wechat-green);color:#fff;font-size:15px;cursor:pointer}.groups-screen .create-group-modal{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);z-index:1000;display:flex;align-items:flex-end;background:#00000073}.groups-screen .modal-content{width:100%;max-height:86vh;overflow-y:auto;background:var(--wechat-bg);border-radius:8px 8px 0 0}.groups-screen .modal-header{display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.groups-screen .modal-header h2{margin:0;font-size:17px;font-weight:500;color:var(--wechat-text-primary)}.groups-screen .modal-header button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--wechat-text-primary);cursor:pointer;padding:6px}.groups-screen .modal-content .form-group{display:flex;align-items:center;min-height:var(--wechat-row-height);margin:0;padding:0 16px;border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-white)}.groups-screen .modal-content .form-group:first-of-type{margin-top:8px}.groups-screen .modal-content .form-group label{width:86px;flex-shrink:0;margin:0;color:var(--wechat-text-primary);font-size:16px}.groups-screen .modal-content .form-group input,.groups-screen .modal-content .form-group textarea{flex:1;min-width:0;border:0;background:transparent;color:var(--wechat-text-primary);font-size:16px;outline:none;padding:10px 0;resize:none}.groups-screen .create-group-modal .friend-list{max-height:220px;overflow-y:auto;background:var(--wechat-white)}.groups-screen .create-group-modal .friend-item{width:100%;min-height:52px;border:0;border-bottom:.5px solid var(--wechat-border-light);background:var(--wechat-white);text-align:left}.groups-screen .create-group-modal .friend-item.selected{background:#07c16014}.groups-screen .submit-btn{width:calc(100% - 32px);height:44px;margin:16px;background:var(--wechat-green);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.groups-screen .submit-btn:disabled{background:var(--wechat-border)}.group-detail-screen{min-height:100vh;background:var(--wechat-bg);color:var(--wechat-text-primary)}.group-detail-screen .header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.group-detail-screen .header h1{position:absolute;left:52px;right:52px;overflow:hidden;color:var(--wechat-text-primary);font-size:17px;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap}.group-detail-screen .back-btn,.group-detail-screen .close-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--wechat-text-primary);cursor:pointer;padding:6px}.group-detail-screen .group-info{display:flex;align-items:center;gap:16px;padding:20px 16px;background:var(--wechat-white);margin-bottom:8px}.group-detail-screen .avatar-large{width:64px;height:64px;flex-shrink:0;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:32px}.group-detail-screen .group-info h2{margin:0;min-width:0;color:var(--wechat-text-primary);font-size:19px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-detail-screen .actions{display:flex;justify-content:space-around;background:var(--wechat-white);padding:16px 0;margin-bottom:8px}.group-detail-screen .actions .action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:88px;padding:0;border:0;background:none;color:var(--wechat-text-primary);font-size:13px;cursor:pointer}.group-detail-screen .actions .action-btn svg{color:var(--wechat-green)}.group-detail-screen .members-section{background:var(--wechat-white)}.group-detail-screen .members-section h3{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;margin:0;background:var(--wechat-bg);color:var(--wechat-text-secondary);font-size:13px;font-weight:400}.group-detail-screen .members-list{background:var(--wechat-white)}.group-detail-screen .member-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border-bottom:.5px solid var(--wechat-border-light)}.group-detail-screen .member-item:last-child{border-bottom:0}.group-detail-screen .member-item .avatar{width:40px;height:40px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:20px}.group-detail-screen .member-item .name{min-width:0;color:var(--wechat-text-primary);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-detail-screen .modal-overlay{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,var(--wechat-app-width));transform:translate(-50%);z-index:1000;display:flex;align-items:flex-end;background:#00000073}.group-detail-screen .invite-modal{width:100%;max-height:76vh;display:flex;flex-direction:column;background:var(--wechat-white);border-radius:8px 8px 0 0;overflow:hidden}.group-detail-screen .invite-modal .modal-header{display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;border-bottom:.5px solid var(--wechat-border-light)}.group-detail-screen .invite-modal .modal-header h3{margin:0;font-size:17px;font-weight:500;color:var(--wechat-text-primary)}.group-detail-screen .friend-list{flex:1;overflow-y:auto;background:var(--wechat-white)}.group-detail-screen .friend-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px;border-bottom:.5px solid var(--wechat-border-light);cursor:pointer}.group-detail-screen .friend-item:active{background:var(--wechat-bg-active)}.group-detail-screen .friend-item.selected{background:#07c16014}.group-detail-screen .friend-avatar{width:40px;height:40px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);display:flex;align-items:center;justify-content:center;font-size:18px}.group-detail-screen .friend-name{flex:1;min-width:0;color:var(--wechat-text-primary);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-detail-screen .check-icon{color:var(--wechat-green)}.group-detail-screen .modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:.5px solid var(--wechat-border-light);background:var(--wechat-bg-light)}.group-detail-screen .invite-btn{width:100%;height:44px;border:0;border-radius:4px;background:var(--wechat-green);color:#fff;font-size:16px;cursor:pointer}.group-detail-screen .invite-btn:disabled{background:var(--wechat-border)}.group-detail-screen .empty-tip,.group-detail-screen .loading,.group-detail-screen .error{text-align:center;color:var(--wechat-text-tertiary);padding:40px 20px;font-size:14px}.new-friends-screen{display:flex;flex-direction:column;height:100vh;background:var(--wechat-bg);color:var(--wechat-text-primary)}.new-friends-screen .screen-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--wechat-header-height);padding:0 16px;background:var(--wechat-bg);border-bottom:.5px solid var(--wechat-border)}.new-friends-screen .screen-header h1{position:absolute;left:72px;right:72px;margin:0;font-size:17px;font-weight:500;text-align:center}.new-friends-screen .back-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:6px;cursor:pointer;color:var(--wechat-text-primary)}.new-friends-screen .header-placeholder{width:36px}.new-friends-screen .tabs{display:flex;background:var(--wechat-white);border-bottom:.5px solid var(--wechat-border-light)}.new-friends-screen .tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;background:none;border:none;font-size:14px;color:var(--wechat-text-secondary);cursor:pointer}.new-friends-screen .tab.active{color:var(--wechat-green)}.new-friends-screen .tab.active:after{content:"";position:absolute;left:34%;right:34%;bottom:0;height:2px;background:var(--wechat-green)}.new-friends-screen .tab .badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--wechat-red);color:#fff;font-size:10px;line-height:16px;text-align:center}.new-friends-screen .requests-list{flex:1;overflow-y:auto;padding-top:8px}.new-friends-screen .request-item{display:flex;align-items:center;min-height:72px;padding:10px 16px;background:var(--wechat-white);border-bottom:.5px solid var(--wechat-border-light)}.new-friends-screen .request-avatar{width:48px;height:48px;border-radius:var(--wechat-radius-avatar);background:var(--wechat-bg-input);color:var(--wechat-text-primary);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;flex-shrink:0}.new-friends-screen .request-info{flex:1;margin-left:12px;min-width:0}.new-friends-screen .request-name{color:var(--wechat-text-primary);font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-friends-screen .request-username,.new-friends-screen .request-time{display:flex;align-items:center;gap:4px;margin-top:2px;color:var(--wechat-text-tertiary);font-size:12px}.new-friends-screen .request-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.new-friends-screen .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:0 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.new-friends-screen .action-btn.accept{background:var(--wechat-green);color:#fff}.new-friends-screen .action-btn.reject{background:var(--wechat-bg-input);color:var(--wechat-text-secondary);padding:0 10px}.new-friends-screen .action-btn:disabled{opacity:.5}.new-friends-screen .status-badge{display:flex;align-items:center;gap:4px;color:var(--wechat-text-tertiary);font-size:13px}.new-friends-screen .empty-state,.new-friends-screen .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--wechat-text-tertiary)}.new-friends-screen .empty-state svg,.new-friends-screen .loading-state svg{margin-bottom:12px;opacity:.45}.new-friends-screen .empty-state p,.new-friends-screen .loading-state span{margin:0;font-size:14px}.spin{animation:spin 1s linear infinite}.connection-status{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;z-index:1000;animation:slide-down .3s ease-out}@keyframes slide-down{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-connected{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-disconnected{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-connecting{background:#fefce8;color:#ca8a04;border:1px solid #fef08a}.connection-status .spin{animation:spin 1s linear infinite}:root{--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes messageSend{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageReceive{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.message-bubble{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.message-bubble:active{transform:scale(.98)}.message.new.mine .message-bubble{animation:messageSend .3s ease-out}.message.new.theirs .message-bubble{animation:messageReceive .3s ease-out}@keyframes listItemIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.conversation-item,.contact-item,.moment-item{animation:listItemIn .3s ease-out backwards;transition:transform var(--transition-fast),background-color var(--transition-fast)}.conversation-item:nth-child(1){animation-delay:.02s}.conversation-item:nth-child(2){animation-delay:.04s}.conversation-item:nth-child(3){animation-delay:.06s}.conversation-item:nth-child(4){animation-delay:.08s}.conversation-item:nth-child(5){animation-delay:.1s}.conversation-item:nth-child(n+6){animation-delay:.12s}.conversation-item:active,.contact-item:active,.moment-item:active{transform:scale(.98)}button{transition:transform var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}button:active:not(:disabled){transform:scale(.95)}.send-button.active{animation:pulse-gentle 2s infinite}@keyframes pulse-gentle{0%,to{box-shadow:0 0 #07c16047}50%{box-shadow:0 0 0 8px #07c16000}}.add-btn{transition:all var(--transition-normal)}.add-btn:hover{transform:none;background:var(--wechat-green-dark)}.avatar,.message-avatar,.caller-avatar{transition:transform var(--transition-fast)}.avatar:hover,.message-avatar:hover{transform:none}@keyframes online-pulse{0%,to{box-shadow:0 0 #34c75999}50%{box-shadow:0 0 0 6px #34c75900}}.contact-status.online:before{content:"";display:inline-block;width:8px;height:8px;background:#34c759;border-radius:50%;margin-right:6px;animation:online-pulse 2s infinite}.message-input,.search-bar input{transition:background-color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.message-input:focus{box-shadow:none}.search-bar:focus-within{background:#e8e8e8!important;box-shadow:none}:root.dark-mode .search-bar:focus-within{background:#4a4a4c!important}.call-overlay,.modal-overlay{animation:fadeIn .2s ease-out}.call-panel,.incoming-call-panel,.modal-content{animation:scaleIn .3s var(--transition-spring)}.incoming-call-panel{animation:bounceIn .5s ease-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}:root.dark-mode .skeleton{background:linear-gradient(90deg,#3a3a3c 25%,#4a4a4c,#3a3a3c 75%);background-size:200% 100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:24px;height:24px;border:2px solid #e5e5e5;border-top-color:var(--wechat-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse-loading{0%,to{opacity:.4}50%{opacity:1}}.loading-messages,.no-messages{animation:pulse-loading 1.5s ease-in-out infinite}.call-btn{position:relative;overflow:hidden}.call-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(7,193,96,.22) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .3s,opacity .3s}.call-btn:hover:after{transform:scale(2);opacity:1}@keyframes calling-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.call-status{animation:calling-pulse 1.5s ease-in-out infinite}.incoming-call-panel .caller-avatar{animation:bounceIn .5s ease-out,calling-pulse 2s ease-in-out .5s infinite}.control-btn.end-call:hover{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0) scale(1.05)}20%,60%{transform:translate(-5px) scale(1.05)}40%,80%{transform:translate(5px) scale(1.05)}}.unread-badge,.badge{animation:bounceIn .4s ease-out}@keyframes badge-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}.unread-badge.new{animation:badge-shake .5s ease-in-out}.tab-item{position:relative;transition:color var(--transition-fast)}.tab-item:after{content:none}.tab-item.active:after{width:0;left:50%}.messages-container,.main-content,.moments-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.messages-container::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background:#00000040}:root.dark-mode .messages-container::-webkit-scrollbar-thumb,:root.dark-mode .main-content::-webkit-scrollbar-thumb{background:#ffffff26}@keyframes long-press{0%{transform:scale(1);background-color:inherit}to{transform:scale(.95);background-color:#0000000d}}.message-bubble,.conversation-item,.contact-item,.call-overlay{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.avatar,.message-avatar{contain:layout style}.messages-container,.main-content{contain:strict}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){:root{--transition-fast: .1s ease;--transition-normal: .2s ease}}:root{--primary-color: #07C160;--bg-color: #EDEDED;--card-bg: #FFFFFF;--text-primary: #111111;--text-secondary: #888888;--border-color: #D9D9D9;--wechat-green: #07C160;--wechat-green-dark: #06AD56;--wechat-bg: #EDEDED;--wechat-bg-light: #F7F7F7;--wechat-bg-input: #F5F5F5;--wechat-bg-active: #ECECEC;--wechat-white: #FFFFFF;--wechat-border: #D9D9D9;--wechat-border-light: #E5E5E5;--wechat-text-primary: #111111;--wechat-text-secondary: #888888;--wechat-text-tertiary: #B2B2B2;--wechat-link: #576B95;--wechat-red: #FA5151;--wechat-blue: #576B95;--wechat-orange: #FA9D3B;--wechat-radius-avatar: 6px;--wechat-header-height: 44px;--wechat-row-height: 56px;--wechat-app-width: 430px}:root.dark-mode{--primary-color: #07C160;--bg-color: #000000;--card-bg: #1c1c1e;--text-primary: #ffffff;--text-secondary: #8e8e93;--border-color: #38383a;--wechat-green: #07C160;--wechat-green-dark: #06AD56;--wechat-bg: #111111;--wechat-bg-light: #1c1c1e;--wechat-bg-input: #2c2c2e;--wechat-bg-active: #2c2c2e;--wechat-white: #1c1c1e;--wechat-border: #2c2c2e;--wechat-border-light: #38383a;--wechat-text-primary: #ffffff;--wechat-text-secondary: #8e8e93;--wechat-text-tertiary: #636366;--wechat-link: #7D90A9;--wechat-red: #FA5151;--wechat-blue: #7D90A9;--wechat-orange: #D98B38}:root.dark-mode body{background-color:var(--bg-color);color:var(--text-primary)}:root.dark-mode .app{background:var(--card-bg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{max-width:430px;margin:0 auto;min-height:100vh;background:var(--card-bg);overflow:hidden;box-shadow:0 0 24px #00000014}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}@media (min-width: 500px){body{padding:0;background:#d8d8d8}.app{min-height:100vh;max-height:none}}