*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#0d0a0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{overflow-x:hidden}.app-shell{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d)}.placeholder-page{min-height:calc(100vh - 100px);display:grid;place-items:center;font-size:32px;text-transform:capitalize}.page-loading{min-height:100vh;display:grid;place-items:center;color:#ffffffb3}.page-shell{min-height:100vh;min-height:100dvh;padding:16px 16px 110px}.toast-message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:999;padding:12px 18px;border-radius:14px;background:#1a1216f2;border:1px solid rgba(212,175,55,.24)}.h5-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(84px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1a1216fa,#0d0a0d);border-top:1px solid rgba(212,175,55,.12);box-shadow:0 -8px 32px #0006;display:flex;align-items:flex-start;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.h5-tab-bar .tab-item{flex:1;text-decoration:none;color:#ffffff73;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:84px}.h5-tab-bar .tab-item.active .tab-label{color:#d4af37;font-weight:600}.tab-icon-wrap{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tab-item.active .tab-icon-wrap{background:linear-gradient(135deg,#d4af3733,#d4af3714)}.tab-icon{font-size:26px}.tab-label{font-size:12px;margin-top:4px}.tab-indicator{position:absolute;bottom:calc(6px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:22px;height:3px;border-radius:999px;background:linear-gradient(90deg,#d4af37,#e5c349);opacity:0}.tab-item.active .tab-indicator{opacity:1}.tab-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff6b35,#f7931e);display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff}.btn{border:0;border-radius:18px;padding:14px 24px;font-size:16px;font-weight:600}.btn-primary{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.btn-secondary,.btn-outline{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.login-page{min-height:100vh;background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d);padding:72px 24px 140px;position:relative;overflow:hidden}.bg-decoration,.bg-effects,.bg-particles,.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%)}.bg-circle-1{width:300px;height:300px;top:-100px;right:-80px}.bg-circle-2{width:220px;height:220px;bottom:180px;left:-80px}.bg-circle-3{width:180px;height:180px;bottom:-50px;right:-20px}.bg-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.05) 50%,transparent 100%);animation:shineSweep 8s ease-in-out infinite}@keyframes shineSweep{0%{left:-100%}50%,to{left:150%}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d4af3759}.guide-header,.logo-section,.info-header{position:relative;z-index:2}.guide-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.guide-badge,.identity-badge,.role-badge,.match-score-badge,.cert-badge,.vip-tag,.distance-tag,.role-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#d4af3724;border:1px solid rgba(212,175,55,.22)}.guide-text,.logo-title,.section-title,.page-title,.title,.role-name,.user-name,.match-name{color:#fff;font-weight:700}.guide-desc,.logo-subtitle,.section-hint,.info-subtitle,.subtitle,.role-desc,.bio-text,.popup-bio,.menu-subtitle{color:#ffffffa3}.step-indicator{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:28px}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:52px}.step-circle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.step-item.active .step-circle{background:linear-gradient(135deg,#d4af37,#b8941f);color:#0d0a0d}.step-label{font-size:13px;margin-top:8px;color:#ffffff75}.step-line{position:absolute;top:20px;left:calc(100% + 8px);width:36px;height:2px;background:#ffffff24}.step-line.active{background:linear-gradient(90deg,#d4af37,#c41e3a)}.step-content{position:relative;z-index:2}.logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.logo-container{position:relative;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%)}.logo-icon,.avatar-placeholder{font-size:42px}.role-section,.task-section,.identity-card-section,.menu-section,.tags-section,.match-preview,.knowledge-section,.benefits-section{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px;margin-bottom:18px;position:relative;z-index:2}.role-grid,.task-list,.knowledge-categories,.benefit-list,.user-list,.message-list,.match-cards,.tags-list{display:grid;gap:14px}.role-card{position:relative;border:1px solid rgba(255,255,255,.1);background:#ffffff08;border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;color:#fff}.role-card.active{border-color:#d4af376b;box-shadow:0 10px 40px #d4af3729}.role-icon-wrap{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ffffff0d;margin-bottom:12px}.role-icon{font-size:28px}.role-tag,.role-check{margin-top:8px}.action-section{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.dual-actions,.btn-group,.action-buttons,.header-actions,.nav-right,.stats-section,.popup-tags,.popup-header,.user-name-row,.meta-row,.top-nav,.nav-header,.mode-switch,.match-users,.chat-header,.chat-preview,.promo-content,.promo-left,.section-header,.tags-entry,.match-score,.role-header,.progress-info,.sub-info,.option-inner,.match-item,.chat-item,.menu-item,.nearby-user-card{display:flex;align-items:center}.dual-actions,.btn-group,.action-buttons,.top-nav,.nav-header,.chat-header,.chat-preview,.promo-content,.section-header,.tags-entry,.match-score,.progress-info,.match-item,.chat-item,.menu-item,.nearby-user-card{justify-content:space-between}.input-group{position:relative;z-index:2;margin-bottom:18px}.input-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#ffffffdb}.input-wrapper{position:relative;display:flex;align-items:center;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);padding:0 14px}.input-field{flex:1;min-height:52px;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.input-counter{color:#ffffff70;font-size:13px}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.avatar-wrapper{position:relative;display:inline-flex}.avatar-container,.avatar-main,.popup-avatar,.chat-avatar,.match-avatar,.role-badge,.stat-icon,.menu-icon-wrapper{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#ffffff0d}.avatar-container img.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:24px}.avatar-overlay{position:absolute;inset:auto 0 0 0;padding:8px 0;text-align:center;font-size:12px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.68));border-radius:0 0 24px 24px}.agreement-row{display:flex;gap:10px;align-items:center;color:#ffffffb3;margin-bottom:18px}.test-page,.result-page,.message-page,.nearby-page,.interact-page,.profile-page,.match-page{background:linear-gradient(180deg,#0d0a0d,#1a1216,#0d0a0d)}.header-section{position:relative;z-index:2;margin-bottom:18px}.dimension-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.dimension-item{display:flex;flex-direction:column;align-items:center;gap:8px}.dim-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.dimension-item.active .dim-dot{background:#d4af3733;border-color:#d4af3766}.progress-container,.question-card,.identity-card,.user-card-big,.spirit-section,.map-mode-container,.list-mode-container,.match-item,.chat-item,.system-item,.vip-promo-card{background:#1a1216e6;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.progress-track,.trust-bar,.dim-card-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill,.trust-fill,.dim-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4af37,#c41e3a)}.question-card,.identity-card,.match-card,.dim-card,.task-item,.benefit-item,.category-item,.system-item,.menu-item,.nearby-user-card{display:flex;flex-direction:column;gap:12px}.question-num-bg,.celebration-icon,.role-badge,.score-center{display:grid;place-items:center}.question-num-bg{width:52px;height:52px;border-radius:50%;background:#d4af372e;color:#d4af37;font-weight:700;margin-bottom:14px}.question-text{color:#fff;font-size:24px;font-weight:700;line-height:1.5}.hint-box{display:flex;gap:8px;color:#ffffff9e;font-size:14px}.options-list{display:grid;gap:12px}.option-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:20px;padding:16px;color:#fff}.option-card.selected{border-color:#d4af3766;box-shadow:0 10px 28px #d4af371f}.option-icon-box{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff0d;font-size:24px;margin-right:12px}.option-content{flex:1;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.option-title{font-weight:700}.option-desc{color:#fff9;font-size:14px}.option-selector{min-width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16)}.btn-prev.hidden{visibility:hidden}.btn-next.ready{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.btn-next.disabled{background:#ffffff14;color:#ffffff70}.safety-bar{display:flex;gap:8px;justify-content:center;color:#ffffff8f}.content-scroll{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}.title{font-size:32px;text-align:center}.subtitle{text-align:center;margin-top:8px}.main-role{display:flex;justify-content:center;margin-bottom:16px}.role-badge{width:88px;height:88px;font-size:44px}.role-header{flex-direction:column;align-items:center;gap:8px}.dim-card-value,.score-value,.stat-value{color:#d4af37;font-weight:700}.score-center{width:120px;height:120px;border-radius:50%;border:2px solid rgba(212,175,55,.3)}.score-value{font-size:42px}.score-unit{color:#ffffffa8}.match-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.match-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;text-align:center}.match-avatar{margin:0 auto 12px;font-size:36px}.top-nav,.nav-header{margin-bottom:16px}.nav-title,.page-title{font-size:28px}.filter-btn,.location-btn,.mode-btn,.tab,.action-btn,.filter-tag,.promo-btn{border:1px solid rgba(255,255,255,.12);background:#1a1216f2;color:#ffffffe0;border-radius:999px;padding:10px 14px}.tag-bar,.filter-bar,.category-tabs{margin-bottom:16px}.tag-list,.filter-tags,.tabs-container,.message-tabs{display:flex;gap:10px;overflow-x:auto}.tag-item,.filter-tag,.tab-item,.tab{white-space:nowrap}.tag-item.active,.filter-tag.active,.tab.active,.tab-item.active,.mode-btn.active{background:linear-gradient(135deg,#d4af37,#c41e3a);color:#fff}.cards-container{min-height:56vh;display:grid;place-items:center}.user-card-big{width:100%;max-width:420px;min-height:520px;position:relative}.card-content{display:flex;flex-direction:column;gap:16px;height:100%}.card-badges,.interest-tags,.tags-list{display:flex;flex-wrap:wrap;gap:10px}.avatar-section .avatar-ring{width:120px;height:120px;border-radius:50%;margin:0 auto;padding:6px;border:1px solid rgba(212,175,55,.3)}.avatar-section .avatar-inner{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}.avatar-emoji{font-size:48px}.user-name-row{justify-content:space-between}.separator{opacity:.4}.status-text.online{color:#10b981}.status-text.offline{color:#ffffff80}.interest-tag,.tag-item{padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff}.ai-recommend{color:#d4af37}.action-buttons{gap:10px;flex-wrap:wrap}.action-btn{flex:1;min-width:110px}.spirit-container{display:flex;justify-content:center;margin-bottom:16px}.spirit-wrapper{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d4af3733,#ffffff08)}.spirit-emoji{font-size:56px}.spirit-info{text-align:center}.spirit-name{font-size:24px;font-weight:700;margin-bottom:12px}.trust-labels{display:flex;justify-content:space-between;margin-top:8px}.task-item,.benefit-item,.category-item{background:#ffffff0a;border-radius:18px;padding:14px}.task-item.done{opacity:.72}.task-name,.benefit-title,.cat-name,.system-title,.menu-title{font-weight:700}.fake-map-view{position:relative;height:360px;border-radius:20px;background:linear-gradient(180deg,#0a0a0acc,#1c1418eb);overflow:hidden}.map-user-marker{position:absolute;width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#ffffff14;transform:translate(-50%,-50%);font-size:28px}.nearby-user-card{background:#ffffff0a;border-radius:18px;padding:14px;flex-direction:row;gap:14px;align-items:flex-start}.message-tabs{margin-bottom:16px}.tab,.tab-item{position:relative}.chat-total-badge,.tab .tab-badge{margin-left:8px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff6b35;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.match-item,.chat-item,.system-item{padding:14px;border-radius:18px;background:#ffffff0a;gap:14px;margin-bottom:12px}.match-info,.chat-content,.system-content{flex:1}.preview-text,.match-desc,.system-desc{color:#fff9}.chat-avatar,.popup-avatar{font-size:30px}.unread-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff6b35;color:#fff;font-size:11px}.profile-header{position:relative;border-radius:28px;padding:24px 18px;overflow:hidden;background:linear-gradient(180deg,#1a1216fa,#1a1216d1);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.profile-content{position:relative;z-index:2}.edit-btn{display:inline-flex;margin-left:auto;margin-bottom:18px;padding:10px 16px;border-radius:999px;background:#ffffff14}.profile-header .avatar-section{margin-bottom:20px}.profile-header .avatar-wrapper{margin-bottom:16px}.avatar-wrapper .avatar-main{font-size:42px}.vip-crown{position:absolute;top:-8px;right:-8px}.user-info,.role-details,.menu-content{display:flex;flex-direction:column;gap:6px}.stats-section{gap:10px}.stat-item{flex:1;padding:14px 8px;border-radius:18px;background:#ffffff0a;align-items:center}.stat-icon{width:52px;height:52px;font-size:22px;margin:0 auto 8px}.vip-promo-card,.identity-card,.tags-entry,.menu-item{background:#1a1216eb;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;margin-bottom:14px}.promo-btn,.section-action,.view-tags{color:#d4af37}.card-left{display:flex;gap:14px}.role-icon-large{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#ffffff0d;font-size:32px}.tags-entry{flex-direction:row}.menu-item{flex-direction:row;align-items:center;gap:14px}.menu-icon-wrapper{width:52px;height:52px;font-size:22px}@media (max-width: 720px){.login-page{padding:56px 18px 120px}.match-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.action-buttons{flex-direction:column}}