:root{--c-primary: #4453E0;--c-primary-light: #6674E8;--c-primary-dark: #3342C0;--c-primary-bg: #EEF0FD;--c-accent: #FF6B35;--c-accent-light: #FF8C60;--c-success: #10B981;--c-warning: #F59E0B;--c-danger: #EF4444;--c-text: #1F2937;--c-text-secondary: #6B7280;--c-text-muted: #9CA3AF;--c-bg: #F8F9FC;--c-surface: #FFFFFF;--c-border: #E5E7EB;--c-border-light: #F3F4F6;--font: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.75;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.25rem;--s-6: 1.5rem;--s-8: 2rem;--s-10: 2.5rem;--s-12: 3rem;--s-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 8px 10px rgba(0,0,0,.05);--shadow-primary: 0 4px 14px rgba(68, 83, 224, .25);--shadow-card: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{background:var(--c-bg);color:var(--c-text);line-height:var(--lh-normal);min-height:100vh;overflow-x:hidden}#app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--c-bg);position:relative}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--s-1)}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.text-center{text-align:center}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);border-radius:var(--radius-lg);font-family:var(--font);font-size:var(--fs-base);font-weight:var(--fw-medium);border:none;cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;line-height:var(--lh-tight)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--c-primary-light)}.btn-primary:active{background:var(--c-primary-dark)}.btn-outline{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary)}.btn-block{width:100%}.btn-lg{padding:var(--s-4) var(--s-8);font-size:var(--fs-md);border-radius:var(--radius-xl)}.card{background:var(--c-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--s-4);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:active{transform:scale(.98)}.badge{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.badge-primary{background:var(--c-primary-bg);color:var(--c-primary)}.section{padding:0 var(--s-4)}.section-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--s-3);padding-left:var(--s-1)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000c7;color:#fff;padding:var(--s-3) var(--s-6);border-radius:var(--radius-lg);font-size:var(--fs-sm);z-index:9999;pointer-events:none;animation:toastIn .3s var(--ease-spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--s-4);animation:fadeIn .2s ease}.modal-content{background:var(--c-surface);border-radius:var(--radius-2xl);padding:var(--s-6);max-width:340px;width:100%;box-shadow:var(--shadow-xl);animation:scaleIn .25s var(--ease-spring)}.modal-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--s-2)}.modal-desc{font-size:var(--fs-sm);color:var(--c-text-secondary);margin-bottom:var(--s-4);line-height:var(--lh-relaxed)}@keyframes fadeIn{0%{opacity:0}}@keyframes scaleIn{0%{opacity:0}}.page-enter-active{animation:pageIn .3s var(--ease-spring)}.page-leave-active{animation:pageOut .2s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}}@keyframes pageOut{to{opacity:0;transform:translateY(-8px)}}.nav-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);height:48px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border-light)}.nav-title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.nav-btn{padding:var(--s-2);color:var(--c-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:none;border:none;cursor:pointer}.hero{position:relative;width:100%;height:240px;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000000d,#0000008c);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-4) var(--s-5)}.hero-title{color:#fff;font-size:var(--fs-xl);font-weight:var(--fw-bold);text-shadow:0 2px 8px rgba(0,0,0,.3)}.hero-subtitle{color:#ffffffe6;font-size:var(--fs-sm);margin-top:var(--s-1)}.store-row{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-6);padding-bottom:var(--s-2)}.store-logo{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;border:2px solid rgba(255,255,255,.6)}.store-name{color:#fff;font-size:var(--fs-base);font-weight:var(--fw-semibold)}.feature-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-3);background:var(--c-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:active{transform:scale(.96);box-shadow:var(--shadow-sm)}.feature-card .icon-wrap{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-card .label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text)}.feature-card .sub-label{font-size:var(--fs-xs);color:var(--c-text-muted)}.feature-card .icon-img{width:100%;height:100%;object-fit:contain}.section-icon{vertical-align:middle;margin-right:var(--s-2)}.tab-icon{vertical-align:middle;margin-right:2px}.icon-dy,.icon-ks,.icon-xhs,.icon-dz,.icon-gd,.icon-more,.icon-coupon,.icon-draw,.icon-number{background:#fff;color:#fff}.input-wrap{margin-bottom:var(--s-4)}.input-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--s-2);color:var(--c-text-secondary)}.input{width:100%;padding:var(--s-3) var(--s-4);font-size:var(--fs-base);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);font-family:var(--font);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4453e01a}.input::placeholder{color:var(--c-text-muted)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--s-12);color:var(--c-text-muted);font-size:var(--fs-sm)}.spinner{width:24px;height:24px;border:2.5px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .6s linear infinite;margin-right:var(--s-3)}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;padding:var(--s-12);color:var(--c-text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--s-3);opacity:.5}.empty-text{font-size:var(--fs-sm)}.profile-header{padding:var(--s-8) var(--s-4);text-align:center;background:linear-gradient(180deg,var(--c-primary-bg) 0%,var(--c-bg) 100%)}.avatar{width:72px;height:72px;border-radius:var(--radius-full);background:var(--c-primary-bg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-3);font-size:2rem;color:var(--c-primary);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.nickname{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.mobile{font-size:var(--fs-sm);color:var(--c-text-secondary);margin-top:var(--s-1)}.menu-list{padding:var(--s-4)}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4);background:var(--c-surface);border-radius:var(--radius-lg);margin-bottom:var(--s-2);cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-xs)}.menu-item:active{background:var(--c-bg)}.menu-item .left{display:flex;align-items:center;gap:var(--s-3)}.menu-icon{font-size:1.25rem;width:24px;text-align:center}.menu-label{font-size:var(--fs-base)}.menu-arrow{color:var(--c-text-muted);font-size:var(--fs-sm)}