*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #e8604c;--primary-light: #f0816f;--primary-dark: #d04a36;--accent: #d4856a;--bg: #faf7f5;--white: #ffffff;--text: #1a1a2e;--text-light: #9b8e85;--text-secondary: #5e5249;--border: #f0ebe7;--shadow: 0 2px 16px rgba(60, 40, 20, .07);--shadow-lg: 0 8px 30px rgba(60, 40, 20, .1);--radius: 14px;--tab-height: 58px;--safe-bottom: env(safe-area-inset-bottom, 0px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;letter-spacing:.2px}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{border:none;outline:none;cursor:pointer;font-family:inherit;background:none}input,textarea{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{display:none}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-around;z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;color:var(--text-light);font-size:10px;font-weight:500;letter-spacing:.3px;transition:color .25s,transform .2s}.tab-item.active{color:var(--primary);transform:scale(1.05)}.tab-item svg{width:24px;height:24px;transition:transform .2s}.page{padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px);min-height:100vh}.page-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.06)}.page-header h1{font-size:18px;font-weight:700;letter-spacing:.3px}.page-header .location{font-size:13px;color:var(--text-light);display:flex;align-items:center;gap:4px}.ban-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.ban-modal{background:#fff;border-radius:16px;padding:40px 28px 32px;text-align:center;max-width:340px;width:100%;box-shadow:0 20px 60px #0000004d}.ban-icon{margin-bottom:16px}.ban-modal h2{font-size:20px;font-weight:700;color:#cf1322;margin:0 0 12px}.ban-reason{font-size:15px;color:#333;margin:0 0 8px;padding:12px 16px;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;line-height:1.5}.ban-hint{font-size:13px;color:#999;margin:12px 0 20px}.ban-logout-btn{width:100%;padding:12px;background:#cf1322;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-bg{position:absolute;inset:0;background:linear-gradient(135deg,#e8604c,#d4856a,#8ba4a8);z-index:0}.auth-container{position:relative;z-index:1;width:100%;max-width:400px;padding:24px 20px}.auth-logo{text-align:center;margin-bottom:32px;color:#fff}.auth-logo-icon{width:64px;height:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 12px;color:#fff}.auth-logo h1{font-size:28px;font-weight:700;margin:0 0 4px}.auth-logo p{font-size:14px;opacity:.8}.auth-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000026}.auth-tabs{display:flex;gap:0;background:#f5f3f0;border-radius:10px;padding:3px;margin-bottom:24px}.auth-tab{flex:1;padding:10px;border:none;background:transparent;font-size:15px;font-weight:500;color:#999;border-radius:8px;cursor:pointer;transition:all .2s}.auth-tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #00000014}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;align-items:center;gap:10px;background:#f8f6f4;border-radius:10px;padding:0 14px;height:48px;border:1.5px solid transparent;transition:border-color .2s}.auth-field:focus-within{border-color:var(--primary);background:#fff}.auth-field-icon{color:#bbb;flex-shrink:0}.auth-field input,.auth-field select{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:var(--text);height:100%}.auth-field select{cursor:pointer}.auth-eye{background:none;border:none;color:#bbb;padding:4px;cursor:pointer}.auth-row{display:flex;gap:10px}.auth-field-half{flex:1}.auth-error{color:#e8604c;font-size:13px;text-align:center;margin:0}.auth-submit{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#e8604c,#d4856a);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:4px}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit:active:not(:disabled){opacity:.85}.auth-switch{text-align:center;font-size:13px;color:#999;margin:16px 0 0}.auth-switch button{background:none;border:none;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;margin-left:4px}.city-filter{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:var(--white)}.city-tag{padding:7px 18px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;background:var(--white);color:var(--text-secondary);transition:all .25s;border:1px solid var(--border)}.city-tag.active{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;border-color:transparent;box-shadow:0 2px 8px #e8604c4d}.banner-section{padding:12px 16px}.banner-card{border-radius:18px;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;min-height:260px;overflow:hidden;position:relative;box-shadow:0 4px 20px #00000014}.banner-card.has-image{padding:0;min-height:260px}.banner-card.has-image img{width:100%;height:260px;object-fit:cover;display:block;border-radius:18px}.banner-text h2{font-size:22px;margin-bottom:6px}.banner-text p{font-size:13px;opacity:.85}.banner-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dot{width:6px;height:6px;border-radius:3px;background:#ddd;transition:all .3s;cursor:pointer}.dot.active{width:18px;background:var(--primary)}.crypto-section{padding:0 0 8px}.crypto-section .section-title{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 8px}.crypto-refresh{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);background:#fdf0ec;border:none;border-radius:14px;padding:4px 10px;cursor:pointer}.crypto-refresh:disabled{opacity:.6}.spinning{animation:spin 1s linear infinite}.crypto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}.crypto-card{background:var(--white);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.crypto-card:active{transform:scale(.97)}.crypto-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.crypto-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.crypto-name{display:flex;flex-direction:column;min-width:0}.crypto-symbol{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}.crypto-fullname{font-size:10px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crypto-bottom{display:flex;align-items:center;justify-content:space-between}.crypto-price{font-size:14px;font-weight:700;color:var(--text)}.crypto-change{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.crypto-change.up{color:#00b894;background:#00b8941a}.crypto-change.down{color:#e74c3c;background:#e74c3c1a}.crypto-skeleton{min-height:90px}.skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.crypto-error{text-align:center;padding:20px 16px;color:var(--text-light)}.crypto-error p{margin-bottom:8px;font-size:13px}.crypto-error button{font-size:13px;color:var(--primary);background:#fdf0ec;border:none;border-radius:14px;padding:6px 16px;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px}.section-title h3{font-size:17px;font-weight:700;letter-spacing:.3px}.section-title .more{font-size:13px;color:var(--primary)}.user-grid{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.user-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border-radius:16px;box-shadow:var(--shadow);position:relative;border:none;width:100%;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.user-card:active{transform:scale(.97);box-shadow:var(--shadow-lg)}.user-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 2px 8px #0000001a}.avatar-text{color:#fff;font-size:20px;font-weight:700}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4cd964;border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #4cd9644d}.user-info{flex:1;min-width:0}.user-name-row{display:flex;align-items:center;gap:6px}.user-name{font-size:16px;font-weight:700}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8a7a);color:#fff;font-size:10px;box-shadow:0 1px 4px #e8604c4d}.user-meta{font-size:12px;color:var(--text-light);margin-top:3px;display:block}.user-intro{font-size:13px;color:var(--text-secondary);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-arrow{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf0ec,#fce4dd);transition:transform .2s}.user-card:active .card-arrow{transform:scale(1.1)}.task-buttons-section{display:flex;gap:10px;padding:12px 16px}.task-btn{flex:1;display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:16px;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.task-btn:active{transform:scale(.96)}.task-btn.personal{background:linear-gradient(145deg,#ff7b7b,#e8604c,#d04a36);color:#fff}.task-btn.team{background:linear-gradient(145deg,#e8a87c,#d4856a,#c06b4f);color:#fff}.task-btn-icon{width:42px;height:42px;border-radius:12px;background:#ffffff38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-btn-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.task-btn-title{font-size:15px;font-weight:700;letter-spacing:.3px}.task-btn-sub{font-size:11px;opacity:.75;margin-top:3px}.task-btn-arrow{transform:rotate(180deg);opacity:.5;flex-shrink:0}.ios-task-page{position:fixed;inset:0;background:#f2f2f7;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.ios-task-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#f2f2f7eb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.ios-task-back{width:34px;height:34px;border-radius:50%;background:#0000000f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#1c1c1e;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;min-width:34px;transition:background .15s}.ios-task-back:active{background:#0000001f}.ios-task-nav-title{font-size:17px;font-weight:600;color:#1c1c1e;text-align:center}.ios-task-summary{display:flex;align-items:center;gap:14px;margin:16px 16px 0;padding:18px 16px;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000a}.ios-task-summary-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ios-task-summary-info{display:flex;flex-direction:column;gap:3px}.ios-task-summary-title{font-size:16px;font-weight:600;color:#1c1c1e}.ios-task-summary-sub{font-size:13px;color:#8e8e93}.ios-task-section-label{font-size:13px;font-weight:500;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;padding:20px 16px 8px 32px}.ios-task-list{margin:0 16px;padding-bottom:calc(var(--tab-height, 0px) + var(--safe-bottom, 0px) + 20px)}.ios-task-cell{display:flex;align-items:flex-start;background:#fff;padding:0;transition:background .15s}.ios-task-cell.locked{opacity:.55}.ios-task-cell-left{padding:16px 0 16px 16px;flex-shrink:0}.ios-task-status{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ios-task-status.done{color:#34c759}.ios-task-status.active{color:#ff9500}.ios-task-status.locked{color:#c7c7cc}.ios-task-cell-content{flex:1;min-width:0;padding:16px 16px 0 12px;position:relative}.ios-task-cell-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ios-task-cell-title{font-size:16px;font-weight:500;color:#1c1c1e;flex:1;min-width:0}.ios-task-cell-reward{font-size:13px;font-weight:600;color:#ff3b30;flex-shrink:0}.ios-task-cell-reward.done{color:#34c759}.ios-task-cell-reward.active{color:#ff9500}.ios-task-cell-reward.locked{color:#c7c7cc}.ios-task-cell-desc{font-size:13px;color:#8e8e93;margin-top:3px;line-height:1.4}.ios-task-cell-progress{display:flex;align-items:center;gap:10px;margin-top:10px;padding-bottom:16px}.ios-progress-track{flex:1;height:4px;background:#e5e5ea;border-radius:2px;overflow:hidden}.ios-progress-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.25,.46,.45,.94)}.ios-progress-label{font-size:12px;color:#8e8e93;font-weight:500;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.ios-task-locked-hint{display:block;font-size:12px;color:#c7c7cc;margin-top:6px;padding-bottom:16px}.ios-task-cell-divider{height:.5px;background:#c6c6c8;opacity:.5;margin-top:16px}.ios-task-empty{text-align:center;padding:60px 20px;color:#8e8e93;font-size:15px;background:#fff;border-radius:14px}.user-detail-page{position:fixed;inset:0;background:var(--bg);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.user-detail-hero{position:relative;height:320px;display:flex;align-items:center;justify-content:center}.detail-back-btn{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:36px;height:36px;border-radius:50%;background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-hero-initial{font-size:90px;color:#fff3;font-weight:800;text-shadow:0 2px 20px rgba(0,0,0,.1)}.detail-online-badge{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;padding:4px 12px;border-radius:12px;background:#4cd964e6;color:#fff;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-detail-body{margin-top:-30px;background:var(--bg);border-radius:28px 28px 0 0;position:relative;padding:28px 16px calc(var(--tab-height) + var(--safe-bottom) + 80px);box-shadow:0 -4px 20px #0000000d}.detail-name-section{margin-bottom:20px}.detail-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.detail-name-row h2{font-size:24px;font-weight:800;color:var(--text);letter-spacing:.3px}.detail-verified{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);background:#fdf0ec;padding:3px 10px;border-radius:12px}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-light)}.detail-meta span{display:flex;align-items:center;gap:4px}.detail-section{margin-bottom:20px}.detail-section h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}.detail-bio{font-size:14px;color:var(--text-secondary);line-height:1.7;white-space:pre-line}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{padding:8px 16px;border-radius:20px;background:var(--white);font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow);border:1px solid var(--border)}.detail-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-photo-item{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center}.detail-actions{position:fixed;bottom:calc(var(--tab-height) + var(--safe-bottom));left:0;right:0;max-width:480px;margin:0 auto;display:flex;gap:12px;padding:12px 16px;background:var(--white);border-top:1px solid #f0f0f0;z-index:110}.detail-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:24px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .15s}.detail-action-btn:active{transform:scale(.97)}.detail-action-btn.chat{background:var(--white);color:var(--text);border:1px solid #e0e0e0}.detail-action-btn.like{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;box-shadow:0 4px 16px #e8604c59}.date-tabs{display:flex;gap:4px;background:var(--bg);border-radius:20px;padding:3px}.date-tab{padding:5px 16px;border-radius:18px;font-size:13px;color:var(--text-light);font-weight:500;transition:all .2s}.date-tab.active{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;box-shadow:0 2px 8px #e8604c4d}.points-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,#fdf0ec,#fce4dd);border-bottom:.5px solid #f0ddd5}.points-bar-left{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.points-bar-left strong{color:#c06b4f;font-size:16px}.points-recharge-link{font-size:13px;color:var(--primary);font-weight:500}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;z-index:300;animation:toastIn .3s,toastOut .3s 2.2s;white-space:nowrap}.toast-success{background:#e8f8ef;color:#2d9d5e}.toast-error{background:#ffeef0;color:#d04a36}.toast-info{background:#f0f4ff;color:#8ba4a8}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.match-list-section{padding:16px}.match-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.match-list-header h3{font-size:17px;font-weight:600}.match-list-hint{font-size:12px;color:var(--primary);background:#fdf0ec;padding:3px 10px;border-radius:10px}.match-list{display:flex;flex-direction:column;gap:10px}.match-list-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border-radius:16px;box-shadow:var(--shadow);border:none;width:100%;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.match-list-card:active{transform:scale(.97);box-shadow:var(--shadow-lg)}.match-list-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 2px 8px #0000001a}.match-list-avatar span:first-child{color:#fff;font-size:20px;font-weight:600}.match-list-online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4cd964;border:2px solid #fff;border-radius:50%}.match-list-info{flex:1;min-width:0}.match-list-name-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.match-list-name{font-size:16px;font-weight:700;color:var(--text)}.match-list-verified{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8a7a);color:#fff;font-size:10px;box-shadow:0 1px 4px #e8604c4d}.match-list-meta{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--text-light);margin-bottom:6px}.match-list-tags{display:flex;gap:6px}.match-list-tag{padding:3px 10px;border-radius:12px;background:linear-gradient(135deg,#faf7f5,#f5efeb);font-size:11px;color:var(--text-light);border:.5px solid var(--border)}.match-list-like-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf0ec,#fce4dd);color:var(--primary);flex-shrink:0;border:none;cursor:pointer;transition:all .25s}.match-list-like-btn:active{transform:scale(.85)}.match-list-like-btn.liked{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;box-shadow:0 3px 12px #e8604c59}.events-section{padding:16px}.events-header{margin-bottom:16px}.events-header h3{font-size:18px;font-weight:600}.events-subtitle{font-size:13px;color:var(--text-light)}.event-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border-radius:16px;box-shadow:var(--shadow);margin-bottom:10px;transition:transform .2s}.event-card:active{transform:scale(.98)}.event-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-info{flex:1}.event-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.event-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-light)}.event-meta span{display:flex;align-items:center;gap:3px}.event-cost{display:flex;align-items:center;gap:4px;font-size:12px;color:#c06b4f;margin-top:4px}.event-join{padding:8px 16px;border-radius:20px;background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;font-size:13px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #e8604c40;transition:transform .2s}.event-join:active{transform:scale(.95)}.event-join.joined{background:var(--bg);color:var(--text-light)}.events-empty-hint{text-align:center;padding:32px 0;color:var(--text-light);font-size:14px}.date-detail-page{position:fixed;inset:0;background:var(--bg);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.date-detail-hero{position:relative;height:320px;display:flex;align-items:center;justify-content:center}.date-detail-back{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:36px;height:36px;border-radius:50%;background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.date-detail-initial{font-size:90px;color:#fff3;font-weight:800;text-shadow:0 2px 20px rgba(0,0,0,.1)}.date-detail-online{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;padding:4px 12px;border-radius:12px;background:#4cd964e6;color:#fff;font-size:12px;font-weight:500}.date-detail-body{margin-top:-30px;background:var(--bg);border-radius:28px 28px 0 0;position:relative;padding:28px 16px calc(var(--tab-height) + var(--safe-bottom) + 80px);box-shadow:0 -4px 20px #0000000d}.date-detail-name-section{margin-bottom:20px}.date-detail-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.date-detail-name-row h2{font-size:24px;font-weight:800;color:var(--text);letter-spacing:.3px}.date-detail-verified{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);background:#fdf0ec;padding:3px 10px;border-radius:12px}.date-detail-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-light)}.date-detail-meta span{display:flex;align-items:center;gap:4px}.date-detail-section{margin-bottom:20px}.date-detail-section h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}.date-detail-bio{font-size:14px;color:var(--text-secondary);line-height:1.7;white-space:pre-line}.date-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.date-detail-tag{padding:6px 14px;border-radius:16px;background:var(--white);font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow)}.date-detail-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-detail-photo{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center}.date-detail-bottom-actions{position:fixed;bottom:calc(var(--tab-height) + var(--safe-bottom));left:0;right:0;max-width:480px;margin:0 auto;display:flex;gap:12px;padding:12px 16px;background:var(--white);border-top:1px solid #f0f0f0;z-index:110}.date-detail-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:24px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .15s}.date-detail-btn:active{transform:scale(.97)}.date-detail-btn.book{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;box-shadow:0 4px 16px #e8604c59}.date-detail-btn.booked{background:#ccc;color:#fff}.match-list-booked-badge{font-size:11px;color:#fff;background:#ccc;padding:4px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0}.match-list-book-hint{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fdf0ec;flex-shrink:0}.book-confirm-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.book-confirm-modal{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:320px;text-align:center;box-shadow:0 20px 60px #0003}.book-confirm-icon{margin-bottom:12px}.book-confirm-modal h3{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--text)}.book-confirm-modal p{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.book-confirm-cost{display:flex;align-items:center;justify-content:center;gap:6px;font-size:22px;font-weight:700;color:#c06b4f;margin-bottom:20px}.book-amount-input{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:12px;padding:12px 14px;margin-bottom:20px}.book-amount-input input{flex:1;border:none;background:transparent;font-size:20px;font-weight:700;color:#333;outline:none;text-align:center;min-width:0}.book-amount-input input::placeholder{font-size:14px;font-weight:400;color:#bbb}.book-amount-input input::-webkit-outer-spin-button,.book-amount-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.book-amount-unit{font-size:16px;font-weight:600;color:#999;flex-shrink:0}.book-ok-btn:disabled{opacity:.5;cursor:not-allowed}.book-balance-info{font-size:13px;color:var(--text-secondary);text-align:center;margin-bottom:12px}.book-balance-info strong{color:#c06b4f;font-size:15px}.book-balance-warn{font-size:13px;color:#e74c3c;text-align:center;margin-top:-8px;margin-bottom:12px}.book-confirm-actions{display:flex;gap:12px}.book-cancel-btn{flex:1;padding:12px;border-radius:24px;font-size:15px;font-weight:600;background:var(--bg);color:var(--text-secondary);border:none;cursor:pointer}.book-ok-btn{flex:1;padding:12px;border-radius:24px;font-size:15px;font-weight:600;background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 12px #e8604c4d}.video-page{padding-bottom:0!important;background:#000;height:100vh;display:flex;flex-direction:column}.video-categories{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:16px;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.video-cat{color:#fff9;font-size:15px;font-weight:500;position:relative;padding:4px 0}.video-cat.active{color:#fff;font-weight:600}.video-cat.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary);border-radius:2px}.mode-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#ffffffb3;padding:4px}.tiktok-back-btn{position:absolute;top:56px;left:12px;z-index:25;width:36px;height:36px;border-radius:50%;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;border:none;padding:0;cursor:pointer}.video-feed{flex:1;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#000}.video-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.video-info{position:absolute;bottom:calc(var(--tab-height) + var(--safe-bottom) + 24px);left:16px;right:72px;z-index:10}.video-user-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.video-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;border:2px solid #fff;flex-shrink:0}.video-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;flex-shrink:0}.video-username{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.service-tag{padding:2px 8px;border-radius:10px;background:#ffffff26;color:#fffc;font-size:10px;font-weight:500;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-desc{color:#fff;font-size:13px;line-height:1.5;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-actions{position:absolute;bottom:calc(var(--tab-height) + var(--safe-bottom) + 40px);right:12px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.action-btn span{font-size:11px}.action-btn.liked{color:var(--primary)}.swipe-hint{position:absolute;bottom:calc(var(--tab-height) + var(--safe-bottom) + 8px);left:50%;transform:translate(-50%);color:#ffffff40;font-size:11px;white-space:nowrap}.post-counter{position:absolute;top:56px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:12px;z-index:20;background:#0000004d;padding:2px 10px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-more-badge{position:absolute;bottom:calc(var(--tab-height) + var(--safe-bottom) + 28px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:4px 12px;background:#00000080;border-radius:12px;color:#ffffffb3;font-size:12px;z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.grid-mode{flex:1;overflow-y:auto;padding:52px 8px calc(var(--tab-height) + var(--safe-bottom) + 8px);-webkit-overflow-scrolling:touch}.grid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid-card{background:#111;border-radius:10px;overflow:hidden;text-align:left;border:none;cursor:pointer;transition:transform .15s}.grid-card:active{transform:scale(.97)}.grid-thumb{position:relative;width:100%;aspect-ratio:9 / 12;background:#1a1a1a;overflow:hidden}.grid-thumb img,.grid-thumb-video{width:100%;height:100%;object-fit:cover;pointer-events:none;background:#1a1a1a}.grid-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.grid-fav{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:3px;color:#fff;font-size:11px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.grid-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.grid-card-user{font-size:12px;font-weight:600;color:#fff}.grid-card-title{font-size:11px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0;color:#ffffff80;font-size:13px}.mode-switch-fab{position:fixed;bottom:calc(var(--tab-height) + var(--safe-bottom) + 16px);right:16px;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;z-index:15;box-shadow:0 4px 12px #e8604c66}.grid-player{position:fixed;inset:0;display:flex;flex-direction:column;background:#000;z-index:50}.grid-player-header{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));z-index:30;position:relative}.grid-back-btn{width:34px;height:34px;border-radius:50%;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}.grid-player-user{color:#fff;font-size:15px;font-weight:600;flex:1}.grid-player-video{flex:1;position:relative;background:#000;display:flex;align-items:center}.grid-video{width:100%;max-height:100%;object-fit:contain}.grid-player-info{padding:12px 16px;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 12px)}.grid-player-actions{display:flex;gap:24px;margin-bottom:10px}.grid-action{display:flex;align-items:center;gap:6px;color:#fff;font-size:13px}.grid-action.liked{color:var(--primary)}.grid-player-title{font-size:13px;color:#ffffffb3;line-height:1.5}.video-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:20px;background:var(--primary);color:#fff;font-size:14px;font-weight:500}.trade-page{background:var(--bg)}.trade-points-badge{display:flex;align-items:center;gap:4px;background:#fdf0ec;padding:4px 10px;border-radius:14px;font-size:13px;font-weight:600;color:#c06b4f}.trade-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 4px 16px #0000001f;animation:slideDown .3s ease;max-width:calc(100% - 32px)}.trade-toast-success{background:#e6f7ee;color:#00b894}.trade-toast-error{background:#fde8e8;color:#e74c3c}.trade-toast-info{background:#e8f0fd;color:#8ba4a8}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.trade-tabs{display:flex;background:var(--white);padding:4px;margin:8px 16px;border-radius:10px;gap:4px}.trade-tab{flex:1;padding:8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.trade-tab.active{background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;box-shadow:0 2px 8px #e8604c40}.tab-badge{background:#fff;color:var(--primary);font-size:11px;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.trade-tab:not(.active) .tab-badge{background:var(--primary);color:#fff}.cert-submit-section{padding:0 16px 16px}.cert-direction-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#c06b4f,#e8604c);border-radius:var(--radius);margin-bottom:12px;box-shadow:0 4px 16px #c06b4f4d}.cert-direction-icon{width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.cert-direction-info{display:flex;flex-direction:column;gap:2px}.cert-direction-title{font-size:17px;font-weight:700;color:#fff}.cert-direction-desc{font-size:13px;color:#fffc}.duration-selector{display:flex;gap:8px}.duration-btn{flex:1;padding:12px 8px;border-radius:10px;background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.duration-btn.active{background:linear-gradient(135deg,var(--primary),#ff7b6b);box-shadow:0 2px 8px #e8604c40}.duration-time{font-size:15px;font-weight:700;color:var(--text)}.duration-pct{font-size:13px;font-weight:600;color:var(--text-secondary)}.duration-btn.active .duration-time,.duration-btn.active .duration-pct{color:#fff}.trade-field{background:var(--white);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.trade-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.amount-input-wrap{display:flex;align-items:center;background:var(--bg);border-radius:10px;padding:2px;margin-bottom:10px}.amount-input{flex:1;padding:10px 12px;font-size:16px;font-weight:600;background:transparent;color:var(--text)}.amount-input::placeholder{color:#ccc;font-weight:400}.amount-max{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--primary);background:#fdf0ec}.quick-amount-row{display:flex;gap:8px}.quick-amount-btn{flex:1;padding:6px;border-radius:6px;font-size:13px;background:var(--bg);color:var(--text-secondary);font-weight:500}.cert-preview{background:var(--white);border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;box-shadow:var(--shadow)}.cert-preview-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--text-secondary)}.cert-preview-row span:last-child{font-weight:600;color:var(--text)}.cert-preview-row.highlight{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.cert-profit{color:#00b894!important;font-weight:700!important}.cert-loss{color:#e74c3c!important;font-weight:700!important}.cert-submit-btn{width:100%;padding:14px;border-radius:var(--radius);font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#c06b4f,#e8604c,#ff7b6b);box-shadow:0 4px 16px #e8604c59;transition:opacity .2s}.cert-submit-btn:active{opacity:.85}.cert-submit-btn:disabled{opacity:.5}.cert-records-section{padding:0 16px 16px}.cert-records-list{display:flex;flex-direction:column;gap:10px}.cert-record-card{background:var(--white);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.cert-record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cert-record-left{display:flex;align-items:center;gap:6px}.cert-record-direction{font-size:14px;font-weight:700;color:var(--text)}.cert-record-duration{font-size:12px;font-weight:600;color:var(--text-light);background:var(--bg);padding:2px 6px;border-radius:4px}.cert-record-status{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}.status-pending{background:#fff8e6;color:#f0a500}.status-success{background:#00b8941a;color:#00b894}.status-failed{background:#e74c3c1a;color:#e74c3c}.cert-record-body{display:flex;flex-direction:column;gap:6px}.cert-record-detail{display:flex;justify-content:space-between;font-size:13px}.cert-record-detail span:first-child{color:var(--text-light)}.cert-record-detail span:last-child{color:var(--text);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px;color:var(--text-light)}.empty-state p{font-size:14px}.empty-action{margin-top:4px;padding:10px 24px;border-radius:22px;background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;font-size:14px;font-weight:600;box-shadow:0 3px 12px #e8604c4d;transition:transform .2s}.empty-action:active{transform:scale(.95)}.profile-hero{display:flex;flex-direction:column;align-items:center;padding:32px 16px 20px;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.profile-avatar-wrap{position:relative;margin-bottom:16px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8a7a,var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #e8604c4d}.profile-avatar span{color:#fff;font-size:34px;font-weight:800}.avatar-edit{position:absolute;bottom:0;right:-2px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--white);box-shadow:0 2px 8px #e8604c4d}.vip-badge{position:absolute;top:-4px;right:-8px;background:linear-gradient(135deg,gold,#ffb800);color:#8b6914;font-size:10px;font-weight:800;padding:2px 10px;border-radius:10px;box-shadow:0 2px 8px #ffd70066;letter-spacing:.5px}.profile-name-section{text-align:center}.profile-name-section h2{font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px}.verified-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8a7a);color:#fff;font-size:12px;box-shadow:0 1px 4px #e8604c4d}.profile-city{font-size:13px;color:var(--text-light);margin-top:4px}.profile-bio-text{font-size:14px;color:var(--text-secondary);margin-top:6px}.edit-profile-btn{display:flex;align-items:center;gap:6px;margin-top:16px;padding:10px 28px;border-radius:22px;background:linear-gradient(135deg,var(--primary),#ff7b6b);color:#fff;font-size:14px;font-weight:600;box-shadow:0 3px 12px #e8604c4d;transition:transform .2s}.edit-profile-btn:active{transform:scale(.95)}.wallet-banner{display:flex;align-items:center;justify-content:space-between;margin:12px 16px;padding:18px;background:linear-gradient(135deg,#e8a87c,#d4856a,#c06b4f);border-radius:18px;box-shadow:0 6px 24px #c06b4f4d;position:relative;overflow:hidden}.wallet-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;border-radius:50%;background:#ffffff14}.wallet-banner:after{content:"";position:absolute;bottom:-30%;left:10%;width:80px;height:80px;border-radius:50%;background:#ffffff0d}.wallet-left{display:flex;align-items:center;gap:10px}.wallet-info{display:flex;flex-direction:column}.wallet-points{font-size:26px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px;text-shadow:0 1px 3px rgba(0,0,0,.1)}.wallet-label{font-size:12px;color:#fffc}.wallet-frozen{font-size:11px;color:#ffc8c8e6}.wallet-actions{display:flex;gap:8px}.recharge-btn{display:flex;align-items:center;gap:4px;padding:8px 18px;background:#fff;color:#c06b4f;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #00000014;transition:transform .2s;position:relative;z-index:1}.recharge-btn:active{transform:scale(.95)}.withdraw-btn{display:flex;align-items:center;gap:4px;padding:8px 18px;background:#fff3;color:#fff;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s;position:relative;z-index:1}.withdraw-btn:active{transform:scale(.95)}.profile-menu{background:var(--white);margin:12px 16px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.menu-item{display:flex;align-items:center;gap:14px;padding:15px 16px;width:100%;border-bottom:.5px solid var(--border);text-align:left;transition:background .15s}.menu-item:active{background:#00000005}.menu-item:last-child{border-bottom:none}.menu-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-label{flex:1;font-size:15px;color:var(--text)}.menu-right{display:flex;align-items:center;gap:6px}.menu-value{font-size:13px;color:var(--text-light)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 32px);margin:16px 16px 24px;padding:14px;border-radius:14px;background:var(--white);color:#ff3b30;font-size:15px;font-weight:600;box-shadow:var(--shadow);transition:transform .2s}.logout-btn:active{transform:scale(.97)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:24px 16px;animation:slideUp .3s;box-shadow:0 -4px 30px #0000001a}.modal-sheet-full{max-height:90vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:18px;font-weight:700;letter-spacing:.3px}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text-light)}.current-points-row{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fdf0ec;border-radius:10px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.current-points-row strong{color:#c06b4f;font-size:18px}.recharge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.recharge-option{display:flex;flex-direction:column;align-items:center;padding:16px 8px;border:2px solid var(--border);border-radius:14px;position:relative;transition:all .25s;gap:2px;cursor:pointer}.recharge-option:active{transform:scale(.96)}.recharge-option.selected{border-color:var(--primary);background:linear-gradient(135deg,#fdf0ec,#fce4dd);box-shadow:0 2px 12px #e8604c26}.popular-tag{position:absolute;top:-8px;right:-4px;background:var(--primary);color:#fff;font-size:10px;padding:1px 6px;border-radius:8px}.contact-cs-card{text-align:center;padding:8px 0 16px}.cs-icon-wrap{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.contact-cs-card h4{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px}.cs-desc{font-size:13px;color:var(--text-light);line-height:1.5;margin-bottom:16px;padding:0 8px}.cs-contact-row{display:flex;align-items:center;padding:12px 14px;background:var(--bg);border-radius:10px;margin-bottom:8px}.cs-label{font-size:13px;font-weight:600;color:var(--text-secondary);width:56px;text-align:left}.cs-value{flex:1;font-size:15px;font-weight:600;color:var(--text);text-align:left}.copy-btn{font-size:12px;font-weight:600;color:var(--primary);background:#fdf0ec;padding:4px 12px;border-radius:8px;border:none;cursor:pointer}.cs-note{font-size:12px;color:#bbb;margin-top:12px}.bound-cards{margin-bottom:20px}.bound-cards h4{font-size:15px;font-weight:600;margin-bottom:10px}.bound-card-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg);border-radius:14px;margin-bottom:8px;border:.5px solid var(--border);transition:transform .2s}.bound-card-item:active{transform:scale(.98)}.bound-card-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#8ba4a8,#6b8e8f);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #6b8e8f4d}.bound-card-info{flex:1;display:flex;flex-direction:column}.bound-card-bank{font-size:14px;font-weight:600;color:var(--text)}.bound-card-num{font-size:13px;color:var(--text-light);letter-spacing:.5px;word-break:break-all}.bound-card-holder{font-size:12px;color:#999}.bind-card-tip{font-size:12px;color:#999;text-align:center;margin-top:12px}.delete-card-btn{font-size:13px;color:#ff3b30;padding:4px 12px;border-radius:8px;background:#ff3b3014}.card-form{margin-bottom:16px}.card-form h4{font-size:15px;font-weight:600;margin-bottom:14px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:12px 14px;background:var(--bg);border-radius:12px;font-size:15px;color:var(--text);border:1.5px solid transparent;transition:border-color .2s,background .2s}.form-input:focus{border-color:var(--primary);background:#fff}.form-input::placeholder{color:#c5bdb5}.form-textarea{resize:none;font-family:inherit;line-height:1.5}.form-select{width:100%;padding:12px 14px;background:var(--bg);border-radius:10px;font-size:15px;color:var(--text);border:none;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.confirm-bind-btn{width:100%;padding:14px;background:linear-gradient(135deg,#8ba4a8,#6b8e8f);color:#fff;font-size:16px;font-weight:600;border-radius:12px}.confirm-bind-btn:disabled{opacity:.5}.settings-list{padding:8px 0}.settings-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;font-size:15px;color:var(--text);cursor:pointer;transition:background .2s}.settings-item:active{background:#f5f5f5}.settings-item span{flex:1;text-align:left}.settings-divider{height:1px;background:#f0f0f0;margin:8px 16px}.settings-version{text-align:center;color:#ccc;font-size:12px;padding:16px 0 8px}.confirm-dialog{background:var(--white);border-radius:20px;padding:28px;width:290px;text-align:center;box-shadow:0 20px 60px #0003}.confirm-dialog h3{font-size:17px;margin-bottom:8px;color:var(--text)}.confirm-dialog p{font-size:14px;color:#999;margin-bottom:20px}.confirm-actions{display:flex;gap:12px}.confirm-actions button{flex:1;padding:10px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer}.confirm-cancel{background:#f5f5f5;color:#666}.confirm-ok{background:linear-gradient(135deg,#e74c3c,#d04a36);color:#fff;box-shadow:0 2px 8px #d04a364d}.withdraw-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;color:var(--text-light);font-size:14px}.withdraw-bind-btn{padding:8px 24px;border-radius:20px;background:var(--primary);color:#fff;font-size:14px;font-weight:500}.withdraw-card-select{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg);border-radius:10px;margin-bottom:14px}.withdraw-label{font-size:13px;color:var(--text-light)}.withdraw-card-info{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text)}.withdraw-input-wrap{display:flex;align-items:center;background:var(--bg);border-radius:10px;padding:2px}.withdraw-currency{padding:0 12px;font-size:18px;font-weight:700;color:var(--text)}.withdraw-input{background:transparent!important;border-radius:0!important}.withdraw-all-btn{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--primary);background:#fdf0ec;white-space:nowrap}.withdraw-note{padding:12px 14px;background:#fdf0ec;border-radius:10px;margin:14px 0}.withdraw-note p{font-size:12px;color:#c06b4f;line-height:1.8}.confirm-withdraw-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),#ff7b6b,var(--accent));color:#fff;font-size:16px;font-weight:600;border-radius:14px;box-shadow:0 4px 16px #e8604c4d;transition:transform .2s}.confirm-withdraw-btn:active{transform:scale(.97)}.confirm-withdraw-btn:disabled{opacity:.5;box-shadow:none}.detail-page{position:fixed;inset:0;background:var(--bg);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:#ffffffe0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.1)}.detail-page-header h2{font-size:17px;font-weight:600;text-align:center;color:#1c1c1e}.detail-back-btn{position:absolute;left:12px;width:34px;height:34px;border-radius:50%;background:#0000000f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#1c1c1e;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0;transition:background .15s}.detail-back-btn:active{background:#0000001f}.detail-filter-tabs{display:flex;gap:4px;padding:12px 16px;background:var(--white)}.detail-filter-tab{padding:6px 16px;border-radius:18px;font-size:13px;font-weight:500;color:var(--text-light);background:var(--bg);transition:all .2s}.detail-filter-tab.active{background:var(--primary);color:#fff}.detail-list{padding:12px 16px;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 20px);display:flex;flex-direction:column;gap:8px}.task-record-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.task-record-icon{flex-shrink:0;margin-top:2px}.task-record-info{flex:1;min-width:0}.task-record-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.task-record-title{font-size:15px;font-weight:600;color:var(--text)}.task-record-type{font-size:11px;padding:2px 8px;border-radius:10px;background:#fdf0ec;color:#c06b4f;white-space:nowrap}.task-record-type.team{background:#e8f4f0;color:#00b894}.task-record-card.locked{opacity:.55}.task-record-desc{font-size:13px;color:var(--text-light);margin-bottom:6px}.task-record-progress-bar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.progress-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.progress-text{font-size:11px;color:var(--text-light);font-weight:600;white-space:nowrap}.task-record-bottom{display:flex;align-items:center;gap:8px}.task-record-date{font-size:12px;color:#ccc}.task-reward-type{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600}.task-record-reward{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.reward-done{font-size:16px;font-weight:700;color:#00b894}.reward-pending{font-size:16px;font-weight:700;color:var(--primary)}.reward-locked{font-size:16px;font-weight:700;color:#ccc}.reward-unit{font-size:11px;color:var(--text-light)}.account-summary-bar{display:flex;align-items:center;justify-content:space-around;padding:16px;margin:12px 16px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.account-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.account-summary-label{font-size:12px;color:var(--text-light)}.account-summary-value{font-size:16px;font-weight:700;color:var(--text)}.account-summary-value.income{color:#00b894}.account-summary-value.expense{color:#e74c3c}.account-summary-divider{width:1px;height:30px;background:var(--border)}.account-detail-card{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.account-detail-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-detail-icon.income{background:#00b8941f;color:#00b894}.account-detail-icon.expense{background:#e74c3c1f;color:#e74c3c}.account-detail-info{flex:1;min-width:0}.account-detail-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.account-detail-title{font-size:14px;font-weight:600;color:var(--text)}.account-detail-category{font-size:11px;padding:1px 6px;border-radius:8px;background:var(--bg);color:var(--text-light)}.account-detail-category.balance{background:#00b8941a;color:#00b894}.account-detail-date{font-size:12px;color:#ccc}.account-detail-amount{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.amount-income{font-size:15px;font-weight:700;color:#00b894}.amount-expense{font-size:15px;font-weight:700;color:#e74c3c}.account-detail-balance{font-size:11px;color:#ccc}.help-content-card{margin:16px;margin-bottom:calc(var(--tab-height) + var(--safe-bottom) + 20px);padding:20px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.help-text{font-size:14px;color:var(--text-secondary);line-height:1.9;white-space:pre-line}.profile-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:10px 24px;background:#000000b3;color:#fff;border-radius:20px;font-size:14px;z-index:300;white-space:nowrap;animation:fadeIn .2s}.freeze-banner{display:flex;align-items:flex-start;gap:10px;margin:0 16px 12px;padding:12px 14px;background:#fff2f0;border:1px solid #ffccc7;border-radius:10px}.freeze-banner-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#ff4d4f;color:#fff;display:flex;align-items:center;justify-content:center}.freeze-banner-info{display:flex;flex-direction:column;gap:2px}.freeze-banner-title{font-size:13px;font-weight:600;color:#cf1322}.freeze-banner-reason{font-size:12px;color:#999}.app-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;z-index:9999;animation:toastIn .3s ease;box-shadow:0 4px 20px #00000026;max-width:90%}.app-toast.success{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d}.app-toast.error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.msg-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px}.msg-modal{background:#fff;border-radius:16px;padding:32px 24px 24px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.msg-modal-icon{margin-bottom:16px}.msg-modal-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.msg-modal-content{font-size:14px;color:#666;line-height:1.6;margin-bottom:24px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.msg-modal-btn{width:100%;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#c06b4f,#d4856a);color:#fff;font-size:16px;font-weight:500;cursor:pointer}.msg-modal-btn:active{opacity:.85}.msg-modal-count{margin-top:12px;font-size:12px;color:#999}