: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}}.section{box-sizing:border-box;width:100vw;min-height:100vh;padding-top:var(--header-total-height);position:relative}.section.no-header-spacing{padding-top:0}.section.auto-height{min-height:auto}