*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: var(--color-primary);--accent-hover: var(--color-primary-dark);--accent-subtle: var(--color-primary-light);--accent-rgb: var(--color-primary-rgb);--green: var(--color-success);--red: var(--color-danger);--gold: var(--color-warning);--text-1: var(--color-text);--text-2: var(--color-text-secondary);--text-3: var(--color-text-tertiary);--surface-1: var(--color-surface);--surface-2: var(--color-bg);--surface-3: var(--color-surface-secondary);--surface-hover: var(--color-surface-hover);--surface-card: var(--color-surface);--border-1: var(--color-border);--border-2: var(--color-border-light);--shadow-1: var(--shadow-xs);--shadow-2: var(--shadow-sm);--shadow-3: var(--shadow-md);--font: var(--font-sans);--d-fast: var(--duration-fast);--d-normal: var(--duration-normal);--d-slow: var(--duration-slow);--header-h: 56px;--content-max: 1040px}html{font-size:14px;-webkit-text-size-adjust:100%;color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font);color:var(--text-1);background:var(--surface-2);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:var(--radius-full);font-size:13px;font-weight:700;border:none;transition:background var(--d-fast) ease,transform var(--d-fast) var(--ease-spring),box-shadow var(--d-fast) ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);color:var(--color-on-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;border:1.5px solid var(--border-1);color:var(--text-1)}.btn-outline:hover{background:var(--surface-hover)}.btn-sm{padding:8px 16px;font-size:12px}.shimmer{background:linear-gradient(100deg,var(--surface-3) 30%,var(--surface-1) 50%,var(--surface-3) 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shop-app[data-v-fac39a5b]{min-height:100dvh;display:flex;flex-direction:column}.shop-header[data-v-fac39a5b]{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--color-surface-glass);border-bottom:.5px solid var(--border-1);backdrop-filter:saturate(180%) blur(var(--header-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--header-blur))}.header-inner[data-v-fac39a5b]{max-width:var(--content-max);margin:0 auto;height:100%;display:flex;align-items:center;gap:24px;padding:0 20px}.logo[data-v-fac39a5b]{display:flex;align-items:center;gap:8px;color:var(--accent);flex-shrink:0;min-height:44px}.logo[data-v-fac39a5b]:hover{text-decoration:none}.logo-text[data-v-fac39a5b]{font-size:18px;font-weight:800;letter-spacing:-.3px}.nav-links[data-v-fac39a5b]{display:flex;gap:4px}.nav-link[data-v-fac39a5b]{display:flex;align-items:center;gap:5px;padding:7px 14px;min-height:44px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-2);transition:color var(--d-fast) ease,background var(--d-fast) ease}.nav-link[data-v-fac39a5b]:hover{color:var(--text-1);background:var(--surface-hover);text-decoration:none}.nav-link.active[data-v-fac39a5b]{color:var(--accent);background:var(--accent-subtle)}.back-link[data-v-fac39a5b]{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);transition:color var(--d-fast) ease}.back-link[data-v-fac39a5b]:hover{color:var(--text-1);text-decoration:none}.shop-main[data-v-fac39a5b]{flex:1;max-width:var(--content-max);width:100%;margin:0 auto;padding:24px 20px}.fade-enter-active[data-v-fac39a5b]{animation:fade-in-fac39a5b var(--d-slow) var(--ease-out)}.fade-leave-active[data-v-fac39a5b]{animation:fade-out-fac39a5b var(--d-fast) ease}@keyframes fade-in-fac39a5b{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-out-fac39a5b{0%{opacity:1}to{opacity:0}}@media(max-width:767px){.header-inner[data-v-fac39a5b]{gap:12px;padding:0 12px}.nav-link span[data-v-fac39a5b]{display:none}.nav-link[data-v-fac39a5b]{min-width:44px;min-height:44px;padding:8px;justify-content:center}.back-link[data-v-fac39a5b]{min-width:44px;min-height:44px;font-size:0;padding:8px;justify-content:center}.back-link svg[data-v-fac39a5b]{width:18px;height:18px}.shop-main[data-v-fac39a5b]{padding:16px 12px}}:root{color-scheme:light;--color-primary: #0A84FF;--color-primary-dark: #0070CC;--color-primary-light: rgba(10, 132, 255, .1);--color-primary-rgb: 10, 132, 255;--color-primary-text: #0062B3;--color-on-primary: #FFFFFF;--color-bg: #F5F5F7;--color-surface: #FFFFFF;--color-surface-secondary: #FAFAFA;--color-surface-soft: rgba(255, 255, 255, .78);--color-surface-glass: rgba(255, 255, 255, .82);--color-surface-hover: rgba(0, 0, 0, .03);--color-surface-active: rgba(0, 0, 0, .06);--color-border: #E8E8ED;--color-border-light: #F0F0F5;--color-control-border: #8F8F95;--color-divider: rgba(0, 0, 0, .06);--color-text: #1D1D1F;--color-text-secondary: #6E6E73;--color-text-tertiary: #6F6F78;--color-text-inverse: #FFFFFF;--color-danger: #FF3B30;--color-danger-light: #FFF0EF;--color-danger-text: #B42318;--color-success: #34C759;--color-success-light: #EEFBF1;--color-success-text: #1B7F3A;--color-warning: #FF9F0A;--color-warning-light: #FFF7E6;--color-warning-text: #8A4B00;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--font-xs: 11px;--font-sm: 13px;--font-base: 15px;--font-md: 17px;--font-lg: 20px;--font-xl: 24px;--font-2xl: 28px;--font-3xl: 34px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.022em;--tracking-normal: -.011em;--tracking-wide: .02em;--space-0: 0;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(var(--color-primary-rgb), .3);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.35, .64, 1);--duration-fast: .16s;--duration-normal: .24s;--duration-slow: .36s;--header-blur: 12px;--media-radius: 12px;--gradient-primary: linear-gradient(135deg, var(--color-primary), #5AC8FA)}[data-theme=dark]{color-scheme:dark;--color-primary: #4B9FFF;--color-primary-dark: #0A84FF;--color-primary-light: rgba(75, 159, 255, .14);--color-primary-rgb: 75, 159, 255;--color-primary-text: #9CCBFF;--color-on-primary: #0F0F14;--color-bg: #15151C;--color-surface: #1E1E28;--color-surface-secondary: #25252F;--color-surface-soft: rgba(30, 30, 40, .78);--color-surface-glass: rgba(30, 30, 40, .82);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .09);--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .06);--color-control-border: #68686F;--color-divider: rgba(255, 255, 255, .1);--color-text: #E4E6EB;--color-text-secondary: #A0A8B8;--color-text-tertiary: #7D8594;--color-danger-light: rgba(255, 59, 48, .15);--color-danger-text: #FFB4AD;--color-success-light: rgba(52, 199, 89, .15);--color-success-text: #7EE293;--color-warning-light: rgba(255, 159, 10, .15);--color-warning-text: #FFC66D;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}@media(max-width:767px){:root{--font-xs: 12px;--font-sm: 14px;--font-base: 15px;--space-md: 10px;--space-lg: 14px}}