.header[data-v-5c35edb7]{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--header-bg);box-shadow:var(--shadow-sm)}.header__container[data-v-5c35edb7]{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.header__content[data-v-5c35edb7]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);height:var(--header-height)}.header__logo[data-v-5c35edb7]{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-shrink:0;text-decoration:none}.header__logo-text[data-v-5c35edb7]{color:#fff;font-size:var(--font-size-xl);font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header__nav[data-v-5c35edb7]{display:none;align-items:center;gap:var(--spacing-xs)}.header__nav-link[data-v-5c35edb7]{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 var(--spacing-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);white-space:nowrap;background:none;border:none;cursor:pointer}.header__nav-link[data-v-5c35edb7]:hover{background-color:#ffffff1a;color:#fff}.header__search-wrapper[data-v-5c35edb7]{display:none;position:relative;flex:1;max-width:400px}.header__search[data-v-5c35edb7]{position:relative}.header__search-icon[data-v-5c35edb7]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--neutral-400);pointer-events:none;z-index:1}.header__search-input[data-v-5c35edb7]{width:100%;height:36px;padding:0 var(--spacing-md) 0 40px;font-size:var(--font-size-sm);color:var(--neutral-900);background-color:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.header__search-input[data-v-5c35edb7]:hover{background-color:#fff}.header__search-input[data-v-5c35edb7]:focus{background-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.header__search-input[data-v-5c35edb7]::placeholder{color:var(--neutral-400)}.header__search-suggestions[data-v-5c35edb7]{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden;z-index:var(--z-dropdown);max-height:500px;overflow-y:auto}.header__suggestion-section[data-v-5c35edb7]{border-bottom:1px solid var(--border)}.header__suggestion-section[data-v-5c35edb7]:last-of-type{border-bottom:none}.header__suggestion-title[data-v-5c35edb7]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--neutral-500);letter-spacing:.5px;background:var(--neutral-50)}.header__suggestion-item[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:inherit;transition:background-color var(--transition-fast);cursor:pointer}.header__suggestion-item[data-v-5c35edb7]:hover{background-color:var(--neutral-50)}.header__suggestion-image[data-v-5c35edb7]{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--neutral-100);flex-shrink:0}.header__suggestion-image--shop[data-v-5c35edb7]{border-radius:var(--radius-full)}.header__suggestion-image--placeholder[data-v-5c35edb7]{display:flex;align-items:center;justify-content:center;color:var(--neutral-400)}.header__suggestion-info[data-v-5c35edb7]{flex:1;min-width:0}.header__suggestion-name[data-v-5c35edb7]{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__suggestion-price[data-v-5c35edb7]{font-size:var(--font-size-xs);color:var(--primary);font-weight:600;margin-top:2px}.header__suggestion-footer[data-v-5c35edb7]{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--primary);text-align:center;text-decoration:none;border-top:1px solid var(--border);transition:background-color var(--transition-fast);font-weight:500}.header__suggestion-footer[data-v-5c35edb7]:hover{background-color:var(--neutral-50)}.header__actions[data-v-5c35edb7]{display:none;align-items:center;gap:var(--spacing-xs)}.header__icon-btn[data-v-5c35edb7]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none}.header__icon-btn[data-v-5c35edb7]:hover{background-color:#ffffff1a}.header__badge[data-v-5c35edb7]{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:600;color:var(--neutral-900);background-color:#facc15;border:2px solid var(--primary);border-radius:var(--radius-full)}.header__badge--small[data-v-5c35edb7]{min-width:18px;height:18px;font-size:11px;padding:0 4px}.header__user-btn[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-xs);height:40px;padding:0 var(--spacing-sm);color:#fff;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.header__user-btn[data-v-5c35edb7]:hover{background-color:#ffffff1a}.header__dropdown[data-v-5c35edb7]{position:relative}.header__dropdown-menu[data-v-5c35edb7]{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden;z-index:var(--z-dropdown)}.header__dropdown-menu--notification[data-v-5c35edb7]{width:300px;max-height:400px;overflow-y:auto}.header__dropdown-menu--user[data-v-5c35edb7]{width:200px}.header__dropdown-header[data-v-5c35edb7]{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:var(--font-size-sm);color:var(--neutral-900);border-bottom:1px solid var(--border)}.header__dropdown-footer[data-v-5c35edb7]{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--primary);text-align:center;text-decoration:none;border-top:1px solid var(--border);transition:background-color var(--transition-fast)}.header__dropdown-footer[data-v-5c35edb7]:hover{background-color:var(--neutral-50)}.header__dropdown-empty[data-v-5c35edb7]{padding:var(--spacing-lg);text-align:center;color:var(--neutral-500);font-size:var(--font-size-sm)}.header__dropdown-item[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--neutral-700);text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.header__dropdown-item[data-v-5c35edb7]:hover{background-color:var(--neutral-50);color:var(--neutral-900)}.header__dropdown-divider[data-v-5c35edb7]{height:1px;margin:var(--spacing-xs) 0;background-color:var(--border)}.header__dropdown-user-info[data-v-5c35edb7]{padding:var(--spacing-sm) var(--spacing-md)}.header__dropdown-user-name[data-v-5c35edb7]{font-weight:600;font-size:var(--font-size-sm);color:var(--neutral-900)}.header__dropdown-user-email[data-v-5c35edb7]{font-size:var(--font-size-xs);color:var(--neutral-500);margin-top:2px}.header__dropdown-item--message[data-v-5c35edb7]{position:relative;font-weight:500;color:var(--primary)}.header__dropdown-item--message[data-v-5c35edb7]:hover{background-color:var(--primary-50)}.header__dropdown-badge[data-v-5c35edb7]{margin-left:auto;padding:2px 8px;background-color:var(--primary);color:#fff;font-size:12px;font-weight:600;border-radius:12px;min-width:20px;text-align:center}.header__mobile-left[data-v-5c35edb7],.header__mobile-right[data-v-5c35edb7]{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-xs)}.header__auth-buttons[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-sm)}.header__btn[data-v-5c35edb7]{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.header__btn--outline[data-v-5c35edb7]{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3)}.header__btn--outline[data-v-5c35edb7]:hover{background:#ffffff1a;border-color:#ffffff80}.header__btn--solid[data-v-5c35edb7]{color:var(--primary);background:#fff;border:1px solid #fff;box-shadow:var(--shadow)}.header__btn--solid[data-v-5c35edb7]:hover{background:#ffffffe6}.mobile-menu__overlay[data-v-5c35edb7]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--z-modal-backdrop)}.mobile-menu__panel[data-v-5c35edb7]{position:absolute;top:0;bottom:0;left:0;width:300px;max-width:86vw;display:flex;flex-direction:column;background:#fff}.mobile-menu__close[data-v-5c35edb7]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--neutral-700);background:#0000000d;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);z-index:1}.mobile-menu__close[data-v-5c35edb7]:hover{background:#0000001a}.mobile-menu__header[data-v-5c35edb7]{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;flex-shrink:0}.mobile-menu__header-title[data-v-5c35edb7]{margin-bottom:var(--spacing-md)}.mobile-menu__title[data-v-5c35edb7]{font-size:var(--font-size-xl);font-weight:700;margin:0}.mobile-menu__login-btn[data-v-5c35edb7]{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--primary);text-align:center;text-decoration:none;background-color:#fff;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu__login-btn[data-v-5c35edb7]:hover{background-color:#ffffffe6}.mobile-menu__user[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-menu__avatar[data-v-5c35edb7]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff;background-color:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.mobile-menu__avatar img[data-v-5c35edb7]{width:100%;height:100%;object-fit:cover}.mobile-menu__user-info[data-v-5c35edb7]{flex:1;min-width:0}.mobile-menu__user-name[data-v-5c35edb7]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu__user-email[data-v-5c35edb7]{font-size:var(--font-size-xs);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu__content[data-v-5c35edb7]{flex:1;padding:var(--spacing-md);overflow-y:auto}.mobile-menu__search-wrapper[data-v-5c35edb7]{position:relative;margin-bottom:var(--spacing-sm)}.mobile-menu__search[data-v-5c35edb7]{position:relative}.mobile-menu__search-icon[data-v-5c35edb7]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--neutral-400);pointer-events:none;z-index:1}.mobile-menu__search-input[data-v-5c35edb7]{width:100%;height:36px;padding:0 var(--spacing-md) 0 40px;font-size:var(--font-size-sm);color:var(--neutral-900);background-color:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.mobile-menu__search-input[data-v-5c35edb7]:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.mobile-menu__nav[data-v-5c35edb7]{display:flex;flex-direction:column}.mobile-menu__section-title[data-v-5c35edb7]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--neutral-600)}.mobile-menu__nav-item[data-v-5c35edb7]{display:flex;align-items:center;gap:var(--spacing-md);width:100%;height:48px;padding:0 var(--spacing-md);font-size:var(--font-size-base);font-weight:500;color:var(--neutral-700);text-decoration:none;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.mobile-menu__nav-item[data-v-5c35edb7]:hover{background-color:var(--neutral-100)}.mobile-menu__nav-item--danger[data-v-5c35edb7]{color:var(--destructive)}.mobile-menu__nav-item--danger[data-v-5c35edb7]:hover{background-color:var(--destructive-light)}.mobile-menu__divider[data-v-5c35edb7]{height:1px;margin:var(--spacing-sm) 0;background-color:var(--neutral-200)}@media (min-width: 768px){.header__container[data-v-5c35edb7]{padding:0 var(--spacing-lg)}.header__mobile-left[data-v-5c35edb7],.header__mobile-right[data-v-5c35edb7]{display:none}.header__logo[data-v-5c35edb7]{position:static;transform:none;margin-right:var(--spacing-md)}.header__nav[data-v-5c35edb7]{display:flex}.header__search-wrapper[data-v-5c35edb7]{display:flex;margin:0 var(--spacing-md)}.header__actions[data-v-5c35edb7]{display:flex}}@media (min-width: 1024px){.header__search-wrapper[data-v-5c35edb7]{margin:0 var(--spacing-xl)}}.footer[data-v-13a2c7fe]{background-color:var(--footer-bg);color:var(--neutral-300);margin-top:auto}.border-t[data-v-13a2c7fe]{border-top:1px solid rgba(255,255,255,.1)}.border-white-10[data-v-13a2c7fe]{border-color:#ffffff1a}.py-10[data-v-13a2c7fe]{padding-top:40px;padding-bottom:40px}.py-6[data-v-13a2c7fe]{padding-top:24px;padding-bottom:24px}.space-y-8[data-v-13a2c7fe]>*+*{margin-top:32px}.space-y-3[data-v-13a2c7fe]>*+*{margin-top:12px}.text-center[data-v-13a2c7fe]{text-align:center}.text-base[data-v-13a2c7fe]{font-size:var(--font-size-base)}.text-sm[data-v-13a2c7fe]{font-size:var(--font-size-sm)}.text-xs[data-v-13a2c7fe]{font-size:var(--font-size-xs)}.mb-2[data-v-13a2c7fe]{margin-bottom:8px}.text-neutral-300[data-v-13a2c7fe]{color:var(--neutral-300)}.text-neutral-500[data-v-13a2c7fe]{color:var(--neutral-500)}.text-neutral-600[data-v-13a2c7fe]{color:var(--neutral-600)}.flex[data-v-13a2c7fe]{display:flex}.items-center[data-v-13a2c7fe]{align-items:center}.justify-center[data-v-13a2c7fe]{justify-content:center}.gap-2[data-v-13a2c7fe]{gap:8px}.gap-4[data-v-13a2c7fe]{gap:16px}.gap-6[data-v-13a2c7fe]{gap:24px}.grid[data-v-13a2c7fe]{display:grid}.grid-cols-4[data-v-13a2c7fe]{grid-template-columns:repeat(4,minmax(0,1fr))}.max-w-5xl[data-v-13a2c7fe]{max-width:1024px;margin-left:auto;margin-right:auto}.footer__payment-item[data-v-13a2c7fe]{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none}.footer__payment-icon[data-v-13a2c7fe]{position:relative;height:56px;width:56px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;padding:10px;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d}.footer__payment-item:hover .footer__payment-icon[data-v-13a2c7fe]{background:#ffffff1a;border-color:#fff3}.footer__payment-img[data-v-13a2c7fe]{height:100%;width:100%;object-fit:contain;transition:transform .3s ease}.footer__payment-item:hover .footer__payment-img[data-v-13a2c7fe]{transform:scale(1.1)}.footer__payment-fallback[data-v-13a2c7fe]{font-size:14px;font-weight:700;color:var(--neutral-300)}.footer__payment-name[data-v-13a2c7fe]{font-size:12px;color:var(--neutral-400);text-align:center;line-height:1.2;max-width:72px;transition:color .3s ease}.footer__payment-item:hover .footer__payment-name[data-v-13a2c7fe]{color:var(--neutral-200)}.footer-link[data-v-13a2c7fe]{color:var(--neutral-400);transition:color .3s ease}.footer-link[data-v-13a2c7fe]:hover{color:#fff}@media (min-width: 768px){.md-grid-cols-8[data-v-13a2c7fe]{grid-template-columns:repeat(8,minmax(0,1fr))}.md-gap-8[data-v-13a2c7fe]{gap:32px}}@media (max-width: 767px){.footer__payment-icon[data-v-13a2c7fe]{height:48px;width:48px;padding:8px}.footer__payment-name[data-v-13a2c7fe]{font-size:11px;max-width:60px}}.mobile-tabbar[data-v-01134910]{position:fixed;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:space-around;height:56px;padding-bottom:var(--safe-area-bottom);background:var(--card-bg);border-top:1px solid var(--border);z-index:var(--z-fixed)}.mobile-tabbar__item[data-v-01134910]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;font-size:11px;color:var(--text-secondary);transition:color var(--transition-fast)}.mobile-tabbar__item--active[data-v-01134910]{color:var(--primary);font-weight:600}.mobile-tabbar__icon-wrapper[data-v-01134910]{position:relative;display:inline-flex}.mobile-tabbar__badge[data-v-01134910]{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius-full)}@media (max-width: 768px){.mobile-tabbar[data-v-01134910]{display:flex}}.app[data-v-78683072]{display:flex;flex-direction:column;min-height:100vh}.app__main[data-v-78683072]{flex:1}:root{--primary: #ed4457;--primary-foreground: #ffffff;--primary-hover: #d62f43;--primary-dark: #d62f43;--primary-light: #ffe4e7;--primary-50: #fff1f2;--primary-100: #ffe4e7;--primary-200: #fbcbd1;--primary-600: #ed4457;--primary-700: #d62f43;--primary-800: #b02236;--primary-rgb: 237, 68, 87;--secondary: #f3f4f6;--secondary-foreground: #111827;--accent: #ff7a45;--accent-foreground: #ffffff;--accent-hover: #f2652d;--accent-light: #fff0e8;--accent-rgb: 255, 122, 69;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success: #059669;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #b42318;--error-light: #fee4e2;--info: #0ea5e9;--info-light: #e0f2fe;--destructive: #b42318;--destructive-light: #fee4e2;--header-bg: var(--primary);--footer-bg: #1f1a1d;--background: #ffffff;--card-bg: #ffffff;--border: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .1);--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--input-background: #f3f3f5;--input-border: #e5e7eb;--input-focus-border: var(--primary);--muted: #ececf0;--muted-foreground: #717182;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--container-max: 1200px;--button-height: 44px;--button-height-sm: 36px;--button-height-lg: 52px;--header-height: 60px;--header-height-mobile: 56px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Consolas", "Monaco", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-loading: 900;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--background);min-height:100vh;overflow-x:hidden}input,select,textarea{font-size:16px;font-family:inherit}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 16px}.container-page{width:100%;max-width:var(--container-max);margin:0 auto;padding:20px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--button-height);padding:0 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{pointer-events:none;opacity:.55}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--neutral-200)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary-50)}.btn-sm{height:var(--button-height-sm);padding:0 14px;font-size:var(--font-size-xs)}.btn-lg{height:var(--button-height-lg);padding:0 28px;font-size:var(--font-size-base)}.btn-block{width:100%}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;height:var(--button-height);padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-background);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.form-input:hover{border-color:var(--neutral-300)}.form-input:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 3px var(--primary-50)}.form-input::placeholder{color:var(--neutral-400)}.form-input--error{border-color:var(--error)}.form-input--password{padding-right:44px}.form-input-toggle{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:var(--neutral-500)}.form-error{font-size:var(--font-size-xs);color:var(--error)}.form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.custom-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0}.custom-spinner__icon{width:32px;height:32px;border:3px solid var(--primary-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.custom-spinner--sm .custom-spinner__icon{width:18px;height:18px;border-width:2px}.custom-spinner--lg .custom-spinner__icon{width:44px;height:44px;border-width:4px}.custom-spinner__text{font-size:var(--font-size-sm);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 37%,var(--neutral-100) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:16px}.modal-panel{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-modal);width:100%;max-width:480px;max-height:88vh;overflow:auto}.toast-host{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast-item{padding:10px 18px;border-radius:var(--radius-md);background:#111827eb;color:#fff;font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);max-width:80vw}.toast-item--success{background:#059669f2}.toast-item--error{background:#b42318f2}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.text-error{color:var(--error)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@media (max-width: 768px){body{padding-bottom:calc(56px + var(--safe-area-bottom))}.container-page{padding:12px}}