@charset "UTF-8";.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(4px)}.custom-alert-overlay.custom-alert-show{opacity:1}.custom-alert-overlay.custom-alert-hide{opacity:0}.custom-alert-modal{background:#fff;border-radius:16px;width:85%;max-width:320px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s ease}.custom-alert-show .custom-alert-modal{transform:scale(1)}.custom-alert-hide .custom-alert-modal{transform:scale(.9)}.custom-alert-header{padding:20px 20px 10px;text-align:center}.custom-alert-title{font-size:18px;font-weight:600;color:#333}.custom-alert-body{padding:10px 20px 20px;text-align:center}.custom-alert-message{font-size:15px;color:#666;line-height:1.5;margin:0}.custom-alert-footer{padding:0 20px 20px;display:flex;justify-content:center}.custom-alert-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.custom-alert-btn-confirm{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.custom-alert-btn-confirm:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(70,176,101,.4)}.custom-alert-btn-confirm:active{transform:scale(.98)}.custom-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:rgba(0,0,0,.75);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:100000;opacity:0;transition:all .3s ease;pointer-events:none;max-width:80%;text-align:center;line-height:1.5}.custom-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.login-page{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.login-page .login-content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.login-page .login-header{width:100%;padding:40px 20px 30px;text-align:center;color:#fff;background:linear-gradient(135deg,#46b065,#6bc285);box-shadow:0 4px 12px rgba(129,197,112,.3);position:relative;z-index:1}.login-page .login-header .login-logo{margin-bottom:16px}.login-page .login-header .login-logo .login-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px rgba(0,0,0,.15);background:#fff}@media (min-width: 768px){.login-page .login-header .login-logo .login-logo-img{width:100px;height:100px}}.login-page .login-header h1{font-size:32px;font-weight:700;letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}@media (min-width: 768px){.login-page .login-header h1{font-size:48px}}.login-page .login-form-container{max-width:400px;margin:-20px auto 0;padding:0 16px 40px;width:100%;position:relative;z-index:2}.login-page .login-form-container .login-tabs{display:flex;background:#fff;border-radius:12px 12px 0 0;overflow:hidden}.login-page .login-form-container .login-tabs .tab{flex:1;padding:14px;border:none;background:#fff;font-size:15px;cursor:pointer;transition:all .3s;border-bottom:2px solid transparent}.login-page .login-form-container .login-tabs .tab:hover{background:#f5f5f5}.login-page .login-form-container .login-tabs .tab.active{color:#46b065;border-bottom-color:#46b065;font-weight:500}.login-page .login-form-container .login-form{background:#fff;padding:20px;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (min-width: 768px){.login-page .login-form-container .login-form{padding:24px}}.login-page .login-form-container .login-form .form-item{margin-bottom:16px}@media (min-width: 768px){.login-page .login-form-container .login-form .form-item{margin-bottom:20px}}.login-page .login-form-container .login-form .form-item label{display:block;margin-bottom:6px;font-size:14px;color:#333;font-weight:500}.login-page .login-form-container .login-form .form-item .input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s}.login-page .login-form-container .login-form .form-item .input:focus{outline:none;border-color:#46b065;box-shadow:0 0 0 2px rgba(129,197,112,.2)}.login-page .login-form-container .login-form .form-item .captcha-input{display:flex;gap:8px}.login-page .login-form-container .login-form .form-item .captcha-input .input{flex:1}.login-page .login-form-container .login-form .form-item .captcha-input .captcha-btn{padding:12px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .3s}@media (min-width: 768px){.login-page .login-form-container .login-form .form-item .captcha-input .captcha-btn{padding:12px 16px;font-size:13px}}.login-page .login-form-container .login-form .form-item .captcha-input .captcha-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-page .login-form-container .login-form .form-item .captcha-input .captcha-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .login-form-container .login-form .submit-btn{width:100%;padding:14px;background:#daffe1;color:#46b065;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:20px}@media (min-width: 768px){.login-page .login-form-container .login-form .submit-btn{margin-top:24px}}.login-page .login-form-container .login-form .submit-btn:hover:not(:disabled){background:#c8f5d0;color:#3a8f52;transform:translateY(-2px);box-shadow:0 8px 16px rgba(218,255,225,.4)}.login-page .login-form-container .login-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .login-form-container .login-footer{text-align:center;margin-top:16px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}@media (min-width: 768px){.login-page .login-form-container .login-footer{margin-top:20px;padding:16px}}.login-page .login-form-container .login-footer span{color:#666;font-size:14px}.login-page .login-form-container .login-footer button{background:none;border:none;color:#46b065;font-size:14px;cursor:pointer;font-weight:500;margin-left:4px}.login-page .login-form-container .login-footer button:hover{text-decoration:underline}.login-page .login-form-container .beian-info{text-align:center;margin-top:12px;padding:12px}.login-page .login-form-container .beian-info a{color:#999;font-size:12px;text-decoration:none}.login-page .login-form-container .beian-info a:hover{color:#666;text-decoration:underline}.login-page .login-form-container .beian-info .test-account{margin-top:8px;color:#666;font-size:12px}.login-page .login-form-container .beian-info .agreement-links{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:8px}.login-page .login-form-container .beian-info .agreement-links a{color:#46b065;font-size:12px}.login-page .login-form-container .beian-info .agreement-links a:hover{color:#3a8f52}.login-page .login-form-container .beian-info .agreement-links .divider{color:#ccc;font-size:12px}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:20px}.success-modal-overlay.closing{animation:fadeOut .3s ease forwards}.success-modal{background:#fff;border-radius:24px;padding:40px 32px;width:100%;max-width:360px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.success-modal.closing{animation:slideDown .3s ease forwards}.success-icon{margin-bottom:24px}.success-icon .checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:3;stroke:#43e97b;stroke-miterlimit:10;box-shadow:0 8px 24px rgba(67,233,123,.3);animation:scaleIn .5s ease}.success-icon .checkmark .checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#43e97b;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-icon .checkmark .checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}.success-title{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 12px;animation:fadeInUp .5s ease .2s both}.success-message{font-size:15px;color:#666;line-height:1.6;margin:0 0 28px;animation:fadeInUp .5s ease .3s both}.success-button{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff!important;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;animation:fadeInUp .5s ease .4s both}.success-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(70,176,101,.4);color:#fff!important}.success-button:active{transform:translateY(0);color:#fff!important}.progress-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3px;background:#f0f0f0;border-radius:0 0 24px 24px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#43e97b,#38f9d7);transition:width .1s linear}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.success-modal{padding:32px 24px;margin:16px}.success-icon .checkmark{width:64px;height:64px}.success-title{font-size:20px}.success-message{font-size:14px}.success-button{padding:12px 24px;font-size:15px}}.register-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.register-page .register-header{width:100%;padding:120px 20px 80px;text-align:center;color:#fff;background:linear-gradient(135deg,#46b065,#6bc285);box-shadow:0 4px 12px rgba(129,197,112,.3);position:relative;z-index:1}.register-page .register-header h1{font-size:48px;font-weight:700;letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.register-page .register-form-container{max-width:400px;margin:-20px auto 0;padding:0 20px 40px;width:100%;position:relative;z-index:2}.register-page .register-form-container .register-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.register-page .register-form-container .register-form .form-item{margin-bottom:20px}.register-page .register-form-container .register-form .form-item label{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.register-page .register-form-container .register-form .form-item .input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s}.register-page .register-form-container .register-form .form-item .input:focus{outline:none;border-color:#46b065;box-shadow:0 0 0 2px rgba(129,197,112,.2)}.register-page .register-form-container .register-form .form-item .input.error{border-color:#ff4d4f}.register-page .register-form-container .register-form .form-item .input.error:focus{box-shadow:0 0 0 2px rgba(255,77,79,.2)}.register-page .register-form-container .register-form .form-item .checking-text{display:block;margin-top:4px;font-size:12px;color:#999}.register-page .register-form-container .register-form .form-item .error-text{display:block;margin-top:4px;font-size:12px;color:#ff4d4f}.register-page .register-form-container .register-form .form-item .success-text{display:block;margin-top:4px;font-size:12px;color:#52c41a}.register-page .register-form-container .register-form .form-item .captcha-input{display:flex;gap:8px}.register-page .register-form-container .register-form .form-item .captcha-input .input{flex:1}.register-page .register-form-container .register-form .form-item .captcha-input .captcha-btn{padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .3s}.register-page .register-form-container .register-form .form-item .captcha-input .captcha-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.register-page .register-form-container .register-form .form-item .captcha-input .captcha-btn:disabled{opacity:.6;cursor:not-allowed}.register-page .register-form-container .register-form .submit-btn{width:100%;padding:14px;background:#daffe1;color:#46b065;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:24px}.register-page .register-form-container .register-form .submit-btn:hover:not(:disabled){background:#c8f5d0;color:#3a8f52;transform:translateY(-2px);box-shadow:0 8px 16px rgba(218,255,225,.4)}.register-page .register-form-container .register-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.register-page .register-form-container .register-footer{text-align:center;margin-top:20px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.register-page .register-form-container .register-footer span{color:#666;font-size:14px}.register-page .register-form-container .register-footer button{background:none;border:none;color:#46b065;font-size:14px;cursor:pointer;font-weight:500;margin-left:4px}.register-page .register-form-container .register-footer button:hover{text-decoration:underline}.session-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.session-page .session-header-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;gap:12px}.session-page .session-header-bar .session-title{font-size:20px;font-weight:600;color:#333;margin:0;flex-shrink:0}.session-page .session-header-bar .search-box{flex:1;max-width:200px}.session-page .session-header-bar .search-box .search-input{width:100%;padding:8px 12px;background:#f5f5f5;border:none;border-radius:16px;font-size:14px}.session-page .session-header-bar .search-box .search-input:focus{outline:none;background:#e8e8e8}.session-page .session-header-bar .search-box .search-input::placeholder{color:#999}.session-page .session-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:120px}.session-page .session-list .loading,.session-page .session-list .empty{padding:40px;text-align:center;color:#999}.session-page .session-list .session-item{display:flex;padding:16px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.session-page .session-list .session-item:last-child{border-bottom:none}.session-page .session-list .session-item:hover{background:#fafafa}.session-page .session-list .session-item .session-avatar{position:relative;width:48px;height:48px;margin-right:12px;flex-shrink:0}.session-page .session-list .session-item .session-avatar img{width:100%;height:100%;border-radius:8px;object-fit:cover}.session-page .session-list .session-item .session-avatar .unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ff4d4f;color:#fff;font-size:11px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.session-page .session-list .session-item .session-info{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-width:0}.session-page .session-list .session-item .session-info .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.session-page .session-list .session-item .session-info .session-header .session-name{font-size:15px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-page .session-list .session-item .session-info .session-header .session-time{font-size:12px;color:#999;flex-shrink:0;margin-left:8px}.session-page .session-list .session-item .session-info .session-content{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.session-page .search-bar{padding:10px 12px}.session-page .session-list{padding-bottom:100px}.session-page .session-list .session-item{padding:12px}.session-page .session-list .session-item .session-avatar{width:44px;height:44px}.session-page .session-list .session-item .session-info .session-header .session-name{font-size:14px}.session-page .session-list .session-item .session-info .session-header .session-time{font-size:11px}.session-page .session-list .session-item .session-info .session-content{font-size:12px}}.create-group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.create-group-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.create-group-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8}.create-group-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.create-group-modal .modal-header .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.create-group-modal .modal-header .close-btn:hover{background:#f5f5f5;color:#666}.create-group-modal .modal-content{flex:1;overflow-y:auto;padding:20px}.create-group-modal .modal-content .group-name-input{margin-bottom:20px}.create-group-modal .modal-content .group-name-input label{display:block;font-size:14px;color:#666;margin-bottom:8px}.create-group-modal .modal-content .group-name-input input{width:100%;padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;transition:border-color .2s}.create-group-modal .modal-content .group-name-input input:focus{outline:none;border-color:#46b065}.create-group-modal .modal-content .group-name-input input::placeholder{color:#ccc}.create-group-modal .modal-content .friend-list label{display:block;font-size:14px;color:#666;margin-bottom:12px}.create-group-modal .modal-content .friend-list .friends{max-height:300px;overflow-y:auto}.create-group-modal .modal-content .friend-list .friends .friend-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:4px}.create-group-modal .modal-content .friend-list .friends .friend-item:hover{background:#f5f5f5}.create-group-modal .modal-content .friend-list .friends .friend-item.selected{background:#f0f5ff}.create-group-modal .modal-content .friend-list .friends .friend-item .checkbox{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s}.create-group-modal .modal-content .friend-list .friends .friend-item.selected .checkbox{background:#46b065;border-color:#46b065}.create-group-modal .modal-content .friend-list .friends .friend-item .friend-avatar{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.create-group-modal .modal-content .friend-list .friends .friend-item .friend-name{font-size:14px;color:#333;flex:1}.create-group-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e8e8e8}.create-group-modal .modal-footer button{padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.create-group-modal .modal-footer button.cancel-btn{background:#f5f5f5;border:none;color:#666}.create-group-modal .modal-footer button.cancel-btn:hover{background:#e8e8e8}.create-group-modal .modal-footer button.create-btn{background:linear-gradient(135deg,#46b065,#3a8f52);border:none;color:#fff}.create-group-modal .modal-footer button.create-btn:hover:not(:disabled){opacity:.9}.create-group-modal .modal-footer button.create-btn:disabled{opacity:.5;cursor:not-allowed}.toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;padding:20px}.toast{background:#fff;border-radius:16px;padding:24px 40px;box-shadow:0 12px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;gap:16px;min-width:180px;max-width:280px;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1)}.toast.toast-success{border:2px solid #46B065}.toast.toast-success .toast-icon .checkmark{stroke:#46b065}.toast.toast-success .toast-message{color:#46b065}.toast.toast-error{border:2px solid #ff6b6b}.toast.toast-error .toast-icon .cross{stroke:#ff6b6b}.toast.toast-error .toast-message{color:#ff6b6b}.toast.toast-info{border:2px solid #46B065}.toast.toast-info .toast-icon .info{stroke:#46b065}.toast.toast-info .toast-message{color:#46b065}.toast-icon{width:48px;height:48px}.toast-icon svg{width:100%;height:100%;stroke-width:3;stroke-miterlimit:10}.toast-icon svg circle{stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.toast-icon svg path{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}.toast-message{font-size:16px;color:#333;font-weight:600;text-align:center;line-height:1.4}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stroke{to{stroke-dashoffset:0}}@media (max-width: 480px){.toast{padding:16px 24px;min-width:120px}.toast .toast-icon{width:40px;height:40px}.toast .toast-message{font-size:14px}}.contact-page{height:100%;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden}.contact-page .contact-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;gap:12px}.contact-page .contact-header .header-left{display:flex;align-items:center;gap:12px;flex:1}.contact-page .contact-header .header-left .back-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-page .contact-header .header-left .back-btn svg{width:24px;height:24px;stroke:#333}.contact-page .contact-header .header-left .back-btn:hover{background:#f5f5f5}.contact-page .contact-header h2{margin:0;font-size:20px;font-weight:600;color:#333;flex-shrink:0}.contact-page .contact-header .add-friend-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-page .contact-header .add-friend-btn:hover{background:#f5f5f5;transform:scale(1.1)}.contact-page .loading{padding:40px;text-align:center;color:#999}.contact-page .contact-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.contact-page .contact-list .contact-item{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.contact-page .contact-list .contact-item:hover{background:#fafafa}.contact-page .contact-list .contact-item:first-child,.contact-page .contact-list .contact-item:nth-child(2){background:#dcecb5}.contact-page .contact-list .contact-item:first-child .contact-name,.contact-page .contact-list .contact-item:nth-child(2) .contact-name{color:#333}.contact-page .contact-list .contact-item:first-child:hover,.contact-page .contact-list .contact-item:nth-child(2):hover{background:#c8d9a0}.contact-page .contact-list .contact-item .contact-avatar{width:48px;height:48px;margin-right:12px}.contact-page .contact-list .contact-item .contact-avatar img{width:100%;height:100%;border-radius:8px;object-fit:cover}.contact-page .contact-list .contact-item .contact-info{flex:1}.contact-page .contact-list .contact-item .contact-info .contact-name{font-size:15px;font-weight:500;color:#333}.contact-page .contact-list .contact-item .badge{position:absolute;right:16px;min-width:18px;height:18px;background:#ff4d4f;color:#fff;font-size:11px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:700}.emoji-picker{position:fixed;bottom:70px;left:0;right:0;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:1000;max-height:300px}.emoji-picker .emoji-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e8e8e8}.emoji-picker .emoji-header .emoji-categories{display:flex;gap:8px}.emoji-picker .emoji-header .emoji-categories .category-btn{padding:6px 12px;background:#f5f5f5;border:none;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .3s}.emoji-picker .emoji-header .emoji-categories .category-btn:hover{background:#e8e8e8}.emoji-picker .emoji-header .emoji-categories .category-btn.active{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.emoji-picker .emoji-header .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.emoji-picker .emoji-header .close-btn:hover{background:#f5f5f5;color:#666}.emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px;max-height:220px;overflow-y:auto}.emoji-picker .emoji-grid .emoji-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:24px;cursor:pointer;transition:all .3s}.emoji-picker .emoji-grid .emoji-btn:hover{background:#f5f5f5;transform:scale(1.2)}.emoji-picker .emoji-grid .emoji-btn:active{transform:scale(.95)}@media (max-width: 480px){.emoji-picker{bottom:60px;max-height:250px}.emoji-picker .emoji-grid{max-height:180px;grid-template-columns:repeat(6,1fr)}.emoji-picker .emoji-grid .emoji-btn{width:36px;height:36px;font-size:20px}}.chat-page{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.chat-page .chat-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;flex-shrink:0;box-sizing:border-box;position:relative}.chat-page .chat-mobile-header .back-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px}.chat-page .chat-mobile-header .back-btn:hover{opacity:.8}.chat-page .chat-mobile-header .header-title{font-size:18px;font-weight:600;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-page .chat-mobile-header .header-action-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;min-width:40px;display:flex;align-items:center;justify-content:center}.chat-page .chat-mobile-header .header-action-btn:hover{opacity:.8}.chat-page .chat-mobile-header .header-action-btn .header-action-icon{width:24px;height:24px;object-fit:contain}.chat-page .chat-header-bar{display:none;padding:0 16px;height:52px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;box-sizing:border-box;position:relative}.chat-page .chat-header-bar .header-title{font-size:20px;font-weight:600;color:#333;text-align:center}.chat-page .chat-header-bar .group-info-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;line-height:1}.chat-page .chat-header-bar .group-info-btn:hover{color:#333}.chat-page .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 80px;background:#f5f5f5;min-height:0;overscroll-behavior:contain}.chat-page .chat-messages .empty,.chat-page .chat-messages .loading{text-align:center;color:#999;padding:40px}.chat-page .chat-messages .message-time-divider{text-align:center;padding:8px 0;margin:8px 0}.chat-page .chat-messages .message-time-divider span{display:inline-block;padding:4px 12px;background:rgba(0,0,0,.1);color:#666;font-size:12px;border-radius:12px}.chat-page .chat-messages .message{margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.chat-page .chat-messages .message.me{justify-content:flex-end}.chat-page .chat-messages .message.me .message-wrapper{align-items:flex-end}.chat-page .chat-messages .message.me .message-content{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border-radius:12px 12px 0}.chat-page .chat-messages .message.me .message-image{max-width:300px;max-height:300px;border-radius:12px;cursor:pointer;transition:transform .3s}.chat-page .chat-messages .message.me .message-image:hover{transform:scale(1.02)}.chat-page .chat-messages .message.other .message-content{background:#fff;color:#333;border-radius:12px 12px 12px 0}.chat-page .chat-messages .message.other .message-image{max-width:300px;max-height:300px;border-radius:12px;cursor:pointer;transition:transform .3s}.chat-page .chat-messages .message.other .message-image:hover{transform:scale(1.02)}.chat-page .chat-messages .message .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e8e8e8}.chat-page .chat-messages .message .avatar-loading{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999}.chat-page .chat-messages .message .message-wrapper{display:flex;flex-direction:column;max-width:70%}.chat-page .chat-messages .message .message-wrapper .nickname{font-size:12px;color:#999;margin-bottom:4px;margin-left:4px}.chat-page .chat-messages .message .message-content{padding:12px 16px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-page .chat-input{flex-shrink:0;display:flex;flex-direction:column;padding:12px 16px;background:#fff;border-top:1px solid #e8e8e8;position:relative;z-index:10;box-sizing:border-box}.chat-page .chat-input .input-row{display:flex;align-items:center;gap:8px}.chat-page .chat-input .input-row .toolbar{display:flex;gap:8px;flex-shrink:0}.chat-page .chat-input .input-row .toolbar .tool-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e8e8e8;background:#fff;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0}.chat-page .chat-input .input-row .toolbar .tool-btn:hover{background:#f5f5f5;border-color:#46b065;color:#46b065}.chat-page .chat-input .input-row .toolbar .tool-btn.send-icon-btn{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border-color:transparent}.chat-page .chat-input .input-row .toolbar .tool-btn.send-icon-btn:hover{opacity:.9}.chat-page .chat-input .input-row .input{flex:1;padding:10px 16px;border:1px solid #d9d9d9;border-radius:20px;font-size:14px;min-width:0;height:100%;box-sizing:border-box;background:#fff;color:#333}.chat-page .chat-input .input-row .input:-webkit-autofill,.chat-page .chat-input .input-row .input:-webkit-autofill:hover,.chat-page .chat-input .input-row .input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#333!important;transition:background-color 5000s ease-in-out 0s}.chat-page .chat-input .input-row .input::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}.chat-page .chat-input .input-row .input{-webkit-text-security:none}.chat-page .chat-input .input-row .input:focus{outline:none;border-color:#46b065}.chat-page .chat-input .input-row .input[autocomplete=off]{background-image:none!important}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer}.image-preview-overlay .image-preview-container{position:relative;max-width:90%;max-height:90%}.image-preview-overlay .image-preview-container .preview-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-preview-overlay .image-preview-container .close-preview-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.image-preview-overlay .image-preview-container .close-preview-btn:hover{opacity:.8}@media screen and (min-width: 768px){.chat-page .chat-mobile-header{display:none}.chat-page .chat-header-bar{display:block}.chat-page .chat-messages{padding-bottom:16px}.chat-page .chat-input{position:relative;padding:12px 16px;box-sizing:border-box}}.user-profile-page{min-height:100vh;background:#f5f5f5}.user-profile-page .user-header{padding:20px 20px 40px;color:#fff}.user-profile-page .user-header .header-top{display:flex;align-items:center;margin-bottom:16px}.user-profile-page .user-header .header-top .back-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-profile-page .user-header .header-top .back-btn svg{width:24px;height:24px;stroke:#fff}.user-profile-page .user-header .header-top .back-btn:hover{background:rgba(255,255,255,.2)}.user-profile-page .user-header .user-info{display:flex;align-items:center;gap:16px}.user-profile-page .user-header .user-info .avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3)}.user-profile-page .user-header .user-info .avatar-loading{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;border:4px solid rgba(255,255,255,.3)}.user-profile-page .user-header .user-info .user-details .nickname{font-size:24px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px}.user-profile-page .user-header .user-info .user-details .nickname .vip-level-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:4px}.user-profile-page .user-header .user-info .user-details .nickname .vip-level-badge{background:linear-gradient(135deg,gold,orange);color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:400;display:inline-flex;align-items:center;gap:4px}.user-profile-page .user-header .user-info .user-details .nickname .vip-icon-default{font-size:14px}.user-profile-page .user-header .user-info .user-details .nickname .user-level-badge{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:400}.user-profile-page .user-header .user-info .user-details .nickname .user-level-badge.normal-user{background:#999;color:#fff}.user-profile-page .user-header .user-info .user-details .vip-info{font-size:14px;opacity:.9;margin-top:4px;color:gold}.user-profile-page .user-header .user-info .user-details .user-bio{font-size:14px;opacity:.8;margin-top:8px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-page .user-header .user-info .user-details .username{font-size:14px;opacity:.9}.user-profile-page .user-content{padding:20px 10px}.user-profile-page .user-content .menu-section{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-profile-page .user-content .menu-section .menu-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.user-profile-page .user-content .menu-section .menu-item:last-child{border-bottom:none}.user-profile-page .user-content .menu-section .menu-item:hover{background:#fafafa}.user-profile-page .user-content .menu-section .menu-item .menu-icon{font-size:20px;margin-right:12px}.user-profile-page .user-content .menu-section .menu-item .menu-text{flex:1;font-size:15px;color:#333}.user-profile-page .user-content .menu-section .menu-item .menu-arrow{font-size:24px;color:#999}.user-profile-page .user-content .menu-section .menu-item .menu-toggle{font-size:14px;color:#999;padding:4px 12px;border-radius:12px;background:#f5f5f5;transition:all .3s}.user-profile-page .user-content .menu-section .menu-item .menu-toggle.active{color:#46b065;background:rgba(70,176,101,.1)}.user-profile-page .user-content .menu-section .menu-item .notification-badge{background:#ff4d4f;color:#fff;font-size:12px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:8px}.user-profile-page .version-info{text-align:center;padding:16px;color:#999;font-size:14px}.user-profile-page .logout-section{margin-top:32px}.user-profile-page .logout-section .logout-btn{width:100%;padding:14px;background:#dcecb5;color:#333;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:all .3s}.user-profile-page .logout-section .logout-btn:hover{background:#c8e0a0}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.confirm-dialog{background:#fff;border-radius:20px;padding:32px 24px;width:80%;max-width:320px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:scaleIn .3s ease}.confirm-dialog .confirm-dialog-icon{width:64px;height:64px;background:linear-gradient(135deg,#46b065,#3a8f52);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;animation:iconPulse .5s ease}.confirm-dialog .confirm-dialog-title{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.confirm-dialog .confirm-dialog-message{font-size:15px;color:#666;margin-bottom:24px;line-height:1.5}.confirm-dialog .confirm-dialog-buttons{display:flex;gap:12px}.confirm-dialog .confirm-dialog-buttons .confirm-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.confirm-dialog .confirm-dialog-buttons .confirm-btn.cancel{background:#f5f5f5;color:#666}.confirm-dialog .confirm-dialog-buttons .confirm-btn.cancel:hover{background:#e8e8e8}.confirm-dialog .confirm-dialog-buttons .confirm-btn.confirm{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.confirm-dialog .confirm-dialog-buttons .confirm-btn.confirm:hover{opacity:.9;transform:translateY(-1px)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes iconPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 480px){.confirm-dialog{width:85%;padding:24px 20px}.confirm-dialog .confirm-dialog-icon{width:56px;height:56px;font-size:28px}.confirm-dialog .confirm-dialog-title{font-size:18px}.confirm-dialog .confirm-dialog-message{font-size:14px}.confirm-dialog .confirm-dialog-buttons .confirm-btn{padding:10px 16px;font-size:14px}}.vip-recharge-page{padding:20px 10px;background:#f5f5f5;min-height:100vh;box-sizing:border-box}.vip-header{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;padding:30px 10px;border-radius:12px;margin:0 10px 20px;text-align:center}.vip-header h1{margin:0 0 15px;font-size:24px}.my-vip-status .vip-info{display:flex;align-items:center;justify-content:center;gap:15px}.my-vip-status .vip-badge{background:rgba(255,255,255,.3);padding:5px 15px;border-radius:20px;font-weight:700}.my-vip-status .vip-days{font-size:14px}.my-vip-status .not-vip{opacity:.8;font-size:14px}.packages-list{margin-bottom:20px;padding:0 10px}.packages-list h2{font-size:18px;margin-bottom:15px;color:#333}.packages-list .benefits-compare{background:linear-gradient(135deg,gold,orange);border-radius:12px;padding:16px;margin-bottom:20px}.packages-list .benefits-compare .compare-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.packages-list .benefits-compare .compare-grid{display:flex;flex-direction:column;gap:10px}.packages-list .benefits-compare .compare-grid .compare-item{background:rgba(255,255,255,.9);border-radius:8px;padding:12px}.packages-list .benefits-compare .compare-grid .compare-item .compare-label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.packages-list .benefits-compare .compare-grid .compare-item .compare-values{display:flex;justify-content:space-between;font-size:13px}.packages-list .benefits-compare .compare-grid .compare-item .compare-values .normal{color:#666}.packages-list .benefits-compare .compare-grid .compare-item .compare-values .vip{color:#ff6b00;font-weight:600}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.package-card{background:#fff;border-radius:12px;padding:20px 10px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.package-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.package-card.selected{border-color:#46b065;background:linear-gradient(135deg,#f8f9ff,#fff)}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.package-header h3{margin:0;font-size:18px;color:#333}.level-tag{background:#46b065;color:#fff;padding:3px 10px;border-radius:12px;font-size:12px}.package-price{margin-bottom:10px}.package-price .currency{font-size:20px;color:#ff6b6b;font-weight:700}.package-price .price{font-size:36px;color:#ff6b6b;font-weight:700}.package-price .original-price{font-size:14px;color:#999;text-decoration:line-through;margin-left:10px}.package-duration{color:#666;font-size:14px;margin-bottom:15px}.package-features{list-style:none;padding:0;margin:0}.package-features li{padding:5px 0;color:#666;font-size:13px;border-bottom:1px dashed #eee}.package-features li:last-child{border-bottom:none}.package-features li:before{content:"✓";color:#52c41a;margin-right:8px;font-weight:700}.payment-section{background:#fff;border-radius:12px;padding:20px 10px;margin:0 10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.payment-section h2{font-size:18px;margin-bottom:15px;color:#333}.pay-type-selector{display:flex;gap:15px;margin-bottom:20px}.pay-type-btn{flex:1;padding:15px;border:2px solid #e8e8e8;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;transition:all .3s ease}.pay-type-btn:hover{border-color:#d9d9d9}.pay-type-btn.active{border-color:#46b065;background:#f8f9ff}.pay-type-btn .pay-icon{font-size:20px}.pay-type-btn .pay-icon-img{width:24px;height:24px;object-fit:contain}.order-summary{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;padding:10px 0;color:#666;border-bottom:1px solid #eee}.summary-item:last-child{border-bottom:none}.summary-item.total{font-size:18px;font-weight:700;color:#333;padding-top:15px;margin-top:5px;border-top:2px solid #ddd}.summary-item .total-price{color:#ff6b6b;font-size:24px}.recharge-btn{width:100%;padding:15px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.recharge-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.recharge-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.packages-grid{grid-template-columns:1fr}.pay-type-selector{flex-direction:column}}.network-test-page{padding:20px;max-width:800px;margin:0 auto}.network-test-page h2{color:#333;margin-bottom:20px}.network-test-page .test-btn{padding:12px 24px;background:#1890ff;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.network-test-page .test-btn:hover:not(:disabled){background:#40a9ff}.network-test-page .test-btn:disabled{background:#d9d9d9;cursor:not-allowed}.network-test-page .test-result{margin-top:20px;padding:16px;background:#f5f5f5;border-radius:6px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.api-test-page{padding:20px;max-width:900px;margin:0 auto}.api-test-page h2{color:#333;margin-bottom:10px}.api-test-page .desc{color:#666;margin-bottom:20px;font-size:14px}.api-test-page .test-btn{padding:14px 28px;background:#52c41a;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s}.api-test-page .test-btn:hover:not(:disabled){background:#73d13d}.api-test-page .test-btn:disabled{background:#d9d9d9;cursor:not-allowed}.api-test-page .results{margin-top:24px;padding:20px;background:#1e1e1e;border-radius:8px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.8;color:#d4d4d4;max-height:600px;overflow-y:auto}.api-test-page .results .result-line{margin-bottom:4px;white-space:pre-wrap;word-wrap:break-word}.api-test-page .results .result-line:first-child{margin-top:0}.friend-apply-page{min-height:100vh;background:#f5f5f5}.friend-apply-page .apply-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.friend-apply-page .apply-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px;margin-right:12px}.friend-apply-page .apply-header .back-btn:hover{opacity:.8}.friend-apply-page .apply-header h2{margin:0;font-size:18px;color:#1a1a2e}.friend-apply-page .apply-content{padding:16px}.friend-apply-page .apply-content .search-section{margin-bottom:20px}.friend-apply-page .apply-content .search-section .search-box{display:flex;gap:8px}.friend-apply-page .apply-content .search-section .search-box input{flex:1;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.friend-apply-page .apply-content .search-section .search-box input:focus{outline:none;border-color:#46b065}.friend-apply-page .apply-content .search-section .search-box .search-btn{padding:12px 24px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap}.friend-apply-page .apply-content .search-section .search-box .search-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.friend-apply-page .apply-content .search-section .search-box .search-btn:disabled{opacity:.6;cursor:not-allowed}.friend-apply-page .apply-content .result-section .user-card{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.friend-apply-page .apply-content .result-section .user-card .user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:16px}.friend-apply-page .apply-content .result-section .user-card .user-info{flex:1}.friend-apply-page .apply-content .result-section .user-card .user-info .user-name{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.friend-apply-page .apply-content .result-section .user-card .user-info .user-phone{font-size:14px;color:#666}.friend-apply-page .apply-content .result-section .apply-section{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.friend-apply-page .apply-content .result-section .apply-section textarea{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;resize:none;font-family:inherit;margin-bottom:12px}.friend-apply-page .apply-content .result-section .apply-section textarea:focus{outline:none;border-color:#46b065}.friend-apply-page .apply-content .result-section .apply-section .apply-btn{width:100%;padding:12px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s}.friend-apply-page .apply-content .result-section .apply-section .apply-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.friend-apply-page .apply-content .result-section .apply-section .apply-btn:disabled{opacity:.6;cursor:not-allowed}.friend-apply-page .apply-content .message{padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.friend-apply-page .apply-content .message.success{background:#e6f7e6;color:#52c41a;border:1px solid #b7eb8f}.friend-apply-page .apply-content .message.error{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.friend-apply-page .apply-content .tips{text-align:center;padding:40px 20px;color:#999;font-size:14px}.friend-apply-page .apply-content .tips p{margin:0}.friend-apply-list-page{min-height:100vh;background:#f5f5f5}.friend-apply-list-page .apply-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.friend-apply-list-page .apply-list-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px}.friend-apply-list-page .apply-list-header .back-btn:hover{opacity:.8}.friend-apply-list-page .apply-list-header h2{margin:0;font-size:18px;color:#1a1a2e}.friend-apply-list-page .apply-list-header .refresh-btn{background:none;border:none;font-size:14px;color:#46b065;cursor:pointer;padding:8px 12px}.friend-apply-list-page .apply-list-header .refresh-btn:hover{opacity:.8}.friend-apply-list-page .apply-list-content{padding:16px}.friend-apply-list-page .apply-list-content .loading{text-align:center;padding:40px;color:#999}.friend-apply-list-page .apply-list-content .empty{text-align:center;padding:80px 20px}.friend-apply-list-page .apply-list-content .empty .empty-icon{font-size:64px;margin-bottom:16px}.friend-apply-list-page .apply-list-content .empty .empty-text{font-size:16px;color:#999}.friend-apply-list-page .apply-list-content .apply-list .apply-item{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.friend-apply-list-page .apply-list-content .apply-list .apply-item.status-pending{border-left:4px solid #46B065}.friend-apply-list-page .apply-list-content .apply-list .apply-item.status-agreed{border-left:4px solid #52c41a}.friend-apply-list-page .apply-list-content .apply-list .apply-item.status-rejected{border-left:4px solid #f5222d}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-right:16px}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-info{flex:1;min-width:0}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-info .apply-name{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-info .apply-remark{font-size:13px;color:#666;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-info .apply-status{font-size:12px;color:#999}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions{display:flex;gap:8px}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn{padding:8px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn.agree{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn.agree:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn.reject{background:#f5f5f5;color:#666;border:1px solid #d9d9d9}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn.reject:hover:not(:disabled){background:#e8e8e8}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}.friend-apply-list-page .apply-list-content .apply-list .apply-item .apply-actions .status-badge{padding:6px 16px;border-radius:6px;font-size:13px;background:#f5f5f5;color:#999}.user-profile-detail-page{min-height:100vh;background:#f5f5f5!important;background-image:none!important;padding-bottom:20px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;max-width:100vw;margin:0;border:none;outline:none;box-sizing:border-box}.user-profile-detail-page:before,.user-profile-detail-page:after{display:none!important;content:none!important}.user-profile-detail-page .profile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;z-index:100}.user-profile-detail-page .profile-header .back-btn{background:none;border:none;font-size:15px;color:#46b065;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s;position:relative;z-index:10}.user-profile-detail-page .profile-header .back-btn:hover{background:rgba(129,197,112,.1)}.user-profile-detail-page .profile-header h2{margin:0;font-size:17px;font-weight:600;color:#1a1a2e}.user-profile-detail-page .profile-content{padding:16px}.user-profile-detail-page .profile-content .profile-section{background:#fff;border-radius:16px;padding:8px 0;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.user-profile-detail-page .profile-content .profile-item{display:flex;align-items:center;padding:14px 16px;transition:background .2s}.user-profile-detail-page .profile-content .profile-item:not(:last-child){border-bottom:1px solid #f5f5f5}.user-profile-detail-page .profile-content .profile-item.avatar-item{padding:20px 16px}.user-profile-detail-page .profile-content .profile-item.readonly-item .item-value{flex-direction:column;align-items:flex-end;gap:2px}.user-profile-detail-page .profile-content .profile-item.readonly-item .readonly-text{font-size:15px;color:#333}.user-profile-detail-page .profile-content .profile-item.readonly-item .readonly-hint{font-size:12px;color:#999}.user-profile-detail-page .profile-content .profile-item .item-label{font-size:15px;color:#333;width:90px;font-weight:500;flex-shrink:0}.user-profile-detail-page .profile-content .profile-item .item-value{flex:1;display:flex;align-items:center;justify-content:flex-end;font-size:15px;color:#666}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value{display:flex;align-items:center;position:relative;cursor:pointer}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .user-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value.editable{cursor:pointer}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value.editable:hover .user-avatar{filter:brightness(.7);transform:scale(1.02)}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .avatar-overlay{position:absolute;right:0;top:0;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .avatar-overlay.uploading{background:rgba(0,0,0,.4)}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .avatar-overlay.uploading .uploading-text{font-size:12px;color:#fff;font-weight:500}.user-profile-detail-page .profile-content .profile-item .item-value input{width:100%;max-width:200px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;font-size:15px;text-align:right;background:#fafafa;transition:all .3s}.user-profile-detail-page .profile-content .profile-item .item-value input:focus{outline:none;border-color:#46b065;background:#fff;box-shadow:0 0 0 3px rgba(129,197,112,.15)}.user-profile-detail-page .profile-content .profile-item .item-value select{padding:10px 30px 10px 14px;border:1px solid #e8e8e8;border-radius:10px;font-size:15px;background:#fafafa;cursor:pointer;min-width:100px;text-align:right;transition:all .3s;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.user-profile-detail-page .profile-content .profile-item .item-value select:focus{outline:none;border-color:#46b065;background-color:#fff;box-shadow:0 0 0 3px rgba(129,197,112,.15)}.user-profile-detail-page .profile-content .profile-item .item-value textarea{width:100%;max-width:200px;padding:10px 14px;border:1px solid #e8e8e8;border-radius:10px;font-size:15px;resize:none;font-family:inherit;text-align:right;background:#fafafa;transition:all .3s}.user-profile-detail-page .profile-content .profile-item .item-value textarea:focus{outline:none;border-color:#46b065;background:#fff;box-shadow:0 0 0 3px rgba(129,197,112,.15)}.user-profile-detail-page .profile-content .profile-item .item-value span{text-align:right}.user-profile-detail-page .vip-benefits-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.user-profile-detail-page .vip-benefits-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.user-profile-detail-page .vip-benefits-section .section-header .section-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.user-profile-detail-page .vip-benefits-section .section-header .upgrade-btn{padding:6px 14px;background:linear-gradient(135deg,gold,orange);color:#333;border:none;border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.user-profile-detail-page .vip-benefits-section .section-header .upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,215,0,.4)}.user-profile-detail-page .vip-benefits-section .benefits-grid{display:flex;flex-direction:column;gap:12px}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:12px;transition:all .3s}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item:hover{background:#f0f2f5}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;font-size:20px;margin-right:12px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info{flex:1}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-label{font-size:13px;color:#666;margin-bottom:4px}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-value{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-value .current{font-size:18px;font-weight:600;color:#1a1a2e}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-value .separator,.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-value .max{font-size:14px;color:#999}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-progress{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.user-profile-detail-page .vip-benefits-section .benefits-grid .benefit-item .benefit-info .benefit-progress .progress-bar{height:100%;background:linear-gradient(135deg,#46b065,#3a8f52);border-radius:2px;transition:width .3s ease}.user-profile-detail-page .logout-section{padding:20px 16px;margin-top:20px}.user-profile-detail-page .logout-section .logout-btn{width:100%;padding:14px;background:#daffe1;color:#46b065;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.user-profile-detail-page .logout-section .logout-btn:hover{background:#c8f5d0;color:#3a8f52;transform:translateY(-2px);box-shadow:0 8px 16px rgba(200,245,208,.4)}.user-profile-detail-page .logout-section .logout-btn:active{transform:translateY(0)}.user-profile-detail-page .confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog{background:#fff;border-radius:16px;padding:24px;width:85%;max-width:320px;text-align:center;animation:slideUp .3s ease}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-icon{font-size:48px;margin-bottom:16px}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#1a1a2e}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-message{margin:0 0 24px;font-size:14px;color:#666;line-height:1.5}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons .confirm-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;min-width:100px}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons .confirm-btn.cancel{background:#f5f5f5;color:#666}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons .confirm-btn.cancel:hover{background:#e8e8e8}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons .confirm-btn.confirm{background:#daffe1;color:#46b065}.user-profile-detail-page .confirm-dialog-overlay .confirm-dialog .confirm-dialog-buttons .confirm-btn.confirm:hover{background:#c8f5d0;color:#3a8f52;transform:translateY(-1px);box-shadow:0 8px 16px rgba(200,245,208,.4)}@media (max-width: 480px){.user-profile-detail-page .profile-header{padding:10px 12px}.user-profile-detail-page .profile-header h2{font-size:16px}.user-profile-detail-page .profile-content{padding:12px}.user-profile-detail-page .profile-content .profile-section{border-radius:12px}.user-profile-detail-page .profile-content .profile-item{padding:12px 14px}.user-profile-detail-page .profile-content .profile-item.avatar-item{padding:16px 14px}.user-profile-detail-page .profile-content .profile-item .item-label{font-size:14px;width:80px}.user-profile-detail-page .profile-content .profile-item .item-value{font-size:14px}.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .user-avatar,.user-profile-detail-page .profile-content .profile-item .item-value.avatar-value .avatar-overlay{width:60px;height:60px}.user-profile-detail-page .profile-content .profile-item .item-value input,.user-profile-detail-page .profile-content .profile-item .item-value select,.user-profile-detail-page .profile-content .profile-item .item-value textarea{max-width:160px}.user-profile-detail-page .profile-content .profile-item.readonly-item .readonly-text{font-size:14px}.user-profile-detail-page .profile-content .profile-item.readonly-item .readonly-hint{font-size:11px}}.account-security-page{min-height:100vh;background:#f5f5f5}.account-security-page .security-header{display:flex;align-items:center;padding:16px 10px;background:#fff;border-bottom:1px solid #e8e8e8}.account-security-page .security-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px;margin-right:12px}.account-security-page .security-header .back-btn:hover{opacity:.8}.account-security-page .security-header h2{margin:0;font-size:18px;color:#1a1a2e}.account-security-page .security-content{padding:16px 10px}.account-security-page .security-content .security-item{display:flex;align-items:center;padding:16px 10px;background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.account-security-page .security-content .security-item .item-icon{font-size:24px;margin-right:16px}.account-security-page .security-content .security-item .item-info{flex:1}.account-security-page .security-content .security-item .item-info .item-title{font-size:14px;color:#666;margin-bottom:4px}.account-security-page .security-content .security-item .item-info .item-value{font-size:15px;color:#1a1a2e}.account-security-page .security-content .security-item .item-action{background:none;border:none;color:#46b065;font-size:14px;cursor:pointer;padding:8px 12px}.account-security-page .security-content .security-item .item-action:hover:not(:disabled){opacity:.8}.account-security-page .security-content .security-item .item-action:disabled{color:#999;cursor:not-allowed}.account-security-page .security-content .password-form{background:#fff;padding:20px 10px;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.account-security-page .security-content .password-form .form-item{margin-bottom:16px}.account-security-page .security-content .password-form .form-item label{display:block;font-size:14px;color:#666;margin-bottom:8px}.account-security-page .security-content .password-form .form-item input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.account-security-page .security-content .password-form .form-item input:focus{outline:none;border-color:#46b065}.account-security-page .security-content .password-form .submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s}.account-security-page .security-content .password-form .submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.account-security-page .security-content .password-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.account-security-page .security-content .message{padding:12px 10px;border-radius:8px;margin-bottom:12px;font-size:14px}.account-security-page .security-content .message.success{background:#e6f7e6;color:#52c41a;border:1px solid #b7eb8f}.account-security-page .security-content .message.error{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.account-security-page .security-content .security-section{margin-top:20px}.account-security-page .security-content .security-section .section-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:12px;padding-left:8px}.message-notification-page{min-height:100vh;background:#f5f5f5}.message-notification-page .notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 10px;background:#fff;border-bottom:1px solid #e8e8e8}.message-notification-page .notification-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px}.message-notification-page .notification-header .back-btn:hover{opacity:.8}.message-notification-page .notification-header h2{margin:0;font-size:18px;color:#1a1a2e}.message-notification-page .notification-header .header-actions{display:flex;gap:8px}.message-notification-page .notification-header .header-actions .mark-all-btn,.message-notification-page .notification-header .header-actions .clear-btn{background:none;border:none;font-size:14px;color:#46b065;cursor:pointer;padding:8px 12px}.message-notification-page .notification-header .header-actions .mark-all-btn:hover,.message-notification-page .notification-header .header-actions .clear-btn:hover{opacity:.8}.message-notification-page .notification-header .header-actions .clear-btn{color:#f5222d}.message-notification-page .notification-content{padding:16px 10px}.message-notification-page .notification-content .filter-tabs{display:flex;gap:12px;margin-bottom:16px}.message-notification-page .notification-content .filter-tabs .tab{flex:1;padding:10px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.message-notification-page .notification-content .filter-tabs .tab.active{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border-color:transparent}.message-notification-page .notification-content .filter-tabs .tab:hover:not(.active){border-color:#46b065;color:#46b065}.message-notification-page .notification-content .empty{text-align:center;padding:80px 10px}.message-notification-page .notification-content .empty .empty-icon{font-size:64px;margin-bottom:16px}.message-notification-page .notification-content .empty .empty-text{font-size:16px;color:#999}.message-notification-page .notification-content .notification-list .notification-item{display:flex;align-items:flex-start;padding:16px 10px;background:#fff;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;transition:all .3s;position:relative}.message-notification-page .notification-content .notification-list .notification-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.message-notification-page .notification-content .notification-list .notification-item.unread{border-left:4px solid #46B065;background:#f9f9ff}.message-notification-page .notification-content .notification-list .notification-item .notification-icon{font-size:28px;margin-right:10px;flex-shrink:0}.message-notification-page .notification-content .notification-list .notification-item .notification-content-box{flex:1;min-width:0}.message-notification-page .notification-content .notification-list .notification-item .notification-content-box .notification-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-notification-page .notification-content .notification-list .notification-item .notification-content-box .notification-title{font-size:15px;font-weight:600;color:#1a1a2e}.message-notification-page .notification-content .notification-list .notification-item .notification-content-box .notification-time{font-size:12px;color:#999;flex-shrink:0;margin-left:12px}.message-notification-page .notification-content .notification-list .notification-item .notification-content-box .notification-text{font-size:14px;color:#666;line-height:1.5}.message-notification-page .notification-content .notification-list .notification-item .unread-dot{width:8px;height:8px;background:#46b065;border-radius:50%;margin-left:12px;flex-shrink:0;margin-top:8px}.create-group-page{min-height:100vh;background:#f5f5f5}.create-group-page .create-group-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.create-group-page .create-group-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px}.create-group-page .create-group-header .back-btn:hover{opacity:.8}.create-group-page .create-group-header h2{margin:0;font-size:18px;color:#1a1a2e}.create-group-page .create-group-header .create-btn{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.create-group-page .create-group-header .create-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.create-group-page .create-group-header .create-btn:disabled{opacity:.5;cursor:not-allowed}.create-group-page .create-group-content{padding:16px}.create-group-page .create-group-content .group-name-section{margin-bottom:20px}.create-group-page .create-group-content .group-name-section label{display:block;font-size:14px;color:#666;margin-bottom:8px}.create-group-page .create-group-content .group-name-section input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.create-group-page .create-group-content .group-name-section input:focus{outline:none;border-color:#46b065}.create-group-page .create-group-content .search-section{margin-bottom:20px}.create-group-page .create-group-content .search-section input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.create-group-page .create-group-content .search-section input:focus{outline:none;border-color:#46b065}.create-group-page .create-group-content .selected-section{margin-bottom:20px}.create-group-page .create-group-content .selected-section .section-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.create-group-page .create-group-content .selected-section .selected-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.create-group-page .create-group-content .friends-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.create-group-page .create-group-content .friends-section .section-header .section-title{font-size:15px;font-weight:600;color:#1a1a2e}.create-group-page .create-group-content .friends-section .section-header .select-all-btn{padding:6px 12px;background:#f0f0f0;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .3s}.create-group-page .create-group-content .friends-section .section-header .select-all-btn:hover{background:#e6e6e6}.create-group-page .create-group-content .friends-section .section-header .select-all-btn.selected{background:linear-gradient(135deg,#46b065,#3a8f52);border-color:#46b065;color:#fff}.create-group-page .create-group-content .friends-section .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.create-group-page .create-group-content .friends-section .loading-state .loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#46b065;border-radius:50%;animation:spin 1s linear infinite}.create-group-page .create-group-content .friends-section .loading-state p{margin-top:16px;color:#999;font-size:14px}.create-group-page .create-group-content .friends-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.create-group-page .create-group-content .friends-section .empty-state p{color:#999;font-size:14px;margin-bottom:16px}.create-group-page .create-group-content .friends-section .empty-state .refresh-btn{padding:8px 20px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.create-group-page .create-group-content .friends-section .empty-state .refresh-btn:hover{opacity:.9}.create-group-page .create-group-content .friends-section .friends-list .friend-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .3s;position:relative}.create-group-page .create-group-content .friends-section .friends-list .friend-item:hover{background:#f9f9ff}.create-group-page .create-group-content .friends-section .friends-list .friend-item.selected{background:#e6f7e6;border:1px solid #b7eb8f}.create-group-page .create-group-content .friends-section .friends-list .friend-item .friend-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px}.create-group-page .create-group-content .friends-section .friends-list .friend-item .friend-name{flex:1;font-size:14px;color:#1a1a2e}.create-group-page .create-group-content .friends-section .friends-list .friend-item .check-mark{color:#52c41a;font-size:18px;font-weight:700}.group-info-page{min-height:100vh;background:#f5f5f5!important;background-image:none!important;position:relative;z-index:1;overflow-x:hidden}.group-info-page:before,.group-info-page:after{content:none!important;display:none!important;background:none!important;background-image:none!important}.group-info-page *{background-image:none!important}.group-info-page .group-info-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.group-info-page .group-info-header .back-btn{padding:8px 16px;background:#f0f0f0;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.group-info-page .group-info-header .back-btn:hover{background:#e0e0e0}.group-info-page .group-info-header h2{font-size:18px;font-weight:600;color:#333}.group-info-page .group-info-content{position:relative;z-index:10;padding:16px}.group-info-page .group-info-content .loading{text-align:center;color:#999;padding:40px}.group-info-page .group-info-content .group-basic{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;gap:16px;transition:all .2s}.group-info-page .group-info-content .group-basic.editable{cursor:pointer}.group-info-page .group-info-content .group-basic.editable:hover{background:#f8f8f8;box-shadow:0 4px 12px rgba(0,0,0,.12)}.group-info-page .group-info-content .group-basic.editable:hover .edit-icon{opacity:1;transform:scale(1)}.group-info-page .group-info-content .group-basic.editing{background:#f0f9f3;border:1px solid #46B065;cursor:default}.group-info-page .group-info-content .group-basic .group-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#46b065,#3a8f52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;flex-shrink:0;overflow:hidden}.group-info-page .group-info-content .group-basic .group-avatar img{width:100%;height:100%;object-fit:cover}.group-info-page .group-info-content .group-basic .group-name-section{flex:1;min-width:0}.group-info-page .group-info-content .group-basic .group-name-section .name-label{font-size:12px;color:#999;margin-bottom:4px;display:flex;align-items:center;gap:8px}.group-info-page .group-info-content .group-basic .group-name-section .name-label .edit-hint{font-size:11px;color:#46b065;font-weight:400}.group-info-page .group-info-content .group-basic .group-name-section .name-display,.group-info-page .group-info-content .group-basic .group-name-section .name-edit{display:flex;align-items:center;gap:8px}.group-info-page .group-info-content .group-basic .group-name-section .name-display .name-text,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .name-text{font-size:16px;font-weight:600;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-info-page .group-info-content .group-basic .group-name-section .name-display .edit-icon,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-icon{width:20px;height:20px;color:#46b065;opacity:0;transform:scale(.8);transition:all .2s;flex-shrink:0}.group-info-page .group-info-content .group-basic .group-name-section .name-display .edit-icon svg,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-icon svg{width:100%;height:100%}.group-info-page .group-info-content .group-basic .group-name-section .name-display .edit-btn,.group-info-page .group-info-content .group-basic .group-name-section .name-display .save-btn,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-btn,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .save-btn{padding:4px 12px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.group-info-page .group-info-content .group-basic .group-name-section .name-display .edit-btn:hover,.group-info-page .group-info-content .group-basic .group-name-section .name-display .save-btn:hover,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-btn:hover,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .save-btn:hover{opacity:.9;transform:translateY(-1px)}.group-info-page .group-info-content .group-basic .group-name-section .name-display .cancel-btn,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .cancel-btn{padding:4px 12px;background:#f0f0f0;color:#666;border:none;border-radius:6px;font-size:12px;cursor:pointer;flex-shrink:0}.group-info-page .group-info-content .group-basic .group-name-section .name-display .cancel-btn:hover,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .cancel-btn:hover{background:#e0e0e0}.group-info-page .group-info-content .group-basic .group-name-section .name-display input,.group-info-page .group-info-content .group-basic .group-name-section .name-edit input{flex:1;padding:8px 12px;border:2px solid #46B065;border-radius:6px;font-size:14px;min-width:0;background:#fff}.group-info-page .group-info-content .group-basic .group-name-section .name-display input:focus,.group-info-page .group-info-content .group-basic .group-name-section .name-edit input:focus{outline:none;box-shadow:0 0 0 3px rgba(70,176,101,.2)}.group-info-page .group-info-content .group-basic .group-name-section .name-display .edit-actions,.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-actions{display:flex;gap:8px;flex-shrink:0}.group-info-page .group-info-content .group-basic .group-name-section .name-edit{flex-direction:column;align-items:stretch;gap:12px}.group-info-page .group-info-content .group-basic .group-name-section .name-edit input{width:100%}.group-info-page .group-info-content .group-basic .group-name-section .name-edit .edit-actions{display:flex;justify-content:flex-end}.group-info-page .group-info-content .group-info-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.group-info-page .group-info-content .group-info-section .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.group-info-page .group-info-content .group-info-section .info-item:last-child{border-bottom:none}.group-info-page .group-info-content .group-info-section .info-item .info-label{font-size:14px;color:#666}.group-info-page .group-info-content .group-info-section .info-item .info-value{font-size:14px;color:#333;font-weight:500}.group-info-page .group-info-content .section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.group-info-page .group-info-content .section .section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.group-info-page .group-info-content .section .members-horizontal .members-scroll{display:flex;flex-wrap:wrap;gap:12px}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{display:flex;flex-direction:column;align-items:center;width:calc((100% - 36px)/4)}@media (min-width: 480px){.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{width:calc((100% - 48px)/5)}}@media (min-width: 600px){.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{width:calc((100% - 60px) / 6)}}@media (min-width: 768px){.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{width:calc((100% - 72px) / 7)}}@media (min-width: 900px){.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{width:calc((100% - 84px)/8)}}@media (min-width: 1024px){.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item{width:calc((100% - 96px) / 9)}}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .member-avatar{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:50%;background:linear-gradient(135deg,#46b065,#3a8f52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;overflow:hidden;flex-shrink:0;margin-bottom:6px}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .member-avatar img{width:100%;height:100%;object-fit:cover}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .member-name{font-size:12px;color:#666;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .owner-tag,.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .admin-tag{font-size:10px;padding:1px 4px;border-radius:2px;white-space:nowrap}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .owner-tag{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.group-info-page .group-info-content .section .members-horizontal .members-scroll .member-item .admin-tag{background:#e6f7ff;color:#1890ff}.group-info-page .group-info-content .section .member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px}.group-info-page .group-info-content .section .member-list .member-item{display:flex;flex-direction:column;align-items:center;gap:8px}.group-info-page .group-info-content .section .member-list .member-item .member-avatar{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important;border-radius:50%;background:linear-gradient(135deg,#46b065,#3a8f52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;overflow:hidden;flex-shrink:0}.group-info-page .group-info-content .section .member-list .member-item .member-avatar img{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;flex-shrink:0}.group-info-page .group-info-content .section .member-list .member-item .member-name{font-size:12px;color:#666;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-info-page .group-info-content .section .member-list .member-item .member-role{font-size:10px;color:#999;background:#f5f5f5;padding:2px 6px;border-radius:4px}.group-info-page .group-info-content .section .info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.group-info-page .group-info-content .section .info-item:last-child{border-bottom:none}.group-info-page .group-info-content .section .info-item .info-label{font-size:14px;color:#666}.group-info-page .group-info-content .section .info-item .info-value{font-size:14px;color:#333;font-weight:500}.group-info-page .group-info-content .section .action-btn{width:100%;padding:14px;margin-top:12px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.group-info-page .group-info-content .section .action-btn.invite-btn{background:#fff;color:#46b065;border:1px solid #46B065;box-shadow:0 2px 8px rgba(70,176,101,.1)}.group-info-page .group-info-content .section .action-btn.invite-btn:hover{background:#f0f9f4;border-color:#46b065;transform:translateY(-2px);box-shadow:0 4px 12px rgba(70,176,101,.2)}.group-info-page .group-info-content .section .action-btn.invite-btn:active{transform:translateY(0)}.group-info-page .group-info-content .section .action-btn.quit{background:#fff;color:#fa8c16;border:1px solid #ffd591;box-shadow:0 2px 8px rgba(250,140,22,.1)}.group-info-page .group-info-content .section .action-btn.quit:hover{background:#fff7e6;border-color:#fa8c16;transform:translateY(-2px);box-shadow:0 4px 12px rgba(250,140,22,.2)}.group-info-page .group-info-content .section .action-btn.quit:active{transform:translateY(0)}.group-info-page .group-info-content .section .action-btn.dismiss{background:#fff;color:#ff4d4f;border:1px solid #ffccc7;box-shadow:0 2px 8px rgba(255,77,79,.1)}.group-info-page .group-info-content .section .action-btn.dismiss:hover{background:#fff1f0;border-color:#ff4d4f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,77,79,.2)}.group-info-page .group-info-content .section .action-btn.dismiss:active{transform:translateY(0)}.group-info-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.group-info-page .modal-overlay.confirm-modal-overlay{z-index:2000;cursor:pointer}.group-info-page .modal-overlay .modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.group-info-page .modal-overlay .modal-content.invite-modal{max-height:70vh}.group-info-page .modal-overlay .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.group-info-page .modal-overlay .modal-content .modal-header h3{margin:0;font-size:18px;color:#333}.group-info-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.group-info-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#666}.group-info-page .modal-overlay .modal-content .modal-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.group-info-page .modal-overlay .modal-content .modal-body .empty-state{text-align:center;padding:40px 20px}.group-info-page .modal-overlay .modal-content .modal-body .empty-state p{margin:0;color:#666;font-size:14px}.group-info-page .modal-overlay .modal-content .modal-body .empty-state p.empty-tip{color:#999;font-size:12px;margin-top:8px}.group-info-page .modal-overlay .modal-content .modal-body .friend-list{flex:1;overflow-y:auto;padding:8px 0}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background .2s}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item:hover{background:#f8f8f8}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item.selected{background:#f0f9f4}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .friend-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#46b065,#3a8f52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500;margin-right:12px;overflow:hidden}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .friend-avatar img{width:100%;height:100%;object-fit:cover}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .friend-info{flex:1}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .friend-info .friend-name{font-size:15px;color:#333;font-weight:500}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .select-checkbox{width:24px;height:24px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item .select-checkbox .check-icon{color:#fff;font-size:14px;font-weight:700}.group-info-page .modal-overlay .modal-content .modal-body .friend-list .friend-item.selected .select-checkbox{background:#46b065;border-color:#46b065}.group-info-page .modal-overlay .modal-content .modal-body .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}.group-info-page .modal-overlay .modal-content .modal-body .modal-footer .selected-count{font-size:14px;color:#666}.group-info-page .modal-overlay .modal-content .modal-body .modal-footer .confirm-invite-btn{padding:12px 28px;background:#fff;color:#46b065;border:1px solid #46B065;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(70,176,101,.15);min-width:100px}.group-info-page .modal-overlay .modal-content .modal-body .modal-footer .confirm-invite-btn:hover:not(:disabled){background:#f0f9f4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(70,176,101,.25)}.group-info-page .modal-overlay .modal-content .modal-body .modal-footer .confirm-invite-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#f5f5f5;color:#999;border-color:#ddd}.group-info-page .confirm-modal{max-width:320px;width:90%;max-height:none;padding:32px 28px 28px;text-align:center;border-radius:20px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.35);animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1);overflow:visible}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.85) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.group-info-page .confirm-modal .confirm-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;animation:iconBounce .6s ease .1s both}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.group-info-page .confirm-modal .confirm-icon.danger{background:linear-gradient(135deg,#ff7875,#ff4d4f);box-shadow:0 8px 24px rgba(255,77,79,.4)}.group-info-page .confirm-modal .confirm-icon.warning{background:linear-gradient(135deg,#ffc53d,#faad14);box-shadow:0 8px 24px rgba(250,173,20,.4)}.group-info-page .confirm-modal .confirm-icon.info{background:linear-gradient(135deg,#46b065,#3a8f52);box-shadow:0 8px 24px rgba(70,176,101,.4)}.group-info-page .confirm-modal .confirm-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 12px;line-height:1.3}.group-info-page .confirm-modal .confirm-message{font-size:15px;color:#666;line-height:1.6;margin:0 0 28px}.group-info-page .confirm-modal .confirm-actions{display:flex;gap:16px;justify-content:center}.group-info-page .confirm-modal .confirm-actions .cancel-btn{flex:1;padding:14px 24px;background:#f8f8f8;color:#666;border:1px solid #e8e8e8;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s ease;min-width:110px}.group-info-page .confirm-modal .confirm-actions .cancel-btn:hover{background:#f0f0f0;border-color:#d8d8d8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.group-info-page .confirm-modal .confirm-actions .cancel-btn:active{transform:translateY(0)}.group-info-page .confirm-modal .confirm-actions .confirm-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;min-width:110px}.group-info-page .confirm-modal .confirm-actions .confirm-btn.danger{background:#fff;color:#fa8c16;border:1px solid #ffd591;box-shadow:0 4px 12px rgba(250,140,22,.2)}.group-info-page .confirm-modal .confirm-actions .confirm-btn.danger:hover{background:#fff7e6;border-color:#fa8c16;transform:translateY(-2px);box-shadow:0 6px 16px rgba(250,140,22,.3)}.group-info-page .confirm-modal .confirm-actions .confirm-btn.warning{background:#fff;color:#fa8c16;border:1px solid #ffd591;box-shadow:0 4px 12px rgba(250,140,22,.2)}.group-info-page .confirm-modal .confirm-actions .confirm-btn.warning:hover{background:#fff7e6;border-color:#fa8c16;transform:translateY(-2px);box-shadow:0 6px 16px rgba(250,140,22,.3)}.group-info-page .confirm-modal .confirm-actions .confirm-btn.info{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;box-shadow:0 6px 16px rgba(70,176,101,.35)}.group-info-page .confirm-modal .confirm-actions .confirm-btn.info:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(70,176,101,.45)}.group-info-page .confirm-modal .confirm-actions .confirm-btn:active{transform:translateY(0)}.friend-search-page{min-height:100vh;background:#f5f5f5}.friend-search-page .friend-search-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.friend-search-page .friend-search-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px;margin-right:12px}.friend-search-page .friend-search-header .back-btn:hover{opacity:.8}.friend-search-page .friend-search-header h2{margin:0;font-size:18px;color:#1a1a2e}.friend-search-page .friend-search-content{padding:16px}.friend-search-page .friend-search-content .search-box{display:flex;gap:8px;margin-bottom:20px}.friend-search-page .friend-search-content .search-box input{flex:1;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px}.friend-search-page .friend-search-content .search-box input:focus{outline:none;border-color:#46b065}.friend-search-page .friend-search-content .search-box .search-btn{padding:12px 24px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap}.friend-search-page .friend-search-content .search-box .search-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.friend-search-page .friend-search-content .search-box .search-btn:disabled{opacity:.6;cursor:not-allowed}.friend-search-page .friend-search-content .result-card{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.friend-search-page .friend-search-content .result-card .user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:16px}.friend-search-page .friend-search-content .result-card .user-info{flex:1}.friend-search-page .friend-search-content .result-card .user-info .user-name{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.friend-search-page .friend-search-content .result-card .user-info .user-phone{font-size:14px;color:#666}.friend-search-page .friend-search-content .result-card .add-btn{padding:10px 20px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.friend-search-page .friend-search-content .result-card .add-btn:hover{opacity:.9;transform:translateY(-1px)}.friend-search-page .friend-search-content .message{padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px}.friend-search-page .friend-search-content .message.success{background:#e6f7e6;color:#52c41a;border:1px solid #b7eb8f}.friend-search-page .friend-search-content .message.error{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.friend-profile-page{min-height:100vh;background:#f5f5f5}.friend-profile-page .profile-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.friend-profile-page .profile-header .back-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:8px;margin-right:16px}.friend-profile-page .profile-header .back-btn:hover{opacity:.8}.friend-profile-page .profile-header h2{font-size:18px;font-weight:500}.friend-profile-page .profile-content{padding:20px}.friend-profile-page .profile-content .avatar-section{text-align:center;padding:32px 20px;background:#fff;border-radius:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.friend-profile-page .profile-content .avatar-section .avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #f0f0f0;margin-bottom:16px}.friend-profile-page .profile-content .avatar-section .nickname{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.friend-profile-page .profile-content .avatar-section .friend-badge{display:inline-block;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;font-size:12px;padding:4px 12px;border-radius:12px}.friend-profile-page .profile-content .info-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.friend-profile-page .profile-content .info-section .info-item{display:flex;padding:16px 0;border-bottom:1px solid #f0f0f0}.friend-profile-page .profile-content .info-section .info-item:last-child{border-bottom:none}.friend-profile-page .profile-content .info-section .info-item.bio{flex-direction:column}.friend-profile-page .profile-content .info-section .info-item.bio .label{margin-bottom:8px}.friend-profile-page .profile-content .info-section .info-item.bio .value{color:#666;line-height:1.5}.friend-profile-page .profile-content .info-section .info-item .label{width:80px;color:#999;font-size:14px;flex-shrink:0}.friend-profile-page .profile-content .info-section .info-item .value{flex:1;color:#333;font-size:15px;word-break:break-all}.friend-profile-page .profile-content .action-section{display:flex;flex-direction:column;gap:12px}.friend-profile-page .profile-content .action-section .action-btn{padding:14px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.friend-profile-page .profile-content .action-section .action-btn.primary{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.friend-profile-page .profile-content .action-section .action-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.friend-profile-page .profile-content .action-section .action-btn.danger{background:#fff;color:#ff4d4f;border:1px solid #ffccc7}.friend-profile-page .profile-content .action-section .action-btn.danger:hover{background:#fff1f0;border-color:#ff4d4f}.friend-profile-page .loading,.friend-profile-page .error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#999}.friend-profile-page .error{color:#ff4d4f}@media (max-width: 480px){.friend-profile-page .profile-content{padding:12px}.friend-profile-page .profile-content .avatar-section{padding:24px 16px}.friend-profile-page .profile-content .avatar-section .avatar{width:80px;height:80px}.friend-profile-page .profile-content .avatar-section .nickname{font-size:20px}.friend-profile-page .profile-content .info-section .info-item{padding:12px 0}.friend-profile-page .profile-content .info-section .info-item .label{width:70px;font-size:13px}.friend-profile-page .profile-content .info-section .info-item .value{font-size:14px}.friend-profile-page .profile-content .action-section .action-btn{padding:12px;font-size:15px}}.group-list-page{min-height:100vh;background:#f5f5f5;padding-bottom:60px}.group-list-page .group-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;height:52px;box-sizing:border-box}.group-list-page .group-list-header .header-left{display:flex;align-items:center;gap:12px;flex:1}.group-list-page .group-list-header .header-left .back-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-list-page .group-list-header .header-left .back-btn svg{width:24px;height:24px;stroke:#fff}.group-list-page .group-list-header .header-left .back-btn:hover{background:rgba(255,255,255,.2)}.group-list-page .group-list-header h2{font-size:18px;font-weight:500}.group-list-page .group-list-header .create-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s}.group-list-page .group-list-header .create-btn:hover{background:rgba(255,255,255,.3)}.group-list-page .group-list-content{padding:12px}.group-list-page .group-list-content .loading{text-align:center;padding:40px;color:#999}.group-list-page .group-list-content .empty{text-align:center;padding:60px 20px}.group-list-page .group-list-content .empty .empty-icon{margin-bottom:16px}.group-list-page .group-list-content .empty .empty-icon .empty-group-icon{width:80px;height:80px;opacity:.6}.group-list-page .group-list-content .empty .empty-text{font-size:16px;color:#666;margin-bottom:8px}.group-list-page .group-list-content .empty .empty-tip{font-size:14px;color:#999}.group-list-page .group-list-content .group-list .group-item{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.06)}.group-list-page .group-list-content .group-list .group-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.group-list-page .group-list-content .group-list .group-item:active{transform:translateY(0)}.group-list-page .group-list-content .group-list .group-item .group-avatar{width:56px;height:56px;border-radius:12px;object-fit:cover;margin-right:16px;flex-shrink:0}.group-list-page .group-list-content .group-list .group-item .group-info{flex:1;min-width:0}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .group-name{font-size:16px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .identity-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500;flex-shrink:0}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .identity-badge.owner{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .identity-badge.admin{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .identity-badge.member{background:#f0f0f0;color:#666}.group-list-page .group-list-content .group-list .group-item .group-info .group-meta{display:flex;flex-direction:column;gap:4px}.group-list-page .group-list-content .group-list .group-item .group-info .group-meta .member-count{font-size:13px;color:#999}.group-list-page .group-list-content .group-list .group-item .group-info .group-meta .my-nickname{font-size:12px;color:#bbb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-list-page .group-list-content .group-list .group-item .group-actions{display:flex;align-items:center;gap:8px;margin-left:8px}.group-list-page .group-list-content .group-list .group-item .group-actions .group-info-btn{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.group-list-page .group-list-content .group-list .group-item .group-actions .group-info-btn svg{width:18px;height:18px;color:#666}.group-list-page .group-list-content .group-list .group-item .group-actions .group-info-btn:hover{background:#e8e8e8}.group-list-page .group-list-content .group-list .group-item .group-actions .group-info-btn:hover svg{color:#46b065}.group-list-page .group-list-content .group-list .group-item .group-actions .arrow{font-size:24px;color:#ccc}@media (max-width: 480px){.group-list-page .group-list-header{padding:10px 12px}.group-list-page .group-list-header h2{font-size:16px}.group-list-page .group-list-header .create-btn{padding:6px 12px;font-size:13px}.group-list-page .group-list-content{padding:10px}.group-list-page .group-list-content .group-list .group-item{padding:12px}.group-list-page .group-list-content .group-list .group-item .group-avatar{width:48px;height:48px;margin-right:12px}.group-list-page .group-list-content .group-list .group-item .group-info .group-name-row .group-name{font-size:15px}.group-list-page .group-list-content .group-list .group-item .group-info .group-meta .member-count{font-size:12px}.group-list-page .group-list-content .group-list .group-item .group-info .group-meta .my-nickname{font-size:11px}}.feedback-page{min-height:100vh;background:#f5f5f5}.feedback-page .feedback-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.feedback-page .feedback-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px 12px;margin-left:-8px}.feedback-page .feedback-header .back-btn:hover{opacity:.8}.feedback-page .feedback-header h2{flex:1;text-align:center;margin:0 40px 0 0;font-size:18px;color:#333}.feedback-page .feedback-content{padding:20px 16px}.feedback-page .feedback-content .form-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px}.feedback-page .feedback-content .form-item label{display:block;font-size:14px;color:#333;font-weight:500;margin-bottom:12px}.feedback-page .feedback-content .form-item textarea{width:100%;padding:12px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;resize:none;transition:all .3s}.feedback-page .feedback-content .form-item textarea:focus{outline:none;border-color:#46b065;box-shadow:0 0 0 2px rgba(70,176,101,.1)}.feedback-page .feedback-content .form-item textarea::placeholder{color:#999}.feedback-page .feedback-content .form-item input{width:100%;padding:12px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;transition:all .3s}.feedback-page .feedback-content .form-item input:focus{outline:none;border-color:#46b065;box-shadow:0 0 0 2px rgba(70,176,101,.1)}.feedback-page .feedback-content .form-item input::placeholder{color:#999}.feedback-page .feedback-content .form-item .char-count{text-align:right;font-size:12px;color:#999;margin-top:8px}.feedback-page .feedback-content .submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.feedback-page .feedback-content .submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.feedback-page .feedback-content .submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-page .feedback-content .feedback-tips{background:#fff;border-radius:12px;padding:16px;margin-top:20px}.feedback-page .feedback-content .feedback-tips h3{font-size:14px;color:#333;margin:0 0 12px}.feedback-page .feedback-content .feedback-tips ul{margin:0;padding-left:20px}.feedback-page .feedback-content .feedback-tips ul li{font-size:13px;color:#666;line-height:1.8}.about-page{min-height:100vh;background:#f5f5f5}.about-page .about-header{display:flex;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #e8e8e8}.about-page .about-header .back-btn{background:none;border:none;font-size:16px;color:#46b065;cursor:pointer;padding:8px 12px;margin-left:-8px}.about-page .about-header .back-btn:hover{opacity:.8}.about-page .about-header h2{flex:1;text-align:center;margin:0 40px 0 0;font-size:18px;color:#333}.about-page .about-content{padding:20px 16px}.about-page .about-content .menu-list{background:#fff;border-radius:12px;overflow:hidden}.about-page .about-content .menu-list .menu-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.about-page .about-content .menu-list .menu-item:last-child{border-bottom:none}.about-page .about-content .menu-list .menu-item:hover{background:#fafafa}.about-page .about-content .menu-list .menu-item .menu-icon{font-size:20px;margin-right:12px}.about-page .about-content .menu-list .menu-item .menu-text{flex:1;font-size:15px;color:#333}.about-page .about-content .menu-list .menu-item .menu-arrow{font-size:24px;color:#999}.about-page .about-content .about-section{background:#fff;border-radius:12px;padding:20px;margin-top:20px;text-align:center}.about-page .about-content .about-section h3{font-size:18px;color:#333;margin:0 0 12px}.about-page .about-content .about-section p{font-size:14px;color:#666;line-height:1.8;margin:0}.about-page .about-content .copyright{text-align:center;padding:20px;color:#999;font-size:12px}.about-page .about-content .copyright p{margin:4px 0}.about-page .about-content .copyright a{color:#999;text-decoration:none}.about-page .about-content .copyright a:hover{color:#46b065}.about-page .about-content .copyright .agreement-links{margin:8px 0}.about-page .about-content .copyright .agreement-links a{color:#666}.about-page .about-content .copyright .agreement-links a:hover{color:#46b065}.about-page .about-content .copyright .agreement-links .divider{margin:0 8px;color:#ccc}.payment-page{min-height:100vh;background:#f5f5f5;padding-bottom:20px}.payment-page .payment-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.payment-page .payment-header .back-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;margin-right:12px}.payment-page .payment-header .title{font-size:18px;font-weight:600;flex:1;text-align:center;margin-right:40px}.payment-page .payment-content{padding:16px}.payment-page .payment-content .section{margin-bottom:20px}.payment-page .payment-content .section .section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.payment-page .payment-content .package-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.payment-page .payment-content .package-list .package-item{flex:1;min-width:100px;background:#fff;border-radius:12px;padding:16px 12px;text-align:center;border:2px solid transparent;cursor:pointer;transition:all .3s;position:relative}.payment-page .payment-content .package-list .package-item.active{border-color:#46b065;background:#f0f9f4}.payment-page .payment-content .package-list .package-item .tag{position:absolute;top:-8px;right:-8px;background:#ff6b6b;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px}.payment-page .payment-content .package-list .package-item .package-name{font-size:14px;color:#666;margin-bottom:8px}.payment-page .payment-content .package-list .package-item .package-price{margin-bottom:8px}.payment-page .payment-content .package-list .package-item .package-price .currency{font-size:14px;color:#ff6b6b}.payment-page .payment-content .package-list .package-item .package-price .amount{font-size:24px;font-weight:700;color:#ff6b6b}.payment-page .payment-content .package-list .package-item .original-price{font-size:12px;color:#999;text-decoration:line-through;margin-bottom:4px}.payment-page .payment-content .package-list .package-item .package-desc{font-size:12px;color:#999;margin-bottom:4px}.payment-page .payment-content .package-list .package-item .level-name{font-size:11px;color:#46b065;background:#f0f9f4;padding:2px 8px;border-radius:10px;display:inline-block}.payment-page .payment-content .loading-packages{text-align:center;padding:40px;color:#999;font-size:14px}.payment-page .payment-content .payment-methods{background:#fff;border-radius:12px;overflow:hidden}.payment-page .payment-content .payment-methods .method-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .3s}.payment-page .payment-content .payment-methods .method-item:last-child{border-bottom:none}.payment-page .payment-content .payment-methods .method-item.active{background:#f0f9f4}.payment-page .payment-content .payment-methods .method-item .method-icon{width:32px;height:32px;margin-right:12px;object-fit:contain}.payment-page .payment-content .payment-methods .method-item .method-info{flex:1}.payment-page .payment-content .payment-methods .method-item .method-info .method-name{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.payment-page .payment-content .payment-methods .method-item .method-info .method-desc{font-size:12px;color:#999}.payment-page .payment-content .payment-methods .method-item .check-icon{width:24px;height:24px;border-radius:50%;background:#46b065;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.payment-page .payment-content .pay-btn{width:100%;padding:14px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.payment-page .payment-content .pay-btn:disabled{opacity:.6;cursor:not-allowed}.payment-page .payment-content .pay-btn:hover:not(:disabled){opacity:.9}.payment-page .payment-content .qrcode-section{text-align:center}.payment-page .payment-content .qrcode-section .qrcode-box{background:#fff;border-radius:12px;padding:20px;display:inline-block}.payment-page .payment-content .qrcode-section .qrcode-box .qrcode-img{width:200px;height:200px}.payment-page .payment-content .qrcode-section .qrcode-tip{margin-top:12px;font-size:12px;color:#999}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.nav-btn:hover:not(.disabled){background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.nav-btn.disabled{opacity:.3;cursor:not-allowed}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.image-wrapper{max-width:90%;max-height:70%;display:flex;align-items:center;justify-content:center}.image-wrapper img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.image-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.6);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10}.thumbnail-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:10px;background:rgba(0,0,0,.6);border-radius:12px;max-width:90%;overflow-x:auto}.thumbnail-bar::-webkit-scrollbar{height:4px}.thumbnail-bar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.thumbnail-bar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.thumbnail-bar .thumbnail-item{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.6}.thumbnail-bar .thumbnail-item:hover{opacity:.9}.thumbnail-bar .thumbnail-item.active{border-color:#46b065;opacity:1}.thumbnail-bar .thumbnail-item img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.nav-btn{width:40px;height:40px;font-size:24px}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.image-wrapper img{max-height:60vh}.thumbnail-bar{bottom:10px;padding:8px}.thumbnail-bar .thumbnail-item{width:50px;height:50px}}.moment-page{min-height:100vh;background:#f5f5f5;padding-bottom:60px}.moment-page .moment-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff;height:52px;box-sizing:border-box;position:sticky;top:0;z-index:100}.moment-page .moment-header h2{font-size:18px;font-weight:600;margin:0}.moment-page .moment-header .publish-btn{padding:6px 16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.moment-page .moment-header .publish-btn:hover{background:rgba(255,255,255,.3)}.moment-page .loading-state,.moment-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.moment-page .loading-state .loading-spinner,.moment-page .empty-state .loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#46b065;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.moment-page .loading-state button,.moment-page .empty-state button{margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,#46b065,#3a8f52);border:none;border-radius:20px;color:#fff;font-size:14px;cursor:pointer}.moment-page .moment-list{padding:10px}.moment-page .moment-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;transition:background-color .2s ease}.moment-page .moment-item:hover{background:#fafafa}.moment-page .moment-item:active{background:#f5f5f5}.moment-page .moment-item .moment-user{display:flex;align-items:center;margin-bottom:12px}.moment-page .moment-item .moment-user .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px;background:#e0e0e0}.moment-page .moment-item .moment-user .user-info{flex:1;display:flex;flex-direction:column}.moment-page .moment-item .moment-user .user-info .nickname{font-size:15px;font-weight:600;color:#333}.moment-page .moment-item .moment-user .user-info .time{font-size:12px;color:#999;margin-top:2px}.moment-page .moment-item .moment-user .private-tag{font-size:11px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px}.moment-page .moment-item .forward-moment{margin-top:10px;padding:12px;background:#f8f8f8;border-radius:8px;border-left:3px solid #46B065;cursor:pointer;transition:background-color .2s ease}.moment-page .moment-item .forward-moment:hover{background:#f0f0f0}.moment-page .moment-item .forward-moment .forward-header{display:flex;align-items:center;margin-bottom:8px}.moment-page .moment-item .forward-moment .forward-header .forward-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;object-fit:cover}.moment-page .moment-item .forward-moment .forward-header .forward-user-info{display:flex;align-items:center;gap:4px}.moment-page .moment-item .forward-moment .forward-header .forward-nickname{font-size:13px;font-weight:500;color:#333}.moment-page .moment-item .forward-moment .forward-label{font-size:12px;color:#999}.moment-page .moment-item .forward-moment .forward-content{font-size:14px;color:#333;line-height:1.5;word-break:break-word}.moment-page .moment-item .forward-moment .forward-images{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.moment-page .moment-item .forward-moment .forward-images img{width:60px;height:60px;object-fit:cover;border-radius:4px}.moment-page .moment-item .forward-moment .forward-images .more-images{width:60px;height:60px;background:rgba(0,0,0,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.moment-page .moment-item .moment-content{font-size:15px;line-height:1.6;color:#333;margin-bottom:12px;word-break:break-word}.moment-page .moment-item .moment-content .at-user{color:#46b065;font-weight:500}.moment-page .moment-item .moment-images{margin-bottom:12px;display:grid;gap:6px}.moment-page .moment-item .moment-images.single img{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer}.moment-page .moment-item .moment-images.grid-2{grid-template-columns:repeat(2,1fr)}.moment-page .moment-item .moment-images.grid-2 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer}.moment-page .moment-item .moment-images.grid-3{grid-template-columns:repeat(3,1fr)}.moment-page .moment-item .moment-images.grid-3 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer}.moment-page .moment-item .moment-actions{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid #f0f0f0}.moment-page .moment-item .moment-actions .action-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;color:#666;font-size:14px;cursor:pointer;border-radius:20px;transition:all .2s ease}.moment-page .moment-item .moment-actions .action-btn .icon{font-size:18px}.moment-page .moment-item .moment-actions .action-btn:hover{background:#f5f5f5}.moment-page .moment-item .moment-actions .action-btn.active{color:#46b065}.moment-page .moment-item .moment-actions .action-btn.forwarding{opacity:.6;cursor:wait}.moment-page .moment-item .moment-actions .action-btn.disabled{opacity:.4;cursor:not-allowed}.moment-page .moment-item .moment-actions .action-btn.disabled:hover{background:transparent}.moment-page .moment-item .comment-input-box{display:flex;gap:10px;padding:12px 0 0;border-top:1px solid #f0f0f0;margin-top:12px}.moment-page .moment-item .comment-input-box input{flex:1;padding:10px 14px;border:1px solid #e8e8e8;border-radius:20px;font-size:14px;outline:none;transition:border-color .2s}.moment-page .moment-item .comment-input-box input:focus{border-color:#46b065}.moment-page .moment-item .comment-input-box input::placeholder{color:#bbb}.moment-page .moment-item .comment-input-box button{padding:10px 18px;background:linear-gradient(135deg,#46b065,#3a8f52);border:none;border-radius:20px;color:#fff;font-size:14px;cursor:pointer;transition:opacity .2s}.moment-page .moment-item .comment-input-box button:hover:not(:disabled){opacity:.9}.moment-page .moment-item .comment-input-box button:disabled{opacity:.6;cursor:not-allowed}.moment-page .load-more{text-align:center;padding:20px}.moment-page .load-more button{padding:10px 30px;background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.moment-page .load-more button:hover:not(:disabled){border-color:#46b065;color:#46b065}.moment-page .load-more button:disabled{opacity:.6;cursor:not-allowed}.moment-publish-page{min-height:100vh;background:#f5f5f5}.moment-publish-page .publish-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.moment-publish-page .publish-header h2{font-size:17px;font-weight:600;margin:0;color:#333}.moment-publish-page .publish-header .cancel-btn{background:transparent;border:none;color:#666;font-size:15px;cursor:pointer;padding:8px}.moment-publish-page .publish-header .submit-btn{padding:6px 16px;background:linear-gradient(135deg,#46b065,#3a8f52);border:none;border-radius:16px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.moment-publish-page .publish-header .submit-btn:disabled{opacity:.5;cursor:not-allowed}.moment-publish-page .publish-header .submit-btn:hover:not(:disabled){transform:scale(1.02)}.moment-publish-page .publish-content{background:#fff;padding:16px;margin-bottom:10px}.moment-publish-page .publish-content textarea{width:100%;min-height:150px;border:none;outline:none;resize:none;font-size:16px;line-height:1.6;color:#333;background:transparent}.moment-publish-page .publish-content textarea::placeholder{color:#999}.moment-publish-page .publish-content .char-count{text-align:right;font-size:12px;color:#999;margin-top:8px}.moment-publish-page .publish-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:#fff;margin-bottom:10px}.moment-publish-page .publish-images .image-item{position:relative;aspect-ratio:1}.moment-publish-page .publish-images .image-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.moment-publish-page .publish-images .image-item .remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(0,0,0,.5);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.moment-publish-page .publish-images .add-image{aspect-ratio:1;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.moment-publish-page .publish-images .add-image:hover{border-color:#46b065}.moment-publish-page .publish-images .add-image:hover .plus,.moment-publish-page .publish-images .add-image:hover .text{color:#46b065}.moment-publish-page .publish-images .add-image .plus{font-size:32px;color:#999;line-height:1}.moment-publish-page .publish-images .add-image .text{font-size:12px;color:#999;margin-top:4px}.moment-publish-page .publish-options{background:#fff;padding:0 16px;margin-bottom:10px}.moment-publish-page .publish-options .option-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.moment-publish-page .publish-options .option-item:last-child{border-bottom:none}.moment-publish-page .publish-options .option-item .label{font-size:15px;color:#333}.moment-publish-page .publish-options .option-item .switch{width:48px;height:28px;background:#e0e0e0;border-radius:14px;position:relative;transition:background .2s ease}.moment-publish-page .publish-options .option-item .switch.active{background:#46b065}.moment-publish-page .publish-options .option-item .switch.active .switch-thumb{transform:translate(20px)}.moment-publish-page .publish-options .option-item .switch .switch-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.moment-publish-page .publish-tips{padding:16px;color:#999;font-size:13px;line-height:1.8}.moment-publish-page .publish-tips p{margin:0}.moment-detail-page{min-height:100vh;min-height:100dvh;background:#f5f5f5;padding-bottom:80px}.moment-detail-page .detail-header{display:flex;align-items:center;padding:15px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.moment-detail-page .detail-header .back-btn{background:none;border:none;font-size:16px;color:#333;cursor:pointer;padding:5px 10px;margin-right:10px}.moment-detail-page .detail-header h2{font-size:18px;font-weight:500;margin:0}.moment-detail-page .loading,.moment-detail-page .not-found{text-align:center;padding:50px;color:#999}.moment-detail-page .moment-content{background:#fff;padding:15px;margin-bottom:10px}.moment-detail-page .moment-content .moment-user{display:flex;align-items:center;margin-bottom:12px}.moment-detail-page .moment-content .moment-user .avatar{width:44px;height:44px;border-radius:50%;margin-right:12px;object-fit:cover}.moment-detail-page .moment-content .moment-user .user-info{display:flex;flex-direction:column}.moment-detail-page .moment-content .moment-user .user-info .nickname{font-size:16px;font-weight:500;color:#333}.moment-detail-page .moment-content .moment-user .user-info .time{font-size:12px;color:#999;margin-top:4px}.moment-detail-page .moment-content .moment-text{font-size:15px;line-height:1.6;color:#333;margin-bottom:12px;word-break:break-all}.moment-detail-page .moment-content .forward-moment{margin-top:10px;padding:12px;background:#f8f8f8;border-radius:8px;border-left:3px solid #46B065;cursor:pointer;transition:background-color .2s ease;margin-bottom:12px}.moment-detail-page .moment-content .forward-moment:hover{background:#f0f0f0}.moment-detail-page .moment-content .forward-moment .forward-header{display:flex;align-items:center;margin-bottom:8px}.moment-detail-page .moment-content .forward-moment .forward-header .forward-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px;object-fit:cover}.moment-detail-page .moment-content .forward-moment .forward-header .forward-user-info{display:flex;align-items:center;gap:4px}.moment-detail-page .moment-content .forward-moment .forward-header .forward-nickname{font-size:13px;font-weight:500;color:#333}.moment-detail-page .moment-content .forward-moment .forward-label{font-size:12px;color:#999}.moment-detail-page .moment-content .forward-moment .forward-content{font-size:14px;color:#333;line-height:1.5;word-break:break-word}.moment-detail-page .moment-content .forward-moment .forward-images{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.moment-detail-page .moment-content .forward-moment .forward-images img{width:60px;height:60px;object-fit:cover;border-radius:4px}.moment-detail-page .moment-content .forward-moment .forward-images .more-images{width:60px;height:60px;background:rgba(0,0,0,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.moment-detail-page .moment-content .moment-images{margin-bottom:12px}.moment-detail-page .moment-content .moment-images.single img{max-width:200px;max-height:200px;border-radius:8px}.moment-detail-page .moment-content .moment-images.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.moment-detail-page .moment-content .moment-images.grid-2 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.moment-detail-page .moment-content .moment-images.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.moment-detail-page .moment-content .moment-images.grid-3 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.moment-detail-page .moment-content .moment-actions{display:flex;gap:20px;padding-top:10px;border-top:1px solid #f0f0f0}.moment-detail-page .moment-content .moment-actions .action-btn{display:flex;align-items:center;gap:5px;background:none;border:none;font-size:14px;color:#666;cursor:pointer;padding:5px 10px;border-radius:20px;transition:all .2s}.moment-detail-page .moment-content .moment-actions .action-btn:hover{background:#f5f5f5}.moment-detail-page .moment-content .moment-actions .action-btn.liked{color:#ff4d4f}.moment-detail-page .moment-content .moment-actions .action-btn.forwarding{opacity:.6;cursor:wait}.moment-detail-page .moment-content .moment-actions .action-btn.disabled{opacity:.4;cursor:not-allowed}.moment-detail-page .moment-content .moment-actions .action-btn.disabled:hover{background:transparent}.moment-detail-page .moment-content .moment-actions .action-btn .icon{font-size:18px}.moment-detail-page .moment-content .moment-actions .action-btn .count{min-width:20px}.moment-detail-page .comments-section{background:#fff}.moment-detail-page .comments-section .comments-header{padding:15px;border-bottom:1px solid #eee}.moment-detail-page .comments-section .comments-header h3{margin:0;font-size:16px;font-weight:500}.moment-detail-page .comments-section .comments-list{padding:0 15px}.moment-detail-page .comments-section .comments-list .no-comments{text-align:center;padding:40px;color:#999;font-size:14px}.moment-detail-page .comments-section .comments-list .comment-item{display:flex;padding:15px 0;border-bottom:1px solid #f5f5f5}.moment-detail-page .comments-section .comments-list .comment-item:last-child{border-bottom:none}.moment-detail-page .comments-section .comments-list .comment-item .comment-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px;object-fit:cover;flex-shrink:0}.moment-detail-page .comments-section .comments-list .comment-item .comment-content{flex:1;min-width:0}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-header .comment-nickname{font-size:14px;font-weight:500;color:#333}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-header .reply-text{font-size:12px;color:#999}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-header .reply-text .reply-name{color:#1890ff}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-text{font-size:14px;line-height:1.5;color:#333;word-break:break-all}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-footer{display:flex;align-items:center;gap:15px;margin-top:8px}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-footer .comment-time{font-size:12px;color:#999}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-footer .reply-btn{background:none;border:none;font-size:12px;color:#1890ff;cursor:pointer;padding:0}.moment-detail-page .comments-section .comments-list .comment-item .comment-content .comment-footer .reply-btn:hover{color:#40a9ff}.moment-detail-page .comment-input-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:100}.moment-detail-page .comment-input-bar .reply-to-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:#f5f5f5;border-radius:4px;margin-bottom:10px;font-size:13px;color:#666}.moment-detail-page .comment-input-bar .reply-to-bar .cancel-reply{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0 5px}.moment-detail-page .comment-input-bar .input-wrapper{display:flex;align-items:flex-end;gap:10px}.moment-detail-page .comment-input-bar .input-wrapper textarea{flex:1;min-height:36px;max-height:100px;padding:8px 12px;border:1px solid #e8e8e8;border-radius:18px;font-size:14px;resize:none;outline:none;line-height:1.4}.moment-detail-page .comment-input-bar .input-wrapper textarea:focus{border-color:#1890ff}.moment-detail-page .comment-input-bar .input-wrapper .submit-btn{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:18px;font-size:14px;cursor:pointer;transition:background .2s}.moment-detail-page .comment-input-bar .input-wrapper .submit-btn:hover:not(:disabled){background:#40a9ff}.moment-detail-page .comment-input-bar .input-wrapper .submit-btn:disabled{background:#ccc;cursor:not-allowed}.layout{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background-color:#f5f5f5;overflow:hidden}.header{padding:10px 20px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header .header-title{font-size:20px;font-weight:700;color:#1a1a2e}.header .add-friend-btn{width:32px;height:32px;border-radius:50%;background:#dcecb5;color:#46b065;border:none;font-size:20px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header .add-friend-btn:hover{opacity:.9;transform:scale(1.05)}.header .add-friend-btn:active{transform:scale(.95)}.main-content{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.main-content>*{flex:1;min-height:0}.bottom-nav{display:flex;background:#fff;border-top:1px solid #e8e8e8;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-shrink:0;position:relative;z-index:100}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:all .3s}.bottom-nav .nav-item:hover{background-color:#f5f5f5}.bottom-nav .nav-item.nav-message.active .nav-icon{transform:scale(1.1);border:2px solid #4facfe;border-radius:12px;background:linear-gradient(135deg,rgba(79,172,254,.15),rgba(0,242,254,.15))}.bottom-nav .nav-item.nav-contact.active .nav-icon{transform:scale(1.1);border:2px solid #43e97b;border-radius:12px;background:linear-gradient(135deg,rgba(67,233,123,.15),rgba(56,249,215,.15))}.bottom-nav .nav-item.nav-group.active .nav-icon{transform:scale(1.1);border:2px solid #fa709a;border-radius:12px;background:linear-gradient(135deg,rgba(250,112,154,.15),rgba(254,225,64,.15))}.bottom-nav .nav-item.nav-user.active .nav-icon{transform:scale(1.1);border:2px solid #46B065;border-radius:12px;background:linear-gradient(135deg,rgba(129,197,112,.15),rgba(95,160,90,.15))}.bottom-nav .nav-item .nav-icon{font-size:28px;transition:transform .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative}.bottom-nav .nav-item .nav-icon .nav-svg{width:100%;height:100%;object-fit:contain}.bottom-nav .nav-item .nav-icon .emoji-fallback{font-size:28px;display:flex;align-items:center;justify-content:center}.bottom-nav .nav-item .nav-icon .nav-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(255,77,79,.3)}@media screen and (min-width: 768px){.layout .bottom-nav{display:none}.layout .main-content{padding-bottom:0}}.split-layout{display:flex;height:100vh;height:100dvh;width:100vw;width:100dvw;background:#f5f5f5;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.split-layout.foldable .split-session-item .session-info .session-preview{max-width:200px}.split-left{width:40%;max-width:400px;min-width:280px;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;background:#fff;overflow:hidden;height:100%;flex-shrink:0}@media screen and (min-width: 768px) and (max-width: 1200px){.split-left{width:45%;min-width:320px}}.split-left-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;border-bottom:1px solid #e8e8e8;background:#fff;gap:12px;flex-shrink:0}.split-left-header .header-title{margin:0;font-size:20px;font-weight:600;color:#333;flex-shrink:0}.split-left-header .search-box{flex:1;max-width:160px}.split-left-header .search-box input{width:100%;padding:8px 12px;border:1px solid #e8e8e8;border-radius:16px;font-size:14px;outline:none;transition:border-color .2s}.split-left-header .search-box input:focus{border-color:#46b065}.split-left-header .search-box input::placeholder{color:#999}.split-session-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.split-session-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.split-session-item:hover{background:#f5f5f5}.split-session-item.active{background:#e8f5ed}.split-session-item.active .session-name{color:#46b065}.split-session-item .session-avatar{position:relative;width:48px;height:48px;margin-right:12px;flex-shrink:0}.split-session-item .session-avatar img{width:100%;height:100%;border-radius:8px;object-fit:cover}.split-session-item .session-avatar .unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;border-radius:9px;font-size:11px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500}.split-session-item .session-info{flex:1;min-width:0}.split-session-item .session-info .session-name{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-session-item .session-info .session-preview{font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-session-item .session-time{font-size:12px;color:#999;flex-shrink:0;margin-left:8px}.empty-list{padding:40px 20px;text-align:center;color:#999;font-size:14px}.split-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.split-placeholder .placeholder-icon{font-size:64px;margin-bottom:16px;opacity:.5}.split-placeholder .placeholder-text{font-size:16px;color:#999}.split-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:4px 0;background:#fff;border-top:1px solid #e8e8e8;flex-shrink:0;height:63px;min-height:63px}.split-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 12px;cursor:pointer;transition:all .2s}.split-bottom-nav .nav-item.active .nav-icon{transform:scale(1.1);border:2px solid #46B065;border-radius:12px;background:linear-gradient(135deg,rgba(70,176,101,.15),rgba(58,143,82,.15))}.split-bottom-nav .nav-item.active .nav-label{color:#46b065;font-weight:500}.split-bottom-nav .nav-item .nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.split-bottom-nav .nav-item .nav-icon .nav-svg{width:20px;height:20px;object-fit:contain}.split-bottom-nav .nav-item .nav-icon .emoji-fallback{font-size:20px}.split-bottom-nav .nav-item .nav-icon .nav-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background:#ff4d4f;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.split-bottom-nav .nav-item .nav-label{font-size:10px;color:#999;margin-top:1px;transition:all .2s}.split-bottom-nav .nav-item:hover .nav-label{color:#46b065}.split-left-contact{flex:1;overflow:hidden;display:flex;flex-direction:column}.split-left-contact .contact-page{height:100%}.split-left-contact .contact-page .contact-header{display:none}.split-left-contact .contact-page .contact-list{padding-top:0}.split-right{flex:1;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;height:100%;min-width:300px}@media screen and (min-width: 768px) and (max-width: 1200px){.split-right{min-width:320px}}.split-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.split-empty-chat .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.split-empty-chat .empty-text{font-size:16px;margin-bottom:8px}.split-empty-chat .empty-subtext{font-size:14px;color:#999;opacity:.8}@media screen and (max-width: 599px){.split-layout{display:none}}@media screen and (min-width: 600px) and (max-width: 1200px){.split-layout .split-left{width:45%;min-width:280px;max-width:400px}.split-layout .split-right{flex:1;min-width:300px}.split-session-item{padding:14px 16px}.split-session-item .session-avatar{width:52px;height:52px}.split-session-item .session-info .session-name{font-size:16px}.split-session-item .session-info .session-preview{font-size:14px}.split-bottom-nav{padding:10px 0}.split-bottom-nav .nav-item{padding:6px 16px}.split-bottom-nav .nav-item .nav-icon{width:40px;height:40px}.split-bottom-nav .nav-item .nav-icon .nav-svg{width:26px;height:26px}.split-bottom-nav .nav-item .nav-label{font-size:12px}}@media screen and (min-width: 1200px){.split-left{max-width:420px;width:35%}.split-right{width:65%}}@media screen and (min-width: 1600px){.split-left{max-width:480px;width:30%}.split-right{width:70%}}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;-webkit-tap-highlight-color:transparent}*:before,*:after{box-sizing:border-box;border:none}:root{--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left)}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw;margin:0;padding:0;border:none;outline:none;height:100%;min-height:100vh;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;height:100%;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;border:none;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width: 768px){::-webkit-scrollbar{display:none;width:0;height:0}html,body,#root{-ms-overflow-style:none;scrollbar-width:none}}@media screen and (min-width: 769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.hidden{display:none}.block{display:block}.safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .4s ease-out}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s}.btn:primary{background:linear-gradient(135deg,#46b065,#3a8f52);color:#fff}.btn:primary:hover{opacity:.9;transform:translateY(-1px)}.btndefault{background:#f0f0f0;color:#333}.btndefault:hover{background:#e0e0e0}.input{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s}.input:focus{outline:none;border-color:#46b065;box-shadow:0 0 0 2px rgba(129,197,112,.2)}