.app-layout{height:100vh;height:100svh;height:100dvh;display:flex;flex-direction:column;background:#ededed}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-tabs{display:flex;background:#fff;border-top:1px solid #d6d6d6;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab-item.active{color:#07c160}.tab-icon-wrapper{position:relative}.tab-icon{font-size:24px;margin-bottom:2px}.tab-badge{position:absolute;top:-5px;right:-10px;min-width:18px;height:18px;background:#e64340;color:#fff;font-size:12px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.tab-label{font-size:12px}.app-layout:has(.profile-edit-modal,.about-modal,.profile-confirm-modal,.profile-avatar-modal,.membership-overlay,.notifications-modal,.create-moment-modal,.delete-confirm-modal,.image-viewer-modal,.video-player-modal,.confirm-modal,.user-profile-modal-overlay) .app-tabs{display:none}.call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:1000;display:flex;align-items:center;justify-content:center}.call-overlay-video{background:#000}.call-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;width:100%;max-width:400px}.call-container-video-connected{justify-content:flex-end;max-width:100%;height:100%;padding-bottom:calc(60px + env(safe-area-inset-bottom));position:relative;z-index:10}.call-avatar{width:120px;height:120px;border-radius:50%;background:#3a3a5c;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 32px #0000004d;animation:pulse 2s infinite}.call-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.call-avatar .avatar-placeholder{font-size:48px;color:#fff;font-weight:500}.call-type-icon{font-size:24px;margin-bottom:8px;opacity:.8;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d}50%{transform:scale(1.05);box-shadow:0 12px 48px #0006}}.call-nickname{font-size:24px;font-weight:600;color:#fff;margin-bottom:12px}.call-status{font-size:16px;color:#8a8a8a;margin-bottom:48px}.call-status-video{margin-bottom:20px;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.5)}.call-video-info-bar{position:absolute;top:calc(20px + env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:10}.call-video-info-bar .call-nickname{margin-bottom:0;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.call-actions{display:flex;gap:40px;justify-content:center}.call-actions-video{gap:30px}.call-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.call-btn .btn-icon{font-size:28px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.call-btn .btn-text{font-size:12px;color:#fff}.call-btn.accept{background:#07c160}.call-btn.accept:hover{background:#06ad56;transform:scale(1.1)}.call-btn.reject,.call-btn.end{background:#fa5151}.call-btn.reject:hover,.call-btn.end:hover{background:#e84545;transform:scale(1.1)}.call-btn.control{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.call-btn.control:hover{background:#ffffff4d;transform:scale(1.1)}.call-remote-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.call-local-video{position:absolute;top:calc(80px + env(safe-area-inset-top));right:20px;width:120px;height:160px;object-fit:cover;border-radius:12px;background:#1a1a2e;z-index:15;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0006;transform:scaleX(-1)}.call-btn-header{background:transparent;border:none;font-size:20px;padding:8px;cursor:pointer;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;color:#333}.call-connected .call-avatar{animation:none}@media (max-width: 400px){.call-avatar{width:100px;height:100px}.call-avatar .avatar-placeholder{font-size:40px}.call-nickname{font-size:20px}.call-btn{width:64px;height:64px}.call-btn .btn-icon{font-size:24px}.call-local-video{width:100px;height:140px}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;background:#000000b3;color:#fff;border-radius:8px;font-size:14px;z-index:9999;animation:fadeIn .3s ease}.toast-success{background:#07c160e6}.toast-error{background:#e64340e6}.toast-info{background:#000000b3}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.privacy-notice-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.privacy-notice-modal{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideIn .3s ease}.privacy-notice-header{text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0}.privacy-icon{font-size:48px;margin-bottom:10px}.privacy-notice-header h2{color:#fff;font-size:24px;font-weight:500;margin:0}.privacy-notice-content{padding:20px}.privacy-intro{font-size:16px;color:#333;line-height:1.6;margin-bottom:20px}.privacy-item{margin-bottom:20px}.privacy-title{font-size:16px;font-weight:500;color:#333;margin-bottom:8px}.privacy-desc{font-size:14px;color:#666;line-height:1.6;padding-left:10px}.privacy-footer{font-size:15px;color:#667eea;font-weight:500;text-align:center;margin-top:20px}.privacy-confirm-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:0 0 15px 15px;font-size:16px;font-weight:500;cursor:pointer}.privacy-confirm-btn:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190)}.privacy-confirm-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.icp-footer{text-align:center;padding:10px 16px 16px;font-size:11px;color:#999;line-height:1.8;background:transparent}.icp-footer p{margin:0}.icp-footer a{color:#999;text-decoration:none;word-break:break-all}.icp-footer a:active{color:#666}@media (max-width: 360px){.icp-footer{font-size:10px;padding:8px 12px 12px}}.login-container{min-height:100vh;min-height:100svh;min-height:100dvh;max-height:100vh;max-height:100svh;max-height:100dvh;display:flex;flex-direction:column;padding:20px;padding-top:8vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;-webkit-overflow-scrolling:touch}.login-header{text-align:center;margin-bottom:25px}.login-header h1{color:#fff;font-size:32px;font-weight:600}.login-form{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px #0000001a}.form-group{margin-bottom:20px}.form-group input{width:100%;height:50px;padding:15px;border:1px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#667eea}.verification-group{display:flex;gap:10px;align-items:center}.verification-group input{flex:1}.send-code-btn{flex-shrink:0;height:50px;padding:0 16px;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .2s}.send-code-btn:hover:not(:disabled){opacity:.9}.send-code-btn:disabled{background:#ccc;cursor:not-allowed}.submit-btn{width:100%;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-size:18px;font-weight:600;margin-top:10px}.switch-btn{text-align:center;color:#667eea;margin-top:20px;cursor:pointer;font-size:14px}.error-message{background:#fee;color:#c00;padding:10px;border-radius:10px;margin-bottom:20px;text-align:center}.privacy-statement{background:#fffffff2;padding:12px;border-radius:12px;margin-top:12px;box-shadow:0 5px 20px #0000001a}.privacy-title{font-size:13px;color:#333;font-weight:500;text-align:center;margin-bottom:10px;line-height:1.4}.privacy-item{display:flex;align-items:flex-start;margin-bottom:8px}.privacy-item:last-child{margin-bottom:0}.privacy-icon{font-size:18px;margin-right:8px;flex-shrink:0}.privacy-content{flex:1}.privacy-subtitle{font-size:13px;color:#333;font-weight:500;margin-bottom:3px}.privacy-desc{font-size:11px;color:#666;line-height:1.4}.home-container{height:100%;display:flex;flex-direction:column;background:#ededed}.home-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.home-header h2{font-size:18px;font-weight:500;color:#000}.create-group-btn{background:none;border:none;font-size:24px;color:#07c160;cursor:pointer}.chat-list{flex:1;overflow-y:auto;background:#fff}.chat-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer}.chat-item:hover{background:#f5f5f5}.chat-avatar-wrapper{position:relative;margin-right:12px}.chat-avatar{width:45px;height:45px}.chat-avatar img{width:45px;height:45px;border-radius:5px;object-fit:cover}.group-avatar{background:#576b95}.chat-unread-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background:#e64340;color:#fff;font-size:12px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-info{flex:1;min-width:0}.chat-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-name{font-size:16px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-type-tag{padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap}.chat-type-tag.group{background:#e3f2fd;color:#1976d2}.chat-type-tag.friend{background:#fff3e0;color:#f57c00}.chat-type-tag.developer{background:#f3e5f5;color:#9c27b0}.chat-message{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:12px;color:#999}.friends-container{height:100%;display:flex;flex-direction:column;background:#ededed}.friends-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.friends-header h2{font-size:18px;font-weight:500;color:#000}.add-btn{width:40px;height:40px;background:transparent;font-size:24px;display:flex;align-items:center;justify-content:center}.friends-tabs{display:flex;background:#fff;border-bottom:1px solid #e0e0e0}.tab{flex:1;padding:12px 0;text-align:center;font-size:14px;color:#666;cursor:pointer;position:relative}.tab.active{color:#07c160;font-weight:500}.tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:#07c160}.friends-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.friends-list,.requests-list{background:#fff;min-height:100%}.friend-item,.request-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0}.friend-avatar,.request-avatar,.user-avatar{width:45px;height:45px;margin-right:12px}.friend-avatar img,.request-avatar img,.user-avatar img{width:45px;height:45px;border-radius:5px;object-fit:cover}.avatar-placeholder{width:45px;height:45px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.friend-info,.request-info,.user-info{flex:1}.friend-name,.request-name,.user-name{font-size:16px;color:#333;margin-bottom:3px}.friend-phone,.request-time,.user-phone{font-size:13px;color:#999}.friend-actions,.request-actions{display:flex;gap:8px}.chat-btn{padding:6px 15px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.delete-btn,.reject-btn{padding:6px 15px;background:#f5f5f5;color:#666;border-radius:5px;font-size:14px}.accept-btn{padding:6px 15px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.request-status{padding:6px 15px;background:#f5f5f5;color:#999;border-radius:5px;font-size:14px}.confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cancel-btn{background:#f5f5f5;color:#666}.delete-confirm-btn{background:#e74c3c;color:#fff}.delete-confirm-btn:active{background:#c0392b}.add-friend-container{height:100%;display:flex;flex-direction:column;background:#ededed}.add-friend-header{display:flex;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.add-friend-header h2{font-size:18px;font-weight:500;color:#000;margin-left:10px}.back-btn{width:40px;height:40px;background:transparent;font-size:20px;display:flex;align-items:center;justify-content:center}.search-box{display:flex;padding:10px 15px;background:#fff;gap:10px}.search-box input{flex:1;height:40px;padding:10px 15px;border:1px solid #e0e0e0;border-radius:5px;font-size:16px;background:#f5f5f5}.search-btn{width:80px;height:40px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.search-btn:disabled{background:#ccc}.search-results{flex:1;overflow-y:auto;background:#fff;margin-top:10px}.user-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0}.user-item .user-avatar{width:45px;height:45px;margin-right:12px}.user-item .user-avatar img{width:45px;height:45px;border-radius:5px;object-fit:cover}.user-item .avatar-placeholder{width:45px;height:45px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.user-item .user-info{flex:1}.user-item .user-name{font-size:16px;color:#333;margin-bottom:3px}.user-item .user-phone{font-size:13px;color:#999}.user-item .add-btn{padding:6px 15px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.empty-state{padding:50px 20px;text-align:center;color:#999;font-size:14px}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:user-profile-fade-in .2s ease}@keyframes user-profile-fade-in{0%{opacity:0}to{opacity:1}}.user-profile-modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;animation:user-profile-slide-up .3s ease;position:relative}@keyframes user-profile-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-profile-loading{padding:60px 20px;text-align:center;color:#999;font-size:14px}.user-profile-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:#0000004d;color:#fff;font-size:18px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.user-profile-close:active{background:#00000080}.user-profile-header-section{position:relative}.user-profile-background{height:120px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;border-radius:16px 16px 0 0}.user-profile-background-overlay{height:100%;border-radius:16px 16px 0 0;background:linear-gradient(to bottom,transparent 50%,rgba(255,255,255,.3))}.user-profile-avatar-section{text-align:center;margin-top:-40px;position:relative;z-index:2;padding:0 16px 12px}.user-profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0000001a}.user-profile-name{font-size:18px;font-weight:600;color:#333;margin-top:8px}.user-profile-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.user-profile-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#f0f0f0;color:#666}.user-profile-tag.male{background:#e3f2fd;color:#1976d2}.user-profile-tag.female{background:#fce4ec;color:#d81b60}.user-profile-tag.location{background:#e8f5e9;color:#2e7d32}.user-profile-tag.id{background:#f3e5f5;color:#7b1fa2}.user-profile-stats{display:flex;padding:12px 16px;margin:0 12px;background:#f9f9f9;border-radius:12px}.user-profile-stat-item{flex:1;text-align:center}.user-profile-stat-value{font-size:18px;font-weight:600;color:#333}.user-profile-stat-label{font-size:11px;color:#999;margin-top:2px}.user-profile-badges-section{padding:12px 16px}.user-profile-section-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.user-profile-badge-count{font-size:12px;font-weight:400;color:#999}.user-profile-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.user-profile-badge-item{text-align:center;padding:8px 4px;border-radius:10px;position:relative}.user-profile-badge-item.unlocked{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.user-profile-badge-item.locked{background:#f5f5f5;opacity:.6}.user-profile-badge-icon{font-size:24px}.user-profile-badge-name{font-size:10px;color:#666;margin-top:2px}.user-profile-badge-lock{position:absolute;top:2px;right:4px;font-size:10px}.user-profile-info-section{padding:12px 16px}.user-profile-info-list{background:#f9f9f9;border-radius:12px;overflow:hidden}.user-profile-info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f0f0f0}.user-profile-info-item:last-child{border-bottom:none}.user-profile-info-label{font-size:13px;color:#999}.user-profile-info-value{font-size:13px;color:#333;font-weight:500}.user-profile-actions{padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px}.user-profile-btn{padding:10px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.user-profile-btn:active{opacity:.7}.user-profile-btn.primary{background:#07c160;color:#fff}.user-profile-btn.secondary{background:#f5f5f5;color:#333}.user-profile-btn.disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.chat-container{height:100%;display:flex;flex-direction:column;background:#ededed}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.chat-header-right{display:flex;align-items:center;gap:10px}.chat-more-btn{width:40px;height:40px;background:transparent;font-size:24px;display:flex;align-items:center;justify-content:center}.more-menu{position:absolute;top:60px;right:20px;background:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:100}.menu-item{padding:12px 20px;width:150px;text-align:left;font-size:14px}.date-list-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.date-list-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.date-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.date-list-header h3{font-size:18px;font-weight:500}.chat-close-btn{width:30px;height:30px;background:#f5f5f5;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center}.date-list-items{max-height:400px;overflow-y:auto}.date-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7f7f7;margin-bottom:10px;border-radius:5px}.date-text{font-size:14px;font-weight:500}.date-count{font-size:12px;color:#999}.message-item.highlight{background:#e8f5e9;border-radius:5px}.chat-back-btn{width:40px;height:40px;background:transparent;font-size:20px;display:flex;align-items:center;justify-content:center}.friend-info{display:flex;align-items:center;margin-left:10px}.chat-friend-avatar{width:40px;height:40px;border-radius:5px;object-fit:cover}.friend-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.chat-friend-name{margin-left:10px;font-size:16px;font-weight:500}.connection-status{margin-left:auto;font-size:12px}.messages-container{flex:1;overflow-y:auto;padding:10px;background:#ededed}.date-separator{text-align:center;padding:10px 0;color:#999;font-size:12px;margin-bottom:10px}.message-item{margin-bottom:15px;display:flex;align-items:flex-start;width:100%}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.chat-message-avatar{width:40px;height:40px;flex-shrink:0;margin-top:0;cursor:pointer}.message-item.sent .chat-message-avatar{margin-left:10px}.message-item.received .chat-message-avatar{margin-right:10px}.chat-message-avatar img{width:40px;height:40px;border-radius:5px;object-fit:cover}.chat-message-avatar .chat-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.message-bubble{max-width:70%;display:flex;flex-direction:column}.message-content{padding:10px 15px;border-radius:5px;font-size:15px;word-wrap:break-word;display:inline-block;line-height:1.4}.message-item.sent .message-content{background:#95ec69;color:#000}.message-item.received .message-content{background:#fff;color:#000}.chat-message-time{font-size:12px;color:#999;margin-top:4px}.message-item.sent .chat-message-time{text-align:right}.message-item.received .chat-message-time{text-align:left}.chat-new-message-tip{position:absolute;bottom:70px;right:15px;background:#07c160;color:#fff;padding:8px 15px;border-radius:20px;font-size:13px;cursor:pointer;z-index:10;animation:fadeIn .3s ease}.chat-new-message-tip:active{background:#06ad56}.input-container{display:flex;padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d6d6d6}.input-container textarea{flex:1;min-height:40px;max-height:120px;padding:10px 15px;border:none;border-radius:5px;background:#fff;font-size:16px;resize:none;overflow-y:auto;line-height:1.4}.chat-send-btn{width:60px;height:40px;margin-left:10px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.deleted-friend-tip{display:flex;align-items:center;justify-content:center;padding:20px 15px;background:#f7f7f7;border-top:1px solid #d6d6d6}.tip-icon{font-size:24px;margin-right:15px}.chat-tip-content{display:flex;flex-direction:column;align-items:center;gap:10px}.chat-tip-text{font-size:14px;color:#666}.reapply-btn{padding:10px 20px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.reapply-btn:disabled{background:#ccc;color:#999}.chat-avatar-menu-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.chat-avatar-menu-content{background:#fff;padding:10px 0;border-radius:10px;width:80%;max-width:300px}.chat-avatar-menu-item{width:100%;padding:15px 20px;text-align:center;font-size:16px;background:transparent;border-bottom:1px solid #f0f0f0}.chat-avatar-menu-item:last-child{border-bottom:none}.chat-avatar-menu-item.cancel{color:#999}.message-read-status{font-size:11px;color:#999;align-self:flex-end;margin-right:4px;margin-bottom:2px;white-space:nowrap}.message-read-status.unread{color:#fa5151}.call-message-centered{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px auto;padding:8px 16px;background:#0000000d;border-radius:4px;font-size:13px;color:#888}.call-message-centered .call-icon{font-size:14px;display:inline-flex;align-items:center}.call-message-centered .call-text{color:#888}.message-item.sent .call-bubble{background:#95ec69!important}.message-item.received .call-bubble{background:#fff!important}.call-message-row{display:flex;align-items:center;padding:10px 15px;border-radius:5px}.call-icon-small{font-size:14px;display:inline-flex;align-items:center}.call-bubble .call-text{color:#000;font-size:14px}.call-message-item{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px auto;padding:10px 20px;background:#fffc;border-radius:8px;max-width:200px}.call-message-content{display:flex;align-items:center;gap:8px}.call-icon{font-size:16px;display:inline-flex;align-items:center}.call-text{font-size:13px;color:#666}.call-message-time{font-size:11px;color:#999;margin-top:4px}.call-btn-header{background:transparent;border:none;font-size:20px;padding:8px;cursor:pointer;transition:transform .2s ease}.call-btn-header:hover{transform:scale(1.1)}.chat-loading-more{text-align:center;padding:10px;color:#999;font-size:14px}.chat-no-more-messages{text-align:center;padding:10px;color:#ccc;font-size:12px}.chat-media-bubble{background:transparent!important;padding:0!important}.chat-media-image{max-width:200px;max-height:200px;border-radius:5px;cursor:pointer;object-fit:cover}.message-item.sent .chat-media-bubble{display:flex;flex-direction:column;align-items:flex-end}.message-item.received .chat-media-bubble{display:flex;flex-direction:column;align-items:flex-start}.chat-video-thumbnail{width:200px;height:150px;background:#000;border-radius:5px;position:relative;cursor:pointer;overflow:hidden}.chat-video-preview{width:100%;height:100%;object-fit:cover}.chat-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333}.chat-add-media-btn{width:40px;height:40px;background:#07c160;color:#fff;border-radius:5px;font-size:20px;margin-right:10px;display:flex;align-items:center;justify-content:center}.chat-add-media-btn:disabled{background:#ccc}.chat-media-selector{position:absolute;bottom:60px;left:10px;background:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:100}.chat-media-option{width:120px;padding:12px 15px;text-align:left;font-size:14px;border-bottom:1px solid #eee}.chat-media-option:last-child{border-bottom:none}.chat-media-preview-container{padding:10px 15px;background:#f7f7f7;display:flex;flex-direction:column;gap:10px}.chat-media-preview{display:flex;align-items:center;gap:10px}.chat-media-preview img,.chat-media-preview video{max-width:150px;max-height:150px;border-radius:5px;object-fit:cover}.chat-remove-media-btn{width:30px;height:30px;background:#00000080;color:#fff;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center}.chat-send-media-btn{padding:10px 20px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.chat-send-media-btn:disabled{background:#ccc}.chat-upload-progress-bar{padding:5px 15px;background:#f7f7f7}.chat-progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.chat-progress-fill{height:100%;background:#07c160;transition:width .3s ease}.chat-progress-text{text-align:center;font-size:12px;color:#666;margin-top:5px}.chat-image-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-viewer-image{max-width:90%;max-height:90%;object-fit:contain}.chat-close-viewer-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fffc;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;color:#333}.chat-video-player{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-player-video{max-width:90%;max-height:90%}.moments-container{height:100vh;height:100svh;height:100dvh;display:flex;flex-direction:column;background:#ededed}.moments-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.moments-header h2{font-size:18px;font-weight:500}.moment-header-right{display:flex;gap:10px}.notification-btn{display:flex;align-items:center;gap:5px;padding:0 10px;background:transparent}.notification-text{font-size:14px;color:#333}.notification-badge{background:#ff5252;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px}.moment-back-btn,.moment-create-btn{width:66px;height:40px;background:#07c160;color:#fff;border-radius:5px;font-size:18px;display:flex;align-items:center;justify-content:center}.notifications-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.notifications-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notifications-header h3{font-size:18px;font-weight:500}.moment-close-btn{width:30px;height:30px;background:#f5f5f5;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center}.notification-tabs{display:flex;gap:10px;margin-bottom:15px}.notification-tabs .tab{padding:8px 16px;background:#f5f5f5;border-radius:5px;font-size:14px}.notification-tabs .tab.active{background:#07c160;color:#fff}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;padding:12px;background:#f7f7f7;margin-bottom:10px;border-radius:5px}.notification-item.unread{background:#e8f5e9}.notification-avatar img{width:40px;height:40px;border-radius:5px;object-fit:cover}.notification-avatar .moment-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.notification-info{margin-left:12px;flex:1}.notification-user{font-size:14px;font-weight:500;color:#576b95}.notification-text1{font-size:14px;color:#333;width:40px}.notification-time{font-size:12px;color:#999;margin-top:3px}.create-moment-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.create-moment-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px}.create-moment-content textarea{width:100%;min-height:120px;padding:10px;border:1px solid #d6d6d6;border-radius:5px;font-size:16px;resize:none}.create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.moment-cancel-btn{padding:10px 20px;background:#f5f5f5;color:#333;border-radius:5px}.publish-btn{padding:10px 20px;background:#07c160;color:#fff;border-radius:5px}.moments-list{flex:1;overflow-y:auto;padding:10px}.moment-item{background:#fff;padding:15px;margin-bottom:10px}.moment-header{display:flex;align-items:center}.moment-avatar img{width:45px;height:45px;border-radius:5px;object-fit:cover}.moment-avatar .moment-avatar-placeholder{width:45px;height:45px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.moment-user-info{margin-left:12px}.moment-username{font-size:16px;font-weight:500;color:#576b95}.moment-time{font-size:12px;color:#999;margin-top:3px}.moment-content{margin-top:10px;font-size:15px;color:#333;line-height:1.5}.moment-images{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.moment-images img{width:80px;height:80px;border-radius:5px;object-fit:cover}.moment-footer{margin-top:15px}.likes-section{background:#f7f7f7;padding:8px 10px;margin-bottom:5px;font-size:14px}.likes-icon{margin-right:5px}.likes-users{color:#576b95}.comments-section{background:#f7f7f7;padding:8px 10px}.comment-item{font-size:14px;margin-bottom:5px;line-height:1.5}.comment-item:last-child{margin-bottom:0}.comment-user{color:#576b95;font-weight:500;cursor:pointer}.comment-reply-text{color:#333;margin-left:3px}.comment-reply-user{color:#576b95;margin-left:3px}.comment-colon,.comment-content{color:#333}.moment-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:15px}.action-btn{padding:5px 10px;background:transparent;color:#333;font-size:14px}.action-btn.liked{color:#ff5252}.comment-input-section{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}.reply-to-info{font-size:13px;color:#576b95;margin-bottom:8px;display:flex;align-items:center;gap:5px}.cancel-reply-btn{width:20px;height:20px;background:#f5f5f5;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center}.comment-input-row{display:flex;gap:8px}.comment-input-row input{flex:1;height:36px;padding:8px 12px;border:1px solid #d6d6d6;border-radius:5px;font-size:14px}.send-comment-btn{padding:8px 15px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.cancel-comment-btn{padding:8px 15px;background:#f5f5f5;color:#333;border-radius:5px;font-size:14px}.moment-empty-state{padding:40px;text-align:center;color:#999}.tip-popup{position:fixed;bottom:80px;right:20px;z-index:50;animation:fadeIn .3s ease}.moment-tip-content{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 10px #00000026;max-width:280px}.moment-tip-text{font-size:14px;color:#333;margin-bottom:12px;line-height:1.5}.tip-actions{display:flex;gap:10px;justify-content:flex-end}.tip-close-btn{padding:6px 12px;background:#f5f5f5;color:#333;border-radius:5px;font-size:13px}.tip-never-btn{padding:6px 12px;background:#07c160;color:#fff;border-radius:5px;font-size:13px}.action-btn.delete-btn{color:#999}.action-btn.delete-btn:hover{color:#e74c3c}.action-btn.hide-btn{color:#999}.action-btn.hide-btn:hover{color:#576b95}.action-btn.hide-btn.hidden{color:#e65100;background:#fff3e0;border-radius:3px}.hidden-tag{background:#fff3e0;color:#e65100;padding:4px 8px;border-radius:3px;font-size:12px;margin-bottom:10px;display:inline-block}.delete-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.delete-confirm-content{background:#fff;padding:20px;border-radius:10px;width:85%;max-width:350px}.delete-confirm-content h3{margin:0 0 15px;font-size:18px;font-weight:500;text-align:center}.delete-confirm-content p{margin:0 0 20px;font-size:15px;color:#666;text-align:center}.delete-confirm-buttons{display:flex;gap:10px}.cancel-delete-btn{flex:1;padding:12px;background:#f5f5f5;color:#666;border:none;border-radius:5px;font-size:16px}.moment-image-preview{cursor:pointer;transition:transform .2s}.moment-image-preview:hover{transform:scale(1.05)}.image-viewer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.image-viewer-content{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.moment-close-viewer-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#ffffff4d;color:#fff;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001}.prev-image-btn,.next-image-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffff4d;color:#fff;border-radius:50%;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001}.prev-image-btn{left:10px}.next-image-btn{right:10px}.moment-viewer-image{max-width:95vw;max-height:90vh;object-fit:contain}.image-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffff4d;color:#fff;padding:8px 15px;border-radius:20px;font-size:14px}.moment-video{position:relative;cursor:pointer}.moment-video-preview{width:100%;max-height:200px;border-radius:5px;object-fit:cover}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;border-radius:5px}.play-icon{width:50px;height:50px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333}.video-player-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.video-player-content{position:relative;max-width:95vw;max-height:90vh}.close-player-btn{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#ffffff4d;color:#fff;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.moment-player-video{max-width:95vw;max-height:90vh;border-radius:5px}.confirm-delete-btn{flex:1;padding:12px;background:#e74c3c;color:#fff;border:none;border-radius:5px;font-size:16px}.moment-media-selector{margin-top:15px}.selected-images{display:flex;gap:10px;flex-wrap:wrap}.selected-image-item{position:relative;width:80px;height:80px}.selected-image-item img{width:100%;height:100%;object-fit:cover;border-radius:5px}.remove-image-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ff5252;color:#fff;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center}.moment-add-image-btn,.moment-add-media-btn{width:80px;height:80px;background:#f5f5f5;border:1px dashed #d6d6d6;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#999;position:relative}.moment-add-image-btn input,.moment-add-media-btn input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.selected-video-item{position:relative;margin-top:10px}.selected-video-item video{width:100%;max-height:200px;border-radius:5px}.remove-video-btn{position:absolute;top:-5px;right:-5px;width:25px;height:25px;background:#ff5252;color:#fff;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center}.upload-progress{margin-top:15px}.moment-progress-bar{width:100%;height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden}.moment-progress-fill{height:100%;background:#07c160;transition:width .3s ease}.moment-progress-text{text-align:center;font-size:14px;color:#666;margin-top:8px}.moment-video{margin-top:10px}.moment-video video{width:100%;max-height:300px;border-radius:5px}.city-selector{display:flex;gap:8px;width:100%}.city-selector-province,.city-selector-city{flex:1;min-width:0;padding:8px 30px 8px 10px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background-color:#fff;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;outline:none;transition:border-color .2s}.city-selector-province:focus,.city-selector-city:focus{border-color:#ff5e3a}.city-selector-province:disabled,.city-selector-city:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.city-selector-city:disabled{opacity:.6}.membership-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:membership-fade-in .2s ease}@keyframes membership-fade-in{0%{opacity:0}to{opacity:1}}.membership-modal{background:#fff;width:100%;max-width:480px;max-height:90vh;border-radius:20px 20px 0 0;overflow-y:auto;position:relative;animation:membership-slide-up .3s ease;padding-bottom:env(safe-area-inset-bottom)}@keyframes membership-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.membership-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;font-size:16px;color:#666;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.membership-close-btn:hover{background:#e0e0e0}.membership-header{background:linear-gradient(135deg,gold,orange);padding:40px 24px 28px;text-align:center;border-radius:20px 20px 0 0}.membership-header-icon{font-size:48px;margin-bottom:8px}.membership-title{font-size:22px;font-weight:700;color:#5a3e00;margin:0 0 6px}.membership-subtitle{font-size:14px;color:#7a5c1a;margin:0}.membership-current-vip{background:#fff8e1;border-bottom:1px solid #ffe082;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b4e00}.membership-expire{color:#999;font-size:12px}.membership-privileges{padding:20px}.membership-section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 14px}.membership-privilege-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f5}.membership-privilege-item:last-child{border-bottom:none}.membership-privilege-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fff8e1,#ffe082);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.membership-privilege-info{flex:1;min-width:0}.membership-privilege-title{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.membership-privilege-desc{font-size:12px;color:#999}.membership-plans{display:flex;gap:10px;padding:0 20px 16px}.membership-plan{flex:1;background:#f9f9f9;border:2px solid #eee;border-radius:14px;padding:18px 8px;text-align:center;cursor:pointer;transition:all .2s;position:relative}.membership-plan:hover{border-color:gold;background:#fffef5;transform:translateY(-2px)}.membership-plan.has-badge{border-color:gold;background:linear-gradient(180deg,#fffef5,#fff8e1)}.membership-plan-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff5e3a,#ff9500);color:#fff;font-size:10px;padding:2px 10px;border-radius:8px;white-space:nowrap;font-weight:600}.membership-plan-name{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}.membership-plan-price{display:flex;align-items:baseline;justify-content:center;gap:1px;margin-bottom:4px}.membership-plan-currency{font-size:14px;color:#ff5e3a;font-weight:600}.membership-plan-amount{font-size:28px;color:#ff5e3a;font-weight:700}.membership-plan-original{font-size:12px;color:#ccc;text-decoration:line-through;margin-bottom:4px}.membership-plan-days{font-size:12px;color:#999}.membership-footer{padding:0 20px 24px;text-align:center}.membership-tip{font-size:12px;color:#bbb;margin:0}.membership-payment{padding:16px 20px 24px}.membership-back-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px 0;margin-bottom:12px}.membership-payment-header{text-align:center;margin-bottom:24px}.membership-payment-icon{font-size:40px;margin-bottom:8px}.membership-payment-title{font-size:20px;font-weight:600;color:#333;margin:0 0 6px}.membership-payment-price{font-size:16px;color:#ff5e3a;font-weight:600}.membership-payment-steps{margin-bottom:20px}.membership-payment-step{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.membership-step-num{width:24px;height:24px;border-radius:50%;background:gold;color:#5a3e00;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.membership-step-content{flex:1;min-width:0}.membership-step-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.membership-step-desc{font-size:13px;color:#888;line-height:1.6}.membership-username{display:inline-block;background:#fff8e1;color:#b8860b;padding:1px 8px;border-radius:4px;font-weight:600;margin:0 2px}.membership-payment-qr{text-align:center;margin:16px 0}.membership-qr-placeholder{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;border:2px dashed #ddd;border-radius:12px;background:#fafafa;color:#aaa}.membership-qr-icon{font-size:36px;margin-bottom:8px}.membership-qr-text{font-size:13px;color:#999}.membership-qr-subtext{font-size:11px;color:#ccc;margin-top:4px}.membership-qr-img{width:180px;height:180px;border-radius:12px;object-fit:cover}.membership-payment-notice{background:#fff5f5;border-radius:10px;padding:12px 14px;margin-bottom:20px}.membership-payment-notice p{font-size:12px;color:#e64340;margin:0 0 4px;line-height:1.5}.membership-payment-notice p:last-child{margin-bottom:0}.membership-payment-done-btn{width:100%;background:linear-gradient(135deg,gold,orange);color:#5a3e00;border:none;border-radius:24px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.membership-payment-done-btn:hover{opacity:.9}.profile-page{height:100%;background:#f5f5f7;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-scroll-container{min-height:100%;padding-bottom:80px}.profile-header-section{position:relative;background:#fff;margin-bottom:10px}.profile-background-image{padding-top:env(safe-area-inset-top);height:calc(180px + env(safe-area-inset-top));background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;position:relative}.profile-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#0003)}.profile-edit-btn{display:block;margin:12px auto 0;padding:8px 28px;background:#07c160;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #07c1604d}.profile-edit-btn:active{background:#06ad56}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:0 20px 25px;margin-top:-50px;position:relative;z-index:1}.profile-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 4px 12px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:500}.profile-name{font-size:19px;font-weight:600;color:#1a1a1a;margin-top:12px;text-align:center}.profile-meta-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px}.profile-meta-tag{padding:3px 10px;border-radius:12px;font-size:12px;background:#f0f0f0;color:#666}.profile-meta-tag.male{background:#e3f2fd;color:#1976d2}.profile-meta-tag.female{background:#fce4ec;color:#c2185b}.profile-meta-tag.location{background:#e8f5e9;color:#2e7d32}.profile-meta-tag.id{background:#f5f5f5;color:#999;font-size:11px}.profile-stats-section{background:#fff;margin:0 12px 10px;border-radius:12px;padding:20px 15px;box-shadow:0 1px 3px #0000000a}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stat-item{text-align:center}.profile-stat-value{font-size:22px;font-weight:600;color:#1a1a1a;line-height:1.2}.profile-stat-label{font-size:12px;color:#999;margin-top:4px}.profile-badges-section{background:#fff;margin:0 12px 10px;border-radius:12px;padding:15px;box-shadow:0 1px 3px #0000000a}.profile-section-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:12px;padding:0 2px}.profile-badge-count{font-size:12px;font-weight:400;color:#999}.profile-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-badge-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 4px;border-radius:10px;background:#fafafa}.profile-badge-item.unlocked{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.profile-badge-item.locked{opacity:.5;filter:grayscale(80%)}.profile-badge-icon{font-size:28px;margin-bottom:4px}.profile-badge-name{font-size:11px;color:#666;text-align:center;line-height:1.2}.profile-badge-lock{position:absolute;top:4px;right:4px;font-size:10px}.profile-info-section{background:#fff;margin:0 12px 10px;border-radius:12px;padding:15px;box-shadow:0 1px 3px #0000000a}.profile-info-list{display:flex;flex-direction:column}.profile-info-item{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #f5f5f5}.profile-info-item:last-child{border-bottom:none}.profile-info-item.clickable{cursor:pointer;transition:background .2s;border-radius:6px;margin:0 -4px;padding:12px 8px}.profile-info-item.clickable:active{background:#f9f9f9}.profile-info-label{font-size:14px;color:#666}.profile-info-value{font-size:14px;color:#1a1a1a;text-align:right}.profile-info-value.arrow{font-size:18px;color:#ccc}.profile-feedback-tip{display:flex;align-items:center;gap:12px;background:#fff;margin:0 12px 10px;border-radius:12px;padding:15px;box-shadow:0 1px 3px #0000000a}.profile-feedback-icon{font-size:24px}.profile-feedback-text{flex:1}.profile-feedback-title{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:2px}.profile-feedback-desc{font-size:12px;color:#999}.profile-actions{padding:20px 12px}.profile-logout-btn{width:100%;padding:13px;background:#fff;color:#e64340;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000000a}.profile-logout-btn:active{background:#f9f9f9}.profile-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.profile-edit-content{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:profileSlideUp .3s ease}@keyframes profileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-edit-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f0f0f0}.profile-edit-header h3{font-size:17px;font-weight:600;color:#1a1a1a;margin:0}.profile-edit-close{width:30px;height:30px;background:transparent;border:none;font-size:24px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-edit-body{flex:1;overflow-y:auto;padding:20px}.profile-edit-bg-section{margin-bottom:20px}.profile-edit-label{font-size:14px;font-weight:500;color:#333;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.profile-edit-locate-btn{background:none;border:1px solid #FF5E3A;color:#ff5e3a;font-size:12px;padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .2s;font-weight:500}.profile-edit-locate-btn:hover:not(:disabled){background:#ff5e3a;color:#fff}.profile-edit-locate-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.profile-vip-tag{color:#ff9500;font-weight:600}.profile-vip-expire{color:#999;font-size:12px;font-weight:400;margin-left:4px}.profile-membership-entry{background:linear-gradient(135deg,#fffef5,#fff8e1)!important}.profile-membership-entry .profile-info-label{color:#b8860b;font-weight:600}.profile-membership-entry .profile-info-value{color:#ff9500;font-size:13px}.profile-edit-bg-preview{width:100%;height:120px;border-radius:10px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px dashed #ccc}.profile-edit-bg-placeholder{color:#999;font-size:14px}.profile-edit-bg-change{padding:6px 14px;background:#ffffffe6;border-radius:14px;font-size:13px;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-edit-clear-btn{margin-top:8px;padding:6px 12px;background:#f5f5f5;color:#e64340;border:none;border-radius:6px;font-size:12px;cursor:pointer}.profile-edit-avatar-section{margin-bottom:20px}.profile-edit-avatar-row{display:flex;align-items:center;gap:15px}.profile-edit-avatar-preview{width:70px;height:70px;border-radius:50%;background:#f0f0f0;overflow:hidden;cursor:pointer;border:2px solid #f5f5f5}.profile-edit-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-edit-avatar-placeholder{width:100%;height:100%;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:500}.profile-edit-change-btn{padding:8px 16px;background:#f5f5f5;color:#333;border:none;border-radius:6px;font-size:13px;cursor:pointer}.profile-edit-change-btn:active{background:#e8e8e8}.profile-edit-field{margin-bottom:20px}.profile-edit-field label{display:block;margin-bottom:8px}.profile-edit-field input{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;background:#fff;box-sizing:border-box}.profile-edit-field input:focus{border-color:#07c160}.profile-edit-gender-row{display:flex;gap:10px}.profile-edit-gender-btn{flex:1;padding:10px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.profile-edit-gender-btn.active{background:#07c160;color:#fff}.profile-edit-gender-btn.active.male{background:#1976d2}.profile-edit-gender-btn.active.female{background:#c2185b}.profile-edit-footer{display:flex;gap:10px;padding:15px 20px;border-top:1px solid #f0f0f0}.profile-edit-cancel-btn{flex:1;padding:12px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:15px;cursor:pointer}.profile-edit-save-btn{flex:1;padding:12px;background:#07c160;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.profile-edit-save-btn:disabled,.profile-edit-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.about-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.about-modal-content{background:#fff;border-radius:16px;width:100%;max-width:340px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.about-modal-header{display:flex;flex-direction:column;align-items:center;padding:25px 20px 15px;border-bottom:1px solid #f0f0f0}.about-modal-icon{font-size:40px;margin-bottom:8px}.about-modal-header h3{font-size:18px;font-weight:600;color:#333;margin:0}.about-modal-body{padding:20px;flex:1}.about-modal-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;text-align:center}.about-modal-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.about-feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9f9f9;border-radius:10px}.about-feature-icon{font-size:24px;flex-shrink:0}.about-feature-text{flex:1}.about-feature-title{font-size:14px;font-weight:600;color:#333;margin-bottom:3px}.about-feature-desc{font-size:12px;color:#888;line-height:1.4}.about-modal-slogan{font-size:13px;color:#07c160;text-align:center;font-style:italic;margin:0}.about-modal-close-btn{margin:0 20px 20px;padding:12px;background:#07c160;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer}.about-modal-close-btn:active{background:#06ad56}.profile-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.profile-confirm-content{background:#fff;border-radius:14px;width:100%;max-width:300px;padding:25px 20px 15px;text-align:center}.profile-confirm-content h3{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.profile-confirm-content p{font-size:14px;color:#888;margin:0 0 20px}.profile-confirm-actions{display:flex;gap:10px}.profile-cancel-btn{flex:1;padding:11px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:15px;cursor:pointer}.profile-cancel-btn:active{background:#e8e8e8}.profile-confirm-btn{flex:1;padding:11px;background:#e64340;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.profile-confirm-btn:active{background:#d33a37}.profile-avatar-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.profile-avatar-modal-content{background:#fff;border-radius:14px;width:100%;max-width:320px;padding:20px;text-align:center}.profile-avatar-modal-content h3{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 15px}.profile-avatar-upload-area{width:100%;height:200px;border:2px dashed #e0e0e0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:15px;background:#fafafa}.profile-avatar-preview-img{width:100%;height:100%;object-fit:cover}.profile-upload-placeholder{color:#999;text-align:center}.profile-upload-icon{font-size:36px;margin-bottom:8px}.profile-upload-tip{font-size:12px;color:#bbb;margin-top:4px}.profile-avatar-modal-actions{display:flex;gap:10px}.create-group-container{min-height:100vh;min-height:100svh;min-height:100dvh;background-color:#f5f5f5}.create-group-header{display:flex;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background-color:#ededed;position:sticky;top:0;z-index:10}.create-group-header h2{flex:1;text-align:center;margin:0;color:#000;font-size:17px}.create-group-header .back-btn{background:none;border:none;color:#000;font-size:20px;cursor:pointer}.create-group-form{padding:15px}.form-item{margin-bottom:20px}.form-item label{display:block;margin-bottom:10px;font-weight:700;color:#333}.form-item input{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.friends-list{background-color:#fff;border-radius:5px;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.friend-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #eee;cursor:pointer}.friend-item:last-child{border-bottom:none}.friend-item.selected{background-color:#e8f5e9}.friend-avatar{width:40px;height:40px;border-radius:5px;overflow:hidden;margin-right:10px}.friend-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.friend-name{flex:1;font-size:16px}.checkbox{width:24px;height:24px;border:2px solid #07c160;border-radius:50%;display:flex;align-items:center;justify-content:center}.checkbox span{color:#07c160;font-size:14px}.create-btn{width:100%;padding:15px;background-color:#07c160;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer}.create-btn:active{background-color:#06ad56}.empty-state{padding:20px;text-align:center;color:#999}.group-chat-container{height:100%;display:flex;flex-direction:column;background:#ededed}.group-chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10}.group-chat-header h2{font-size:18px;font-weight:500;color:#000;margin:0}.group-chat-header .group-back-btn,.group-chat-header .group-more-btn{width:40px;height:40px;background:transparent;font-size:20px;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}.members-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:200}.members-content{background-color:#fff;border-radius:10px;width:80%;max-width:300px;max-height:400px;overflow:hidden}.members-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#ededed}.members-header h3{margin:0;font-size:18px;font-weight:500}.members-header .group-close-btn{width:30px;height:30px;background:#f5f5f5;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center}.members-list{max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #eee}.member-item:last-child{border-bottom:none}.member-avatar{width:40px;height:40px;border-radius:5px;overflow:hidden;margin-right:10px;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .group-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.member-info{flex:1}.member-name{font-size:16px}.member-role{font-size:12px;color:#999}.group-messages-container{flex:1;overflow-y:auto;padding:15px 10px;background:#ededed}.date-divider{text-align:center;padding:10px 0;color:#999;font-size:12px;margin-bottom:10px}.group-message{margin-bottom:15px;display:flex;align-items:flex-start;width:100%}.group-message.sent{justify-content:flex-end;padding-right:0}.group-message.received{justify-content:flex-start;padding-left:0}.group-message-avatar{width:40px;height:40px;flex-shrink:0;cursor:pointer}.group-message.sent .group-message-avatar{margin-left:8px;margin-right:0}.group-message.received .group-message-avatar{margin-left:0;margin-right:8px}.group-message-avatar img{width:40px;height:40px;border-radius:5px;object-fit:cover}.group-message-avatar .group-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.message-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:70%}.group-message.sent .message-content-wrapper{align-items:flex-end}.sender-name{font-size:12px;color:#999;margin-bottom:5px;display:flex;align-items:center;gap:5px}.role-tag{background-color:#07c160;color:#fff;padding:2px 5px;border-radius:3px;font-size:10px}.group-message-bubble{padding:10px 15px;border-radius:5px;font-size:15px;word-wrap:break-word;display:inline-block;max-width:100%}.group-message.sent .group-message-bubble{background:#95ec69;color:#000}.group-message.received .group-message-bubble{background:#fff;color:#000}.group-message-time{font-size:12px;color:#999;margin-top:5px;text-align:right}.group-new-message-tip{position:absolute;bottom:70px;right:15px;background:#07c160;color:#fff;padding:8px 15px;border-radius:20px;font-size:13px;cursor:pointer;z-index:10;animation:fadeIn .3s ease}.group-new-message-tip:active{background:#06ad56}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-input-container{display:flex;padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d6d6d6}.group-input-container textarea{flex:1;min-height:40px;max-height:120px;padding:10px 15px;border:none;border-radius:5px;background:#fff;font-size:16px;resize:none;overflow-y:auto;line-height:1.4}.group-input-container .group-send-btn{width:60px;height:40px;margin-left:10px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.invite-btn-wrapper{padding:10px 15px;display:flex;gap:10px}.invite-btn{flex:1;padding:12px;background:#07c160;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.leave-btn{padding:12px 20px;background:#f5f5f5;color:#666;border:none;border-radius:5px;font-size:16px;cursor:pointer}.dissolve-btn{padding:12px 20px;background:#f5f5f5;color:#e74c3c;border:none;border-radius:5px;font-size:16px;cursor:pointer}.kick-btn{padding:5px 10px;background:#f5f5f5;color:#666;border:none;border-radius:3px;font-size:12px;cursor:pointer}.kick-btn:hover{background:#e5e5e5}.dissolved-tip{padding:20px;background:#f5f5f5;text-align:center}.dissolved-message{font-size:16px;color:#999;margin-bottom:5px}.dissolved-sub-message{font-size:14px;color:#ccc}.invite-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:300}.invite-content{background-color:#fff;border-radius:10px;width:85%;max-width:350px;max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.invite-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#ededed}.invite-header h3{margin:0;font-size:18px;font-weight:500}.invite-header .group-close-btn{width:30px;height:30px;background:#f5f5f5;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.invite-content .friends-list{flex:1;overflow-y:auto;padding:10px 0}.invite-content .friend-item{display:flex;align-items:center;padding:12px 15px;cursor:pointer}.invite-content .friend-item.selected{background-color:#e8f5e9}.invite-content .group-friend-avatar{width:40px;height:40px;border-radius:5px;overflow:hidden;margin-right:10px}.invite-content .group-friend-avatar img{width:100%;height:100%;object-fit:cover}.invite-content .group-friend-avatar .group-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.invite-content .group-friend-name{flex:1;font-size:16px}.invite-content .checkbox{width:24px;height:24px;border:2px solid #07c160;border-radius:50%;display:flex;align-items:center;justify-content:center}.invite-content .checkbox span{color:#07c160;font-size:14px}.invite-content .group-empty-state{padding:30px;text-align:center;color:#999}.confirm-invite-btn{padding:15px;background:#07c160;color:#fff;border:none;font-size:16px;cursor:pointer}.confirm-invite-btn:active{background:#06ad56}.confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:500}.confirm-content{background-color:#fff;border-radius:10px;width:85%;max-width:350px;padding:20px}.confirm-content h3{margin:0 0 15px;font-size:18px;font-weight:500;text-align:center}.confirm-content p{margin:0 0 20px;font-size:15px;color:#666;text-align:center}.confirm-buttons{display:flex;gap:10px}.confirm-buttons button{flex:1;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer}.group-cancel-btn{background:#f5f5f5;color:#666}.confirm-btn{background:#07c160;color:#fff}.confirm-btn:active{background:#06ad56}.dissolve-confirm-btn{background:#e74c3c;color:#fff}.dissolve-confirm-btn:active{background:#c0392b}.group-avatar-menu-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:600}.group-avatar-menu-content{background:#fff;padding:10px 0;border-radius:10px;width:80%;max-width:300px}.group-avatar-menu-item{width:100%;padding:15px 20px;text-align:center;font-size:16px;background:transparent;border-bottom:1px solid #f0f0f0}.group-avatar-menu-item:last-child{border-bottom:none}.group-avatar-menu-item.cancel{color:#999}.group-loading-more{text-align:center;padding:10px;color:#999;font-size:14px}.group-no-more-messages{text-align:center;padding:10px;color:#ccc;font-size:12px}.group-media-bubble{background:transparent!important;padding:0!important}.group-media-image{max-width:200px;max-height:200px;border-radius:5px;cursor:pointer;object-fit:cover}.group-video-thumbnail{width:200px;height:150px;background:#000;border-radius:5px;position:relative;cursor:pointer;overflow:hidden}.group-video-preview{width:100%;height:100%;object-fit:cover}.group-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333}.group-add-media-btn{width:40px;height:40px;background:#07c160;color:#fff;border-radius:5px;font-size:20px;margin-right:10px;display:flex;align-items:center;justify-content:center}.group-add-media-btn:disabled{background:#ccc}.group-media-selector{position:absolute;bottom:60px;left:10px;background:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:100}.group-media-option{width:120px;padding:12px 15px;text-align:left;font-size:14px;border-bottom:1px solid #eee}.group-media-option:last-child{border-bottom:none}.group-media-preview-container{padding:10px 15px;background:#f7f7f7;display:flex;flex-direction:column;gap:10px}.group-media-preview{display:flex;align-items:center;gap:10px}.group-media-preview img,.group-media-preview video{max-width:150px;max-height:150px;border-radius:5px;object-fit:cover}.group-remove-media-btn{width:30px;height:30px;background:#00000080;color:#fff;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center}.group-send-media-btn{padding:10px 20px;background:#07c160;color:#fff;border-radius:5px;font-size:14px}.group-send-media-btn:disabled{background:#ccc}.group-upload-progress-bar{padding:5px 15px;background:#f7f7f7}.group-progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.group-progress-fill{height:100%;background:#07c160;transition:width .3s ease}.group-progress-text{text-align:center;font-size:12px;color:#666;margin-top:5px}.group-image-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.group-viewer-image{max-width:90%;max-height:90%;object-fit:contain}.group-close-viewer-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fffc;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;color:#333}.group-video-player{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.group-player-video{max-width:90%;max-height:90%}.channel-container{height:100%;display:flex;flex-direction:column;background:#ededed}.channel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;padding-top:calc(15px + env(safe-area-inset-top));background:#ededed;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e0e0}.channel-back-btn{width:40px;height:40px;background:transparent;font-size:22px;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;flex-shrink:0}.channel-back-btn:active{opacity:.6}.channel-title-wrapper{display:flex;flex-direction:column;align-items:center;flex:1}.channel-title{font-size:17px;font-weight:600;color:#000}.channel-online-count{font-size:11px;color:#888;margin-top:2px}.channel-header-placeholder{width:40px;flex-shrink:0}.channel-messages-container{flex:1;overflow-y:auto;padding:15px 5px;background:#ededed;-webkit-overflow-scrolling:touch}.channel-date-divider{text-align:center;padding:10px 0;color:#999;font-size:12px;margin-bottom:10px}.channel-loading-more{text-align:center;padding:10px;color:#999;font-size:14px}.channel-no-more-messages{text-align:center;padding:10px;color:#ccc;font-size:12px}.channel-empty-state{text-align:center;padding:60px 20px;color:#999}.channel-empty-icon{font-size:60px;margin-bottom:15px}.channel-empty-text{font-size:14px;color:#999}.channel-message{margin-bottom:10px;display:flex;align-items:flex-start;width:100%;padding:0 5px}.channel-message.sent{justify-content:flex-end}.channel-message.received{justify-content:flex-start}.channel-message-avatar{width:40px;height:40px;flex-shrink:0;margin-top:2px}.channel-message.sent .channel-message-avatar{margin-left:8px;margin-right:0}.channel-message.received .channel-message-avatar{margin-left:0;margin-right:8px;cursor:pointer}.channel-message-avatar img{width:40px;height:40px;border-radius:5px;object-fit:cover}.channel-message-avatar .channel-avatar-placeholder{width:40px;height:40px;border-radius:5px;background:#07c160;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.channel-message-body{display:flex;flex-direction:column;align-items:flex-start;max-width:75%;margin-top:0}.channel-message.sent .channel-message-body{align-items:flex-end}.channel-sender-name{font-size:12px;color:#999;margin-bottom:3px}.channel-message-bubble{padding:8px 12px;border-radius:5px;font-size:15px;word-wrap:break-word;display:inline-block;max-width:100%}.channel-message.sent .channel-message-bubble{background:#95ec69;color:#000}.channel-message.received .channel-message-bubble{background:#fff;color:#000}.channel-media-bubble{background:transparent!important;padding:0!important}.channel-message-time{font-size:11px;color:#999;margin-top:3px}.channel-message.sent .channel-message-time{text-align:right}.channel-message.received .channel-message-time{text-align:left}.channel-media-image{max-width:200px;max-height:200px;border-radius:5px;cursor:pointer;object-fit:cover}.channel-video-thumbnail{width:200px;height:150px;background:#000;border-radius:5px;position:relative;cursor:pointer;overflow:hidden}.channel-video-preview{width:100%;height:100%;object-fit:cover}.channel-video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333}.channel-new-message-tip{position:absolute;bottom:70px;right:15px;background:#07c160;color:#fff;padding:8px 15px;border-radius:20px;font-size:13px;cursor:pointer;z-index:10;animation:channelFadeIn .3s ease}.channel-new-message-tip:active{background:#06ad56}@keyframes channelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-input-container{display:flex;align-items:flex-end;padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d6d6d6;position:relative}.channel-input-container textarea{flex:1;min-height:40px;max-height:120px;padding:10px 15px;border:none;border-radius:5px;background:#fff;font-size:16px;resize:none;overflow-y:auto;line-height:1.4;outline:none}.channel-add-media-btn{width:40px;height:40px;background:#07c160;color:#fff;border:none;border-radius:5px;font-size:24px;margin-right:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.channel-add-media-btn:active{background:#06ad56}.channel-add-media-btn:disabled{background:#ccc;cursor:not-allowed}.channel-send-btn{width:60px;height:40px;margin-left:10px;background:#07c160;color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;flex-shrink:0}.channel-send-btn:active{background:#06ad56}.channel-media-selector{position:absolute;bottom:60px;left:10px;background:#fff;border-radius:5px;box-shadow:0 2px 10px #0003;z-index:100;overflow:hidden}.channel-media-option{width:130px;padding:12px 15px;text-align:left;font-size:14px;border:none;border-bottom:1px solid #eee;background:#fff;cursor:pointer}.channel-media-option:last-child{border-bottom:none}.channel-media-option:active{background:#f5f5f5}.channel-media-preview-container{padding:10px 15px;background:#f7f7f7;display:flex;flex-direction:column;gap:10px}.channel-media-preview{display:flex;align-items:center;gap:10px}.channel-media-preview img,.channel-media-preview video{max-width:150px;max-height:150px;border-radius:5px;object-fit:cover}.channel-remove-media-btn{width:30px;height:30px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.channel-send-media-btn{padding:10px 20px;background:#07c160;color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;align-self:flex-end}.channel-send-media-btn:disabled{background:#ccc;cursor:not-allowed}.channel-upload-progress-bar{padding:5px 15px;background:#f7f7f7}.channel-progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.channel-progress-fill{height:100%;background:#07c160;transition:width .3s ease}.channel-progress-text{text-align:center;font-size:12px;color:#666;margin-top:5px}.channel-image-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.channel-viewer-image{max-width:90%;max-height:90%;object-fit:contain}.channel-close-viewer-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fffc;border:none;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer}.channel-video-player{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.channel-player-video{max-width:90%;max-height:90%}.match-page{height:100%;background:#f5f5f7;display:flex;flex-direction:column;overflow:hidden}.match-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px;text-align:center}.match-idle-icon{font-size:80px;margin-bottom:20px;animation:match-bounce 2s ease-in-out infinite}@keyframes match-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.match-idle-title{font-size:24px;font-weight:600;color:#333;margin:0 0 12px}.match-idle-desc{font-size:14px;color:#888;line-height:1.6;margin:0 0 30px}.match-vip-options{background:linear-gradient(135deg,#fff9e6,#fff3cc);border:1px solid #ffd966;border-radius:12px;padding:16px 20px;margin-bottom:24px;width:100%;max-width:320px;text-align:left}.match-vip-title{font-size:14px;font-weight:600;color:#b8860b;margin-bottom:10px}.match-vip-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;margin:6px 0;cursor:pointer}.match-vip-option input{cursor:pointer;accent-color:#FF9500}.match-vip-tip{font-size:12px;color:#999;margin-top:8px}.match-vip-tip-box{background:#f5f5f7;border:1px dashed #ccc;border-radius:12px;padding:12px 20px;margin-bottom:24px}.match-vip-tip-box.clickable{cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#fffef5,#fff8e1);border-color:gold}.match-vip-tip-box.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ffd70033}.match-vip-tip-title{font-size:13px;color:#ff9500;font-weight:600;margin-bottom:4px}.match-vip-tip-content{font-size:12px;color:#999}.match-start-btn{background:linear-gradient(135deg,#ff5e3a,#ff9500);color:#fff;border:none;border-radius:28px;padding:14px 56px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ff5e3a4d;transition:all .2s}.match-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff5e3a66}.match-start-btn:disabled{opacity:.6;cursor:not-allowed}.match-searching{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px}.match-searching-animation{position:relative;width:120px;height:120px;margin-bottom:30px}.match-searching-circle{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#ff5e3a;border-radius:50%;animation:match-spin 1.2s linear infinite}@keyframes match-spin{to{transform:rotate(360deg)}}.match-searching-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;animation:match-pulse 1.5s ease-in-out infinite}@keyframes match-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.match-searching-title{font-size:20px;font-weight:600;color:#333;margin:0 0 8px}.match-searching-desc{font-size:14px;color:#888;margin:0 0 30px}.match-cancel-btn{background:#fff;color:#666;border:1px solid #ddd;border-radius:20px;padding:10px 32px;font-size:14px;cursor:pointer;transition:all .2s}.match-cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.match-chat-container{flex:1;display:flex;flex-direction:column;background:#fff;height:100%;overflow:hidden}.match-partner-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}.match-partner-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f5f5f5;flex-shrink:0}.match-partner-avatar img{width:100%;height:100%;object-fit:cover}.match-partner-info{flex:1;min-width:0}.match-partner-name{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.match-partner-gender{font-size:14px}.match-partner-gender.male{color:#2196f3}.match-partner-gender.female{color:#e91e63}.match-partner-meta{font-size:12px;color:#999;margin-top:2px}.match-leave-btn{background:none;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:14px;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .2s}.match-leave-btn:hover{background:#ff4d4f;color:#fff}.match-friend-banner{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#665028;padding:8px 16px;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffd966;flex-shrink:0;gap:8px}.match-friend-banner span{flex:1;min-width:0}.match-friend-request-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;padding:10px 16px;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #90caf9;flex-shrink:0;gap:8px}.match-friend-request-banner span{flex:1;min-width:0}.match-friend-request-actions{display:flex;gap:6px;flex-shrink:0}.match-accept-btn{background:#07c160;color:#fff;border:none;border-radius:12px;padding:4px 14px;font-size:12px;cursor:pointer;font-weight:500;transition:background .2s}.match-accept-btn:hover{background:#06ad56}.match-reject-btn{background:#fff;color:#666;border:1px solid #ddd;border-radius:12px;padding:4px 14px;font-size:12px;cursor:pointer;transition:all .2s}.match-reject-btn:hover{background:#f5f5f5;border-color:#ccc}.match-go-chat-btn{background:#ff9500;color:#fff;border:none;border-radius:12px;padding:4px 12px;font-size:12px;cursor:pointer;font-weight:500;flex-shrink:0}.match-go-chat-btn:hover{background:#ff7a00}.match-messages{flex:1;overflow-y:auto;padding:16px;background:#f5f5f7;-webkit-overflow-scrolling:touch}.match-empty-messages{text-align:center;color:#aaa;font-size:13px;padding:60px 0}.match-empty-icon{font-size:40px;margin-bottom:8px}.match-time-divider{text-align:center;font-size:11px;color:#999;margin:12px 0 8px}.match-message{display:flex;margin:8px 0;align-items:flex-end;gap:8px}.match-message.mine{flex-direction:row-reverse}.match-message-avatar{width:32px;height:32px;border-radius:50%;background:#f5f5f5;object-fit:cover;flex-shrink:0}.match-message-bubble{max-width:65%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.match-message.theirs .match-message-bubble{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.match-message.mine .match-message-bubble{background:#95ec69;color:#000;border-bottom-right-radius:4px}.match-input-area{background:#fff;border-top:1px solid #f0f0f0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-shrink:0}.match-action-buttons{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.match-action-btn{background:#f5f5f7;color:#333;border:1px solid #e0e0e0;border-radius:16px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .2s}.match-action-btn:hover:not(:disabled){background:#ff5e3a;color:#fff;border-color:#ff5e3a}.match-action-btn.call-btn{background:#e8f5e9;color:#07c160;border-color:#a5d6a7}.match-action-btn.call-btn:hover:not(:disabled){background:#07c160;color:#fff;border-color:#07c160}.match-action-btn:disabled{opacity:.5;cursor:not-allowed}.match-action-btn.add-friend{background:linear-gradient(135deg,#ff5e3a,#ff9500);color:#fff;border:none}.match-input-row{display:flex;gap:8px;align-items:center}.match-input-row input{flex:1;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:14px;outline:none;transition:border-color .2s}.match-input-row input:focus{border-color:#ff5e3a}.match-send-btn{background:#ff5e3a;color:#fff;border:none;border-radius:20px;padding:8px 18px;font-size:14px;cursor:pointer;font-weight:500;transition:background .2s}.match-send-btn:hover:not(:disabled){background:#ff4a26}.match-send-btn:disabled{background:#ccc;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overscroll-behavior:none;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}#root{width:100%;max-width:100%;margin:0 auto;height:100vh;height:100svh;height:100dvh;background-color:#fff;position:relative;overflow:hidden}::-webkit-scrollbar{width:0;height:0}input,button,textarea{outline:none;border:none;font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top-bottom{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}@supports (overflow: clip){.app-content{overflow-y:auto}}