.main-content{flex:1;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card);display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 10px #0000000d;z-index:1000}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:color .2s}.nav-item.active{color:var(--primary)}.nav-item.center{position:relative;top:-10px}.nav-center-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6b3566;color:#fff}.nav-label{font-size:10px;font-weight:500}.partner-page{background:var(--background);min-height:100vh;position:relative}.partner-bg-gradient{position:absolute;top:0;left:0;right:0;height:25vh;background:linear-gradient(to right,#fff3e0,#ffe0b2,#ffcc80,#ffb74d,#ffa726);z-index:0}.partner-bg-gradient:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent 0%,#f7f7f7 100%)}.partner-header-space{height:calc(20px + env(safe-area-inset-top,0px));position:relative;z-index:10}.partner-top-bar{padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);position:relative;z-index:10}.segment-control{display:flex;align-items:center;gap:var(--spacing-xl)}.segment-btn{position:relative;background:none;border:none;padding:4px 0;cursor:pointer}.segment-text{font-size:18px;color:var(--text-secondary);transition:all .2s}.segment-btn.active .segment-text{color:var(--text-primary);font-weight:700}.segment-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(-2deg);width:28px;height:8px;background:var(--primary);opacity:.7;border-radius:2px 8px 4px 6px;clip-path:polygon(0% 30%,15% 0%,30% 40%,50% 10%,70% 50%,85% 20%,100% 60%,95% 100%,60% 80%,40% 100%,20% 70%,5% 90%)}.search-box-wrapper{padding:0 var(--spacing-lg) var(--spacing-md);position:relative;z-index:10}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#fffffff2;border-radius:5px;box-shadow:0 2px 8px #0000000f}.search-icon{color:var(--text-placeholder)}.search-placeholder{color:var(--text-placeholder);font-size:var(--font-sm)}.banner-wrapper{padding:0 var(--spacing-lg) var(--spacing-md);position:relative;z-index:10}.banner-container{position:relative;border-radius:5px;overflow:hidden;box-shadow:0 2px 12px #00000014}.banner-track{display:flex;transition:transform .3s ease}.banner-slide{flex-shrink:0;width:100%}.banner-image{width:100%;height:170px;object-fit:cover;display:block}.banner-dots{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:6px}.banner-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.banner-dot.active{width:18px;border-radius:3px;background:#fff}.quick-menu{display:flex;justify-content:space-around;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);position:relative;z-index:10}.quick-menu-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.quick-menu-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:transform .2s}.quick-menu-item:active .quick-menu-icon{transform:scale(.95)}.quick-menu-label{font-size:13px;color:#666;font-weight:500}.filter-bar{background:transparent;padding:var(--spacing-md) var(--spacing-lg);border-bottom:none;position:relative;z-index:10}.type-tabs{display:flex;overflow-x:auto;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.type-tab{flex-shrink:0;padding:8px 14px;background:transparent;border:none;border-radius:0;font-size:14px;color:#000;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.type-tab.active{color:var(--text-primary);font-weight:800}.type-tab.active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:28px;height:8px;background:var(--primary-dark);border-radius:2px;z-index:-1;opacity:.85}.sort-btns{display:flex;gap:var(--spacing-md)}.sort-btn{background:none;border:none;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;padding:4px 0}.sort-btn.active{color:var(--primary);font-weight:500}.partner-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;z-index:10}.partner-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}.partner-card:active{transform:scale(.99)}.card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-header .avatar{width:44px;height:44px}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.nickname{font-weight:500;font-size:var(--font-md)}.meta{font-size:var(--font-xs);color:var(--text-secondary)}.type-tag{padding:4px 5px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.card-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.card-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);color:var(--text-secondary)}.info-icon{font-size:14px}.distance{margin-left:auto;color:var(--primary);font-weight:500}.card-footer{display:flex;align-items:center;justify-content:space-between}.people-info{display:flex;align-items:center;gap:var(--spacing-sm)}.people-count{font-size:var(--font-sm);color:var(--text-secondary)}.gender-tag,.cost-tag{padding:2px 8px;background:var(--background);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary)}.join-btn{padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;cursor:pointer}.join-btn:active{background:var(--primary-dark)}.activity-card{display:flex;flex-direction:column;background:var(--card);border-radius:10px;padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}.activity-card:active{transform:scale(.99)}.activity-top{display:flex;gap:var(--spacing-md)}.activity-cover{flex-shrink:0;width:120px;height:90px;border-radius:8px;overflow:hidden}.activity-cover img{width:100%;height:100%;object-fit:cover}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.activity-title{font-size:var(--font-md);font-weight:700;color:var(--text-primary);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.activity-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.activity-tags{display:flex;align-items:center;gap:var(--spacing-sm)}.activity-type-tag{padding:2px 8px;background:#ff6b351a;color:var(--primary);font-size:10px;border-radius:2px;font-weight:500}.activity-status-tag{padding:2px 8px;background:#00b8941a;color:var(--success);font-size:10px;border-radius:2px;font-weight:500}.activity-status-tag.full{background:#e170551a;color:var(--danger)}.activity-meta{display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-xs)}.activity-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.activity-meta-item svg{flex-shrink:0}.activity-meta-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.activity-divider{height:1px;background:var(--border);margin:var(--spacing-md) 0}.activity-footer{display:flex;align-items:center;gap:var(--spacing-md)}.activity-participants{display:flex;align-items:center;gap:4px}.avatar-stack{display:flex}.stack-avatar{width:20px;height:20px;border-radius:50%;border:2px solid white;margin-left:-8px;object-fit:cover}.stack-avatar:first-child{margin-left:0}.participant-count{font-size:10px;color:var(--text-secondary);white-space:nowrap}.activity-creator{display:flex;flex-direction:column;gap:4px;margin-left:auto;align-items:flex-end}.creator-info{display:flex;align-items:center;gap:4px}.creator-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.creator-name{font-size:11px;color:var(--text-secondary);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-credit{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:600;color:#ffb800;background:#ffb8001a;padding:1px 4px;border-radius:4px}.creator-badges{display:flex;gap:4px}.creator-badge{font-size:9px;padding:1px 5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;white-space:nowrap}.activity-action{display:flex;flex-shrink:0;position:relative}.activity-action-status{display:flex;align-items:center;justify-content:center;background:#fed531;color:#fff;width:54px;height:32px;border-radius:4px 0 0 4px;position:relative;z-index:1;font-size:var(--font-xs)}.activity-action-status:after{content:"";position:absolute;right:-8px;top:0;width:16px;height:100%;background:#fed531;transform:skew(-15deg)}.activity-action-btn{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;width:70px;height:32px;border-radius:0 4px 4px 0;position:relative;margin-left:4px;font-size:var(--font-xs)}.activity-action.full .activity-action-status{background:#eceff1;color:var(--text-secondary)}.activity-action.full .activity-action-status:after{background:#eceff1}.activity-action.full .activity-action-btn{background:#b0bec5}.partner-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);position:relative;z-index:10}.map-preview-section{margin:0 var(--spacing-lg) var(--spacing-md);position:relative;z-index:10}.map-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.map-preview-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.map-preview-title svg{color:var(--primary)}.map-preview-more{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--text-placeholder);font-size:var(--font-xs);cursor:pointer}.map-preview-container{background:var(--card);border-radius:var(--radius-lg);overflow:hidden}.map-preview-bg{position:relative;height:160px;background-image:url(https://images.unsplash.com/photo-1524661135-423995f22d0b?w=800&h=400&fit=crop);background-size:cover;background-position:center;overflow:hidden}.map-preview-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a}.map-center-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.map-center-pulse{position:absolute;width:40px;height:40px;border-radius:50%;background:#ff6b3533;animation:pulse 2s ease-out infinite;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.map-center-dot{width:14px;height:14px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 1px 4px #ff6b354d}.map-activity-marker{position:absolute;transform:translate(-50%,-50%);padding:4px 8px;border-radius:12px;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .2s;z-index:5}.map-activity-marker:hover{transform:translate(-50%,-50%) scale(1.05)}.map-activity-marker:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;border-top-color:inherit}.map-person-bubble{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;z-index:8;animation:float 3s ease-in-out infinite}.map-person-bubble:nth-child(2){animation-delay:.5s}.map-person-bubble:nth-child(3){animation-delay:1s}.map-person-bubble:nth-child(4){animation-delay:1.5s}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}.map-person-avatar{width:32px;height:32px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #00000026;object-fit:cover}.map-person-status{padding:2px 6px;background:#000000b3;border-radius:8px;font-size:9px;color:#fff;white-space:nowrap}.hot-tags-section{margin:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.hot-tags-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.hot-tags-header svg{color:#ff6b35}.hot-tags-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.hot-tags-scroll::-webkit-scrollbar{display:none}.hot-tag-item{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:6px 12px;background:#fff;border:1px solid;border-radius:var(--radius-full);font-size:var(--font-xs);cursor:pointer;transition:all .2s}.hot-tag-item:active{transform:scale(.96)}.hot-tag-label{font-weight:500}.hot-tag-count{font-size:10px;opacity:.7}.wish-entry{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#667eea1a,#764ba226);border-radius:var(--radius-lg);cursor:pointer;position:relative;z-index:10;transition:all .2s}.wish-entry:active{transform:scale(.98)}.wish-entry-content{display:flex;align-items:center;gap:var(--spacing-sm)}.wish-entry-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.wish-entry-text h3{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px}.wish-entry-text p{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.wish-entry-preview{display:flex;align-items:center;gap:4px;color:#667eea}.wish-preview-count{font-size:var(--font-xs);font-weight:500}.challenge-entry{display:flex;align-items:center;justify-content:space-between;margin:0 var(--spacing-lg) var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#ffb80026,#ff8f0033);border-radius:var(--radius-lg);cursor:pointer;position:relative;z-index:10;transition:all .2s}.challenge-entry:active{transform:scale(.98)}.challenge-entry-content{display:flex;align-items:center;gap:var(--spacing-sm)}.challenge-entry-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ffb800,#ff8f00);display:flex;align-items:center;justify-content:center;color:#fff}.challenge-entry-text h3{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0 0 2px}.challenge-entry-text p{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.challenge-entry-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);font-weight:500}.more-features-section{margin:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.more-features-header{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.more-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.feature-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md) var(--spacing-xs);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.feature-card:active{transform:scale(.95)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.feature-card.treehole .feature-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-card.blindbox .feature-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.feature-card.skill .feature-icon{background:linear-gradient(135deg,#00b894,#00cec9)}.feature-card.diary .feature-icon{background:linear-gradient(135deg,#e17055,#f39c12)}.feature-name{font-size:var(--font-xs);font-weight:600;color:var(--text-primary)}.feature-desc{font-size:10px;color:var(--text-placeholder)}.voice-features-section{margin:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.voice-features-header{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.voice-features-header svg{color:#667eea}.voice-features-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.voice-feature-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.voice-feature-card:active{transform:scale(.98)}.voice-feature-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.voice-feature-icon.voice-match,.voice-feature-icon.voice-party{background:linear-gradient(135deg,#667eea,#764ba2)}.voice-feature-icon.voice-blind{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.voice-feature-info{flex:1}.voice-feature-info h4{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 2px}.voice-feature-info p{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.voice-live-tag{padding:4px 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:500}.voice-feature-card>svg:last-child{color:var(--text-placeholder)}.map-preview-stats{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-md);background:#fff}.map-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.map-stat-value{font-size:var(--font-lg);font-weight:700;color:var(--primary)}.map-stat-label{font-size:var(--font-xs);color:var(--text-secondary)}.map-stat-divider{width:1px;height:30px;background:var(--border)}.flash-section{margin:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.flash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.flash-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.flash-title svg{color:#ffb800}.flash-subtitle{font-size:var(--font-xs);color:var(--text-placeholder);font-weight:400;margin-left:var(--spacing-xs)}.flash-publish-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#ffb800,#ff8f00);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .2s}.flash-publish-btn:active{transform:scale(.95)}.flash-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.flash-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);border-left:3px solid #FFB800}.flash-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.flash-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.flash-user-info{flex:1}.flash-user-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.flash-meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:2px}.flash-type-tag{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.flash-distance{font-size:var(--font-xs);color:var(--text-placeholder)}.flash-timer{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffb8001a;border-radius:var(--radius-full);font-size:11px;color:#ff8f00;font-weight:500}.flash-content{font-size:var(--font-sm);color:var(--text-primary);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.flash-card-footer{display:flex;align-items:center;justify-content:space-between}.flash-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.flash-respond-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 14px;background:linear-gradient(135deg,#ffb800,#ff8f00);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .2s}.flash-respond-btn:active{transform:scale(.95)}.respond-count{padding-left:var(--spacing-xs);border-left:1px solid rgba(255,255,255,.3);margin-left:var(--spacing-xs);font-weight:400}.flash-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.flash-modal{width:100%;max-width:430px;background:var(--card);border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease}.flash-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.flash-modal-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.flash-modal-title svg{color:#ffb800}.flash-modal-close{width:32px;height:32px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.flash-modal-body{padding:var(--spacing-lg)}.flash-type-selector{margin-bottom:var(--spacing-lg)}.flash-type-label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.flash-type-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.flash-type-option{padding:6px 14px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.flash-type-option.active{color:#fff;border-color:transparent}.flash-input-group{margin-bottom:var(--spacing-md)}.flash-textarea{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);resize:none;font-family:inherit}.flash-textarea:focus{outline:none;border-color:#ffb800}.flash-textarea::placeholder{color:var(--text-placeholder)}.flash-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.flash-option-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary)}.flash-option-item svg{color:var(--primary)}.flash-modal-footer{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.flash-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#ffb800,#ff8f00);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.flash-submit-btn:active{transform:scale(.98)}.flash-submit-btn:disabled{background:var(--text-placeholder);cursor:not-allowed}.partner-detail-page{background:var(--background);min-height:100vh;padding-bottom:80px}.detail-hero{position:relative;height:240px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.detail-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);z-index:10}.header-icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.hero-badge{position:absolute;bottom:16px;left:16px;padding:6px 14px;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);font-weight:500}.detail-body{margin-top:-20px;position:relative;border-radius:20px 20px 0 0;background:var(--background);padding:var(--spacing-lg)}.detail-main{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.detail-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4}.detail-desc{font-size:var(--font-md);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.status-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.status-tag{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.status-tag.open{background:#00b8941a;color:var(--success)}.status-tag.full{background:#e170551a;color:var(--danger)}.status-tag.info{background:var(--background);color:var(--text-secondary)}.detail-info-list{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);background:linear-gradient(to bottom,#f5f6fae6,#f5f6faf2),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d0d5dd' fill-opacity='0.3'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:relative}.detail-info-item{display:flex;align-items:center;gap:var(--spacing-md)}.detail-info-icon{width:32px;height:32px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;box-shadow:0 1px 3px #00000014}.detail-info-content{display:flex;flex-direction:column;gap:2px;flex:1}.detail-info-label{font-size:var(--font-xs);color:var(--text-placeholder)}.detail-info-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500}.detail-info-note{font-size:var(--font-xs);color:var(--text-placeholder);font-weight:400;margin-left:4px}.nav-btn{width:36px;height:36px;border-radius:50%;background:var(--primary);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #ff6b354d;transition:all .2s}.nav-btn:active{transform:scale(.95);background:var(--primary-dark)}.info-card-modern{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-item-modern{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:background .2s}.info-item-modern:not(:last-child){border-bottom:1px solid var(--border)}.info-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ff6b351a,#ff8f661a);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.info-text{display:flex;flex-direction:column;gap:2px}.info-label-modern{font-size:var(--font-xs);color:var(--text-placeholder)}.info-value-modern{font-size:var(--font-md);color:var(--text-primary);font-weight:500}.organizer-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative}.profile-ribbon-btn{position:absolute;top:0;right:0;height:28px;padding:0 12px 0 16px;background:var(--primary);color:#fff;font-size:var(--font-xs);font-weight:500;border:none;cursor:pointer;border-top-right-radius:var(--radius-lg);border-bottom-left-radius:0;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.profile-ribbon-btn:before{content:"";position:absolute;left:-14px;top:0;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:14px solid var(--primary)}.profile-ribbon-btn:after{content:"";position:absolute;right:-10px;top:0;width:0;height:0;border-top:14px solid var(--primary);border-bottom:14px solid var(--primary);border-right:10px solid transparent;border-top-right-radius:var(--radius-lg)}.profile-ribbon-btn:active{opacity:.9;transform:scale(.98)}.organizer-info{display:flex;align-items:center;gap:var(--spacing-md)}.organizer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.organizer-avatar.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.organizer-avatar.clickable:active{transform:scale(.95)}.organizer-detail{flex:1;min-width:0;cursor:pointer}.organizer-name{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.organizer-name span:first-child{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.verified-tag{padding:2px 6px;background:#00b8941a;color:var(--success);font-size:10px;border-radius:4px}.organizer-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-secondary)}.organizer-stats span{display:flex;align-items:center;gap:2px}.organizer-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.organizer-action-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--background);color:var(--text-secondary)}.organizer-action-btn:active{transform:scale(.95)}.organizer-action-btn.wechat{background:#07c160;color:#fff}.organizer-bio{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#ff6b3514,#ff8f661f);border-radius:var(--radius-md);position:relative}.organizer-bio:before{content:'"';position:absolute;top:-8px;left:8px;font-size:32px;font-weight:700;color:var(--primary);opacity:.7;line-height:1}.organizer-bio p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0}.participants-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.participants-status{display:flex;align-items:center;gap:var(--spacing-xs)}.status-text{font-size:var(--font-xs);color:var(--success);font-weight:500}.status-count{font-size:var(--font-xs);color:var(--text-secondary)}.view-more-btn{width:24px;height:24px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);cursor:pointer}.participants-list{display:flex;gap:var(--spacing-md)}.participant-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.participant-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.participant-name{font-size:var(--font-xs);color:var(--text-secondary);max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.participant-more{width:48px;height:48px;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);color:var(--text-secondary)}.intro-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.intro-header{margin-bottom:var(--spacing-md)}.intro-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.intro-section{padding-bottom:var(--spacing-md);border-bottom:1px dashed var(--border)}.intro-section:last-child{border-bottom:none;padding-bottom:0}.intro-subtitle{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.intro-subtitle:before{content:"";width:3px;height:14px;background:var(--primary);border-radius:2px}.intro-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0;white-space:pre-line}.intro-tips{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#ffc10714,#ff98001f);border-radius:var(--radius-md)}.tips-title{font-size:var(--font-sm);font-weight:600;color:#f57c00;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.tips-title:before{content:"💡"}.tips-list{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-secondary);line-height:1.8}.tips-list li{margin-bottom:4px}.tips-list li:last-child{margin-bottom:0}.images-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.images-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;margin-top:var(--spacing-md);padding-bottom:var(--spacing-xs)}.images-scroll::-webkit-scrollbar{display:none}.gallery-image{width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.detail-action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);display:flex;gap:var(--spacing-sm);box-shadow:0 -4px 20px #00000014;z-index:100}.detail-btn{border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.detail-btn.icon{width:48px;height:48px;background:var(--background);color:var(--text-secondary);flex-shrink:0}.detail-btn.icon:active{background:var(--border)}.detail-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:14px 24px}.detail-btn.primary:active{opacity:.9;transform:scale(.98)}.detail-btn.primary.disabled{background:var(--text-placeholder);cursor:not-allowed}.detail-btn.flex{flex:1}.detail-btn.full{width:100%;padding:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-lg);opacity:.5}.checkin-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.checkin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.checkin-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.checkin-title svg{color:var(--primary)}.checkin-reward{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ffb80026,#ff980033);border-radius:var(--radius-full);font-size:var(--font-xs);color:#f57c00;font-weight:500}.checkin-reward svg{color:#ffb800}.checkin-main{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border)}.checkin-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:140px;height:140px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #ff6b3559;flex-direction:column}.checkin-btn:active{transform:scale(.95)}.checkin-btn.checked{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 4px 20px #00b89459;cursor:default}.checkin-btn.loading{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea59;cursor:wait}.checkin-btn:disabled{cursor:default}.checkin-loading{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkin-note{margin-top:var(--spacing-md);font-size:var(--font-xs);color:var(--text-placeholder)}.checkin-users{padding-top:var(--spacing-md)}.checkin-users-title{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.checkin-users-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkin-user-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md)}.checkin-user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.checkin-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.checkin-user-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.checkin-user-time{font-size:var(--font-xs);color:var(--text-placeholder)}.checkin-user-icon{color:var(--success)}.checkin-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.checkin-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.checkin-action-btn:active{background:var(--border)}.checkin-action-btn svg{color:var(--primary)}.register-page{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.register-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.register-header .back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer}.register-header .header-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.register-header .header-placeholder{width:36px}.register-content{flex:1;padding:var(--spacing-lg);padding-bottom:180px;overflow-y:auto}.activity-summary{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-cover{flex-shrink:0;width:90px;height:90px;border-radius:var(--radius-md);overflow:hidden}.summary-cover img{width:100%;height:100%;object-fit:cover}.summary-info{flex:1;min-width:0;display:flex;flex-direction:column}.summary-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-xs)}.meta-row{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.meta-row svg{flex-shrink:0;color:var(--text-placeholder)}.summary-tag{margin-top:auto}.type-tag{display:inline-block;padding:2px 8px;background:#ff6b351a;color:var(--primary);font-size:10px;border-radius:var(--radius-sm);font-weight:500}.register-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-sm);border-left:3px solid var(--primary)}.form-item{margin-bottom:var(--spacing-md)}.form-item:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-label .required{color:var(--danger);margin-right:4px}.form-input{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-placeholder)}.form-textarea{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);outline:none;resize:none;font-family:inherit;transition:border-color .2s}.form-textarea:focus{border-color:var(--primary)}.form-textarea::placeholder{color:var(--text-placeholder)}.gender-options{display:flex;gap:var(--spacing-md)}.gender-btn{flex:1;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.gender-btn.active{background:#ff6b351a;border-color:var(--primary);color:var(--primary);font-weight:500}.notice-content{background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-md)}.notice-content p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0 0 var(--spacing-xs) 0}.notice-content p:last-child{margin-bottom:0}.register-footer{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.footer-options{padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);border-bottom:1px solid var(--border)}.anonymous-option,.terms-option{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.anonymous-option span,.terms-option span{font-size:var(--font-sm);color:var(--text-secondary)}.anonymous-option svg{color:var(--text-placeholder)}.option-hint{font-size:var(--font-xs)!important;color:var(--text-placeholder)!important}.terms-link{color:var(--primary)!important}.footer-bar{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.cost-info{display:flex;align-items:baseline;gap:4px}.cost-label{font-size:var(--font-sm);color:var(--text-secondary)}.cost-value{font-size:var(--font-lg);font-weight:700;color:var(--primary)}.cost-note{font-size:var(--font-xs);color:var(--text-placeholder)}.submit-btn{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-full);font-size:var(--font-md);font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.submit-btn:active{transform:scale(.98);opacity:.9}.register-page .empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder)}.match-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);display:flex;flex-direction:column}.match-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.match-back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.match-title{font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.match-counter{padding:6px 12px;background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-sm);color:#ffffffb3}.match-card-container{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-lg);perspective:1000px}.match-card{width:100%;max-width:340px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d;transition:transform .3s ease}.match-card.swipe-left{transform:translate(-150%) rotate(-20deg);opacity:0}.match-card.swipe-right{transform:translate(150%) rotate(20deg);opacity:0}.match-card-image{position:relative;width:100%;height:320px}.match-card-image img{width:100%;height:100%;object-fit:cover}.match-card-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#0009)}.match-rate{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);font-weight:600}.match-card-info{padding:var(--spacing-lg)}.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.match-name-age{display:flex;align-items:baseline;gap:var(--spacing-sm)}.match-name-age h2{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.match-age{font-size:var(--font-md);color:var(--text-secondary)}.match-activity-count{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.match-location-job{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.match-location,.match-job{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.match-bio{font-size:var(--font-sm);color:var(--text-primary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.match-interests{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.match-interest-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea}.match-actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.match-action-btn{border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.match-action-btn:active{transform:scale(.9)}.match-action-btn.skip{width:56px;height:56px;background:#ffffff1a;color:#ff6b6b;border:2px solid #FF6B6B}.match-action-btn.super{width:48px;height:48px;background:#ffffff1a;color:#667eea;border:2px solid #667eea}.match-action-btn.like{width:56px;height:56px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.match-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-success-modal{text-align:center;padding:var(--spacing-xl);animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.match-success-avatars{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.match-success-avatar{width:80px;height:80px;border-radius:50%;border:3px solid white;object-fit:cover}.match-success-heart{font-size:32px;animation:heartBeat 1s ease infinite}.match-success-modal h2{color:#fff;font-size:28px;margin:0 0 var(--spacing-sm) 0}.match-success-modal p{color:#ffffffb3;font-size:var(--font-md);margin:0 0 var(--spacing-xl) 0}.match-success-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-success-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.match-success-btn.chat{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.match-success-btn.continue{background:#ffffff1a;color:#fff}.match-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.match-empty-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.match-empty h2{color:#fff;font-size:var(--font-xl);margin:0 0 var(--spacing-sm) 0}.match-empty p{color:#fff9;font-size:var(--font-md);margin:0 0 var(--spacing-xl) 0}.match-refresh-btn{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer}.wish-page{min-height:100vh;background:linear-gradient(180deg,#fef3e2,#f7f7f7 30%);padding-bottom:100px}.wish-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);background:transparent}.wish-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000014}.wish-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.wish-title svg{color:#ffb800}.wish-publish-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #667eea4d}.wish-intro{text-align:center;padding:0 var(--spacing-xl);margin-bottom:var(--spacing-md)}.wish-intro p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.wish-categories{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);overflow-x:auto}.wish-categories::-webkit-scrollbar{display:none}.wish-category-btn{flex-shrink:0;padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.wish-category-btn.active{color:#fff;border-color:transparent}.wish-list{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.wish-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);border-left:4px solid;box-shadow:0 2px 8px #0000000a}.wish-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.wish-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.wish-user-info{flex:1;display:flex;flex-direction:column}.wish-user-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.wish-time{font-size:var(--font-xs);color:var(--text-placeholder)}.wish-category-tag{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.wish-content{font-size:var(--font-md);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.wish-card-footer{display:flex;align-items:center;gap:var(--spacing-md)}.wish-action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.wish-action-btn.liked{color:#ff6b6b}.wish-action-btn:active{transform:scale(.95)}.wish-help-btn{margin-left:auto;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.wish-help-btn:active{transform:scale(.95)}.wish-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.wish-modal{width:100%;max-width:430px;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease}.wish-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.wish-modal-header h2{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.wish-modal-close{width:32px;height:32px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.wish-modal-body{padding:var(--spacing-lg)}.wish-textarea{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);resize:none;font-family:inherit;margin-bottom:var(--spacing-md)}.wish-textarea:focus{outline:none;border-color:#667eea}.wish-textarea::placeholder{color:var(--text-placeholder)}.wish-category-selector{margin-bottom:var(--spacing-md)}.wish-category-label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.wish-category-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.wish-category-option{padding:6px 14px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.wish-category-option.active{color:#fff;border-color:transparent}.wish-modal-footer{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.wish-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.wish-submit-btn:active{transform:scale(.98)}.wish-submit-btn:disabled{background:var(--text-placeholder);cursor:not-allowed}.challenge-page{min-height:100vh;background:linear-gradient(180deg,#fff8e1,#f7f7f7 30%);padding-bottom:100px}.challenge-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);background:transparent}.challenge-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000014}.challenge-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.challenge-title svg{color:#ffb800}.my-stats-card{margin:0 var(--spacing-lg) var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);color:#fff}.my-stats-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-stats-avatar{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.my-stats-info{flex:1}.my-stats-info h3{font-size:var(--font-md);font-weight:600;margin:0 0 4px}.my-stats-rank{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);opacity:.9}.my-stats-points{display:flex;flex-direction:column;align-items:center}.points-value{font-size:28px;font-weight:700}.points-label{font-size:var(--font-xs);opacity:.8}.my-stats-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.my-badge{padding:4px 10px;background:#fff3;border-radius:var(--radius-full);font-size:var(--font-xs)}.badge-more{padding:4px 10px;background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-xs)}.challenge-tabs{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md)}.challenge-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.challenge-tab.active{background:linear-gradient(135deg,#ffb800,#ff8f00);border-color:transparent;color:#fff}.challenge-tab svg{opacity:.7}.challenge-tab.active svg{opacity:1}.challenge-list{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.challenge-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 2px 8px #0000000a}.challenge-card-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.challenge-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-info{flex:1;min-width:0}.challenge-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 4px}.challenge-desc{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.challenge-category{padding:4px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:500;flex-shrink:0}.challenge-progress-section{margin-bottom:var(--spacing-md)}.challenge-progress-bar{height:8px;background:var(--background);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.challenge-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.challenge-progress-text{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-secondary)}.challenge-time{display:flex;align-items:center;gap:4px}.challenge-card-footer{display:flex;align-items:center;justify-content:space-between}.challenge-meta{display:flex;flex-direction:column;gap:4px}.challenge-participants,.challenge-reward{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.challenge-reward{color:#ffb800}.challenge-join-btn{padding:8px 16px;border:none;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.challenge-join-btn:active{transform:scale(.95)}.challenge-joined-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--success);cursor:default}.leaderboard-section{margin:var(--spacing-xl) var(--spacing-lg) 0;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.leaderboard-header h2{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.leaderboard-header h2 svg{color:#ff6b35}.leaderboard-more{display:flex;align-items:center;gap:2px;background:none;border:none;font-size:var(--font-xs);color:var(--text-placeholder);cursor:pointer}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md)}.leaderboard-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:700;background:var(--background);color:var(--text-secondary)}.leaderboard-rank.rank-1{background:linear-gradient(135deg,gold,orange);color:#fff}.leaderboard-rank.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);color:#fff}.leaderboard-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.leaderboard-info{flex:1;display:flex;flex-direction:column;gap:2px}.leaderboard-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.leaderboard-badge{font-size:10px;color:#ffb800}.leaderboard-points{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.treehole-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);padding-bottom:100px}.treehole-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.treehole-back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.treehole-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.treehole-icon{font-size:24px}.treehole-publish-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.treehole-intro{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);color:#fff9;font-size:var(--font-xs)}.treehole-intro p{margin:0}.treehole-list{padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.treehole-card{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.treehole-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.treehole-avatar{font-size:28px}.treehole-anon{font-size:var(--font-sm);color:#fffc;font-weight:500}.treehole-time{margin-left:auto;font-size:var(--font-xs);color:#fff6}.treehole-content{font-size:var(--font-md);color:#fff;line-height:1.6;margin:0 0 var(--spacing-md) 0}.treehole-replies-preview{background:#ffffff0d;border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.treehole-reply-item{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.treehole-reply-item:last-child{margin-bottom:0}.reply-avatar{font-size:16px;flex-shrink:0}.reply-content{font-size:var(--font-xs);color:#ffffffb3;line-height:1.4}.view-more-replies{background:none;border:none;font-size:var(--font-xs);color:#667eea;cursor:pointer;padding:var(--spacing-xs) 0 0 0}.treehole-card-footer{display:flex;align-items:center;gap:var(--spacing-md)}.treehole-action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:var(--font-xs);color:#ffffff80;cursor:pointer;transition:all .2s}.treehole-action-btn.liked{color:#ff6b6b}.treehole-action-btn:active{transform:scale(.95)}.treehole-comfort-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea;cursor:pointer;transition:all .2s}.treehole-comfort-btn:active{transform:scale(.95);background:#667eea4d}.treehole-reply-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.treehole-all-replies{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.treehole-reply-full{display:flex;gap:var(--spacing-sm)}.reply-body{flex:1;display:flex;flex-direction:column;gap:2px}.reply-time{font-size:10px;color:#ffffff4d}.treehole-reply-input{display:flex;gap:var(--spacing-sm)}.treehole-reply-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--font-sm);color:#fff}.treehole-reply-input input::placeholder{color:#fff6}.treehole-reply-input input:focus{outline:none;border-color:#667eea}.treehole-reply-input button{width:36px;height:36px;border-radius:50%;background:#667eea;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.treehole-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.treehole-modal{width:100%;max-width:430px;background:#1a1a2e;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease}.treehole-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.treehole-modal-header h2{font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.treehole-modal-close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer}.treehole-modal-body{padding:var(--spacing-lg)}.avatar-selector{margin-bottom:var(--spacing-lg)}.avatar-label{display:block;font-size:var(--font-sm);color:#fff9;margin-bottom:var(--spacing-sm)}.avatar-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.avatar-option{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff0d;border:2px solid transparent;font-size:24px;cursor:pointer;transition:all .2s}.avatar-option.active{border-color:#667eea;background:#667eea33}.treehole-textarea{width:100%;padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--font-md);color:#fff;resize:none;font-family:inherit;margin-bottom:var(--spacing-md)}.treehole-textarea:focus{outline:none;border-color:#667eea}.treehole-textarea::placeholder{color:#fff6}.treehole-tips{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);color:#fff6}.treehole-modal-footer{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.1)}.treehole-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.treehole-submit-btn:active{transform:scale(.98)}.treehole-submit-btn:disabled{opacity:.5;cursor:not-allowed}.blindbox-page{min-height:100vh;background:linear-gradient(180deg,#ff9a9e,#fecfef,#fdfbfb);padding-bottom:100px}.blindbox-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.blindbox-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000014}.blindbox-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.blindbox-title svg{color:#ff6b6b}.blindbox-intro{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:#666;font-size:var(--font-sm)}.blindbox-intro svg{color:gold}.blindbox-intro p{margin:0}.blindbox-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl)}.blindbox-box{position:relative;width:200px;height:200px;margin-bottom:var(--spacing-xl)}.blindbox-box.shake{animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-3deg)}75%{transform:translate(5px) rotate(3deg)}}.blindbox-box.opening{animation:shake .3s ease-in-out infinite,glow .5s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(255,107,107,.5))}to{filter:drop-shadow(0 0 30px rgba(255,107,107,.8))}}.box-lid{position:absolute;top:0;left:50%;transform:translate(-50%);width:180px;height:60px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center;z-index:2}.box-ribbon{width:50px;height:50px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 4px 15px #ffd70066}.box-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:180px;height:150px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:0 0 20px 20px;display:flex;align-items:center;justify-content:center;color:#fff}.box-sparkles{position:absolute;top:-20px;left:50%;transform:translate(-50%);display:flex;gap:20px;font-size:24px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.blindbox-hint{font-size:var(--font-md);color:#666;margin:0 0 var(--spacing-lg) 0}.blindbox-open-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-lg);font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ff6b6b66;transition:all .2s}.blindbox-open-btn:active{transform:scale(.95)}.blindbox-open-btn:disabled{opacity:.7;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blindbox-tips{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-xs);color:#999}.blindbox-tips p{margin:4px 0}.tips-highlight{color:#ff6b6b;font-weight:600}.blindbox-result{padding:var(--spacing-lg);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-confetti{text-align:center;font-size:64px;margin-bottom:var(--spacing-md);animation:bounce .5s ease infinite alternate}.result-activity{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 15px #00000014}.result-activity-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px}.result-activity-info h3{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 4px}.result-activity-info p{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.result-partner{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 4px 15px #00000014}.result-partner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.result-partner-header h3{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.match-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ff6b6b1a,#ffb6c133);border-radius:var(--radius-full);font-size:var(--font-xs);color:#ff6b6b}.result-partner-card{display:flex;gap:var(--spacing-md)}.partner-avatar{width:80px;height:80px;border-radius:var(--radius-lg);object-fit:cover}.partner-info{flex:1}.partner-name-age{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:4px}.partner-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.partner-age{font-size:var(--font-sm);color:var(--text-secondary)}.partner-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.partner-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.partner-tag{padding:4px 10px;background:var(--background);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary)}.result-actions{display:flex;gap:var(--spacing-sm)}.result-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.result-action-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.result-action-btn.secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.result-action-btn:active{transform:scale(.98)}.blindbox-footer{margin:var(--spacing-xl) var(--spacing-lg) 0;padding:var(--spacing-md);background:#fffc;border-radius:var(--radius-lg)}.blindbox-footer h4{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.blindbox-footer ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-placeholder);line-height:1.8}.skill-page{min-height:100vh;background:linear-gradient(180deg,#e8f5e9,#f7f7f7 30%);padding-bottom:100px}.skill-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.skill-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000014}.skill-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.skill-title svg{color:#00b894}.skill-publish-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00b894,#00cec9);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #00b8944d}.skill-intro{text-align:center;padding:0 var(--spacing-lg) var(--spacing-md)}.skill-intro p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.skill-categories{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-lg) var(--spacing-md);overflow-x:auto}.skill-categories::-webkit-scrollbar{display:none}.skill-category-btn{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.skill-category-btn.active{background:linear-gradient(135deg,#00b894,#00cec9);border-color:transparent;color:#fff}.skill-list{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 2px 8px #0000000a}.skill-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skill-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.skill-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.skill-user-name{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.skill-user-rating{display:flex;align-items:center;gap:2px;font-size:var(--font-xs);color:var(--text-secondary)}.skill-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-placeholder)}.skill-exchange-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#00b89414,#00cec91f);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.skill-offer,.skill-want{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.skill-label{font-size:10px;color:var(--text-placeholder)}.skill-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.skill-level{font-size:var(--font-xs);color:var(--text-secondary)}.skill-arrow{color:#00b894;flex-shrink:0}.skill-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.skill-card-footer{display:flex;align-items:center;justify-content:space-between}.skill-likes{font-size:var(--font-xs);color:var(--text-placeholder)}.skill-contact-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.skill-contact-btn:active{transform:scale(.95)}.skill-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.skill-modal{width:100%;max-width:430px;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease}.skill-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.skill-modal-header h2{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.skill-modal-close{width:32px;height:32px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.skill-modal-body{padding:var(--spacing-lg)}.skill-input-group{margin-bottom:var(--spacing-md)}.skill-input-group label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.skill-input-group input,.skill-input-group textarea{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);font-family:inherit}.skill-input-group textarea{resize:none}.skill-input-group input:focus,.skill-input-group textarea:focus{outline:none;border-color:#00b894}.skill-input-group input::placeholder,.skill-input-group textarea::placeholder{color:var(--text-placeholder)}.skill-modal-footer{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.skill-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.skill-submit-btn:active{transform:scale(.98)}.skill-submit-btn:disabled{opacity:.5;cursor:not-allowed}.diary-page{min-height:100vh;background:linear-gradient(180deg,#fff5e6,#f7f7f7 30%);padding-bottom:100px}.diary-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.diary-back-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #00000014}.diary-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.diary-title svg{color:#e17055}.diary-publish-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e17055,#f39c12);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #e170554d}.diary-intro{text-align:center;padding:0 var(--spacing-lg) var(--spacing-md)}.diary-intro p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.diary-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);margin:0 var(--spacing-lg) var(--spacing-md);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:var(--font-xl);font-weight:700;color:#e17055}.stat-label{font-size:var(--font-xs);color:var(--text-secondary)}.stat-divider{width:1px;height:30px;background:var(--border)}.diary-list{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.diary-card{display:flex;gap:var(--spacing-sm);position:relative}.diary-date-badge{flex-shrink:0;width:48px;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) 0;background:linear-gradient(135deg,#e17055,#f39c12);border-radius:var(--radius-md);color:#fff}.date-day{font-size:var(--font-xl);font-weight:700;line-height:1}.date-month{font-size:10px;opacity:.9}.date-weekday{font-size:10px;opacity:.8;margin-top:2px}.diary-content-wrapper{flex:1;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 2px 8px #0000000a}.diary-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.diary-activity-info{display:flex;align-items:center;gap:var(--spacing-xs)}.diary-activity-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.diary-mood-tag{padding:2px 8px;background:linear-gradient(135deg,#e170551a,#f39c1226);border-radius:var(--radius-full);font-size:10px;color:#e17055}.diary-more-btn{background:none;border:none;color:var(--text-placeholder);cursor:pointer;padding:4px}.diary-partner-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.diary-partner-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.diary-partner-name{font-size:var(--font-xs);color:var(--text-secondary)}.diary-location{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:var(--font-xs);color:var(--text-placeholder)}.diary-photos{display:grid;gap:4px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);overflow:hidden}.diary-photos.single{grid-template-columns:1fr}.diary-photos.double{grid-template-columns:1fr 1fr}.diary-photos.triple{grid-template-columns:repeat(3,1fr)}.diary-photo{width:100%;aspect-ratio:4/3;object-fit:cover}.diary-photo-more{position:absolute;right:4px;bottom:4px;padding:4px 8px;background:#0009;border-radius:var(--radius-sm);font-size:var(--font-xs);color:#fff}.diary-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.diary-text.expanded{display:block;-webkit-line-clamp:unset}.diary-expand-btn{background:none;border:none;font-size:var(--font-xs);color:#e17055;cursor:pointer;padding:0;margin-bottom:var(--spacing-sm)}.diary-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-xs);border-top:1px solid var(--border)}.diary-rating{display:flex;gap:2px}.diary-like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:var(--font-xs);color:var(--text-placeholder);cursor:pointer}.diary-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.diary-modal{width:100%;max-width:430px;max-height:90vh;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.diary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border);flex-shrink:0}.diary-modal-header h2{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.diary-modal-close{width:32px;height:32px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.diary-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.diary-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.diary-input-group{margin-bottom:var(--spacing-md)}.diary-input-group.half{flex:1;margin-bottom:0}.diary-input-group label{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.diary-input-group input,.diary-input-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);color:var(--text-primary);font-family:inherit}.diary-input-group textarea{resize:none}.diary-input-group input:focus,.diary-input-group textarea:focus{outline:none;border-color:#e17055}.diary-input-group input::placeholder,.diary-input-group textarea::placeholder{color:var(--text-placeholder)}.mood-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.mood-option{padding:6px 12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.mood-option.active{background:linear-gradient(135deg,#e17055,#f39c12);border-color:transparent;color:#fff}.rating-selector{display:flex;gap:var(--spacing-xs)}.rating-star{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s}.rating-star:active{transform:scale(1.2)}.diary-photo-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.diary-photo-btn:hover{border-color:#e17055;color:#e17055}.diary-modal-footer{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0}.diary-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#e17055,#f39c12);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.diary-submit-btn:active{transform:scale(.98)}.diary-submit-btn:disabled{opacity:.5;cursor:not-allowed}.voice-match-page{min-height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);padding-bottom:100px}.voice-match-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.voice-back-btn{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.voice-match-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.voice-match-title svg{color:#667eea}.voice-match-intro{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:#fff9;font-size:var(--font-sm)}.voice-match-intro svg{color:#667eea}.voice-match-intro p{margin:0}.my-voice-section{padding:var(--spacing-xl) var(--spacing-lg)}.my-voice-card{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;border:1px solid rgba(255,255,255,.1)}.my-voice-prompt{margin-bottom:var(--spacing-xl);color:#fff}.my-voice-prompt svg{color:#667eea;margin-bottom:var(--spacing-md)}.my-voice-prompt h3{font-size:var(--font-lg);margin:0 0 var(--spacing-xs) 0}.my-voice-prompt p{font-size:var(--font-sm);color:#fff9;margin:0}.record-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;font-size:var(--font-sm);cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #667eea66}.record-btn:active{transform:scale(.95)}.record-btn.recording{background:#ff6b6b;box-shadow:0 4px 20px #ff6b6b66;animation:pulse-record 1s ease-in-out infinite}@keyframes pulse-record{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.recording-wave{display:flex;align-items:center;gap:3px;height:20px}.recording-wave .wave-bar{width:3px;background:#fff;border-radius:2px;animation:wave-animate .5s ease-in-out infinite alternate}@keyframes wave-animate{0%{height:8px}to{height:20px}}.voice-card-container{padding:var(--spacing-md) var(--spacing-lg)}.voice-card{background:#ffffff14;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.voice-avatar-blur{position:relative;height:200px;overflow:hidden}.voice-avatar-blur img{width:100%;height:100%;object-fit:cover;filter:blur(20px);transform:scale(1.1)}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:#0000004d;color:#fff}.avatar-overlay svg{opacity:.8}.avatar-overlay span{font-size:var(--font-sm);opacity:.8}.voice-player{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#667eea33}.play-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s}.play-btn:active{transform:scale(.95)}.voice-wave-container{flex:1;display:flex;align-items:center;gap:2px;height:40px}.voice-wave-container .wave-bar{flex:1;background:#ffffff4d;border-radius:2px;transition:all .2s}.voice-wave-container .wave-bar.active{background:#667eea}.voice-duration{font-size:var(--font-xs);color:#fff9;flex-shrink:0}.voice-user-info{padding:var(--spacing-md)}.voice-user-basic{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.voice-user-name{font-size:var(--font-lg);font-weight:600;color:#fff}.voice-user-age{font-size:var(--font-sm);color:#fff9}.voice-user-location{font-size:var(--font-xs);color:#fff6;margin-left:auto}.voice-user-intro{font-size:var(--font-sm);color:#fffc;line-height:1.5;margin:0 0 var(--spacing-sm) 0}.voice-user-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.voice-tag{padding:4px 10px;background:#667eea33;border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea}.voice-match-rate{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:linear-gradient(135deg,#667eea4d,#764ba24d);font-size:var(--font-sm);color:#fff}.voice-match-rate svg{color:gold}.voice-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}.voice-action-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.voice-action-btn:active{transform:scale(.9)}.voice-action-btn.skip{width:56px;height:56px;background:#ffffff1a;color:#fff9}.voice-action-btn.refresh{width:44px;height:44px;background:#ffffff1a;color:#fff9}.voice-action-btn.like{width:64px;height:64px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.voice-tips{text-align:center;padding:var(--spacing-md)}.voice-tips p{font-size:var(--font-xs);color:#fff6;margin:0}.match-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.match-modal{width:100%;max-width:320px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;border:1px solid rgba(102,126,234,.3);animation:matchPop .5s ease}@keyframes matchPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.match-confetti{font-size:48px;margin-bottom:var(--spacing-md);animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.match-title{font-size:var(--font-xl);color:#fff;margin:0 0 var(--spacing-xs) 0}.match-subtitle{font-size:var(--font-sm);color:#fff9;margin:0 0 var(--spacing-lg) 0}.match-avatars{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.match-avatar{width:72px;height:72px;border-radius:50%;border:3px solid #667eea;object-fit:cover}.match-heart{animation:heartBeat 1s ease infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.match-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.match-btn.secondary{background:#ffffff1a;color:#fff}.match-btn:active{transform:scale(.98)}.voice-party-page{min-height:100vh;background:linear-gradient(180deg,#667eea,#764ba2);padding-bottom:100px}.voice-party-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.party-back-btn{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.voice-party-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.party-create-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#667eea;cursor:pointer}.voice-party-intro{text-align:center;padding:var(--spacing-sm);color:#fffc;font-size:var(--font-sm)}.voice-party-intro p{margin:0}.rooms-section{padding:var(--spacing-md) var(--spacing-lg)}.rooms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.rooms-label{font-size:var(--font-md);font-weight:600;color:#fff}.rooms-count{font-size:var(--font-xs);color:#ffffffb3}.rooms-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.room-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all .2s}.room-card:active{transform:scale(.98)}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.room-category-tag{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff}.live-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#ff6b6b}.live-dot{width:6px;height:6px;border-radius:50%;background:#ff6b6b;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.room-card-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.room-hosts{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.room-host{display:flex;align-items:center;gap:var(--spacing-xs)}.host-avatar-wrapper{position:relative}.host-avatar-wrapper.speaking{animation:pulse-speak 1.5s ease-in-out infinite}@keyframes pulse-speak{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.host-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.speaking-indicator{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid #667eea;animation:speaking-ring 1s ease-in-out infinite}@keyframes speaking-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.host-name{font-size:var(--font-xs);color:var(--text-secondary)}.room-card-footer{display:flex;justify-content:space-between;align-items:center}.room-listeners{display:flex;align-items:center;gap:var(--spacing-xs)}.listener-avatars{display:flex}.listener-mini-avatar{width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-8px;object-fit:cover}.listener-mini-avatar:first-child{margin-left:0}.listener-count{font-size:var(--font-xs);color:var(--text-placeholder)}.join-room-btn{padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);font-weight:500;cursor:pointer}.create-room-tip{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-lg);padding:var(--spacing-md);background:#ffffff26;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tip-content{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.tip-text h4{font-size:var(--font-sm);margin:0}.tip-text p{font-size:var(--font-xs);opacity:.8;margin:0}.create-room-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border:none;border-radius:var(--radius-full);color:#667eea;font-size:var(--font-sm);font-weight:600;cursor:pointer}.voice-room-page{min-height:100vh;background:#f5f0e8;display:flex;flex-direction:column}.voice-room-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);background:#fff}.room-minimize-btn{width:36px;height:36px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.room-info{flex:1}.room-category{font-size:10px;color:#667eea;font-weight:500}.room-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.room-more-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.room-content{flex:1;padding:var(--spacing-md);overflow-y:auto}.room-section{margin-bottom:var(--spacing-lg)}.section-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.speaker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.speaker-item{display:flex;flex-direction:column;align-items:center;gap:4px}.speaker-avatar-wrapper{position:relative}.speaker-avatar{width:64px;height:64px;border-radius:20px;object-fit:cover}.speaker-item.speaking .speaker-avatar{border:2px solid #667eea}.speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:24px;border:2px solid #667eea;animation:speaking-ring 1s ease-in-out infinite}.host-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:gold;display:flex;align-items:center;justify-content:center;color:#fff}.speaker-name{font-size:var(--font-xs);color:var(--text-primary);text-align:center;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listener-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sm)}.listener-item{display:flex;justify-content:center}.listener-avatar{width:48px;height:48px;border-radius:16px;object-fit:cover}.room-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--border)}.room-leave-btn{padding:10px 20px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-sm);color:#ff6b6b;font-weight:500;cursor:pointer}.room-actions{display:flex;gap:var(--spacing-sm)}.room-action-btn{width:44px;height:44px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.room-action-btn.active{background:#667eea;color:#fff}.room-action-btn.mic{background:var(--text-placeholder);color:#fff}.room-action-btn.mic.active{background:#667eea}.voice-blind-page{min-height:100vh;background:linear-gradient(180deg,#ff6b6b,#ee5a5a,#d63031);padding-bottom:100px}.voice-blind-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.blind-back-btn{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.voice-blind-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.blind-intro-section{padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.blind-intro-icon{position:relative;width:120px;height:120px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:#fff}.intro-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:intro-pulse 2s ease-in-out infinite}@keyframes intro-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}.blind-intro-title{font-size:var(--font-xl);color:#fff;margin:0 0 var(--spacing-sm) 0}.blind-intro-desc{font-size:var(--font-md);color:#fffc;line-height:1.6;margin:0 0 var(--spacing-xl) 0}.blind-rules{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#ffffff1a;border-radius:var(--radius-lg)}.rule-item{display:flex;align-items:center;gap:var(--spacing-md)}.rule-number{width:28px;height:28px;border-radius:50%;background:#fff;color:#ff6b6b;font-size:var(--font-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-text{font-size:var(--font-sm);color:#fff;text-align:left}.blind-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:#fff;border:none;border-radius:var(--radius-md);color:#ff6b6b;font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:all .2s}.blind-start-btn:active{transform:scale(.98)}.blind-card-section{padding:var(--spacing-md) var(--spacing-lg)}.blind-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden}.blind-avatar-area{height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);transition:all .5s}.mystery-avatar{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.mystery-icon{width:100%;height:100%;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#ff6b6b;z-index:2}.mystery-waves{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px}.mystery-wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,107,107,.3);animation:wave-expand 2s ease-in-out infinite}@keyframes wave-expand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.reveal-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;z-index:3}.reveal-countdown span{font-size:48px;font-weight:700;color:#fff;animation:countdown-pop 1s ease infinite}@keyframes countdown-pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.revealed-avatar{width:100%;height:100%;position:relative;animation:reveal-fade .5s ease}@keyframes reveal-fade{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.revealed-avatar img{width:100%;height:100%;object-fit:cover}.revealed-name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#000000b3);color:#fff;display:flex;align-items:baseline;gap:var(--spacing-xs)}.revealed-name span:first-child{font-size:var(--font-lg);font-weight:600}.revealed-age{font-size:var(--font-sm);opacity:.8}.blind-compatibility{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:linear-gradient(135deg,#ff6b6b1a,#ffb6c133);font-size:var(--font-sm);color:#ff6b6b}.blind-compatibility svg{color:gold}.blind-player{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.blind-play-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s}.blind-play-btn:active{transform:scale(.95)}.blind-progress{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a5a);border-radius:2px;transition:width .1s linear}.progress-time{font-size:var(--font-xs);color:var(--text-placeholder);flex-shrink:0}.blind-voice-text{padding:0 var(--spacing-md) var(--spacing-md)}.blind-voice-text p{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0;font-style:italic}.blind-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:0 var(--spacing-md) var(--spacing-md)}.blind-tag{padding:4px 10px;background:#ff6b6b1a;border-radius:var(--radius-full);font-size:var(--font-xs);color:#ff6b6b}.blind-location{display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);border-top:1px solid var(--border);font-size:var(--font-xs);color:var(--text-placeholder)}.blind-actions{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl)}.blind-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.blind-action-btn:active{transform:scale(.95)}.blind-action-btn.skip{background:#fff3;color:#fff}.blind-action-btn.reveal,.blind-action-btn.like{background:#fff;color:#ff6b6b;box-shadow:0 4px 15px #0000001a}.blind-action-btn span{font-size:var(--font-xs);font-weight:500}.blind-tips{text-align:center;padding:var(--spacing-md)}.blind-tips p{font-size:var(--font-xs);color:#ffffffb3;margin:0}.blind-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.blind-result-modal{width:100%;max-width:320px;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;animation:result-pop .5s ease}@keyframes result-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-confetti{font-size:48px;margin-bottom:var(--spacing-md);animation:heart-float 1s ease infinite alternate}@keyframes heart-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.blind-result-modal h2{font-size:var(--font-xl);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.blind-result-modal>p{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.result-match-avatars{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-match-avatars img{width:72px;height:72px;border-radius:50%;border:3px solid #FF6B6B;object-fit:cover}.result-heart{animation:heart-beat 1s ease infinite}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.result-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s}.result-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.result-btn.secondary{background:var(--background);color:var(--text-secondary)}.result-btn:active{transform:scale(.98)}.user-profile-page{min-height:100vh;background:var(--background);position:relative}.profile-bg{position:absolute;top:0;left:0;right:0;height:255px!important;z-index:0;overflow:hidden}.profile-bg-image{width:100%;height:100%;object-fit:cover}.profile-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(247,247,247,.4) 75%,rgba(247,247,247,1) 100%)}.profile-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.header-icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0000001a}.profile-content{position:relative;z-index:10;padding:var(--spacing-lg);padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:40px}.glass{background:#fff6;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);box-shadow:0 0 12px #0000001a,inset 0 1px #ffffff80}.profile-card{border-radius:10px;padding:0 16px 16px;margin-bottom:var(--spacing-md);position:relative;overflow:visible}.profile-main{display:flex;align-items:center;gap:var(--spacing-md)}.profile-avatar-wrapper{flex-shrink:0;margin-top:-8px;position:relative;top:-8px}.user-profile-page .profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:none;margin-top:0;background:transparent;box-shadow:none}.user-profile-page .profile-info{flex:1;min-width:0;display:block;background:transparent;margin-top:0;padding:0;box-shadow:none;border-radius:0;position:static}.profile-name-row{display:flex;align-items:center;gap:var(--spacing-xs)}.profile-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.verified-icon{width:18px;height:18px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.profile-id{font-size:var(--font-xs);color:var(--text-placeholder);margin:4px 0 0}.profile-phone{display:flex;align-items:center;gap:4px;margin-top:4px;font-weight:500;font-size:10px;color:#2196f3}.profile-phone svg{color:#2196f3}.profile-edit-btn{padding:6px 16px;background:transparent;border:1.5px solid var(--primary);border-radius:var(--radius-full);color:var(--primary);font-size:var(--font-sm);font-weight:500;cursor:pointer;flex-shrink:0}.profile-ribbon-btn{position:absolute;top:0;right:0;height:28px;padding:0 16px;background:var(--primary);color:#fff;font-size:var(--font-xs);font-weight:500;border:none;cursor:pointer;border-top-right-radius:10px;border-bottom-left-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.user-profile-page .profile-ribbon-btn:before,.user-profile-page .profile-ribbon-btn:after{display:none}.profile-ribbon-btn:active{opacity:.9}.bio-section{margin-top:var(--spacing-md)}.about-item{margin-bottom:var(--spacing-md)}.about-item:last-child{margin-bottom:0}.about-item-header{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.about-item-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.about-item-desc{font-size:var(--font-xs);color:var(--text-placeholder)}.bio-voice{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;cursor:pointer;transition:transform .2s}.bio-voice:active{transform:scale(.98)}.voice-play-btn{width:28px;height:28px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.voice-wave{flex:1;display:flex;align-items:center;gap:3px;height:20px}.wave-bar{width:3px;height:8px;background:#fff9;border-radius:2px;transition:height .1s}.wave-bar.playing{animation:waveAnimation .5s ease-in-out infinite alternate}@keyframes waveAnimation{0%{height:4px}to{height:18px}}.voice-duration{color:#ffffffe6;font-size:var(--font-xs);font-weight:500;flex-shrink:0}.profile-bio{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0;padding:var(--spacing-sm) 0}.bio-photos{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bio-photo-item{flex:1;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.bio-photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.bio-photo-item:active img{transform:scale(1.05)}.user-profile-page .profile-stats{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-lg)}.user-profile-page .stat-item{display:flex;flex-direction:row;align-items:flex-center;gap:4px;flex:none}.user-profile-page .stat-value{font-size:14px;font-weight:700;color:var(--text-primary)}.user-profile-page .stat-label{font-size:12px;padding-top:2px;color:var(--text-secondary)}.profile-tags-multi{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-md)}.tag-pill{padding:4px 10px;border-radius:2px;font-size:var(--font-xs);font-weight:500}.tag-color-0{background:#ff6b351f;color:#ff6b35}.tag-color-1{background:#667eea1f;color:#667eea}.tag-color-2{background:#00b8941f;color:#00b894}.tag-color-3{background:#fd79a81f;color:#fd79a8}.tag-color-4{background:#fdcb6e26;color:#e17055}.profile-tags-wrapper{margin-bottom:var(--spacing-md)}.profile-tags{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:2px 0}.profile-tag{flex-shrink:0;padding:6px 14px;background:#ffffffe6;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);box-shadow:0 1px 3px #0000000a}.quick-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:14px;color:#fff;font-size:var(--font-md);font-weight:500;cursor:pointer;box-shadow:0 4px 12px #ff6b3540}.quick-action-icon{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-action-btn:active{transform:scale(.98)}.section-card{border-radius:20px;padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.section-count{font-size:var(--font-sm);color:var(--text-placeholder)}.members-scroll{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-xs) 0}.member-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.member-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #00000014}.member-name{font-size:var(--font-xs);color:var(--text-secondary);max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.groups-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-xs) 0}.group-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.group-image{width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 2px 8px #00000014}.group-name{font-size:var(--font-xs);color:var(--text-secondary);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.group-card.more .group-more-icon{width:72px;height:72px;border-radius:16px;background:var(--background);display:flex;align-items:center;justify-content:center;color:var(--text-placeholder)}.activity-tabs{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:var(--spacing-sm)}.activity-tab{background:none;border:none;font-size:var(--font-md);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) 0;position:relative}.activity-tab.active{color:var(--text-primary);font-weight:600}.activity-tab.active:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary);border-radius:2px}.activity-filters{display:flex;gap:var(--spacing-sm);overflow-x:auto;margin-bottom:var(--spacing-md);padding:2px 0}.filter-pill{flex-shrink:0;padding:6px 14px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer}.filter-pill.active{background:var(--primary);color:#fff}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.activity-item:active{transform:scale(.98)}.activity-item .activity-cover{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.activity-item .activity-cover img{width:100%;height:100%;object-fit:cover}.activity-item .activity-info{flex:1;min-width:0}.activity-item .activity-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-item .activity-meta{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.activity-item .activity-status{padding:4px 10px;font-size:10px;border-radius:var(--radius-full);flex-shrink:0;font-weight:500}.activity-item .activity-status.open{background:#00b8941f;color:var(--success)}.activity-item .activity-status.closed{background:#0000000d;color:var(--text-placeholder)}.empty-activities{text-align:center;padding:var(--spacing-xl);color:var(--text-placeholder)}.empty-activities p{margin:0}.svc-page{min-height:100vh;background:var(--background);padding-bottom:100px}.svc-header{background:var(--card);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.svc-header-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.svc-location{display:flex;align-items:center;gap:2px;color:var(--text-primary);font-size:var(--font-sm);font-weight:500;flex-shrink:0}.svc-location svg{color:#ff6b6b}.svc-search-box{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--background);border-radius:var(--radius-full);color:var(--text-placeholder);font-size:var(--font-sm)}.svc-category-scroll{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);padding-top:0;overflow-x:auto;background:transparent}.svc-category-scroll::-webkit-scrollbar{display:none}.svc-category-chip{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:6px 12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.svc-category-chip.active{color:#fff;border-color:transparent}.svc-category-chip:active{transform:scale(.96)}.svc-banner{position:relative;margin:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden}.svc-banner-track{display:flex;transition:transform .4s ease}.svc-banner-slide{position:relative;flex-shrink:0;width:100%;height:120px}.svc-banner-image{width:100%;height:100%;object-fit:cover}.svc-banner-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#0009);color:#fff}.svc-banner-title{display:block;font-size:var(--font-lg);font-weight:700;margin-bottom:2px}.svc-banner-subtitle{font-size:var(--font-sm);opacity:.9}.svc-banner-dots{position:absolute;bottom:10px;right:12px;display:flex;gap:6px}.svc-banner-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.svc-banner-dot.active{width:18px;border-radius:3px;background:#fff}.svc-quick-entries{display:flex;justify-content:space-around;padding:var(--spacing-md);margin:0 var(--spacing-md);background:var(--card);border-radius:var(--radius-lg)}.svc-quick-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.svc-quick-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.svc-quick-item:active .svc-quick-icon{transform:scale(.95)}.svc-quick-label{font-size:var(--font-xs);font-weight:500;color:var(--text-primary)}.svc-hot-section{margin-top:var(--spacing-md);padding:0 var(--spacing-md)}.svc-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.svc-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.svc-section-title svg{color:#ff6b6b}.svc-view-more{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--text-placeholder);font-size:var(--font-xs);cursor:pointer}.svc-hot-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);scroll-snap-type:x mandatory}.svc-hot-scroll::-webkit-scrollbar{display:none}.svc-hot-card{flex-shrink:0;width:120px;background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:transform .2s}.svc-hot-card:active{transform:scale(.98)}.svc-hot-image-wrap{position:relative;width:100%;height:120px}.svc-hot-image{width:100%;height:100%;object-fit:cover}.svc-hot-tag{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:600}.svc-hot-info{padding:var(--spacing-xs)}.svc-hot-title{font-size:var(--font-xs);font-weight:500;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-hot-price{display:flex;align-items:baseline;gap:4px}.svc-hot-current{font-size:var(--font-sm);font-weight:700;color:#ff6b6b}.svc-hot-original{font-size:10px;color:var(--text-placeholder);text-decoration:line-through}.svc-type-filter{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--card);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.svc-type-filter-label{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.svc-type-filter-label svg{color:#ff6b6b}.svc-type-btns{display:flex;gap:var(--spacing-xs)}.svc-type-btn{padding:4px 10px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.svc-type-btn.active{background:#ff6b6b1a;color:#ff6b6b;font-weight:500}.svc-waterfall{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.svc-waterfall-column{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.svc-item-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s}.svc-item-card:active{transform:scale(.98)}.svc-item-image-wrap{position:relative;width:100%}.svc-item-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.svc-item-condition{position:absolute;bottom:8px;left:8px;padding:2px 8px;background:#0009;border-radius:var(--radius-full);font-size:10px;color:#fff}.svc-item-content{padding:var(--spacing-sm)}.svc-item-type-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;margin-bottom:var(--spacing-xs)}.svc-item-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.svc-item-price-row{margin-bottom:var(--spacing-xs)}.svc-item-price-group{display:flex;align-items:baseline;gap:var(--spacing-xs)}.svc-item-price{font-size:var(--font-md);font-weight:700}.svc-item-price.service{color:#667eea}.svc-item-price.sell{color:#ff6b6b}.svc-item-price.free{color:#00b894}.svc-item-price.exchange{color:#fdcb6e}.svc-item-price.want{color:#a29bfe;font-size:var(--font-sm)}.svc-item-original{font-size:var(--font-xs);color:var(--text-placeholder);text-decoration:line-through}.svc-item-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.svc-item-provider{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.svc-item-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0}.svc-item-nickname{font-size:var(--font-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-item-location{font-size:var(--font-xs);color:var(--text-placeholder);flex-shrink:0}.svc-item-stats{display:flex;gap:var(--spacing-sm)}.svc-item-stat{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--text-placeholder)}.svc-item-stat svg{flex-shrink:0}.svc-footer-tips{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg);margin-top:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-placeholder)}.svc-footer-tips svg{color:#ff6b6b}.sd-page{min-height:100vh;background:var(--background);padding-bottom:100px}.sd-gallery{position:relative;height:260px;overflow:hidden}.sd-gallery-track{display:flex;height:100%;transition:transform .3s ease}.sd-gallery-image{width:100%;height:100%;object-fit:cover;flex-shrink:0}.sd-gallery-counter{position:absolute;bottom:16px;right:16px;padding:4px 10px;background:#00000080;border-radius:12px;color:#fff;font-size:12px}.sd-gallery-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.sd-gallery-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.sd-gallery-dot.active{width:18px;border-radius:3px;background:#fff}.sd-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.sd-header-btn{width:40px;height:40px;border:none;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.sd-header-actions{display:flex;gap:var(--spacing-sm)}.sd-content{margin-top:-20px;background:var(--background);border-radius:20px 20px 0 0;position:relative;z-index:10;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.sd-main-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.sd-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.sd-price{display:flex;align-items:baseline}.sd-price-symbol{font-size:var(--font-md);font-weight:600;color:var(--primary)}.sd-price-value{font-size:32px;font-weight:700;color:var(--primary)}.sd-price-unit{font-size:var(--font-sm);color:var(--text-secondary);margin-left:4px}.sd-stats{display:flex;gap:var(--spacing-md)}.sd-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.sd-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.4}.sd-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.sd-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs)}.sd-tag.category{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.sd-tag.guarantee{background:#00b8941a;color:#00b894}.sd-meta-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sd-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.sd-meta-item svg{color:var(--text-placeholder)}.sd-provider-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer}.sd-provider-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.sd-provider-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.sd-provider-detail{flex:1}.sd-provider-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:4px}.sd-verified-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:500}.sd-provider-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-xs);color:var(--text-secondary)}.sd-provider-arrow{color:var(--text-placeholder)}.sd-provider-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.sd-provider-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-radius:var(--radius-full);font-size:var(--font-xs);color:orange}.sd-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.sd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.sd-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.sd-section-header .sd-section-title{margin:0}.sd-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0}.sd-service-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sd-service-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md)}.sd-item-info{display:flex;flex-direction:column;gap:2px}.sd-item-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.sd-item-desc{font-size:var(--font-xs);color:var(--text-placeholder)}.sd-item-price{font-size:var(--font-sm);font-weight:600;color:var(--primary)}.sd-review-summary{display:flex;align-items:center;gap:4px}.sd-review-score{font-size:var(--font-md);font-weight:700;color:gold}.sd-review-count{font-size:var(--font-xs);color:var(--text-placeholder)}.sd-reviews{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sd-review-item{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.sd-review-item:last-child{padding-bottom:0;border-bottom:none}.sd-review-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sd-review-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.sd-review-user{flex:1}.sd-review-name{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px}.sd-review-rating{display:flex;align-items:center;gap:2px}.sd-review-date{margin-left:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-placeholder)}.sd-review-content{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.sd-review-images{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.sd-review-image{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover}.sd-review-footer{display:flex;justify-content:flex-end}.sd-like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-placeholder);font-size:var(--font-xs);cursor:pointer}.sd-view-all-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-md);background:var(--background);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.sd-notice-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.sd-notice-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.sd-notice-item svg{color:var(--primary);flex-shrink:0}.sd-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);box-shadow:0 -4px 20px #00000014}.sd-footer-btn{display:flex;align-items:center;justify-content:center;gap:4px;border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.sd-footer-btn.icon{flex-direction:column;gap:2px;width:60px;padding:var(--spacing-sm);background:var(--background);color:var(--text-secondary);font-size:var(--font-xs)}.sd-footer-btn.primary{flex:1;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:var(--font-md)}.sd-footer-btn:active{opacity:.9}.sp-page{min-height:100vh;background:var(--background);padding-bottom:20px}.sp-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:var(--card);position:sticky;top:0;z-index:100}.sp-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--background);border-radius:50%;color:var(--text-primary);cursor:pointer}.sp-search-bar{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-full);color:var(--text-placeholder)}.sp-search-bar input{flex:1;border:none;background:none;font-size:var(--font-sm);color:var(--text-primary);outline:none}.sp-search-bar input::placeholder{color:var(--text-placeholder)}.sp-clear-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--text-placeholder);border-radius:50%;color:#fff;cursor:pointer}.sp-filter-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--background);border-radius:50%;color:var(--text-primary);cursor:pointer}.sp-categories{background:var(--card);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.sp-categories-scroll{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-md);overflow-x:auto}.sp-categories-scroll::-webkit-scrollbar{display:none}.sp-category-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);border:none;background:var(--background);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.sp-category-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.sp-sort-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--card);margin-bottom:var(--spacing-sm)}.sp-sort-options{display:flex;gap:var(--spacing-sm);overflow-x:auto}.sp-sort-options::-webkit-scrollbar{display:none}.sp-sort-btn{display:flex;align-items:center;gap:2px;border:none;background:none;font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.sp-sort-btn.active{color:var(--primary);font-weight:500}.sp-result-count{flex-shrink:0;font-size:var(--font-xs);color:var(--text-placeholder)}.sp-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.sp-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:transform .2s}.sp-card:active{transform:scale(.99)}.sp-card-main{display:flex;gap:var(--spacing-md)}.sp-avatar-wrap{position:relative;flex-shrink:0}.sp-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.sp-verified{position:absolute;bottom:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.sp-info{flex:1;min-width:0}.sp-name-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px}.sp-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.sp-title{padding:2px 6px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-sm);font-size:10px;color:#667eea}.sp-stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.sp-rating{display:flex;align-items:center;gap:2px;font-size:var(--font-xs);font-weight:600;color:var(--text-primary)}.sp-orders,.sp-experience{font-size:var(--font-xs);color:var(--text-secondary)}.sp-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--spacing-xs)}.sp-tag{padding:2px 6px;background:var(--background);border-radius:2px;font-size:10px;color:var(--text-secondary)}.sp-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-placeholder)}.sp-distance{margin-left:auto;color:var(--primary);font-weight:500}.sp-price-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.sp-price{font-size:var(--font-lg);font-weight:700;color:var(--primary)}.sp-price-unit{font-size:var(--font-xs);color:var(--text-secondary)}.sp-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.sp-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-radius:var(--radius-full);font-size:10px;color:orange}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.sp-empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.sp-empty p{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.sp-reset-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);cursor:pointer}.spd-page{min-height:100vh;background:var(--background);padding-bottom:100px}.spd-cover{position:relative;height:220px;overflow:hidden}.spd-cover-track{display:flex;height:100%;transition:transform .3s ease}.spd-cover-image{width:100%;height:100%;object-fit:cover;flex-shrink:0}.spd-cover-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.spd-cover-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.spd-cover-dot.active{width:18px;border-radius:3px;background:#fff}.spd-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.spd-header-btn{width:40px;height:40px;border:none;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.spd-header-actions{display:flex;gap:var(--spacing-sm)}.spd-content{margin-top:-40px;background:var(--background);border-radius:24px 24px 0 0;position:relative;z-index:10;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.spd-profile-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.spd-profile-main{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.spd-avatar-wrap{position:relative;flex-shrink:0}.spd-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #00000026}.spd-verified{position:absolute;bottom:0;right:0;width:22px;height:22px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.spd-profile-info{flex:1;display:flex;flex-direction:column;justify-content:center}.spd-name-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.spd-name{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin:0}.spd-title-tag{padding:2px 8px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea;font-weight:500}.spd-slogan{font-size:var(--font-sm);color:var(--text-secondary);margin:0;line-height:1.4}.spd-stats-row{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.spd-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.spd-stat-value{display:flex;align-items:center;gap:4px;font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.spd-stat-label{font-size:var(--font-xs);color:var(--text-placeholder)}.spd-stat-divider{width:1px;height:30px;background:var(--border)}.spd-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.spd-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-radius:var(--radius-full);font-size:var(--font-xs);color:orange}.spd-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.spd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.spd-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.spd-section-header .spd-section-title{margin:0}.spd-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.spd-info-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md)}.spd-info-item svg{color:var(--primary)}.spd-info-label{font-size:var(--font-xs);color:var(--text-placeholder)}.spd-info-value{margin-left:auto;font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.spd-meta-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spd-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.spd-meta-item svg{color:var(--text-placeholder)}.spd-intro{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0 0 var(--spacing-md) 0}.spd-skills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.spd-skills-label{font-size:var(--font-sm);color:var(--text-secondary)}.spd-skill-tag{padding:4px 10px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea}.spd-certificates{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.spd-cert-label{font-size:var(--font-sm);color:var(--text-secondary)}.spd-cert-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#00b8941a;border-radius:var(--radius-full);font-size:var(--font-xs);color:#00b894}.spd-service-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spd-service-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);cursor:pointer;transition:transform .2s}.spd-service-item:active{transform:scale(.99)}.spd-service-info{display:flex;flex-direction:column;gap:2px}.spd-service-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.spd-service-desc{font-size:var(--font-xs);color:var(--text-placeholder)}.spd-service-right{display:flex;align-items:center;gap:var(--spacing-xs)}.spd-service-price{font-size:var(--font-md);font-weight:600;color:var(--primary)}.spd-service-price small{font-size:var(--font-xs);font-weight:400;color:var(--text-secondary)}.spd-service-arrow{color:var(--text-placeholder)}.spd-review-summary{display:flex;align-items:center;gap:4px}.spd-review-score{font-size:var(--font-md);font-weight:700;color:gold}.spd-review-count{font-size:var(--font-xs);color:var(--text-placeholder)}.spd-reviews{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spd-review-item{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.spd-review-item:last-child{padding-bottom:0;border-bottom:none}.spd-review-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.spd-review-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.spd-review-user{flex:1}.spd-review-name{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px}.spd-review-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.spd-review-rating{display:flex;align-items:center;gap:2px}.spd-review-service{padding:1px 6px;background:var(--background);border-radius:2px;font-size:10px;color:var(--text-secondary)}.spd-review-date{font-size:var(--font-xs);color:var(--text-placeholder)}.spd-review-content{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.spd-review-images{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.spd-review-image{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover}.spd-review-footer{display:flex;justify-content:flex-end}.spd-like-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-placeholder);font-size:var(--font-xs);cursor:pointer}.spd-view-all-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-md);background:var(--background);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.spd-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);box-shadow:0 -4px 20px #00000014}.spd-footer-btn{display:flex;align-items:center;justify-content:center;gap:4px;border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.spd-footer-btn.icon{flex-direction:column;gap:2px;width:60px;padding:var(--spacing-sm);background:var(--background);color:var(--text-secondary);font-size:var(--font-xs)}.spd-footer-btn.primary{flex:1;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:var(--font-md)}.spd-footer-btn:active{opacity:.9}.sr-page{min-height:100vh;background:var(--background);padding-bottom:100px}.sr-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:var(--card);position:sticky;top:0;z-index:100}.sr-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--background);border-radius:50%;color:var(--text-primary);cursor:pointer}.sr-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.sr-publish-btn{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer}.sr-filter-bar{background:var(--card);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.sr-categories{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-md);overflow-x:auto}.sr-categories::-webkit-scrollbar{display:none}.sr-category-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);border:none;background:var(--background);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.sr-category-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.sr-sort-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--card);margin-bottom:var(--spacing-sm)}.sr-sort-tabs{display:flex;gap:var(--spacing-md)}.sr-sort-tab{border:none;background:none;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;padding:0;position:relative}.sr-sort-tab.active{color:var(--primary);font-weight:600}.sr-sort-tab.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary);border-radius:1px}.sr-count{font-size:var(--font-xs);color:var(--text-placeholder)}.sr-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.sr-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-md)}.sr-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.sr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.sr-user-info{flex:1;display:flex;flex-direction:column}.sr-username{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.sr-time{font-size:var(--font-xs);color:var(--text-placeholder)}.sr-urgent-tag{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:600}.sr-card-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.sr-card-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-card-info{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.sr-info-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.sr-info-item svg{color:var(--text-placeholder)}.sr-card-footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.sr-budget{display:flex;align-items:center;gap:2px}.sr-budget svg{color:var(--primary)}.sr-budget-value{font-size:var(--font-lg);font-weight:700;color:var(--primary)}.sr-budget-unit{font-size:var(--font-xs);color:var(--text-secondary)}.sr-card-stats{display:flex;gap:var(--spacing-sm)}.sr-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-placeholder)}.sr-card-actions{display:flex;gap:var(--spacing-sm)}.sr-chat-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);background:var(--background);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.sr-quote-btn{flex:1;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer}.sr-quote-btn:active,.sr-chat-btn:active{opacity:.9}.sr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.sr-empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.sr-empty p{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.sr-reset-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);cursor:pointer}.sr-fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #667eea66;cursor:pointer;z-index:90}.sr-fab:active{transform:scale(.95)}.mkt-page{min-height:100vh;background:var(--background);padding-bottom:100px}.mkt-header{background:linear-gradient(135deg,#ff6b6b,#ee5a24);padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.mkt-header-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mkt-location{display:flex;align-items:center;gap:4px;color:#ffffffe6;font-size:var(--font-sm)}.mkt-search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fffffff2;border-radius:var(--radius-full);color:var(--text-placeholder);font-size:var(--font-sm)}.mkt-banner{position:relative;margin:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden}.mkt-banner-track{display:flex;transition:transform .4s ease}.mkt-banner-slide{position:relative;flex-shrink:0;width:100%;height:140px}.mkt-banner-image{width:100%;height:100%;object-fit:cover}.mkt-banner-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#0009);color:#fff}.mkt-banner-title{display:block;font-size:var(--font-lg);font-weight:700;margin-bottom:4px}.mkt-banner-subtitle{font-size:var(--font-sm);opacity:.9}.mkt-banner-dots{position:absolute;bottom:12px;right:12px;display:flex;gap:6px}.mkt-banner-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.mkt-banner-dot.active{width:18px;border-radius:3px;background:#fff}.mkt-categories{background:var(--card);margin:0 var(--spacing-md);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.mkt-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.mkt-category-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.mkt-category-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.mkt-category-item:active .mkt-category-icon{transform:scale(.95)}.mkt-category-label{font-size:var(--font-xs);color:var(--text-primary);font-weight:500}.mkt-guarantees{display:flex;justify-content:space-around;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md);background:linear-gradient(135deg,#ff6b6b14,#ee5a2426);border-radius:var(--radius-lg)}.mkt-guarantee-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:#ee5a24;font-weight:500}.mkt-section{margin-top:var(--spacing-lg);padding:0 var(--spacing-md)}.mkt-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.mkt-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0}.mkt-section-title svg{color:#ff6b6b}.mkt-hot-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-xs);scroll-snap-type:x mandatory}.mkt-hot-scroll::-webkit-scrollbar{display:none}.mkt-hot-card{flex-shrink:0;width:140px;background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:transform .2s}.mkt-hot-card:active{transform:scale(.98)}.mkt-hot-image-wrap{position:relative;width:100%;height:140px}.mkt-hot-image{width:100%;height:100%;object-fit:cover}.mkt-hot-tag{position:absolute;top:8px;left:8px;padding:2px 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:600}.mkt-hot-info{padding:var(--spacing-sm)}.mkt-hot-title{font-size:var(--font-xs);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkt-hot-price{font-size:var(--font-sm);font-weight:600}.mkt-trade-filter{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);overflow-x:auto;position:sticky;top:0;background:var(--background);z-index:50}.mkt-trade-filter::-webkit-scrollbar{display:none}.mkt-trade-btn{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);background:var(--card);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s}.mkt-trade-btn.active{color:#fff}.mkt-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.mkt-product-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s}.mkt-product-card:active{transform:scale(.98)}.mkt-product-image-wrap{position:relative;width:100%;aspect-ratio:1}.mkt-product-image{width:100%;height:100%;object-fit:cover}.mkt-condition-tag{position:absolute;bottom:8px;left:8px;padding:2px 8px;background:#0009;border-radius:var(--radius-full);font-size:10px;color:#fff}.mkt-product-info{padding:var(--spacing-sm)}.mkt-trade-tag{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;margin-bottom:var(--spacing-xs)}.mkt-product-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.mkt-product-price{margin-bottom:var(--spacing-xs)}.mkt-price-sell{font-size:var(--font-md);font-weight:700;color:#ff6b6b}.mkt-price-original{font-size:var(--font-xs);color:var(--text-placeholder);text-decoration:line-through;margin-left:var(--spacing-xs)}.mkt-price-free{font-size:var(--font-md);font-weight:700;color:#00b894}.mkt-price-want{font-size:var(--font-md);font-weight:600;color:#a29bfe}.mkt-price-exchange{font-size:var(--font-md);font-weight:600;color:#fdcb6e}.mkt-product-meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.mkt-seller-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.mkt-seller-name{flex:1;font-size:var(--font-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkt-product-distance{font-size:var(--font-xs);color:var(--text-placeholder)}.mkt-product-stats{display:flex;gap:var(--spacing-sm);font-size:10px;color:var(--text-placeholder)}.mkt-footer-tips{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg);margin-top:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-placeholder)}.mkt-footer-tips svg{color:#ff6b6b}.pd-page{min-height:100vh;background:var(--background);padding-bottom:100px}.pd-gallery{position:relative;height:320px;overflow:hidden;background:#000}.pd-gallery-track{display:flex;height:100%;transition:transform .3s ease}.pd-gallery-image{width:100%;height:100%;object-fit:contain;flex-shrink:0;background:#000}.pd-gallery-counter{position:absolute;bottom:16px;right:16px;padding:4px 10px;background:#00000080;border-radius:12px;color:#fff;font-size:12px}.pd-gallery-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.pd-gallery-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.pd-gallery-dot.active{width:18px;border-radius:3px;background:#fff}.pd-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.pd-header-btn{width:40px;height:40px;border:none;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.pd-header-actions{display:flex;gap:var(--spacing-sm)}.pd-content{margin-top:-20px;background:var(--background);border-radius:20px 20px 0 0;position:relative;z-index:10;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.pd-main-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.pd-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.pd-price{display:flex;align-items:baseline}.pd-price-label{font-size:var(--font-sm);color:var(--text-secondary);margin-right:4px}.pd-price-symbol{font-size:var(--font-md);font-weight:600;color:#ff6b6b}.pd-price-value{font-size:32px;font-weight:700;color:#ff6b6b}.pd-price-original{font-size:var(--font-sm);color:var(--text-placeholder);text-decoration:line-through;margin-left:var(--spacing-sm)}.pd-price-free{font-size:28px;font-weight:700;color:#00b894}.pd-price-exchange{font-size:28px;font-weight:700;color:#fdcb6e}.pd-trade-tag{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-xs);color:#fff;font-weight:500}.pd-title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.4}.pd-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.pd-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs)}.pd-tag.condition{background:#667eea1a;color:#667eea}.pd-tag.delivery{background:#00b8941a;color:#00b894}.pd-stats{display:flex;gap:var(--spacing-md)}.pd-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.pd-stat svg{color:var(--text-placeholder)}.pd-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.pd-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.pd-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0}.pd-info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pd-info-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm)}.pd-info-item svg{color:var(--text-placeholder)}.pd-info-label{color:var(--text-secondary)}.pd-info-value{margin-left:auto;color:var(--text-primary);font-weight:500}.pd-seller-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer}.pd-seller-info{display:flex;align-items:center;gap:var(--spacing-md)}.pd-seller-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.pd-seller-detail{flex:1}.pd-seller-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:4px}.pd-verified-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:500}.pd-seller-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-xs);color:var(--text-secondary)}.pd-seller-meta span{display:flex;align-items:center;gap:2px}.pd-seller-arrow{color:var(--text-placeholder)}.pd-notice-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pd-notice-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--text-secondary)}.pd-notice-item svg{color:#ff6b6b;flex-shrink:0}.pd-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);box-shadow:0 -4px 20px #00000014}.pd-footer-btn{display:flex;align-items:center;justify-content:center;gap:4px;border:none;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.pd-footer-btn.icon{flex-direction:column;gap:2px;width:50px;padding:var(--spacing-sm);background:var(--background);color:var(--text-secondary);font-size:var(--font-xs)}.pd-footer-btn.secondary{flex:1;padding:var(--spacing-md);background:var(--background);color:var(--text-primary)}.pd-footer-btn.primary{flex:1.5;padding:var(--spacing-md);background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:var(--font-md)}.pd-footer-btn:active{opacity:.9}.message-page{background:var(--background);min-height:100vh;padding-bottom:80px}.message-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-sm);background:#fff}.message-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.title-badge{padding:2px 8px;background:var(--danger);color:#fff;font-size:12px;font-weight:600;border-radius:10px}.header-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.search-wrapper{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md);background:#fff;transition:all .3s}.search-wrapper.focused{background:#fff}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-full);border:1px solid transparent;transition:all .2s}.search-wrapper.focused .search-box{border-color:var(--primary);background:#fff}.search-icon{color:var(--text-placeholder);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:var(--font-sm);color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-placeholder)}.interaction-section{padding:var(--spacing-md) var(--spacing-lg);background:#fff;margin-bottom:var(--spacing-sm)}.interaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.interaction-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.interaction-total{font-size:var(--font-xs);color:var(--primary)}.interaction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.interaction-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.interaction-icon{position:relative;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s}.interaction-item:active .interaction-icon{transform:scale(.95)}.interaction-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.interaction-label{font-size:var(--font-xs);color:var(--text-secondary)}.recommend-section{padding:var(--spacing-md) var(--spacing-lg);background:#fff;margin-bottom:var(--spacing-sm)}.recommend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.recommend-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.recommend-title svg{color:gold}.recommend-more{display:flex;align-items:center;gap:2px;background:none;border:none;font-size:var(--font-xs);color:var(--text-placeholder);cursor:pointer}.recommend-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-xs)}.recommend-scroll::-webkit-scrollbar{display:none}.recommend-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;cursor:pointer}.recommend-card:active{opacity:.8}.recommend-avatar-wrapper{position:relative}.recommend-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#00b894;border:2px solid white}.recommend-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.recommend-tag{font-size:10px;color:var(--text-placeholder);padding:2px 6px;background:var(--background);border-radius:var(--radius-full)}.conversation-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.tab-btn{padding:6px 16px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff}.conversation-list{background:#fff}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.conversation-item:active{background:var(--background)}.conversation-item:last-child{border-bottom:none}.conversation-item.pinned{background:#ff6b3508}.conv-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#00b894;border:2px solid white}.unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.unread-dot{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--text-placeholder);border:2px solid white}.conv-content{flex:1;min-width:0}.conv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.conv-name-row{display:flex;align-items:center;gap:var(--spacing-xs)}.conv-name{font-size:var(--font-md);font-weight:500;color:var(--text-primary)}.conv-type-tag{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.conv-meta{display:flex;align-items:center;gap:var(--spacing-xs)}.pin-icon{color:var(--primary)}.mute-icon{color:var(--text-placeholder)}.conv-time{font-size:var(--font-xs);color:var(--text-placeholder)}.conv-preview{display:flex;align-items:center;gap:4px}.conv-message{font-size:var(--font-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-message.special{color:var(--text-placeholder)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-md);margin:0 0 var(--spacing-xs) 0}.empty-state span{font-size:var(--font-sm);color:var(--text-placeholder)}.message-footer{padding:var(--spacing-xl);text-align:center}.message-footer p{font-size:var(--font-xs);color:var(--text-placeholder);margin:0}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-lg);background:var(--card);border-bottom:1px solid var(--border)}.header.transparent{background:transparent;border-bottom:none;position:relative;z-index:10}.header.transparent .header-title{color:#fff}.header-left,.header-right{width:60px;display:flex;align-items:center}.header-right{justify-content:flex-end}.header-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);text-align:center;flex:1}.back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);transition:background .2s}.back-btn:active{background:var(--background)}.chat-page{display:flex;flex-direction:column;height:100vh;background:var(--background)}.chat-page .header{flex-shrink:0}.header-icon-btn{background:none;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;padding:4px 8px}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-md);padding-bottom:120px}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.time-divider{text-align:center;font-size:var(--font-xs);color:var(--text-placeholder);padding:var(--spacing-sm) 0}.message-item{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.message-item.self{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.message-bubble{max-width:70%;padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-md);line-height:1.5;word-break:break-word}.message-item.other .message-bubble{background:var(--card);color:var(--text-primary);border-bottom-left-radius:4px}.message-item.self .message-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message-bubble p{margin:0}.msg-image{max-width:200px;border-radius:var(--radius-md)}.quick-replies{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--card);border-top:1px solid var(--border);overflow-x:auto}.quick-reply-btn{flex-shrink:0;padding:6px 12px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.quick-reply-btn:active{background:var(--border)}.input-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--border)}.input-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;cursor:pointer}.message-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-full);background:var(--background);font-size:var(--font-md);outline:none}.send-btn{padding:8px 16px;background:var(--text-placeholder);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;cursor:not-allowed;transition:all .2s}.send-btn.active{background:var(--primary);cursor:pointer}.send-btn.active:active{background:var(--primary-dark)}.profile-page{background:var(--background);min-height:100vh;padding-bottom:100px;position:relative}.profile-hero{position:relative;height:260px;overflow:hidden}.profile-hero-image{width:100%;height:100%;object-fit:cover}.profile-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0003 40%,#00000080);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.profile-hero-gradient{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent)}.profile-top-bar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md)}.top-btn{width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s}.top-btn:active{transform:scale(.95)}.top-btn-group{display:flex;gap:var(--spacing-sm)}.login-prompt-hero{position:relative;height:280px;overflow:hidden}.login-prompt-hero-image{width:100%;height:100%;object-fit:cover}.login-prompt-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0006)}.login-prompt-body{position:relative;margin-top:-80px;border-radius:24px 24px 0 0;background:var(--background);padding:var(--spacing-xl);min-height:50vh}.login-prompt{display:flex;flex-direction:column;align-items:center;text-align:center}.prompt-avatar{margin-bottom:var(--spacing-xl)}.prompt-avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ffb800);display:flex;align-items:center;justify-content:center;color:#fff}.login-prompt h2{font-size:var(--font-xl);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.login-prompt p{font-size:var(--font-md);color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.login-btn{width:100%;max-width:280px;padding:var(--spacing-md);background:linear-gradient(135deg,#ff6b35,#ffb800);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-lg);font-weight:600;cursor:pointer;margin-bottom:var(--spacing-xl)}.login-features{display:flex;gap:var(--spacing-xl)}.login-features .feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-sm)}.profile-body{position:relative;margin-top:-60px;border-radius:24px 24px 0 0;background:var(--background);padding:var(--spacing-lg);padding-bottom:0}.profile-card{position:relative;z-index:10;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;overflow:hidden}.profile-card-header{padding:var(--spacing-lg)}.avatar-section{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar{width:72px;height:72px;border-radius:50%;border:3px solid white;box-shadow:0 4px 12px #00000026;object-fit:cover}.avatar-level{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);padding:2px 8px;background:linear-gradient(135deg,#ffb800,#ff8f00);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.user-info{flex:1;min-width:0}.user-name-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px}.user-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.verified-tag{display:flex;align-items:center;gap:2px;padding:2px 6px;background:#00b8941a;border-radius:4px;font-size:10px;color:#00b894}.user-bio{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-placeholder)}.edit-profile-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer}.credit-section{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#ff6b350d,#ffb8001a);border-top:1px solid var(--border)}.credit-score{flex-shrink:0}.credit-circle{position:relative;width:80px;height:80px}.credit-circle svg{transform:rotate(-90deg)}.credit-bg{fill:none;stroke:#eee;stroke-width:8}.credit-progress{fill:none;stroke:url(#creditGradient);stroke:#ff6b35;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.credit-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.credit-number{font-size:24px;font-weight:700;color:#ff6b35;line-height:1}.credit-label{font-size:10px;color:var(--text-placeholder)}.credit-info{flex:1}.credit-level{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.credit-level svg{color:#ffb800}.exp-bar{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-bottom:4px}.exp-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ffb800);border-radius:3px;transition:width .5s ease}.exp-text{font-size:var(--font-xs);color:var(--text-placeholder)}.stats-row{display:flex;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border)}.stats-row .stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.stat-value{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.stat-name{font-size:var(--font-xs);color:var(--text-secondary)}.stat-divider{width:1px;background:var(--border)}.badges-section,.partners-section,.upcoming-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.section-title svg{color:var(--primary)}.section-more{display:flex;align-items:center;gap:2px;background:none;border:none;font-size:var(--font-xs);color:var(--text-placeholder);cursor:pointer}.badges-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto}.badges-scroll::-webkit-scrollbar{display:none}.badge-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);flex-shrink:0}.badge-icon{font-size:18px}.badge-label{font-size:var(--font-xs);font-weight:500}.partners-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto}.partners-scroll::-webkit-scrollbar{display:none}.partner-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.partner-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.partner-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.partner-activity{font-size:10px;color:var(--text-placeholder)}.upcoming-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md)}.upcoming-info{display:flex;flex-direction:column;gap:2px}.upcoming-title{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.upcoming-time{font-size:var(--font-xs);color:var(--text-placeholder)}.upcoming-participants{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.profile-page .quick-menu{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);display:block}.profile-page .quick-menu-row{display:flex;justify-content:space-between}.profile-page .quick-menu-row+.quick-menu-row{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.profile-page .quick-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;min-width:0}.profile-page .quick-item:active{opacity:.7}.profile-page .quick-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.profile-page .quick-item span{font-size:var(--font-xs);color:var(--text-secondary)}.settings-section{margin-top:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);overflow:hidden}.logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-md);background:#fff;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-md);cursor:pointer;transition:all .2s}.logout-btn:active{background:#ff4d4f0d}.version-info{text-align:center;padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-xs);color:var(--text-placeholder)}.my-page{background:var(--background);min-height:100vh;padding-bottom:40px}.my-page-header{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-md);background:#fff;position:sticky;top:0;z-index:100}.my-page-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-btn{width:36px;height:36px;border-radius:50%;background:var(--background);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s}.back-btn:active{transform:scale(.95);background:var(--border)}.my-page-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.my-page-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.header-action{padding:6px 12px;background:none;border:none;font-size:var(--font-sm);color:var(--primary);cursor:pointer}.my-page-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:#fff;border-bottom:1px solid var(--border)}.tab-item{padding:8px 16px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.tab-item.active{background:var(--primary);color:#fff}.my-page-content{padding:var(--spacing-lg)}.my-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--spacing-lg);opacity:.5}.empty-title{font-size:var(--font-lg);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.empty-desc{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.empty-action{padding:10px 24px;background:var(--primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer}.list-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 8px #0000000a}.list-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.list-card-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.list-card-info{flex:1}.list-card-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.list-card-meta{font-size:var(--font-xs);color:var(--text-placeholder)}.list-card-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.4}.list-card-desc{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.list-card-stats{display:flex;gap:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.list-card-action{padding:6px 14px;background:var(--primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);cursor:pointer}.list-card-action.secondary{background:var(--background);color:var(--text-secondary)}.list-card-images{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);overflow:hidden;border-radius:var(--radius-md)}.list-card-image{flex:1;height:100px;object-fit:cover}.list-card-images.single .list-card-image{height:160px}.list-card-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.tag-item{padding:2px 8px;background:var(--background);border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary)}.tag-item.primary{background:#ff6b351a;color:var(--primary)}.settings-list{background:#fff;border-radius:var(--radius-lg);overflow:hidden}.settings-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background .2s}.settings-item:active{background:var(--background)}.settings-item+.settings-item{border-top:1px solid var(--border)}.settings-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--background);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.settings-icon.primary{background:#ff6b351a;color:var(--primary)}.settings-label{flex:1;font-size:var(--font-md);color:var(--text-primary)}.settings-value{font-size:var(--font-sm);color:var(--text-placeholder)}.settings-arrow{color:var(--text-placeholder)}.settings-switch{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;cursor:pointer;transition:background .3s}.settings-switch.active{background:var(--primary)}.settings-switch:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #0003}.settings-switch.active:after{transform:translate(20px)}.wallet-balance-card{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);padding:var(--spacing-xl);color:#fff;margin-bottom:var(--spacing-lg)}.wallet-balance-label{font-size:var(--font-sm);opacity:.9;margin-bottom:var(--spacing-xs)}.wallet-balance-value{font-size:36px;font-weight:700;margin-bottom:var(--spacing-md)}.wallet-balance-value small{font-size:var(--font-lg);font-weight:400}.wallet-actions{display:flex;gap:var(--spacing-sm)}.wallet-action-btn{flex:1;padding:10px;background:#fff3;border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.wallet-action-btn:active{background:#ffffff4d}.achievement-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);text-align:center}.achievement-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.achievement-icon.locked{background:var(--background);filter:grayscale(1);opacity:.5}.achievement-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.achievement-desc{font-size:var(--font-xs);color:var(--text-secondary);margin:0}.achievement-progress{margin-top:var(--spacing-sm)}.achievement-progress-bar{height:4px;background:var(--background);border-radius:2px;overflow:hidden;margin-bottom:4px}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;transition:width .5s ease}.achievement-progress-text{font-size:var(--font-xs);color:var(--text-placeholder)}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.favorite-card{display:flex;gap:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.favorite-image{width:100px;height:100px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.favorite-content{flex:1;min-width:0;display:flex;flex-direction:column}.favorite-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-meta{font-size:var(--font-xs);color:var(--text-placeholder);margin-bottom:auto}.favorite-footer{display:flex;align-items:center;justify-content:space-between}.favorite-price{font-size:var(--font-md);font-weight:600;color:var(--danger)}.favorite-action{padding:4px 10px;background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-xs);color:var(--text-secondary);cursor:pointer}.publish-page{background:var(--background);min-height:100vh}.publish-selector{padding:var(--spacing-xl)}.selector-title{font-size:var(--font-xl);margin-bottom:var(--spacing-xl);text-align:center}.selector-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.selector-option{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--card);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s}.selector-option:active{transform:scale(.98)}.option-icon{font-size:40px}.option-info{flex:1;display:flex;flex-direction:column;gap:4px}.option-label{font-size:var(--font-lg);font-weight:600}.option-desc{font-size:var(--font-sm);color:var(--text-secondary)}.option-arrow{font-size:20px;color:var(--text-placeholder)}.publish-form{padding:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-xl)}.form-section.half{flex:1}.form-label{display:block;font-size:var(--font-md);font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.form-row{display:flex;gap:var(--spacing-md)}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.type-grid.small{grid-template-columns:repeat(5,1fr)}.type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md) var(--spacing-sm);background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.type-btn span:first-child{font-size:24px}.type-btn span:last-child{font-size:var(--font-xs);color:var(--text-secondary)}.type-btn.small span:first-child{font-size:20px}.type-btn.active{border-color:var(--primary);background:#ff6b350d}.type-btn.active span:last-child{color:var(--primary)}.trade-types{display:flex;gap:var(--spacing-sm)}.trade-type-btn{flex:1;padding:var(--spacing-md);background:var(--card);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;transition:all .2s}.trade-type-btn.active{border-color:transparent}.textarea{resize:none;line-height:1.6}.radio-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.radio-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-sm)}.radio-item input{display:none}.radio-item:has(input:checked){background:var(--primary);border-color:var(--primary);color:#fff}.form-actions{padding:var(--spacing-xl) 0;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23636E72' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.login-page{min-height:100vh;background:var(--card);display:flex;flex-direction:column}.login-header{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + env(safe-area-inset-top,0px))}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--background);border:none;border-radius:50%;font-size:24px;color:var(--text-secondary);cursor:pointer}.login-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-xl)}.login-logo{text-align:center;margin-bottom:48px}.logo-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-sm)}.logo-slogan{font-size:var(--font-md);color:var(--text-secondary)}.login-form{margin-bottom:auto}.input-group{display:flex;align-items:center;background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);overflow:hidden}.input-prefix{padding:var(--spacing-lg);font-size:var(--font-md);color:var(--text-primary);border-right:1px solid var(--border)}.phone-input{flex:1;padding:var(--spacing-lg);border:none;background:transparent;font-size:var(--font-lg);outline:none}.phone-input::placeholder{color:var(--text-placeholder)}.code-hint{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.code-inputs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.code-input{width:44px;height:52px;border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;font-size:var(--font-xl);font-weight:600;outline:none;transition:border-color .2s}.code-input:focus{border-color:var(--primary)}.resend-row{text-align:center;margin-top:var(--spacing-lg)}.countdown{font-size:var(--font-sm);color:var(--text-secondary)}.resend-btn{background:none;border:none;font-size:var(--font-sm);color:var(--primary);cursor:pointer}.login-footer{padding:var(--spacing-xl) 0;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.agreement{text-align:center;font-size:var(--font-xs);color:var(--text-placeholder)}.agreement a{color:var(--primary);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.calendar-page{min-height:100vh;background:var(--background);padding-bottom:100px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:var(--card);position:sticky;top:0;z-index:100}.calendar-back-btn{width:36px;height:36px;border:none;background:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary)}.calendar-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.calendar-month-selector{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--card)}.calendar-month-btn{width:32px;height:32px;border:none;background:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.calendar-current-month{font-size:var(--font-md);font-weight:600;color:var(--text-primary);min-width:100px;text-align:center}.calendar-grid-container{background:var(--card);margin:var(--spacing-md);border-radius:var(--radius-lg);padding:var(--spacing-md)}.calendar-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-sm)}.calendar-weekday{text-align:center;font-size:var(--font-xs);color:var(--text-placeholder);padding:var(--spacing-xs) 0}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all .2s}.calendar-day.empty{cursor:default}.calendar-day-number{font-size:var(--font-sm);color:var(--text-primary)}.calendar-day.today .calendar-day-number{color:var(--primary);font-weight:600}.calendar-day.selected{background:var(--primary)}.calendar-day.selected .calendar-day-number{color:#fff;font-weight:600}.calendar-day.has-activity:not(.selected){background:#ff6b3514}.calendar-dot{width:4px;height:4px;border-radius:50%;background:var(--primary);position:absolute;bottom:6px}.calendar-day.selected .calendar-dot{background:#fff}.calendar-events-section{padding:0 var(--spacing-lg)}.calendar-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.calendar-event-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.calendar-event-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s}.calendar-event-card:active{transform:scale(.98)}.calendar-event-cover{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.calendar-event-info{flex:1;min-width:0}.calendar-event-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-time{font-size:var(--font-xs);color:var(--primary);margin:0 0 var(--spacing-xs) 0}.calendar-event-meta{display:flex;gap:var(--spacing-md)}.calendar-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary)}.calendar-event-status{padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:500;align-self:flex-start;flex-shrink:0}.calendar-event-status.open{background:#00b8941f;color:var(--success)}.calendar-event-status.full{background:#0000000d;color:var(--text-placeholder)}.calendar-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-placeholder)}.calendar-empty p{margin:0}.lb-page{min-height:100vh;background:var(--background);padding-bottom:100px}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lb-back-btn{width:36px;height:36px;border:none;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.lb-title{font-size:var(--font-lg);font-weight:600;margin:0}.lb-tabs{display:flex;padding:var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(135deg,#667eea,#764ba2);padding-bottom:var(--spacing-lg)}.lb-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff26;border:none;border-radius:var(--radius-full);color:#fffc;font-size:var(--font-sm);cursor:pointer;transition:all .2s}.lb-tab.active{background:#fff;color:#667eea;font-weight:600}.lb-content{padding:var(--spacing-lg);margin-top:-var(--spacing-md)}.lb-top-three{display:flex;justify-content:center;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-lg)}.lb-top-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer}.lb-top-item.rank-1{order:2}.lb-top-item.rank-2{order:1}.lb-top-item.rank-3{order:3}.lb-top-avatar-wrapper{position:relative}.lb-top-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #E8E8E8}.lb-top-item.rank-1 .lb-top-avatar{width:80px;height:80px;border-color:gold}.lb-top-item.rank-2 .lb-top-avatar{border-color:silver}.lb-top-item.rank-3 .lb-top-avatar{border-color:#cd7f32}.lb-rank-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:#999}.lb-rank-badge.gold{background:linear-gradient(135deg,gold,orange)}.lb-rank-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8)}.lb-rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333)}.lb-top-name{font-size:var(--font-xs);color:var(--text-primary);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.lb-top-score{font-size:var(--font-xs);color:var(--primary);font-weight:600}.lb-user-badge{padding:2px 8px;background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-full);font-size:10px;color:#fff;font-weight:500}.lb-list{background:var(--card);border-radius:var(--radius-lg);overflow:hidden}.lb-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.lb-item:last-child{border-bottom:none}.lb-item:active{background:var(--background)}.lb-number{width:24px;font-size:var(--font-md);font-weight:600;color:var(--text-placeholder);text-align:center}.lb-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.lb-info{flex:1;min-width:0}.lb-name{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px}.lb-detail{font-size:var(--font-xs);color:var(--text-secondary)}.lb-score{font-size:var(--font-sm);font-weight:600;color:var(--primary)}.lb-popular-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.lb-popular-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s}.lb-popular-item:active{transform:scale(.98)}.lb-popular-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:700;color:#fff;background:#999;flex-shrink:0}.lb-popular-rank.gold{background:linear-gradient(135deg,gold,orange)}.lb-popular-rank.silver{background:linear-gradient(135deg,silver,#a8a8a8)}.lb-popular-rank.bronze{background:linear-gradient(135deg,#cd7f32,#b87333)}.lb-popular-cover{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.lb-popular-info{flex:1;min-width:0}.lb-popular-title{display:block;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-popular-stats{display:flex;gap:var(--spacing-md);font-size:var(--font-xs);color:var(--text-secondary)}.venue-page{min-height:100vh;background:var(--background);padding-bottom:100px}.venue-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:var(--card);position:sticky;top:0;z-index:100}.venue-back-btn,.venue-filter-btn{width:36px;height:36px;border:none;background:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary)}.venue-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0}.venue-search-section{padding:var(--spacing-md) var(--spacing-lg);background:var(--card)}.venue-search-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border-radius:var(--radius-full)}.venue-search-icon{color:var(--text-placeholder);flex-shrink:0}.venue-search-input{flex:1;border:none;background:transparent;font-size:var(--font-sm);color:var(--text-primary);outline:none}.venue-search-input::placeholder{color:var(--text-placeholder)}.venue-type-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--card);overflow-x:auto}.venue-type-tab{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);background:var(--background);border:none;border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s}.venue-type-tab.active{background:var(--primary);color:#fff}.venue-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.venue-card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s}.venue-card:active{transform:scale(.98)}.venue-cover-wrapper{position:relative;height:160px}.venue-cover{width:100%;height:100%;object-fit:cover}.venue-unavailable{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.venue-unavailable span{padding:var(--spacing-sm) var(--spacing-md);background:#0009;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm)}.venue-info{padding:var(--spacing-md)}.venue-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.venue-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0;flex:1}.venue-rating{display:flex;align-items:center;gap:2px;font-size:var(--font-xs);color:var(--text-primary);font-weight:500}.venue-review-count{color:var(--text-placeholder);font-weight:400}.venue-location{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.venue-distance{margin-left:auto;color:var(--primary)}.venue-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.venue-tag{padding:2px 8px;background:#667eea1a;border-radius:2px;font-size:10px;color:#667eea}.venue-footer{display:flex;justify-content:space-between;align-items:center}.venue-price{display:flex;align-items:baseline}.venue-price-value{font-size:var(--font-lg);font-weight:700;color:var(--primary)}.venue-price-unit{font-size:var(--font-xs);color:var(--text-secondary)}.venue-book-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:opacity .2s}.venue-book-btn:active{opacity:.9}.venue-book-btn.disabled{background:var(--text-placeholder);cursor:not-allowed}.venue-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-placeholder)}.venue-empty p{margin:0}.vd-page{min-height:100vh;background:var(--background);padding-bottom:100px}.vd-gallery{position:relative;height:280px;overflow:hidden}.vd-gallery-track{display:flex;height:100%;transition:transform .3s ease}.vd-gallery-image{width:100%;height:100%;object-fit:cover;flex-shrink:0}.vd-gallery-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.vd-gallery-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s}.vd-gallery-dot.active{width:18px;border-radius:3px;background:#fff}.vd-gallery-counter{position:absolute;bottom:16px;right:16px;padding:4px 10px;background:#00000080;border-radius:12px;color:#fff;font-size:12px}.vd-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px))}.vd-header-btn{width:40px;height:40px;border:none;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.vd-header-actions{display:flex;gap:var(--spacing-sm)}.vd-content{margin-top:-20px;background:var(--background);border-radius:20px 20px 0 0;position:relative;z-index:10}.vd-info-card{padding:var(--spacing-lg);background:var(--card);border-radius:20px 20px 0 0}.vd-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.vd-name{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.vd-rating{display:flex;align-items:center;gap:4px;flex-shrink:0}.vd-rating-score{font-size:var(--font-md);font-weight:700;color:gold}.vd-rating-count{font-size:var(--font-xs);color:var(--text-placeholder)}.vd-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.vd-tag{padding:4px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-full);font-size:var(--font-xs);color:#667eea}.vd-meta-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.vd-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary)}.vd-meta-item svg{flex-shrink:0;color:var(--text-placeholder)}.vd-meta-text{flex:1;font-size:var(--font-sm)}.vd-meta-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-xs);cursor:pointer}.vd-section{padding:var(--spacing-lg);background:var(--card);margin-top:var(--spacing-sm)}.vd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.vd-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.vd-section-header .vd-section-title{margin:0}.vd-view-all{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--text-placeholder);font-size:var(--font-xs);cursor:pointer}.vd-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.8;margin:0}.vd-facilities{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.vd-facility-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.vd-facility-icon{width:48px;height:48px;background:linear-gradient(135deg,#00b8941a,#00b89433);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00b894}.vd-facility-name{font-size:var(--font-xs);color:var(--text-secondary)}.vd-courts{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vd-court-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md)}.vd-court-info{display:flex;align-items:center;gap:var(--spacing-sm)}.vd-court-name{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.vd-court-count{font-size:var(--font-xs);color:var(--text-placeholder)}.vd-court-price{display:flex;align-items:baseline}.vd-court-price-value{font-size:var(--font-md);font-weight:700;color:var(--primary)}.vd-court-price-unit{font-size:var(--font-xs);color:var(--text-secondary)}.vd-dates{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs)}.vd-dates::-webkit-scrollbar{display:none}.vd-date-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-width:60px}.vd-date-item.selected{background:linear-gradient(135deg,#ff6b351a,#ff6b3526);border-color:var(--primary)}.vd-date-weekday{font-size:var(--font-xs);color:var(--text-secondary)}.vd-date-item.selected .vd-date-weekday{color:var(--primary)}.vd-date-day{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.vd-date-item.selected .vd-date-day{color:var(--primary)}.vd-times{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.vd-time-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm);background:var(--background);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.vd-time-item.selected{background:linear-gradient(135deg,#ff6b351a,#ff6b3526);border-color:var(--primary)}.vd-time-item.disabled{opacity:.5;cursor:not-allowed}.vd-time-text{font-size:var(--font-xs);font-weight:500;color:var(--text-primary)}.vd-time-item.selected .vd-time-text{color:var(--primary)}.vd-time-status{font-size:10px;color:var(--success)}.vd-time-item.disabled .vd-time-status{color:var(--text-placeholder)}.vd-time-item.selected .vd-time-status{color:var(--primary)}.vd-reviews{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vd-review-item{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.vd-review-item:last-child{padding-bottom:0;border-bottom:none}.vd-review-header{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.vd-review-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.vd-review-info{flex:1}.vd-review-name{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-primary);margin-bottom:4px}.vd-review-rating{display:flex;align-items:center;gap:2px}.vd-review-date{margin-left:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-placeholder)}.vd-review-content{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.vd-review-images{display:flex;gap:var(--spacing-xs)}.vd-review-image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover}.vd-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);box-shadow:0 -4px 20px #00000014}.vd-footer-price{display:flex;align-items:baseline;gap:2px}.vd-footer-price-label{font-size:var(--font-xs);color:var(--text-secondary)}.vd-footer-price-value{font-size:24px;font-weight:700;color:var(--primary)}.vd-footer-price-unit{font-size:var(--font-xs);color:var(--text-secondary)}.vd-book-btn{flex:1;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:opacity .2s}.vd-book-btn:active{opacity:.9}.vd-book-btn.disabled{background:var(--text-placeholder);cursor:not-allowed}.settle-page{min-height:100vh;background:var(--background);padding-bottom:100px}.settle-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));background:transparent;position:absolute;top:0;left:0;right:0;z-index:100}.settle-back-btn{width:36px;height:36px;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.settle-title{font-size:var(--font-lg);font-weight:600;color:#fff;margin:0}.settle-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:calc(80px + env(safe-area-inset-top,0px)) var(--spacing-lg) var(--spacing-xl);color:#fff;text-align:center}.settle-banner-title{font-size:24px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.settle-banner-desc{font-size:var(--font-sm);opacity:.9;margin:0 0 var(--spacing-lg) 0}.settle-banner-stats{display:flex;justify-content:space-around;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.2)}.settle-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.settle-stat-number{font-size:var(--font-lg);font-weight:700}.settle-stat-label{font-size:var(--font-xs);opacity:.8}.settle-section{padding:var(--spacing-lg)}.settle-section-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.settle-types{display:flex;flex-direction:column;gap:var(--spacing-md)}.settle-type-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--card);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all .2s}.settle-type-card.selected{border-color:var(--type-color);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.settle-type-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--type-color);flex-shrink:0}.settle-type-content{flex:1;min-width:0}.settle-type-title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin:0 0 4px}.settle-type-desc{font-size:var(--font-xs);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.settle-type-benefits{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.settle-benefit-tag{display:flex;align-items:center;gap:2px;padding:2px 8px;background:var(--background);border-radius:2px;font-size:10px;color:var(--text-secondary)}.settle-benefit-tag svg{color:var(--success)}.settle-type-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--type-color);flex-shrink:0}.settle-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.settle-feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius-lg);text-align:center}.settle-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff6b351a,#ff6b3533);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary)}.settle-feature-title{font-size:var(--font-sm);font-weight:600;color:var(--text-primary)}.settle-feature-desc{font-size:var(--font-xs);color:var(--text-secondary)}.settle-steps-container{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--card);border-radius:var(--radius-lg);position:relative}.settle-step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;position:relative;z-index:1}.settle-step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);font-weight:700}.settle-step-content{display:flex;flex-direction:column;align-items:center;gap:2px}.settle-step-title{font-size:var(--font-xs);font-weight:600;color:var(--text-primary)}.settle-step-desc{font-size:10px;color:var(--text-placeholder)}.settle-step-line{position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--border);z-index:0}.settle-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:var(--card);box-shadow:0 -2px 10px #0000000d}.settle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:opacity .2s}.settle-btn:active{opacity:.9}.settle-btn.disabled{background:var(--text-placeholder);cursor:not-allowed}:root{--primary: #FF6B35;--primary-light: #FF8F66;--primary-dark: #E55A27;--success: #00B894;--warning: #FDCB6E;--danger: #E17055;--info: #0984E3;--text-primary: #2D3436;--text-secondary: #636E72;--text-placeholder: #B2BEC3;--border: #DFE6E9;--background: #F5F6FA;--card: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--font-xs: 11px;--font-sm: 13px;--font-md: 15px;--font-lg: 17px;--font-xl: 20px;--font-xxl: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-md);color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:var(--background);position:relative;overflow-x:hidden;box-shadow:var(--shadow-lg)}.page-content{padding-bottom:calc(60px + var(--safe-bottom));min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark);transform:scale(.98)}.btn-secondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-block{width:100%}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-lg)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);background:var(--card);transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-placeholder)}.card{background:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);background:var(--background);color:var(--text-secondary)}.tag-primary{background:#ff6b351a;color:var(--primary)}.tag-success{background:#00b8941a;color:var(--success)}.tag-warning{background:#fdcb6e33;color:#d68910}.tag-danger{background:#e170551a;color:var(--danger)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--background)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:60px;height:60px}.skeleton{background:linear-gradient(90deg,var(--background) 25%,#e8eaed 50%,var(--background) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state .empty-icon,.empty-icon{margin-bottom:var(--spacing-lg);opacity:.4;color:var(--text-placeholder)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fab{position:fixed;bottom:calc(80px + var(--safe-bottom));right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);border:none;cursor:pointer;z-index:100}.fab:active{transform:scale(.95)}.price{color:var(--primary);font-weight:600}.price-small{font-size:var(--font-xs)}.price-original{color:var(--text-placeholder);text-decoration:line-through;font-size:var(--font-sm);margin-left:var(--spacing-xs)}.divider{height:1px;background:var(--border);margin:var(--spacing-lg) 0}.safe-bottom{padding-bottom:calc(var(--safe-bottom) + 20px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.rating{display:inline-flex;align-items:center;gap:2px;color:#fdcb6e}.rating-text{color:var(--text-secondary);font-size:var(--font-sm);margin-left:var(--spacing-xs)}