:root{--color-primary:#f8c426;--color-primary-dark:#e6af0a;--color-primary-light:#fbdd82;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-lighter:#9ca3af;--color-bg:#fff;--color-bg-light:#f9fafb;--color-bg-lighter:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-overlay:#00000080;--color-overlay-light:#0000001a}[data-theme=dark],.dark{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-accent:#34d399;--color-accent-dark:#10b981;--color-accent-light:#6ee7b7;--color-text:#f9fafb;--color-text-light:#d1d5db;--color-text-lighter:#9ca3af;--color-bg:#111827;--color-bg-light:#1f2937;--color-bg-lighter:#374151;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#1f2937;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-overlay:#000000b3;--color-overlay-light:#0000004d}}:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-sans-zh:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-en:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .2s ease-in-out;--transition-fast:all .15s ease-in-out;--transition-slow:all .3s ease-in-out;--header-height:40px;--header-top-spacing:.5rem;--header-total-height:calc(40px + .5rem*2)}@media (min-width:768px){:root{--header-height:48px;--header-total-height:calc(48px + .5rem*2)}}@media (min-width:1024px){:root{--header-top-spacing:.75rem;--header-total-height:calc(48px + .75rem*2)}}[data-theme=dark],.dark{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}}@keyframes gradient-flow{0%{background-position:0 0}to{background-position:100% 0}}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{color:#fff;cursor:pointer;text-align:center;background-size:300% 100%;border:none;border-radius:12px;width:auto;font-size:16px;font-weight:700;animation:3s ease-in-out infinite alternate gradient-flow}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-image:linear-gradient(90deg,#fac60a,#ec8c69,#f7186a,#fbb03b,#fac60a);box-shadow:0 4px 15px #ac9013bf}.btn-secondary{background-image:linear-gradient(90deg,#29323c,#485563,#2b5876,#4e4376,#29323c);box-shadow:0 4px 15px #2d3641bf}.btn-warning{background-image:linear-gradient(90deg,#eb3941,#f15e64,#e14e53,#e2373f,#eb3941);box-shadow:0 5px 15px #f2616766}.btn-liquid-glass{color:var(--color-text);-webkit-backdrop-filter:url(#glass);box-shadow:none;background-image:linear-gradient(135deg,#e7ae7172 0%,#32c5e214 50%,#9fb5ed60 100%);background-size:100% 100%;border:2px solid #ffffff4d;border-radius:999px;transition:border-color .8s cubic-bezier(.175,.885,.32,2.2);position:relative;overflow:hidden}.btn-liquid-glass:before{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noise)'/></svg>");transition:opacity .8s cubic-bezier(.175,.885,.32,2.2);position:absolute;inset:0}.btn-liquid-glass:after{content:"";opacity:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,#e7ae71c7 0%,#45bcd341 50%,#9fb5eda4 100%);border-radius:999px;transition:opacity .8s cubic-bezier(.175,.885,.32,2.2);position:absolute;inset:0}.btn-liquid-glass:hover:not(:disabled){background-position:100% 0}.btn-liquid-glass:hover:not(:disabled):after{opacity:1}.btn-liquid-glass:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}.btn-liquid-glass-text{z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:.1em;position:relative}.btn-glass-filter{visibility:hidden;width:0;height:0;position:absolute}@media (prefers-reduced-motion:reduce){.btn{animation:none}.btn-liquid-glass,.btn-liquid-glass:before,.btn-liquid-glass:after{transition:none}.btn-liquid-glass:hover:not(:disabled){transform:none}}.btn-small{height:auto;padding:8px 16px;font-size:.875rem}.btn-medium{height:auto;padding:12px 24px;font-size:1rem}.btn-large{height:55px;padding:16px 32px;font-size:1.125rem}