:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--pink:#ec4899;--bg:#f8fafc;--bg-card:#fff;--bg-glass:#ffffffd9;--text:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow:0 2px 12px #0000000f;--shadow-sm:0 1px 4px #0000000a;--shadow-lg:0 8px 30px #0000001f;--radius:16px;--radius-sm:12px;--radius-xs:8px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}#root,.app{min-height:100dvh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.25)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes swipeRight{to{opacity:0;transform:translate(120%)rotate(15deg)}}@keyframes swipeLeft{to{opacity:0;transform:translate(-120%)rotate(-15deg)}}@keyframes swipeUp{to{opacity:0;transform:translateY(-60%)scale(.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-slide-up{animation:.4s forwards slideUp}.animate-fade-in{animation:.3s forwards fadeIn}.welcome-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.welcome-bg{pointer-events:none;position:absolute;inset:0}.welcome-circle{background:#ffffff0f;border-radius:50%;position:absolute}.welcome-circle.c1{width:300px;height:300px;top:-60px;right:-60px}.welcome-circle.c2{width:200px;height:200px;bottom:10%;left:-40px}.welcome-circle.c3{width:140px;height:140px;bottom:25%;right:10%}.welcome-content{text-align:center;color:#fff;z-index:1;max-width:360px;position:relative}.welcome-logo{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite float}.welcome-title{letter-spacing:2px;margin-bottom:12px;font-size:40px;font-weight:800}.welcome-subtitle{opacity:.9;margin-bottom:32px;font-size:15px;line-height:1.8}.welcome-features{justify-content:center;gap:24px;margin-bottom:36px;display:flex}.welcome-feature{text-align:center}.welcome-feature .icon{margin-bottom:4px;font-size:28px;display:block}.welcome-feature .label{opacity:.85;font-size:12px}.welcome-login-btns{flex-direction:column;gap:12px;display:flex}.welcome-btn{cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:16px;font-weight:700;display:flex}.login-btn-icon{font-size:20px}.welcome-btn.phone-btn{color:#667eea;background:#fff;box-shadow:0 4px 20px #00000026}.welcome-btn.phone-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003}.welcome-btn.wechat-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1.5px solid #ffffff4d}.welcome-btn.wechat-btn:hover{background:#ffffff40;transform:translateY(-2px)}.welcome-btn:active{transform:scale(.97)}.welcome-agreement{opacity:.6;margin-top:16px;font-size:12px;line-height:1.6}.welcome-agreement a{color:#fffc;cursor:pointer;text-decoration:underline}.register-page,.questionnaire-page,.personality-page{max-width:480px;min-height:100dvh;margin:0 auto;padding:40px 20px 100px}.register-page h1,.questionnaire-page h1,.personality-page h1{margin-bottom:8px;font-size:26px;font-weight:800}.register-subtitle,.questionnaire-desc,.personality-desc{color:var(--text-secondary);margin-bottom:28px;font-size:14px}.register-header{margin-bottom:24px;position:relative}.register-back{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:4px 0;font-size:15px;font-weight:500}.phone-section{max-width:360px;margin:0 auto}.phone-input-group{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-xs);transition:var(--transition);align-items:center;gap:10px;padding:0 14px;display:flex}.phone-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.phone-prefix{color:var(--text-secondary);border-right:1px solid var(--border);padding-right:10px;font-size:15px;font-weight:600}.phone-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.phone-input:disabled{opacity:.6}.sms-section{margin-top:20px}.sms-input-row{gap:10px;margin-bottom:12px;display:flex}.sms-input{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);color:var(--text);letter-spacing:6px;text-align:center;outline:none;flex:1;padding:13px 16px;font-size:16px}.sms-input:focus{border-color:var(--primary)}.sms-input:disabled{opacity:.5}.sms-send-btn{white-space:nowrap;border-radius:var(--radius-xs);border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;min-width:100px;padding:0 16px;font-size:14px;font-weight:600}.sms-send-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-light)}.sms-hint{color:var(--text-light);text-align:center;margin-top:10px;font-size:12px}.sms-verified{text-align:center;margin-top:20px}.verified-icon{margin-bottom:12px;font-size:48px}.sms-verified p{color:var(--text-secondary);margin-bottom:20px;font-size:15px}.register-form{max-width:360px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444;margin-left:2px}.form-error{color:#ef4444;margin-bottom:12px;font-size:13px}.form-group input,.form-group select{border:2px solid var(--border);border-radius:var(--radius-xs);width:100%;transition:var(--transition);background:var(--bg-card);color:var(--text);outline:none;padding:12px 16px;font-size:15px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.btn-primary{color:#fff;border-radius:var(--radius-xs);cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;padding:14px;font-size:16px;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-progress{margin-bottom:28px}.quiz-progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;height:100%;transition:width .4s}.quiz-progress-text{color:var(--text-light);text-align:right;font-size:13px}.quiz-dim-header{text-align:center;margin-bottom:24px}.quiz-dim-header .dim-icon{margin-bottom:8px;font-size:52px;display:block}.quiz-dim-header h2{margin-bottom:6px;font-size:28px;font-weight:800}.dim-subtitle{color:var(--text-secondary);margin-bottom:4px;font-size:15px}.dim-desc{color:var(--text-light);max-width:360px;margin:0 auto;font-size:13px;line-height:1.7}.question-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.question-card{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition);border:2px solid #0000;padding:20px}.question-card.answered{background:#6366f105;border-color:#6366f126}.question-card h3{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.5}.option-list{flex-direction:column;gap:8px;display:flex}.option-btn{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);text-align:left;cursor:pointer;width:100%;transition:var(--transition);color:var(--text-secondary);padding:12px 16px;font-size:14px;position:relative;overflow:hidden}.option-btn:hover{border-color:var(--primary-light);background:#6366f10a;transform:translate(3px)}.option-btn.selected{border-color:var(--primary);color:var(--primary);background:#6366f114;font-weight:700}.option-btn.selected:after{content:"✓";color:var(--primary);font-size:16px;position:absolute;right:14px}.quiz-nav{justify-content:center;gap:12px;padding-bottom:40px;display:flex}.quiz-prev,.quiz-next,.quiz-complete{cursor:pointer;transition:var(--transition);border:none;border-radius:26px;padding:13px 32px;font-size:15px;font-weight:600}.quiz-prev{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border)}.quiz-prev:hover{border-color:var(--primary);color:var(--primary)}.quiz-next{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex:1}.quiz-next:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.quiz-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.quiz-complete{background:linear-gradient(135deg, var(--success), #059669);color:#fff;flex:1}.quiz-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.quiz-complete:disabled{opacity:.4;cursor:not-allowed;transform:none}.personality-header{text-align:center;margin-bottom:24px}.personality-header .icon{margin-bottom:8px;font-size:48px;display:block}.personality-header h2{margin-bottom:6px;font-size:24px;font-weight:800}.personality-header p{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:14px;line-height:1.6}.personality-trait-card{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.trait-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.trait-icon{flex-shrink:0;font-size:40px}.trait-info h3{margin-bottom:2px;font-size:18px;font-weight:700}.trait-info p{color:var(--text-secondary);font-size:13px}.trait-range{color:var(--text-light);border-bottom:1px solid var(--border-light);justify-content:space-between;margin-bottom:16px;padding:0 4px 16px;font-size:13px;display:flex}.personality-questions{flex-direction:column;gap:16px;display:flex}.pq-item{border-bottom:1px solid var(--border-light);flex-direction:column;gap:10px;padding:14px 0;display:flex}.pq-item:last-child{border-bottom:none}.pq-text{color:var(--text);font-size:14px;font-weight:500;line-height:1.5}.pq-likert{justify-content:space-between;gap:8px;display:flex;position:relative}.pq-likert button{border:2px solid var(--border);background:var(--bg-card);cursor:pointer;max-width:56px;height:40px;transition:var(--transition);color:var(--text-secondary);border-radius:20px;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.pq-likert button:hover{border-color:var(--primary-light);background:#6366f10d}.pq-likert button.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.pt-nav{justify-content:center;gap:12px;padding-bottom:40px;display:flex}.pt-prev,.pt-next,.pt-complete{cursor:pointer;transition:var(--transition);border:none;border-radius:26px;padding:13px 32px;font-size:15px;font-weight:600}.pt-prev{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border)}.pt-prev:hover{border-color:var(--primary);color:var(--primary)}.pt-next{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex:1}.pt-next:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pt-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.pt-complete{background:linear-gradient(135deg, var(--success), #059669);color:#fff;flex:1}.pt-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.pt-complete:disabled{opacity:.4;cursor:not-allowed;transform:none}.likert-labels{justify-content:space-between;margin-top:4px;padding:0 2px;display:flex}.likert-labels span{color:var(--text-light);text-align:center;flex:1;max-width:56px;font-size:11px}.gender-select{gap:10px;display:flex}.gender-btn{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);flex:1;padding:12px;font-size:16px;font-weight:600}.gender-btn.active{border-color:var(--primary);color:var(--primary);background:#6366f10f}.status-select{flex-direction:column;gap:8px;display:flex}.status-card{border:2px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);background:var(--bg-card);padding:14px 16px}.status-card.active{border-color:var(--primary);background:#6366f10d}.status-card-label{font-size:15px;font-weight:600}.status-card-desc{color:var(--text-light);margin-top:2px;font-size:12px}.bio-textarea{border:2px solid var(--border);border-radius:var(--radius-xs);resize:none;background:var(--bg-card);width:100%;color:var(--text);transition:var(--transition);outline:none;padding:12px 16px;font-size:15px;line-height:1.6}.bio-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.char-count{color:var(--text-light);text-align:right;margin-top:4px;font-size:12px;display:block}.tag-hint{color:var(--text-light);font-size:12px;font-weight:400}.tags-picker{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{border:1.5px solid var(--border);cursor:pointer;transition:var(--transition);background:var(--bg-card);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:18px;padding:7px 14px;font-size:13px}.tag-pill:hover{border-color:var(--primary-light)}.tag-pill.active{border-color:var(--primary);color:var(--primary);background:#6366f11a;font-weight:600}.preview-card{border-radius:var(--radius-sm);border:1px dashed var(--border);background:linear-gradient(135deg,#6366f10a,#8b5cf60a);margin-bottom:20px;padding:16px}.preview-header{color:var(--text-light);margin-bottom:10px;font-size:12px}.preview-content{align-items:flex-start;gap:12px;display:flex}.preview-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex}.preview-info{flex:1}.preview-name{margin-bottom:2px;font-size:16px;font-weight:700}.preview-meta{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.preview-bio{color:var(--text-secondary);font-size:13px;line-height:1.5}.preview-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.preview-tag{color:var(--primary);background:#6366f114;border-radius:10px;padding:2px 8px;font-size:11px}.question-item{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px}.question-text{margin-bottom:14px;font-size:15px;font-weight:600}.question-options{flex-direction:column;gap:8px;display:flex}.question-option{border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);text-align:left;cursor:pointer;transition:var(--transition);color:var(--text);padding:12px 16px;font-size:14px}.question-option:hover{border-color:var(--primary-light);background:#6366f10a}.question-option.selected{border-color:var(--primary);color:var(--primary);background:#6366f114;font-weight:600}.progress-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;height:100%;transition:width .3s}.main-container{flex-direction:column;min-height:100dvh;display:flex}.main-content{flex:1;padding-bottom:72px;overflow-y:auto}.nav-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;transition:var(--transition);color:var(--text-light);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:2px;width:16px;height:3px;position:absolute;top:-2px}.nav-icon{font-size:22px;position:relative}.nav-label{font-size:10px;font-weight:600}.nav-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px}.swipe-page{max-width:480px;margin:0 auto;padding:16px 16px 0}.swipe-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 0;display:flex}.swipe-header h2{font-size:22px;font-weight:700}.swipe-counter{color:var(--text-secondary);font-size:13px;font-weight:500}.swipe-card-container{height:480px;margin-bottom:20px;position:relative}.swipe-card{border-radius:var(--radius);height:100%;box-shadow:var(--shadow);position:absolute;top:0;left:0;right:0;overflow:hidden}.swipe-card-next{z-index:1;opacity:.5;transform:scale(.95)}.swipe-card-current{z-index:2;cursor:grab}.swipe-card-current:active{cursor:grabbing}.swipe-right{animation:.35s forwards swipeRight}.swipe-left{animation:.35s forwards swipeLeft}.swipe-up{animation:.5s forwards swipeUp}.swipe-card-inner{flex-direction:column;height:100%;display:flex}.swipe-photo{background-position:50%;background-size:cover;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.swipe-photo-avatar{color:#fff;opacity:.9;text-shadow:0 2px 20px #0003;font-size:72px;font-weight:800}.swipe-photo-overlay{justify-content:center;gap:4px;display:flex;position:absolute;top:12px;left:0;right:0}.swipe-photo-dot{background:#fff6;border-radius:2px;width:24px;height:3px}.swipe-photo-dot.active{background:#fff}.swipe-indicator{z-index:3;border:3px solid;border-radius:8px;padding:8px 20px;font-size:20px;font-weight:800;position:absolute;top:40px}.swipe-indicator.like{color:var(--success);border-color:var(--success);right:20px;transform:rotate(15deg)}.swipe-indicator.nope{color:var(--danger);border-color:var(--danger);left:20px;transform:rotate(-15deg)}.swipe-indicator.super{color:#f59e0b;border-color:#f59e0b;font-size:28px;top:50%;left:50%;transform:translate(-50%,-50%)}.swipe-card-info{background:#fff;padding:16px}.swipe-card-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.swipe-card-name{font-size:22px;font-weight:700}.swipe-card-age{color:var(--text-secondary);font-size:18px;font-weight:500}.swipe-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.swipe-card-status{color:var(--primary);background:#6366f114;border-radius:8px;padding:2px 8px;font-size:11px}.swipe-card-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.swipe-card-tag{background:var(--bg);color:var(--text-secondary);border-radius:12px;padding:3px 10px;font-size:12px}.swipe-card-match{align-items:center;display:flex}.swipe-match-score{font-size:14px;font-weight:700}.swipe-actions{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.swipe-btn{cursor:pointer;width:56px;height:56px;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.swipe-btn:disabled{opacity:.5}.swipe-btn-nope{color:var(--danger);border:2px solid var(--border);background:#fff}.swipe-btn-nope:active{background:var(--danger);color:#fff;transform:scale(1.1)}.swipe-btn-super{color:#f59e0b;background:#fff;border:2px solid #f59e0b;width:48px;height:48px}.swipe-btn-super:active{color:#fff;background:#f59e0b;transform:scale(1.1)}.swipe-btn-like{color:var(--success);border:2px solid var(--success);background:#fff}.swipe-btn-like:active{background:var(--success);color:#fff;transform:scale(1.15)}.swipe-info-bar{text-align:center}.swipe-info-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:13px}.swipe-empty{text-align:center;padding:80px 20px}.swipe-empty-icon{margin-bottom:16px;font-size:56px}.swipe-empty h3{margin-bottom:8px;font-size:20px;font-weight:700}.swipe-empty p{color:var(--text-secondary);font-size:14px}.match-popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.match-popup{border-radius:var(--radius);text-align:center;width:90%;max-width:340px;box-shadow:var(--shadow-lg);background:#fff;padding:32px 24px}.match-popup-hearts{margin-bottom:12px;font-size:40px;animation:1.5s ease-in-out infinite float}.match-popup h2{color:var(--pink);margin-bottom:16px;font-size:24px;font-weight:800}.match-popup-avatars{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.match-popup-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;font-weight:700;display:flex}.match-popup-vs{font-size:28px}.match-popup-actions{flex-direction:column;gap:10px;display:flex}.match-page{max-width:480px;margin:0 auto;padding:16px}.match-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.match-header h1{font-size:22px;font-weight:700}.match-header-right{gap:8px;display:flex}.match-filter-toggle{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:16px;padding:6px 14px;font-size:13px}.match-filter-toggle.active{border-color:var(--primary);color:var(--primary);background:#6366f114}.match-filter{gap:8px;margin-bottom:14px;display:flex}.match-filter-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:20px;flex:1;padding:8px;font-size:13px}.match-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.match-test-guide{text-align:center;background:var(--bg-card);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;margin:20px 0;padding:60px 24px;display:flex}.test-guide-icon{font-size:64px}.match-test-guide h3{font-size:18px;font-weight:700}.match-test-guide p{color:var(--text-secondary);margin-bottom:4px;font-size:14px;line-height:1.6}.match-list{flex-direction:column;gap:10px;display:flex}.match-card{background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:12px;padding:14px;display:flex}.match-card:hover{box-shadow:var(--shadow);transform:translate(3px)}.match-card:active{transform:scale(.985)}.match-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;position:relative}.match-avatar .online-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.match-online-dot{background:var(--success);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.match-verified{color:var(--primary);margin-left:4px;font-size:12px;font-weight:700}.match-info{flex:1;min-width:0}.match-name{margin-bottom:2px;font-size:16px;font-weight:600}.match-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.match-status-badge{color:var(--primary);background:#6366f114;border-radius:8px;padding:2px 8px;font-size:10px}.match-bio{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;overflow:hidden}.match-tags{flex-wrap:wrap;gap:4px;display:flex}.match-tag{background:var(--bg);color:var(--text-secondary);border-radius:8px;padding:2px 8px;font-size:11px}.match-tag.more{color:var(--primary)}.match-score-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.match-score-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.match-score-label{color:var(--text-light);margin-top:2px;font-size:10px}.user-list-page{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;padding:0 16px}.user-list-header{background:var(--bg);z-index:10;align-items:center;gap:10px;padding:14px 0 12px;display:flex;position:sticky;top:0}.user-list-header h2{flex:1;font-size:20px;font-weight:700}.user-list-back{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:500}.user-list-body{flex-direction:column;gap:10px;padding-bottom:40px;display:flex}.filter-panel{z-index:250;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.filter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-header h3{font-size:17px}.filter-reset{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:14px}.filter-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.filter-body{padding:16px 20px}.filter-section{margin-bottom:20px}.filter-section-title{margin-bottom:10px;font-size:14px;font-weight:600}.filter-age-row{align-items:center;gap:10px;display:flex}.filter-range{accent-color:var(--primary);flex:1}.filter-age-label{color:var(--primary);white-space:nowrap;font-size:14px;font-weight:600}.filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-tag{border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:18px;padding:6px 14px;font-size:13px}.filter-tag:hover{border-color:var(--primary-light)}.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-toggles{flex-direction:column;gap:10px;display:flex}.filter-toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.filter-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.filter-footer{border-top:1px solid var(--border);padding:16px 20px}.detail-page{max-width:480px;margin:0 auto;padding:16px}.detail-back{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:4px 0;font-size:15px}.detail-profile-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:24px}.detail-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:32px;font-weight:700;display:flex}.detail-name{margin-bottom:4px;font-size:24px;font-weight:700}.detail-meta{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.detail-bio{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.detail-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.detail-tag{background:var(--bg);color:var(--text-secondary);border-radius:12px;padding:4px 12px;font-size:12px}.detail-overall-score{text-align:center;border-radius:var(--radius);color:#fff;margin-bottom:16px;padding:20px}.match-emoji{margin-bottom:4px;font-size:36px;display:block}.big-score{font-size:48px;font-weight:800;line-height:1}.match-level{opacity:.9;margin-bottom:12px;font-size:18px;font-weight:600}.score-row{justify-content:center;gap:24px;display:flex}.score-mini{text-align:center}.mini-label{opacity:.85;font-size:12px}.mini-val{font-size:24px;font-weight:700}.detail-dimensions{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.detail-dimensions h3{margin-bottom:14px;font-size:16px}.dim-row{align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.dim-icon{width:24px;font-size:16px}.dim-name{width:72px;font-weight:500}.dim-bar-bg{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.dim-bar-fill{border-radius:4px;height:100%;transition:width .6s}.dim-score{text-align:right;width:32px;font-weight:700}.detail-report{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.detail-report h3{margin-bottom:12px;font-size:16px}.report-summary{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.7}.report-advice{border-radius:var(--radius-xs);border-left:3px solid var(--primary);color:var(--primary);background:#6366f10f;padding:10px 14px;font-size:13px}.report-highlight{gap:10px;margin-top:12px;display:flex}.report-hl-card{border-radius:var(--radius-xs);flex:1;padding:12px}.report-hl-card.best{background:#10b98114}.report-hl-card.worst{background:#ef44440f}.hl-label{margin-bottom:6px;font-size:12px;font-weight:600}.hl-dim{font-size:13px}.detail-actions{gap:12px;display:flex}.btn-like,.btn-message{border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);border:none;flex:1;padding:14px;font-size:15px;font-weight:600}.btn-like{color:#fff;background:linear-gradient(135deg,#ec4899,#f43f5e)}.btn-like.liked{animation:.6s heartBeat}.btn-message{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.greeting-modal{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;padding:24px 20px 32px;position:relative;overflow-y:auto}.modal-close-btn{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:12px;right:16px}.greeting-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.greeting-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex}.greeting-section-title{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.greeting-suggestions{margin-bottom:20px}.greeting-suggestion{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;width:100%;transition:var(--transition);text-align:left;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.greeting-suggestion:hover{border-color:var(--primary);transform:translate(4px)}.greeting-suggestion.match{border-left:4px solid #ec4899}.greeting-suggestion.dimension{border-left:4px solid var(--primary)}.greeting-suggestion.general{border-left:4px solid var(--success)}.greeting-suggestion.icebreaker{border-left:4px solid var(--accent)}.suggestion-text{color:var(--text);flex:1;font-size:14px;line-height:1.5}.suggestion-tag{background:var(--bg);color:var(--text-secondary);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:11px}.greeting-input{border:2px solid var(--border);border-radius:var(--radius-sm);resize:none;width:100%;transition:var(--transition);color:var(--text);background:var(--bg-card);outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.greeting-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.btn-send-greeting{color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600}.btn-send-greeting:disabled{opacity:.4;cursor:not-allowed}.btn-send-greeting:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.greeting-sent{text-align:center;padding:24px 0}.sent-icon{margin-bottom:16px;font-size:56px;animation:.6s bounce}.greeting-sent h3{color:var(--primary);margin-bottom:8px;font-size:20px;font-weight:700}.greeting-sent p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.btn-got-it{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;padding:12px 40px;font-size:15px;font-weight:600}.profile-page{max-width:480px;margin:0 auto}.profile-header-card{position:relative;overflow:hidden}.profile-header-bg{opacity:.15;height:160px;position:absolute;top:0;left:0;right:0}.profile-header-content{padding:24px 20px 20px;position:relative}.profile-avatar-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.profile-avatar-lg{color:#fff;cursor:pointer;width:72px;height:72px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;position:relative}.profile-avatar-camera{width:24px;height:24px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-header-right{gap:8px;display:flex}.profile-settings-btn{background:var(--bg-card);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.profile-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.profile-name-row h2{font-size:22px;font-weight:700}.profile-basic-info{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.profile-bio-line{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.profile-stats{justify-content:space-around;margin-bottom:16px;display:flex}.profile-stat{text-align:center}.profile-stat.clickable{cursor:pointer;border-radius:var(--radius-xs);transition:var(--transition);padding:8px 10px}.profile-stat.clickable:hover{background:#6366f10f;transform:translateY(-2px)}.profile-stat.clickable:active{transform:scale(.96)}.profile-stat-icon{font-size:20px}.profile-stat-value{font-size:20px;font-weight:700}.profile-stat-label{color:var(--text-secondary);font-size:12px}.profile-actions{gap:10px;display:flex}.profile-action-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text);border-radius:20px;flex:1;padding:10px;font-size:14px;font-weight:600}.profile-action-btn.highlight{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border:none}.profile-detail-card,.profile-photos-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:12px 16px;padding:18px}.profile-detail-card h3,.profile-photos-card h3{margin-bottom:12px;font-size:15px}.profile-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pd-label{color:var(--text-light);font-size:12px;display:block}.pd-value{margin-top:2px;font-size:14px;font-weight:500}.profile-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.profile-tag{background:var(--bg);color:var(--text-secondary);border-radius:12px;padding:4px 12px;font-size:12px}.profile-photos-grid{gap:8px;display:flex}.profile-photo-thumb{border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;display:flex}.profile-test-banner{border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;align-items:center;gap:14px;margin:12px 16px;padding:16px 18px;display:flex}.profile-test-banner:hover{background:linear-gradient(135deg,#6366f11f,#8b5cf61f)}.profile-test-banner-icon{flex-shrink:0;font-size:36px}.profile-test-banner-text{flex-direction:column;gap:2px;display:flex}.profile-test-banner-text strong{font-size:15px;font-weight:600}.profile-test-banner-text span{color:var(--text-secondary);font-size:13px}.profile-result-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:12px 16px;padding:18px}.profile-result-title{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.profile-result-icon{font-size:22px}.profile-result-badge{color:var(--primary);background:#6366f11a;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.profile-result-grid{flex-direction:column;gap:12px;display:flex}.profile-result-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.profile-result-dim{color:var(--text);font-size:13px;font-weight:500}.profile-result-score{color:var(--primary);font-size:13px;font-weight:700}.profile-personality-label{background:var(--bg);color:var(--text-secondary);border-radius:8px;padding:1px 8px;font-size:12px;font-weight:600}.profile-result-bar-track{background:var(--border-light);border-radius:4px;height:8px;position:relative;overflow:hidden}.profile-result-bar-fill{border-radius:4px;min-width:0;max-width:100%;height:100%;transition:width .5s}.profile-result-bar-fill.personality{border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;box-shadow:0 1px 4px #00000026}.profile-result-bar-range{justify-content:space-between;margin-bottom:4px;display:flex}.range-label{color:var(--text-light);font-size:10px}.profile-retest-row{justify-content:center;align-items:center;gap:12px;margin:0 16px 4px;padding:12px 0;display:flex}.profile-retest-link{color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;transition:opacity .2s}.profile-retest-link:hover{opacity:.7}.profile-retest-divider{color:var(--border-light);font-size:12px}.profile-menu{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:12px 16px;overflow:hidden}.profile-menu-item{border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:16px 18px;font-size:15px;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:var(--bg)}.menu-arrow{color:var(--text-light);font-size:18px}.profile-edit{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto}.profile-edit-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.profile-edit-header h3{font-size:17px}.edit-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:15px}.edit-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:6px 18px;font-size:14px;font-weight:600}.profile-edit-body{padding:16px}.edit-avatar-section{text-align:center;margin-bottom:24px}.edit-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 8px;font-size:32px;font-weight:700;display:flex}.edit-avatar-btn{background:var(--bg);border:1px dashed var(--border);cursor:pointer;color:var(--text-secondary);border-radius:14px;padding:6px 16px;font-size:13px}.edit-section{margin-bottom:24px}.edit-section-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.edit-row{gap:12px;margin-bottom:12px;display:flex}.edit-field{flex:1}.edit-field label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.edit-field input,.edit-field select{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:14px}.edit-field input:focus,.edit-field select:focus{border-color:var(--primary)}.edit-bio{border:1px solid var(--border);border-radius:var(--radius-xs);resize:none;background:var(--bg-card);width:100%;color:var(--text);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.edit-bio:focus{border-color:var(--primary)}.edit-char-count{text-align:right;color:var(--text-light);margin-top:4px;font-size:12px}.edit-tags-grid{flex-wrap:wrap;gap:8px;display:flex}.edit-tag-option{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:18px;padding:6px 14px;font-size:13px}.edit-tag-option:hover{border-color:var(--primary-light)}.edit-tag-option.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.gallery-overlay{z-index:350;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-close{color:#fff;cursor:pointer;z-index:2;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:absolute;top:20px;left:20px}.gallery-content{align-items:center;gap:16px;display:flex}.gallery-nav{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:36px;display:flex}.gallery-photo{border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:280px;height:280px;display:flex}.gallery-photo-letter{color:#fff;opacity:.85;font-size:72px;font-weight:800}.gallery-photo-hint{color:#fff9;font-size:12px}.gallery-dots{gap:8px;margin-top:16px;display:flex}.gallery-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#ffffff4d;border-radius:50%}.gallery-dot.active{background:#fff;border-radius:4px;width:20px}.gallery-info{color:#fff;justify-content:space-between;width:280px;margin-top:12px;font-size:14px;display:flex}.moments-page{max-width:480px;margin:0 auto;padding:12px}.moments-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.moments-header h3{font-size:20px;font-weight:700}.moments-create-btn{color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:600}.moments-create-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #6366f14d}.moments-list{flex-direction:column;display:flex}.moment-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px;padding:16px}.moment-author{cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;display:flex}.moment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.moment-author-info{flex:1}.moment-author-name{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.moment-meta{color:var(--text-light);gap:8px;font-size:12px;display:flex}.moment-content{margin-bottom:12px;font-size:15px;line-height:1.7}.moment-images{border-radius:var(--radius-xs);gap:4px;margin-bottom:12px;display:grid;overflow:hidden}.moment-images.count-1{grid-template-columns:1fr}.moment-images.count-2{grid-template-columns:1fr 1fr}.moment-images.count-3{grid-template-columns:1fr 1fr 1fr}.moment-image{aspect-ratio:1;justify-content:center;align-items:center;font-size:28px;display:flex}.moment-image img,img.moment-image{object-fit:cover;width:100%;height:100%}.moment-actions{border-top:1px solid var(--border-light);gap:24px;padding-top:10px;display:flex}.moment-action{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;display:flex}.moment-action.liked{color:var(--pink)}.moment-comments{background:var(--bg);border-radius:var(--radius-xs);margin-top:8px;padding:10px 14px}.moment-comment{cursor:default;padding:4px 0;font-size:13px}.comment-user{margin-right:4px}.comment-text{color:var(--text-secondary)}.comment-input-row{border-top:1px solid var(--border-light);gap:8px;margin-top:10px;padding-top:8px;display:flex}.comment-input{border:1px solid var(--border);color:var(--text);transition:var(--transition);background:#fff;border-radius:18px;outline:none;flex:1;padding:8px 12px;font-size:13px}.comment-input:focus{border-color:var(--primary)}.comment-send-btn{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:18px;padding:6px 16px;font-size:13px;font-weight:600}.comment-send-btn:disabled{opacity:.4;cursor:not-allowed}.comment-send-btn:hover:not(:disabled){background:var(--primary-dark)}.moment-action:hover{color:var(--primary)}.moment-action.liked:hover{color:var(--pink)}.create-moment{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.cm-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cm-header h4{font-size:16px}.cm-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:14px}.cm-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:6px 18px;font-size:13px;font-weight:600}.cm-submit:disabled{opacity:.4;cursor:not-allowed}.cm-user-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cm-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.cm-name{font-size:15px;font-weight:600}.cm-textarea{border:1px solid var(--border);border-radius:var(--radius-xs);resize:none;background:var(--bg);width:100%;color:var(--text);outline:none;padding:12px;font-family:inherit;font-size:14px}.cm-textarea:focus{border-color:var(--primary)}.cm-char-count{text-align:right;color:var(--text-light);margin-top:4px;font-size:12px}.cm-section{margin-top:16px}.cm-section-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500}.cm-location-input{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg);width:100%;color:var(--text);outline:none;padding:8px 12px;font-size:14px}.cm-images-section{margin-top:16px}.cm-images-grid{flex-wrap:wrap;gap:8px;display:flex}.cm-image-preview{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex;position:relative;overflow:hidden}.cm-image-preview img{object-fit:cover;width:100%;height:100%}.cm-image-remove{background:var(--danger);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:-6px;right:-6px}.cm-add-image{border-radius:var(--radius-xs);border:2px dashed var(--border);cursor:pointer;width:80px;height:80px;color:var(--text-light);justify-content:center;align-items:center;font-size:24px;display:flex;position:relative}.cm-add-image:hover{border-color:var(--primary)}.vip-page{background:var(--bg);min-height:100dvh}.vip-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:20px 16px 32px}.vip-header button{display:inline-block}.vip-header-center{margin-top:8px}.vip-crown{margin-bottom:8px;font-size:48px}.vip-header-center h2{font-size:24px;font-weight:800}.vip-header-center p{opacity:.7;margin-top:4px;font-size:14px}.vip-benefits{flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 16px;display:flex}.vip-benefit-item{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:20px;padding:8px 16px;font-size:13px}.vip-benefit-item span{margin-right:4px}.vip-plans{padding:16px}.vip-plans-grid{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.vip-plan-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;min-width:200px;box-shadow:var(--shadow-sm);border:2px solid #0000;flex:1;padding:20px 16px;position:relative}.vip-plan-card.popular{border-color:#f43f5e;transform:scale(1.03)}.vip-plan-badge{color:#fff;background:#f43f5e;border-radius:10px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.vip-plan-name{margin-bottom:8px;font-size:16px;font-weight:700}.vip-plan-price{color:var(--primary);font-size:28px;font-weight:800}.vip-plan-original{color:var(--text-light);margin-bottom:2px;font-size:13px;text-decoration:line-through}.vip-plan-period{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.vip-plan-features{text-align:left;margin-bottom:16px;list-style:none}.vip-plan-features li{color:var(--text-secondary);padding:4px 0;font-size:12px}.vip-plan-btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:20px;padding:10px;font-size:14px;font-weight:700}.vip-plan-btn:hover{transform:translateY(-2px)}.vip-perms{padding:16px}.vip-perms-table{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.vip-perm-row{border-bottom:1px solid var(--border-light);grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 14px;font-size:13px;display:grid}.vip-perm-row:last-child{border-bottom:none}.vip-perm-row.header{background:var(--bg);font-weight:700}.vip-perm-name{color:var(--text)}.vip-perm-val{text-align:center;color:var(--text-secondary)}.settings-page{background:var(--bg);min-height:100dvh}.settings-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.settings-header h3{font-size:17px}.settings-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:15px}.settings-body{padding:16px}.settings-group{margin-bottom:16px}.settings-group-title{color:var(--text-light);margin-bottom:8px;padding-left:4px;font-size:13px;font-weight:600}.settings-item{background:var(--bg-card);cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;display:flex}.settings-item:first-of-type{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-item:last-of-type{border-radius:0 0 var(--radius-sm) var(--radius-sm);border-bottom:none}.settings-item:only-of-type{border-radius:var(--radius-sm)}.settings-item:hover{background:var(--bg)}.settings-right{color:var(--text-light);white-space:nowrap;font-size:13px}.settings-arrow{color:var(--text-light);font-size:20px}.toggle-item{cursor:default}.settings-switch{width:44px;height:24px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:var(--border);transition:var(--transition);border-radius:12px;position:absolute;inset:0}.switch-slider:before{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.settings-switch input:checked+.switch-slider{background:var(--primary)}.settings-switch input:checked+.switch-slider:before{transform:translate(20px)}.settings-logout{border-radius:var(--radius-sm);width:100%;color:var(--danger);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:none;padding:14px;font-size:15px;font-weight:600}.form-input{border:2px solid var(--border);border-radius:var(--radius-xs);width:100%;transition:var(--transition);background:var(--bg-card);color:var(--text);outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.btn-text{width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:10px;font-size:14px;display:block}.btn-text:hover{color:var(--primary)}.modal-content{border-radius:var(--radius);background:#fff;width:90%;max-width:380px;margin:0 auto;padding:24px}.modal-content h4{margin-bottom:8px;font-size:17px}.block-empty{text-align:center;color:var(--text-light);padding:20px;font-size:14px}.report-reasons{flex-direction:column;gap:8px;display:flex}.report-reason-btn{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);text-align:left;cursor:pointer;transition:var(--transition);color:var(--text);padding:10px 16px;font-size:14px}.report-reason-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef44440a}.about-info-grid{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.about-info-item{background:var(--bg);border-radius:var(--radius-xs);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.about-info-item span{color:var(--text-light);font-size:11px}.about-info-item strong{color:var(--text);font-size:14px}.feedback-type-row{flex-wrap:wrap;gap:6px;display:flex}.feedback-type-btn{border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);color:var(--text-secondary);border-radius:16px;padding:6px 14px;font-size:13px}.feedback-type-btn:hover{border-color:var(--primary-light)}.feedback-type-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.vip-badge{color:#fff;vertical-align:middle;border-radius:4px;align-items:center;gap:2px;font-weight:700;display:inline-flex}.vip-badge-small{padding:1px 6px;font-size:10px}.vip-badge-medium{padding:2px 8px;font-size:11px}.verified-badge{background:var(--primary);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin:0 2px;font-size:10px;font-weight:700;display:inline-flex}.online-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.online-dot.online{background:var(--success)}.online-dot.offline{background:var(--text-light)}.chat-page{max-width:480px;margin:0 auto;padding:16px}.chat-page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chat-page-header h2{font-size:22px;font-weight:700}.chat-unread-total{color:var(--danger);background:#ef44441a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.chat-empty{text-align:center;padding:60px 20px}.chat-empty-icon{opacity:.6;margin-bottom:16px;font-size:56px}.chat-empty h3{margin-bottom:8px;font-size:18px;font-weight:600}.chat-empty p{color:var(--text-secondary);font-size:14px}.chat-list{flex-direction:column;display:flex}.chat-conv-item{background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:14px;margin-bottom:2px;padding:16px;display:flex}.chat-conv-item:hover{background:#6366f108;transform:translate(4px)}.chat-conv-item:active{background:#6366f10f}.chat-conv-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex;position:relative}.chat-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-conv-info{flex:1;min-width:0}.chat-conv-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-conv-name{font-size:16px;font-weight:600}.chat-conv-time{color:var(--text-light);font-size:12px}.chat-conv-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-room{background:var(--bg);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.chat-room-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.chat-back{background:var(--bg);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.chat-back:hover{background:var(--border)}.chat-room-user{flex:1;align-items:center;gap:10px;display:flex}.chat-room-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.chat-room-name{font-size:16px;font-weight:600}.chat-room-status{color:var(--success);font-size:12px}.chat-room-actions{gap:4px;display:flex}.chat-room-action-btn{background:var(--bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-start-hint{text-align:center;margin:auto;padding:40px 20px}.chat-start-icon{opacity:.5;margin-bottom:12px;font-size:40px}.chat-start-hint p{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.chat-bubble-row{align-items:flex-end;gap:8px;max-width:85%;display:flex}.chat-bubble-row.mine{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-row.theirs{align-self:flex-start}.chat-bubble-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.chat-bubble{word-wrap:break-word;border-radius:18px;max-width:100%;padding:10px 14px;position:relative}.chat-bubble.mine{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px}.chat-bubble.theirs{background:var(--bg-card);color:var(--text);border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f}.bubble-text{font-size:15px;line-height:1.5}.bubble-time{opacity:.6;text-align:right;justify-content:flex-end;align-items:center;gap:2px;margin-top:4px;font-size:10px;display:flex}.bubble-read{font-size:10px}.chat-bubble.voice{padding:10px 16px}.voice-bubble{align-items:center;gap:6px;display:flex}.voice-icon{font-size:20px}.voice-bar{letter-spacing:-2px;opacity:.6;font-size:12px}.voice-duration{opacity:.8;font-size:12px}.voice-recording-overlay{color:#fff;z-index:20;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.voice-recording-circle{width:100px;height:100px;transition:var(--transition);border:4px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:40px;display:flex}.voice-recording-circle.recording{border-color:var(--danger);animation:1.5s infinite pulse}.chat-input-bar{background:var(--bg-card);border-top:1px solid var(--border);z-index:10;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex;position:sticky;bottom:0;box-shadow:0 -1px 4px #0000000a}.chat-tool-btn{background:var(--bg);cursor:pointer;width:36px;height:36px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.chat-tool-btn:hover{background:var(--border)}.chat-tool-btn:disabled{opacity:.4;cursor:not-allowed}.chat-input{border:2px solid var(--border);background:var(--bg);color:var(--text);transition:var(--transition);border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:15px}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.chat-send-btn{color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;padding:10px 20px;font-size:14px;font-weight:600}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px)}.image-bubble-content{max-width:220px}.image-bubble-content img{cursor:pointer;border-radius:8px;width:100%;display:block}.chat-bubble.image-bubble{background:0 0;border-radius:10px;padding:2px;overflow:hidden}.chat-bubble.image-bubble.mine{background:0 0}.image-viewer-overlay{z-index:999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer-overlay img{object-fit:contain;border-radius:4px;max-width:95vw;max-height:90vh}.image-viewer-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.emoji-picker{background:var(--bg-card);border-top:1px solid var(--border)}.emoji-tabs{border-bottom:1px solid var(--border-light);align-items:center;gap:2px;padding:6px 8px;display:flex}.emoji-tab{cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;display:flex}.emoji-tab.active{background:#6366f11a}.emoji-tab:hover{background:var(--bg)}.emoji-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:16px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;max-height:160px;padding:8px;display:grid;overflow-y:auto}.emoji-item{cursor:pointer;width:36px;height:36px;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:22px;display:flex}.emoji-item:hover{background:var(--bg);transform:scale(1.2)}.toast-container{z-index:999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast{box-shadow:var(--shadow-lg);pointer-events:auto;white-space:nowrap;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s slideUp}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--text);color:#fff}@media (width<=380px){.swipe-card-container{height:400px}.swipe-btn{width:48px;height:48px;font-size:20px}.big-score{font-size:40px}.vip-plans-grid{flex-direction:column}.vip-plan-card.popular{transform:none}.vip-plan-card{min-width:auto}}@media (width>=500px){.swipe-card-container{height:520px}.swipe-page,.match-page,.moments-page,.chat-page{padding:20px 24px 0}.profile-page{max-width:500px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.test-report-page{padding:20px 16px 16px}.test-report-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.test-report-header-right{gap:8px;display:flex}.test-report-retake-btn{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.test-report-retake-btn:hover{border-color:var(--primary);color:var(--primary)}.test-report-hero{text-align:center;background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border-radius:16px;margin-bottom:20px;padding:30px 20px}.test-report-hero-icon{margin-bottom:12px;font-size:56px}.test-report-hero-title{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.test-report-hero-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.test-report-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px}.test-report-section-title{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.test-report-section-icon{font-size:18px}.test-report-section-badge{border-radius:10px;margin-left:auto;padding:2px 10px;font-size:11px;font-weight:500}.test-report-radar-wrap{flex-direction:column;align-items:center;display:flex}.test-report-radar{width:100%;max-width:280px;height:auto}.test-report-radar-legend{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px;display:flex}.test-report-radar-legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-name{color:var(--text-primary)}.legend-score{font-weight:600}.test-report-dim-card{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.test-report-dim-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.test-report-dim-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.test-report-dim-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.test-report-dim-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.test-report-dim-score{font-size:13px;font-weight:700}.test-report-trait-label{color:#8b5cf6;background:#8b5cf61a;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:500}.test-report-dim-bar-track{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.test-report-dim-bar-fill{border-radius:3px;height:100%;transition:width .6s}.test-report-dim-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.65}.test-report-personality-tagline{color:var(--text-secondary);background:#10b9810d;border-radius:10px;margin:0 0 16px;padding:14px;font-size:14px;line-height:1.7}.test-report-actions{text-align:center;padding:16px 0}.test-report-actions-hint{color:var(--text-light);font-size:12px}.dim-compare-card{background:var(--bg-tertiary);border-radius:10px;margin-bottom:14px;padding:12px}.dim-compare-card:last-child{margin-bottom:0}.dim-compare-header{align-items:center;gap:6px;margin-bottom:10px;display:flex}.dim-compare-scores{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dim-compare-you,.dim-compare-other{flex-direction:column;align-items:center;gap:2px;display:flex}.dim-compare-label{color:var(--text-light);font-size:11px}.dim-compare-val{font-size:16px;font-weight:700}.dim-compare-vs{color:var(--text-light);font-size:12px;font-weight:600}.dim-diff-text{color:var(--text-secondary);background:#6366f10d;border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.55}.detail-dimensions-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.detail-dimensions-header h3{margin:0}.detail-expand-arrow{color:var(--text-light);font-size:20px;transition:transform .3s}.detail-expand-arrow.expanded{transform:rotate(90deg)}.dim-more-hint{text-align:center;color:var(--primary);cursor:pointer;margin-top:8px;font-size:12px;display:block}.detail-dimensions-preview{margin-top:4px}.together-tips{flex-direction:column;gap:10px;margin-top:12px;display:flex}.tip-card{background:var(--bg-tertiary);border-radius:10px;gap:12px;padding:12px;display:flex}.tip-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex;box-shadow:0 1px 3px #0000000f}.tip-content{flex:1}.tip-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.tip-text{color:var(--text-secondary);font-size:12px;line-height:1.55}.topic-hint{color:var(--text-light);margin:0 0 10px;font-size:12px}.topic-list{flex-direction:column;gap:8px;display:flex}.topic-item{background:var(--bg-tertiary);color:var(--text-primary);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.topic-item.差异探索{background:#f59e0b0d;border:1px solid #f59e0b1f}.topic-icon{flex-shrink:0;width:24px;font-size:16px}.topic-text{flex:1}.topic-type-badge{color:#b45309;background:#f59e0b26;border-radius:6px;flex-shrink:0;align-self:center;padding:1px 6px;font-size:10px}.profile-portrait-card{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid #6366f11f;border-radius:14px;margin-bottom:14px;padding:16px}.profile-portrait-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-portrait-emoji{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:36px;display:flex;box-shadow:0 2px 8px #0000000f}.profile-portrait-info{flex-direction:column;gap:2px;display:flex}.profile-portrait-type{color:var(--text-primary);font-size:15px;font-weight:700}.profile-portrait-subtitle{color:var(--text-light);font-size:12px}.profile-portrait-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.profile-view-report-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600;transition:opacity .2s;display:block}.profile-view-report-btn:hover{opacity:.9}.profile-result-interp{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.consult-page{padding:20px 16px 16px}.consult-header{text-align:center;margin-bottom:20px}.consult-title{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.consult-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.consult-tabs{background:var(--bg-tertiary);border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.consult-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;font-size:11px;transition:all .2s;display:flex}.consult-tab.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #00000014}.consult-tab-icon{font-size:18px}.consult-tab-label{font-weight:500}.consult-search-bar{background:var(--bg-tertiary);border-radius:12px;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.consult-search-icon{margin-right:8px;font-size:16px}.consult-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.consult-search-input::placeholder{color:var(--text-light)}.consult-tag-filter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.consult-filter-tag{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:14px;padding:5px 12px;font-size:12px;transition:all .2s}.consult-filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.consult-list{flex-direction:column;gap:12px;display:flex}.consult-card{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:16px;transition:box-shadow .2s}.consult-card:hover{box-shadow:0 4px 16px #0000000f}.consult-card-header{gap:12px;margin-bottom:10px;display:flex}.consult-card-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.consult-card-info{flex:1;min-width:0}.consult-card-name-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.consult-card-name{color:var(--text-primary);font-size:16px;font-weight:600}.consult-card-rating{color:#f59e0b;font-size:12px;font-weight:600}.consult-card-match{color:var(--primary);background:#6366f11a;border-radius:8px;padding:2px 8px;font-size:13px;font-weight:700}.consult-card-title{color:var(--text-primary);font-size:13px;font-weight:500;display:block}.consult-card-subtitle{color:var(--text-light);margin-top:1px;font-size:11px;display:block}.consult-card-brief{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.55}.consult-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.consult-card-tag{color:var(--primary);background:#6366f10f;border-radius:8px;padding:3px 10px;font-size:11px}.consult-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.consult-card-meta{color:var(--text-light);gap:12px;font-size:11px;display:flex}.consult-reviews,.consult-style{align-items:center;gap:3px;display:flex}.consult-card-price{align-items:center;gap:8px;display:flex}.consult-price{color:#ef4444;font-size:15px;font-weight:700}.consult-free-badge{color:#10b981;white-space:nowrap;background:#10b9811a;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.consult-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.consult-empty p{margin:8px 0}.consult-match-hint{background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.consult-match-hint-icon{font-size:32px}.consult-match-hint strong{color:var(--text-primary);font-size:14px}.consult-match-hint p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.consult-match-empty{text-align:center;padding:40px 20px}.consult-history-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:14px}.consult-history-status{border-radius:8px;padding:3px 10px;font-size:11px;font-weight:500}.consult-history-note{color:var(--text-secondary);border-top:1px solid var(--border);margin:8px 0 0;padding-top:8px;font-size:12px;line-height:1.5}.counselor-detail-page{padding:20px 16px 16px}.counselor-hero{text-align:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;margin-bottom:14px;padding:24px 16px}.counselor-hero-avatar{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:36px;font-weight:700;display:flex}.counselor-hero-name{margin:0 0 2px;font-size:22px;font-weight:700}.counselor-hero-title{color:var(--primary);margin:0 0 4px;font-size:14px;font-weight:600}.counselor-hero-subtitle{color:var(--text-light);margin:0;font-size:12px}.counselor-hero-stats{border-top:1px solid var(--border);justify-content:center;gap:24px;margin-top:16px;padding-top:14px;display:flex}.counselor-hero-stat{text-align:center}.counselor-hero-stat.highlight{background:#6366f10f;border-radius:10px;padding:6px 12px}.chs-value{color:var(--text-primary);font-size:15px;font-weight:700}.chs-label{color:var(--text-light);font-size:11px}.counselor-hero-tags{justify-content:center;gap:8px;margin-top:12px;display:flex}.counselor-style-tag,.counselor-free-tag{border-radius:8px;padding:4px 12px;font-size:12px;font-weight:500}.counselor-style-tag{color:#b45309;background:#f59e0b1a}.counselor-free-tag{color:#10b981;background:#10b9811a}.counselor-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px}.counselor-section-title{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.counselor-intro{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.75}.counselor-credentials{flex-direction:column;gap:8px;display:flex}.counselor-credential{align-items:flex-start;gap:8px;display:flex}.cred-icon{flex-shrink:0;margin-top:1px;font-size:14px}.cred-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.counselor-specialties{flex-direction:column;gap:12px;display:flex}.counselor-specialty{gap:10px;display:flex}.sp-icon{background:var(--bg-tertiary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.sp-content{flex:1}.sp-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.sp-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.counselor-workstyle{gap:10px;display:flex}.ws-card{text-align:center;background:var(--bg-tertiary);border-radius:12px;flex:1;padding:14px 8px}.ws-icon{margin-bottom:6px;font-size:24px}.ws-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.ws-text{color:var(--text-secondary);font-size:11px;line-height:1.45}.counselor-tags-section{flex-wrap:wrap;gap:8px;margin-bottom:90px;display:flex}.counselor-tag-big{color:var(--primary);background:#6366f10f;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.counselor-bottom-bar{background:var(--bg-primary);border-top:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:14px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #0000000f}.counselor-bottom-price{flex-direction:column;gap:2px;display:flex}.cb-price{color:#ef4444;font-size:18px;font-weight:700}.cb-free{color:#10b981;font-size:11px;font-weight:500}.counselor-book-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;transition:opacity .2s}.counselor-book-btn:hover{opacity:.92}.counsel-room{flex-direction:column;height:100%;display:flex}.counsel-room-header{background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.cr-back-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:4px;font-size:20px}.cr-counselor-info{flex:1;align-items:center;gap:10px;display:flex}.cr-counselor-avatar{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.cr-counselor-text{flex-direction:column;display:flex}.cr-counselor-name{color:var(--text-primary);font-size:15px;font-weight:600}.cr-counselor-status{color:#10b981;align-items:center;gap:4px;font-size:11px;display:flex}.cr-online-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.cr-end-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;padding:6px 14px;font-size:12px;transition:all .2s}.cr-end-btn:hover{color:#fff;background:#ef4444}.counsel-room-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.cr-system-msg{text-align:center;padding:10px 0}.cr-system-text{color:var(--text-light);background:var(--bg-tertiary);border-radius:12px;padding:6px 14px;font-size:12px;display:inline-block}.cr-bubble-row{align-items:flex-start;gap:8px;max-width:85%;display:flex}.cr-bubble-row.user{flex-direction:row-reverse;align-self:flex-end}.cr-avatar-small{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.cr-bubble-wrap{flex-direction:column;gap:2px;display:flex}.cr-bubble{border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.65}.cr-bubble.counselor{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px}.cr-bubble.user{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-bottom-right-radius:4px}.cr-time{color:var(--text-light);padding:0 4px;font-size:10px}.cr-bubble-row.user .cr-time{text-align:right}.cr-typing{background:var(--bg-tertiary);border-radius:16px 16px 16px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.cr-typing-dot{background:var(--text-light);border-radius:50%;width:7px;height:7px;animation:1.2s infinite typingBounce}.cr-typing-dot:nth-child(2){animation-delay:.2s}.cr-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.counsel-room-input{background:var(--bg-primary);border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.cr-input{border:1px solid var(--border);resize:none;max-height:100px;color:var(--text-primary);background:var(--bg-tertiary);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px}.cr-input:focus{border-color:var(--primary)}.cr-send-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:opacity .2s;display:flex}.cr-send-btn:disabled{opacity:.4;cursor:not-allowed}.treehole-page{padding:20px 16px 16px}.treehole-hero{text-align:center;background:linear-gradient(135deg,#10b9810f,#0596690f);border-radius:16px;margin-bottom:20px;padding:30px 20px}.treehole-hero-icon{margin-bottom:8px;font-size:48px}.treehole-hero h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.treehole-hero p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.treehole-features{gap:10px;margin-bottom:20px;display:flex}.treehole-feature{text-align:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;flex:1;padding:16px 8px}.tf-icon{margin-bottom:6px;font-size:26px;display:block}.tf-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.tf-desc{color:var(--text-light);font-size:10px}.treehole-write-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s;display:block}.treehole-write-btn:hover{opacity:.92}.treehole-write-header{text-align:center;margin-bottom:20px}.treehole-write-header h2{color:var(--text-primary);margin:0 0 6px;font-size:20px;font-weight:700}.treehole-write-header p{color:var(--text-light);margin:0;font-size:12px}.treehole-nickname{margin-bottom:16px}.treehole-nickname label,.treehole-categories label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.treehole-nickname input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.treehole-nickname input:focus{border-color:var(--primary)}.treehole-categories{margin-bottom:16px}.treehole-cat-list{flex-wrap:wrap;gap:6px;display:flex}.treehole-cat-btn{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:6px 14px;font-size:12px;transition:all .2s}.treehole-cat-btn.active{color:#10b981;background:#10b9811a;border-color:#10b981}.treehole-letter-area{margin-bottom:20px}.treehole-textarea{border:1px solid var(--border);width:100%;min-height:200px;color:var(--text-primary);resize:vertical;background:var(--bg-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:14px;font-family:inherit;font-size:14px;line-height:1.7}.treehole-textarea:focus{border-color:var(--primary)}.treehole-textarea::placeholder{color:var(--text-light)}.treehole-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s;display:block}.treehole-submit-btn:disabled{opacity:.4;cursor:not-allowed}.treehole-sent{text-align:center;padding:40px 20px}.treehole-sent-animation{margin-bottom:30px}.treehole-sent-icon{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite float;display:block}.treehole-sent h2{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:700}.treehole-sent p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.treehole-sent-actions{flex-direction:column;gap:10px;display:flex}.treehole-btn-primary{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600;display:block}.treehole-btn-secondary{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;font-size:15px;font-weight:600;display:block}.treehole-replies-title{color:var(--text-primary);margin:0 0 16px;font-size:20px;font-weight:700}.treehole-letter-list{flex-direction:column;gap:12px;display:flex}.treehole-letter-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;padding:16px}.treehole-letter-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tl-category{color:var(--primary);font-size:12px;font-weight:500}.tl-date{color:var(--text-light);font-size:11px}.tl-preview{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.6}.tl-footer{justify-content:space-between;align-items:center;display:flex}.tl-author{color:var(--text-light);font-size:11px}.tl-read-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s}.tl-read-btn:hover{background:var(--primary);color:#fff}.treehole-reply-card{background:linear-gradient(135deg,#10b9810a,#0596690a);border:1px solid #10b9811f;border-radius:12px;margin-top:12px;padding:14px}.tr-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tr-counselor{color:#059669;font-size:13px;font-weight:600}.tr-date{color:var(--text-light);font-size:11px}.tr-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.nav-bar-6 .nav-item{padding:6px 0}.nav-bar-6 .nav-label{font-size:10px}.nav-bar-6 .nav-icon{font-size:20px}