html,body{font-family:Noto Sans SC,PingFang SC,Helvetica Neue,sans-serif;min-height:100vh}.phone-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px 0;background:var(--color-bg-page-solid);background-image:radial-gradient(circle at 15% 40%,rgba(255,107,53,.12) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(255,176,32,.1) 0%,transparent 45%),radial-gradient(circle at 60% 85%,rgba(255,140,80,.08) 0%,transparent 40%)}.phone-shell{width:390px;height:844px;background:var(--color-bg-page);border-radius:44px;box-shadow:0 0 0 10px #1a1a1a,0 0 0 12px #2a2a2a,0 40px 80px #ff6b3526,0 10px 30px #0000001f;overflow:hidden;display:flex;flex-direction:column;position:relative}.route-view-fill{flex:1;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.route-view-fill>*{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.slide-enter-active,.slide-leave-active{transition:all .22s cubic-bezier(.4,0,.2,1)}.slide-enter-from{opacity:0;transform:translate(24px)}.slide-leave-to{opacity:0;transform:translate(-24px)}@media (max-width: 480px){.phone-wrapper{background:var(--color-bg-page);padding:0;align-items:stretch;background-image:none}.phone-shell{width:100%;height:100dvh;min-height:100dvh;border-radius:0;box-shadow:none}}:root{--color-primary: #FF6B35;--color-primary-deep: #E85A24;--color-primary-light: #FFF0E8;--color-accent-gold: #FFB020;--color-bg-page: linear-gradient(180deg, #FFF9F5 0%, #FFF3EB 50%, #FFEDE0 100%);--color-bg-page-solid: #FFF5EF;--color-bg-elevated: #FFFFFF;--color-text-primary: #1C1C1E;--color-text-secondary: #8E8E93;--color-text-tertiary: #AEAEB2;--color-border-hairline: rgba(0, 0, 0, .06);--color-border-glass: rgba(255, 255, 255, .6);--color-success: #34C759;--color-warning: #FF9500;--color-danger: #FF3B30;--color-info: #007AFF;--glass-fill: rgba(255, 255, 255, .72);--glass-fill-strong: rgba(255, 255, 255, .88);--glass-blur: 20px;--glass-border: 1px solid rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px rgba(255, 107, 53, .08);--chrome-blur: saturate(180%) blur(20px);--gradient-hero: linear-gradient(135deg, #FF6B35 0%, #FFB020 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-gold) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--space-page-x: 16px;--space-card: 16px;--space-section: 12px;--text-caption: 11px;--text-body: 14px;--text-title: 17px;--text-price: 20px;--text-hero: 24px;--color-brand: var(--color-primary);--color-brand-deep: var(--color-primary-deep)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Noto Sans SC,PingFang SC,Helvetica Neue,sans-serif;background:var(--color-bg-page-solid);min-height:100vh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased}input,textarea,select{font-size:16px!important;font-family:inherit}.page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-page);overflow:hidden;position:relative;isolation:isolate}.scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{display:none}.scroll-area.has-nav{padding-bottom:0}.glass-panel{background:var(--glass-fill-strong);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel--soft{background:var(--glass-fill)}.glass-chrome{background:var(--glass-fill-strong);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur);border-bottom:1px solid var(--color-border-hairline)}.glass-chrome-bottom{background:var(--glass-fill-strong);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur);border-top:1px solid var(--color-border-hairline);box-shadow:0 -4px 24px #ff6b350f}.price-text{color:var(--color-primary);font-weight:700;letter-spacing:-.3px}.text-secondary{color:var(--color-text-secondary)}.text-caption{font-size:var(--text-caption);color:var(--color-text-secondary)}.back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius-pill);background:var(--glass-fill);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;transition:transform .15s,background .15s}.back-btn:active{transform:scale(.94);background:var(--color-primary-light)}.app-header.glass-chrome{display:flex;align-items:center;gap:8px;padding:10px var(--space-page-x);padding-top:calc(10px + env(safe-area-inset-top,0px));min-height:52px;flex-shrink:0;position:relative;z-index:50;justify-content:space-between}.app-header.mode-title{justify-content:space-between}.header-action-btn{padding:6px 12px;border:none;border-radius:var(--radius-pill);background:var(--color-primary-light);font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;font-family:inherit;flex-shrink:0;white-space:nowrap;transition:background .15s,transform .15s}.header-action-btn:active{transform:scale(.97);background:#ffe0d0}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius-pill);background:var(--glass-fill);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;transition:transform .15s,background .15s}.header-icon-btn:active{transform:scale(.94);background:var(--color-primary-light)}.submit-btn,.next-btn,.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:14px 20px;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--text-body);font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #ff6b3547;transition:transform .15s,opacity .15s,box-shadow .15s}.submit-btn:active:not(:disabled),.next-btn:active:not(:disabled),.btn-primary:active:not(:disabled){transform:scale(.98);opacity:.92}.submit-btn:disabled,.next-btn:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.state{padding:40px 20px;text-align:center;color:var(--color-text-secondary);font-size:var(--text-body)}.state.error{color:var(--color-danger)}.toast{position:fixed!important;left:50%!important;top:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;z-index:9999;padding:12px 20px;border-radius:var(--radius-lg);background:#1c1c1ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:500;line-height:1.45;max-width:calc(100% - 48px);width:max-content;height:auto!important;min-height:0;white-space:normal;word-break:break-word;text-align:center;pointer-events:none;animation:toastIn .25s ease}.toast.error,.toast.err{background:#ff3b30eb!important}.toast-enter-active,.toast-leave-active,.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .2s ease}.toast-enter-from,.toast-leave-to,.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))!important}to{opacity:1;transform:translate(-50%,-50%)!important}}.tab-btn{flex-shrink:0;padding:7px 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.tab-btn.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.tabs::-webkit-scrollbar{display:none}.input-wrap{display:flex;align-items:center;border:1.5px solid var(--color-border-hairline);border-radius:var(--radius-md);background:var(--glass-fill-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s}.input-wrap.focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351f;background:#fff}.input-wrap.error{border-color:var(--color-danger)}.input-wrap input{flex:1;border:none;background:transparent;padding:13px 14px 13px 0;font-size:var(--text-body);color:var(--color-text-primary);outline:none;min-width:0}.input-wrap input::placeholder{color:var(--color-text-tertiary)}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:600}.status-pill.is-unpaid,.status-pill.is-pending{background:var(--color-primary-light);color:var(--color-primary)}.status-pill.is-awaiting{background:#fff8e6;color:var(--color-warning)}.status-pill.is-shipped{background:#e8f4fd;color:var(--color-info)}.status-pill.is-ok,.status-pill.is-completed{background:#e8faef;color:var(--color-success)}.status-pill.is-muted,.status-pill.is-cancelled{background:#f2f2f7;color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state__text{font-size:var(--text-body);color:var(--color-text-secondary)}.hero-card{margin:var(--space-page-x);padding:20px;border-radius:var(--radius-lg);background:var(--gradient-hero);color:#fff;box-shadow:0 8px 28px #ff6b3540;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.page{background:var(--color-bg-page)!important}.page>.top-bar,.top-bar{display:flex!important;align-items:center!important;gap:8px!important;padding:10px var(--space-page-x)!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;min-height:52px!important;height:auto!important;flex-shrink:0!important;position:relative!important;z-index:50!important;background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border-bottom:1px solid var(--color-border-hairline)!important;color:var(--color-text-primary)!important}.top-bar .title,.top-bar .bar-title,.top-bar .top-title{flex:1!important;min-width:0!important;font-size:var(--text-title)!important;font-weight:600!important;color:var(--color-text-primary)!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.top-bar .back-btn{color:var(--color-text-primary)!important;background:var(--glass-fill)!important}.top-bar .records-btn,.top-bar .link-records{padding:6px 12px!important;border:none!important;border-radius:var(--radius-pill)!important;background:var(--color-primary-light)!important;font-size:13px!important;font-weight:600!important;color:var(--color-primary)!important}.app-header.glass-chrome{display:flex!important;align-items:center!important;gap:8px!important;padding:10px var(--space-page-x)!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;min-height:52px!important;height:auto!important;flex-shrink:0!important;position:relative!important;z-index:50!important;background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border-bottom:1px solid var(--color-border-hairline)!important}.app-header .header-title,.app-header .brand-name{color:var(--color-text-primary)!important}.app-header .back-btn{width:38px!important;height:38px!important;background:var(--glass-fill)!important;color:var(--color-text-primary)!important}.product-tile,.order-card,.record-card,.menu-item,.feature-item,.pay-card,.address-card,.msg-card,.vip-card,.team-card,.announce-card,.cart-item,.guest-panel,.partner-card{background:var(--glass-fill-strong)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.product-tile,.order-card,.cart-item,.address-card,.record-card{border-radius:var(--radius-lg)!important}.footer,.footer-bar,.cart-footer,.checkout-footer,.submit-footer,.sticky-footer{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border-top:1px solid var(--color-border-hairline)!important;box-shadow:0 -4px 24px #ff6b350f!important}.home-page .banner,.banner{margin:0!important;border-radius:0!important;box-shadow:none!important}.price-val,.price,.order-price,.amount-val,.balance-val,.total-val{color:var(--color-primary)!important}.load-more{background:var(--glass-fill-strong)!important;border-color:var(--color-border-hairline)!important;border-radius:var(--radius-md)!important}.auth-page,.login-page{background:var(--color-bg-page)!important}.modal-panel,.picker-panel{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.grab-page .sheet-panel{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important;border-radius:var(--radius-xl)!important;box-shadow:0 24px 64px #ff6b352e!important}.overlay{background:#00000059!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.hero-section,.balance-hero,.invite-hero,.grab-hero{background:var(--gradient-hero)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 28px #ff6b3538!important}.tabs-wrap,.tabs-bar{border-bottom:none!important;padding:8px var(--space-page-x)!important;background:transparent!important}.tab-btn.active:after,.tab.active:after{display:none!important;content:none!important}.input-wrap.focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #ff6b351f!important}.quick-links{padding:12px var(--space-page-x)!important;gap:8px!important}.quick-item{background:var(--glass-fill-strong)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--glass-shadow)!important;padding:10px 4px!important}.quick-icon{background:var(--gradient-primary)!important;color:#fff!important;box-shadow:0 4px 14px #ff6b3547!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.quick-icon svg{display:block;flex-shrink:0}.product-grid{padding:0 var(--space-page-x)!important}.mall-title{color:var(--color-text-primary)!important}.partners-section{padding:10px var(--space-page-x) 40px!important}.partners-title{color:var(--color-text-secondary)!important}.profile-hero,.user-hero{background:var(--gradient-hero)!important}.feature-grid .feature-item,.menu-list .menu-item{border-radius:var(--radius-md)!important}.grab-btn,.grab-main-btn{background:var(--gradient-primary)!important;box-shadow:0 8px 28px #ff6b3559!important}.auth-page .form:not(.login-page .form){background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important;padding:20px!important;margin-top:8px}.login-page .login-card{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.login-page .form{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin-top:0!important}.auth-page .brand-section{padding:24px 0 16px!important}.auth-page .input-wrap{background:#fff9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.profile-view .hero{background:var(--gradient-hero)!important;margin:0!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important}.profile-view .balance-card{margin:-20px 16px 12px!important;position:relative;z-index:2;background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.profile-view .grid-panel,.profile-view .grid-item{background:transparent!important}.profile-view .grid-item{background:var(--glass-fill-strong)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:var(--glass-border)!important;border-radius:var(--radius-md)!important}.profile-view .grid-icon{color:#fff!important;background:var(--gradient-primary)!important;box-shadow:0 3px 10px #ff6b3540!important;border:none!important}.profile-view .grid-icon svg{display:block;stroke:currentColor}.profile-view .logout-icon{color:var(--color-text-secondary)!important;background:#f5f5f5!important;box-shadow:none!important}.profile-view .bal-btn.recharge{background:var(--gradient-primary)!important;color:#fff!important}.modal-card{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:0 20px 60px #ff6b3526!important}.modal-btn.primary{background:var(--gradient-primary)!important;color:#fff!important}.cart-item,.list .row{background:var(--glass-fill-strong)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow)!important}.order-item,.order-card{border-radius:var(--radius-lg)!important}.nav-svg svg,.nav-fab-svg svg,.grid-icon svg,.menu-icon svg,.quick-icon svg,.back-btn svg{display:block;flex-shrink:0}.bottom-nav .nav-item{color:var(--color-text-secondary)!important}.bottom-nav .nav-item.active,.bottom-nav .nav-label.active{color:var(--color-primary)!important}.menu-icon{color:var(--color-primary)!important;background:var(--color-primary-light)!important}.grab-page .hero-card{margin:0!important;padding:0!important;border-radius:16px!important;box-shadow:0 6px 24px #ff6b3547!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.grab-page .hero-card:before{display:none!important}.grab-page .stat-card{background:var(--glass-fill-strong)!important;backdrop-filter:var(--chrome-blur)!important;-webkit-backdrop-filter:var(--chrome-blur)!important;border:var(--glass-border)!important}.tab.active,.tab-btn.active,.tabs .tab.active{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.btn.primary,.action-btn.primary,.guest-btn,.go-shop,.submit-btn,.next-btn,.confirm-btn,.pay-btn,.empty-btn,.modal-btn.primary,.sheet-btn.primary{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;box-shadow:0 4px 14px #ff6b3547!important}.summary-card,.team-summary,.recharge-banner{background:var(--gradient-hero)!important}.state-icon.warn,.sheet-icon.confirm{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.summary-card .sum-val{color:#fff!important}.summary-card .sum-label{color:#ffffffe0!important}.line-price,.preview-val,.rate-val.highlight,.amount-highlight{color:var(--color-primary)!important}