:root{--primary: #2E3B6B;--primary-light: #3D4F8F;--primary-dark: #1E2A4A;--rainbow-1: #FF6B6B;--rainbow-2: #FF8E53;--rainbow-3: #FFCD56;--rainbow-4: #4ECDC4;--rainbow-5: #45B7D1;--rainbow-6: #96E6A1;--accent: #FF6B6B;--accent-hover: #FF5252;--teal: #4ECDC4;--teal-light: #6EE7DE;--cream: #FFFBF5;--cream-dark: #FFF5E6;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--line-green: #06C755;--shopee-orange: #EE4D2D;--gradient-rainbow: linear-gradient(90deg, var(--rainbow-1) 0%, var(--rainbow-2) 20%, var(--rainbow-3) 40%, var(--rainbow-4) 60%, var(--rainbow-5) 80%, var(--rainbow-6) 100% );--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 10px 40px rgba(0,0,0,.12);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--shadow-accent: 0 4px 20px rgba(255,107,83,.3);--shadow-rainbow: 0 4px 30px rgba(78, 205, 196, .25);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Noto Sans TC", sans-serif;--font-mono: "Space Grotesk", monospace;--max-width: 1400px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--cream);color:var(--gray-800);line-height:1.6;min-height:100vh;cursor:url(/images/cursor.png),auto}.rainbow-bar{height:4px;background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3),var(--rainbow-4),var(--rainbow-5),var(--rainbow-6),var(--rainbow-1));background-size:200% 100%;animation:rainbowMove 3s linear infinite;position:fixed;top:0;left:0;right:0;z-index:1000}@keyframes rainbowMove{0%{background-position:0% 50%}to{background-position:200% 50%}}img,svg{display:block;max-width:100%}button,a{cursor:url(/images/cursor.png),pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--teal);color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:14px;border:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-line{background:var(--line-green);color:#fff}.btn-line:hover{background:#05b04c}.btn-shopee{background:var(--shopee-orange);color:#fff}.btn-shopee:hover{background:#d9452a}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn.success{background:var(--teal)!important;color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius);font-size:15px;transition:all .2s ease;background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e3b6b1a}.form-textarea{resize:vertical;min-height:100px}.required{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.header[data-astro-cid-3ef6ksr2]{position:fixed;top:4px;left:0;right:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100)}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-3)}.logo-icon[data-astro-cid-3ef6ksr2]{width:44px;height:44px;object-fit:contain}.logo-text[data-astro-cid-3ef6ksr2] h1[data-astro-cid-3ef6ksr2]{font-size:20px;font-weight:900;color:var(--primary);letter-spacing:-.5px;line-height:1.2}.logo-text[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{font-size:10px;color:var(--gray-400);font-family:var(--font-display);font-weight:600;letter-spacing:.5px}.nav[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--space-1)}.nav-link[data-astro-cid-3ef6ksr2]{padding:var(--space-2) var(--space-4);color:var(--gray-600);font-weight:500;font-size:14px;border-radius:var(--radius);transition:all .2s ease}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--primary);background:var(--gray-100)}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-3)}.member-btn[data-astro-cid-3ef6ksr2]{position:relative;padding:var(--space-2);transition:transform .2s}.member-btn[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.1)}.member-icon[data-astro-cid-3ef6ksr2]{font-size:20px}.member-btn[data-astro-cid-3ef6ksr2].logged-in .member-icon[data-astro-cid-3ef6ksr2]{filter:drop-shadow(0 0 4px var(--teal))}.cart-btn[data-astro-cid-3ef6ksr2]{position:relative;padding:var(--space-2);transition:transform .2s}.cart-btn[data-astro-cid-3ef6ksr2]:hover{transform:scale(1.1)}.cart-icon[data-astro-cid-3ef6ksr2]{font-size:20px}.cart-badge[data-astro-cid-3ef6ksr2]{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center}.btn[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:600;font-size:14px;border:none;transition:all .2s ease}.btn-ghost[data-astro-cid-3ef6ksr2]{background:transparent;color:var(--gray-600)}.btn-ghost[data-astro-cid-3ef6ksr2]:hover{background:var(--gray-100)}.btn-line[data-astro-cid-3ef6ksr2]{background:var(--line-green);color:#fff}.btn-line[data-astro-cid-3ef6ksr2]:hover{background:#05b04c;transform:translateY(-1px)}.mobile-toggle[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;padding:4px}.mobile-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:100%;height:2px;background:var(--gray-600);border-radius:2px;transition:all .3s ease}.mobile-menu[data-astro-cid-3ef6ksr2]{display:none;position:fixed;top:calc(4px + var(--header-height));left:0;right:0;background:#fff;padding:var(--space-6);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-lg)}.mobile-nav[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.mobile-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:var(--space-3) var(--space-4);color:var(--gray-700);font-weight:500;border-radius:var(--radius)}.mobile-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{background:var(--gray-100)}@media (max-width: 768px){.nav[data-astro-cid-3ef6ksr2],.header-actions[data-astro-cid-3ef6ksr2] .cart-btn[data-astro-cid-3ef6ksr2],.btn-text[data-astro-cid-3ef6ksr2]{display:none}.mobile-toggle[data-astro-cid-3ef6ksr2]{display:flex}.mobile-menu[data-astro-cid-3ef6ksr2].open{display:block}}