*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e5e5;background:#0a0a0a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,sans-serif}#root{flex-direction:column;align-items:center;min-height:100vh;padding:16px;display:flex}button,input,textarea{font-family:inherit}:root{--bg-page:#0a0a0a;--bg-editor:#141414;--bg-chrome:#1a1a1a;--bg-elevated:#1e1e1e;--fill-secondary:#2a2a2a;--fill-tertiary:#222;--fill-quaternary:#333;--stroke-secondary:#3a3a3a;--stroke-tertiary:#2e2e2e;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#737373;--text-on-accent:#fff;--accent-primary:#f97316;--accent-control:#ea580c;--accent-bg:#f973161f;--accent-border:#f9731659;--success:#22c55e;--warning:#eab308;--info-bg:#3b82f61f;--info-border:#3b82f64d;--warning-bg:#eab3081f;--warning-border:#eab3084d;--shadow:0 4px 24px #0006;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:32px}.app-shell{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:24px 16px 40px;display:flex}.app-header{text-align:center}.app-header h1{color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:700}.app-header p{color:var(--text-secondary);font-size:14px}.app-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;width:100%;display:flex}.app-sidebar{flex-direction:column;flex:1;gap:12px;min-width:260px;max-width:360px;display:flex}.app-sidebar h3{color:var(--text-primary);font-size:16px;font-weight:600}.app-sidebar p,.app-sidebar li{color:var(--text-secondary);font-size:13px;line-height:1.5}.app-sidebar ul{padding:0;list-style:none}.app-sidebar .divider{background:var(--stroke-tertiary);height:1px;margin:4px 0}.app-sidebar .quick-actions{flex-wrap:wrap;gap:8px;display:flex}.app-sidebar .meta{color:var(--text-tertiary);font-size:12px}.phone-frame{border:2px solid var(--stroke-secondary);border-radius:var(--radius-xl);background:var(--bg-editor);width:375px;height:812px;min-height:720px;max-height:812px;box-shadow:var(--shadow);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.phone-notch-bar{background:var(--bg-chrome);border-bottom:1px solid var(--stroke-tertiary);flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.phone-notch-bar .time{color:var(--text-secondary);font-size:12px;position:absolute;left:16px}.phone-notch-bar .title{color:var(--text-secondary);font-size:13px;font-weight:500}.status-bar{background:var(--bg-chrome);border-bottom:1px solid var(--stroke-tertiary);flex-shrink:0;align-items:center;height:48px;padding:0 12px;display:flex}.status-bar .back-btn{width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.status-bar .back-btn:hover{background:var(--fill-secondary)}.status-bar .status-title{text-align:center;flex:1;font-size:15px;font-weight:500}.status-bar .spacer{width:32px}.top-menu-bar{background:var(--bg-chrome);border-bottom:1px solid var(--stroke-tertiary);flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.top-menu-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--fill-tertiary);color:var(--text-secondary);border:none;flex:1;padding:12px 8px;font-size:15px;font-weight:500;transition:background .15s,color .15s}.top-menu-btn.active{background:var(--accent-control);color:var(--text-on-accent);font-weight:700}.section-tab-bar{border-top:1px solid var(--stroke-tertiary);background:var(--bg-chrome);flex-shrink:0;display:flex}.section-tab-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;flex:1;padding:8px 2px 6px;font-size:10px;font-weight:400;line-height:1.2;transition:color .15s}.section-tab-btn.active{color:var(--accent-primary);font-weight:600}.section-tab-btn .tab-icon{background:var(--fill-quaternary);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;margin:0 auto 3px;font-size:9px;display:flex}.section-tab-btn.active .tab-icon{background:var(--fill-secondary)}.main-tab-bar .section-tab-btn{padding:6px 1px 4px;font-size:9px}.main-tab-bar .tab-icon{width:18px;height:18px;font-size:8px}.activity-entries{grid-template-columns:1fr 1fr;gap:10px;display:grid}.activity-entry{border-radius:var(--radius-md);border:1px solid var(--stroke-tertiary);background:var(--bg-elevated);cursor:pointer;text-align:left;padding:12px;transition:background .15s}.activity-entry:active{background:var(--fill-tertiary)}.activity-entry-title{color:var(--text-primary);font-size:14px;font-weight:600}.activity-entry-desc{color:var(--text-secondary);margin-top:4px;font-size:11px}.brand-guarantee-compact .brand-guarantee-icon{border-radius:11px;width:22px;height:22px;margin-bottom:2px;font-size:10px}.brand-guarantee-compact .brand-guarantee-item span{font-size:10px}.brand-guarantee-compact .card-body-compact{padding-top:6px;padding-bottom:6px}.order-tab-root{gap:8px}.order-type-tabs{background:var(--fill-tertiary);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.order-type-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.order-type-tab.active{background:var(--bg-elevated);color:var(--accent-primary);font-weight:600;box-shadow:0 1px 3px #0000000f}.order-swipe-hint{text-align:center;margin:0}.order-swipe-viewport{width:100%;overflow:hidden}.order-swipe-track{will-change:transform;width:200%;transition:transform .25s;display:flex}.order-swipe-panel{box-sizing:border-box;flex:0 0 50%;width:50%;min-width:0}.recommend-section{gap:8px}.recommend-type-tabs{flex:1;margin-right:8px}.recommend-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.recommend-grid-item{border:1px solid var(--stroke-tertiary);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;text-align:center;min-width:0;color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.recommend-grid-item:active{opacity:.85}.recommend-grid-thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--fill-secondary);color:#fff;justify-content:center;align-items:center;width:100%;max-height:72px;font-size:14px;display:flex;position:relative}.recommend-grid-avatar{border-radius:50%;width:56px;max-height:56px;margin:0 auto}.recommend-grid-tag{background:var(--accent-control);color:#fff;border-radius:3px;padding:1px 3px;font-size:8px;line-height:1.2;position:absolute;top:2px;right:2px}.recommend-grid-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;width:100%;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.recommend-grid-meta{color:#ffffffd9;font-size:10px}.scroll-content{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow:auto}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{gap:16px}.stack-xl{gap:24px}.row{align-items:center;gap:8px;display:flex}.row-wrap{flex-wrap:wrap}.row-start{align-items:flex-start}.row-between{justify-content:space-between}.spacer{flex:1}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:18px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-bold{font-weight:700}.text-medium{font-weight:500}.text-center{text-align:center}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h2.app-h2{font-size:20px;font-weight:700}h3.app-h3{font-size:16px;font-weight:600}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-control);color:var(--text-on-accent);width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-primary)}.btn-wechat{color:#fff;background:#07c160;width:100%}.btn-wechat:hover:not(:disabled){background:#06ad56}.btn-phone-oneclick{color:#fff;background:#2563eb;width:100%}.btn-phone-oneclick:hover:not(:disabled){background:#1d4ed8}.login-quick-actions{gap:10px}.btn-ghost{background:var(--fill-secondary);color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--fill-quaternary)}.btn-sm{width:auto;padding:6px 12px;font-size:12px}.icon-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-size:16px}.icon-btn:hover{background:var(--fill-secondary)}.pill{background:var(--fill-tertiary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.pill.active{background:var(--accent-control);color:var(--text-on-accent)}.pill-sm{padding:3px 8px;font-size:11px}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--stroke-tertiary);overflow:hidden}.card-borderless{background:var(--fill-tertiary);border:none}.card-muted{opacity:.65}.card-highlight{border-color:var(--accent)}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal-card{background:var(--fill-primary);border-radius:12px;width:100%;max-width:300px;padding:20px;box-shadow:0 8px 32px #0000004d}.spec-sheet-overlay{align-items:flex-end;padding:0}.spec-sheet{background:var(--fill-primary);border-radius:16px 16px 0 0;width:100%;max-height:70%;padding:16px;overflow-y:auto}.qty-stepper{align-items:center;gap:8px;display:flex}.qty-value{text-align:center;min-width:28px;font-weight:600}.spec-select-row{cursor:pointer}.product-detail-page{padding-bottom:8px}.product-detail-actions{background:var(--fill-primary);padding-top:8px;position:sticky;bottom:0}.card-header{border-bottom:1px solid var(--stroke-tertiary);align-items:center;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.card-body{padding:14px}.card-body-compact{padding:10px 12px}.card-body-flush{padding:0}.input,.textarea,.select{border-radius:var(--radius-md);border:1px solid var(--stroke-tertiary);background:var(--fill-tertiary);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-border)}.textarea{resize:vertical;min-height:64px}.checkbox-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input{accent-color:var(--accent-primary)}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle{background:var(--fill-quaternary);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--accent-control)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(20px)}.callout{border-radius:var(--radius-md);border:1px solid;padding:12px 14px;font-size:13px}.callout-info{background:var(--info-bg);border-color:var(--info-border);color:var(--text-secondary)}.callout-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--text-secondary)}.callout-title{color:var(--text-primary);margin-bottom:4px;font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{background:var(--fill-tertiary);border-radius:var(--radius-md);text-align:center;padding:10px}.stat-label{color:var(--text-tertiary);margin-bottom:4px;font-size:11px}.stat-value{color:var(--text-primary);font-size:16px;font-weight:600}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-clickable{cursor:pointer;transition:opacity .15s}.stat-clickable:active{opacity:.85}.profile-stats .stat-clickable .stat-label:after{content:" ›";color:var(--text-tertiary);font-size:10px}.divider{background:var(--stroke-tertiary);height:1px;margin:8px 0}.avatar{background:var(--fill-secondary);color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-lg{width:72px;height:72px;font-size:24px}.avatar-md{width:52px;height:52px;font-size:18px}.avatar-sm{width:48px;height:48px;font-size:16px}.avatar-xs{width:56px;height:56px;font-size:18px}.quick-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.quick-icon-box{border-radius:var(--radius-lg);background:var(--fill-secondary);width:44px;height:44px;color:var(--accent-primary);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.quick-icon-label{color:var(--text-secondary);font-size:12px}.banner{background:var(--fill-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.banner-dots{gap:6px;display:flex;position:absolute;bottom:10px}.banner-dot{background:var(--fill-quaternary);cursor:pointer;border:none;border-radius:3px;width:6px;height:6px;padding:0}.banner-dot.active{background:var(--accent-primary)}.brand-guarantee-icon{background:var(--fill-secondary);width:32px;height:32px;color:var(--accent-primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 4px;font-size:12px;font-weight:600;display:flex}.brand-guarantee-item{text-align:center}.merchant-card{background:var(--bg-elevated);border:1px solid var(--stroke-tertiary);border-radius:var(--radius-lg);padding:12px}.merchant-badge{background:var(--accent-control);color:var(--text-on-accent);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:9px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.merchant-tag{background:var(--fill-secondary);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px}.service-row{padding:10px 0}.product-thumb{background:var(--fill-secondary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-thumb-lg{width:72px;height:72px}.product-thumb-md{width:56px;height:56px}.product-thumb-sm{width:60px;height:60px}.product-grid-thumb{height:100px;margin-bottom:8px}.product-hero{border-radius:var(--radius-md);height:200px}.category-thumb{height:48px;margin-bottom:8px}.category-scroll{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.category-scroll-inner{flex-wrap:nowrap;gap:6px;padding:0 4px 4px;display:flex}.category-tab{cursor:pointer;background:var(--fill-tertiary);color:var(--text-secondary);border:none;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:400}.category-tab.active{background:var(--accent-control);color:var(--text-on-accent);font-weight:600}.splash-logo{background:var(--accent-control);width:80px;height:80px;color:var(--text-on-accent);border-radius:20px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.splash-content{align-items:center;padding-top:80px}.success-icon{background:var(--fill-secondary);width:64px;height:64px;color:var(--accent-primary);border-radius:32px;justify-content:center;align-items:center;font-weight:700;display:flex}.pay-amount{font-size:28px;font-weight:700}.timeline-dot{background:var(--fill-quaternary);border-radius:4px;flex-shrink:0;width:8px;height:8px}.timeline-dot.active{background:var(--accent-primary)}.menu-item{cursor:pointer;transition:background .15s}.menu-item:hover{background:var(--fill-secondary)}.menu-item .card-body{padding:14px}.clickable{cursor:pointer}.clickable:active{opacity:.85}.home-location-search-row{align-items:center;gap:8px}.home-location{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.home-location svg{color:var(--accent-primary);flex-shrink:0}.home-search{flex:1;min-width:0}.home-search-input{width:100%;padding-top:8px;padding-bottom:8px}.mall-search-row{align-items:center;gap:8px}.mall-search{flex:1;min-width:0}.mall-cart-btn{border:1px solid var(--border);background:var(--fill-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:relative}.mall-cart-btn:active{opacity:.85}.mall-cart-icon{color:var(--text-primary);font-size:14px;font-weight:600}.mall-cart-badge{background:var(--accent);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.cart-page{padding-bottom:8px}.cart-select-all{padding:4px 0}.cart-item-info{flex:1;gap:4px;min-width:0;margin-left:8px}.cart-checkout-bar{position:sticky;bottom:0}.location-row svg{color:var(--accent-primary);flex-shrink:0}.distribution-profile-card .card-header{padding-bottom:0}.distribution-profile-highlight{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.distribution-profile-amount{color:var(--accent-primary);font-size:24px;font-weight:700}.distribution-profile-mini .stat{padding:8px 6px}.distribution-profile-mini .stat-value{font-size:14px}.distribution-hero{border-color:var(--accent-border);background:linear-gradient(135deg,#ea580c33,#f973161a)}.distribution-hero-amount{color:var(--text-primary);margin-top:4px;font-size:28px;font-weight:700}.fund-record-item+.fund-record-item{margin-top:-4px}.distribution-rules .text-sm{line-height:1.6}.invite-code{text-align:center;letter-spacing:4px;font-size:24px;font-weight:700}.coupon-amount{color:var(--accent-primary);font-size:20px;font-weight:700}.end-marker{text-align:center;color:var(--text-tertiary);padding:8px 0;font-size:12px}@media (width<=480px){.app-shell{padding:12px 8px 24px}.phone-frame{border-radius:24px;width:100%;max-width:375px;height:calc(100vh - 24px);max-height:none}.app-sidebar{display:none}}
/*$vite$:1*/