: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}}.logo{-webkit-backdrop-filter:blur(24px)saturate(180%);color:#000;background:linear-gradient(#ffffffe6 0%,#ffffffd1 50%,#faf8f5d9 100%);border:1px solid #fff9;border-radius:9999px;justify-content:center;align-items:center;width:120px;height:48px;padding:4px 12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #00000014,0 6px 24px -6px #0000000f,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #00000005}.logo:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(90deg,#0000 0%,#fffffff2 30%,#fff 50%,#fffffff2 70%,#0000 100%);border-radius:9999px;height:1px;position:absolute;top:0;left:15%;right:15%}.logo:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%,#ffffff1a 100%);position:absolute;inset:0}[data-theme=dark] .logo,.dark .logo{-webkit-backdrop-filter:blur(24px)saturate(150%);color:#fff;background:linear-gradient(#1e232dcc 0%,#141923bf 50%,#191e28c7 100%);border-color:#ffffff1f;box-shadow:0 4px 20px -4px #0000004d,0 6px 24px -6px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}[data-theme=dark] .logo:before,.dark .logo:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}[data-theme=dark] .logo:after,.dark .logo:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo{-webkit-backdrop-filter:blur(24px)saturate(150%);color:#fff;background:linear-gradient(#1e232dcc 0%,#141923bf 50%,#191e28c7 100%);border-color:#ffffff1f;box-shadow:0 4px 20px -4px #0000004d,0 6px 24px -6px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}:root:not([data-theme=light]) .logo:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}:root:not([data-theme=light]) .logo:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}}.logo-svg{-o-object-fit:contain;object-fit:contain;z-index:1;width:100%;max-width:119px;height:100%;max-height:26px;position:relative}
: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}}.theme-toggle{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.theme-toggle svg{z-index:1;width:18px;height:18px;position:relative}@media (min-width:768px){.theme-toggle svg{width:20px;height:20px}.theme-toggle{width:40px;height:40px}}.theme-toggle{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#141923d9;background:linear-gradient(#ffffffe0 0%,#fffc 50%,#faf8f5d1 100%);border:1px solid #fff9;box-shadow:0 3px 16px -3px #00000014,0 5px 20px -5px #0000000f,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #00000005}.theme-toggle:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(90deg,#0000 0%,#fffffff2 30%,#fff 50%,#fffffff2 70%,#0000 100%);border-radius:9999px;height:1px;position:absolute;top:0;left:20%;right:20%}.theme-toggle:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%,#ffffff1a 100%);position:absolute;inset:0}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#fffffff2 0%,#ffffffe6 50%,#faf8f5eb 100%);transform:translateY(-1px);box-shadow:0 4px 20px -4px #0000001a,0 6px 24px -6px #00000014,inset 0 1px 1px #fffffff2,inset 0 -1px 1px #00000005}.theme-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(200%);color:var(--color-text);background:linear-gradient(#fff3 0%,#ffffff24 50%,#faf8f529 100%);border-color:#ffffff59;box-shadow:0 6px 28px -6px #1f26871f,0 3px 16px -3px #00000014,inset 0 1px 1px #fff6,inset 0 -1px 1px #00000008}.theme-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#ffffff80 30%,#ffffffb3 50%,#ffffff80 70%,#0000 100%)}.theme-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#ffffff47 0%,#fff3 50%,#faf8f538 100%);border-color:#ffffff73}[data-theme=dark] .theme-toggle,.dark .theme-toggle{-webkit-backdrop-filter:blur(20px)saturate(150%);color:#ffffffe6;background:linear-gradient(#1e232dc7 0%,#141923b8 50%,#191e28bf 100%);border-color:#ffffff1f;box-shadow:0 3px 16px -3px #0000004d,0 5px 20px -5px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}[data-theme=dark] .theme-toggle:before,.dark .theme-toggle:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}[data-theme=dark] .theme-toggle:after,.dark .theme-toggle:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}[data-theme=dark] .theme-toggle:hover,.dark .theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#232832d9 0%,#191e28cc 50%,#1e232dd1 100%)}[data-theme=dark] .theme-toggle.past-hero,.dark .theme-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#1e232d80 0%,#14192373 50%,#191e287a 100%);border-color:#ffffff2e;box-shadow:0 6px 28px -6px #0006,0 3px 16px -3px #0000004d,inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #00000026}[data-theme=dark] .theme-toggle.past-hero:before,.dark .theme-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#fff3 30%,#ffffff59 50%,#fff3 70%,#0000 100%)}[data-theme=dark] .theme-toggle.past-hero:hover,.dark .theme-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#23283294 0%,#191e2885 50%,#1e232d8c 100%);border-color:#ffffff47}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle{-webkit-backdrop-filter:blur(20px)saturate(150%);color:#ffffffe6;background:linear-gradient(#1e232dc7 0%,#141923b8 50%,#191e28bf 100%);border-color:#ffffff1f;box-shadow:0 3px 16px -3px #0000004d,0 5px 20px -5px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}:root:not([data-theme=light]) .theme-toggle:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}:root:not([data-theme=light]) .theme-toggle:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}:root:not([data-theme=light]) .theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#232832d9 0%,#191e28cc 50%,#1e232dd1 100%)}:root:not([data-theme=light]) .theme-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#1e232d80 0%,#14192373 50%,#191e287a 100%);border-color:#ffffff2e;box-shadow:0 6px 28px -6px #0006,0 3px 16px -3px #0000004d,inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #00000026}:root:not([data-theme=light]) .theme-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#fff3 30%,#ffffff59 50%,#fff3 70%,#0000 100%)}:root:not([data-theme=light]) .theme-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#23283294 0%,#191e2885 50%,#1e232d8c 100%);border-color:#ffffff47}}
: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}}.language-toggle{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.language-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.language-toggle svg{z-index:1;width:18px;height:18px;position:relative}@media (min-width:768px){.language-toggle svg{width:20px;height:20px}.language-toggle{width:40px;height:40px}}.language-toggle{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#141923d9;background:linear-gradient(#ffffffe0 0%,#fffc 50%,#faf8f5d1 100%);border:1px solid #fff9;box-shadow:0 3px 16px -3px #00000014,0 5px 20px -5px #0000000f,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #00000005}.language-toggle:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(90deg,#0000 0%,#fffffff2 30%,#fff 50%,#fffffff2 70%,#0000 100%);border-radius:9999px;height:1px;position:absolute;top:0;left:20%;right:20%}.language-toggle:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%,#ffffff1a 100%);position:absolute;inset:0}.language-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#fffffff2 0%,#ffffffe6 50%,#faf8f5eb 100%);transform:translateY(-1px);box-shadow:0 4px 20px -4px #0000001a,0 6px 24px -6px #00000014,inset 0 1px 1px #fffffff2,inset 0 -1px 1px #00000005}.language-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(200%);color:var(--color-text);background:linear-gradient(#fff3 0%,#ffffff24 50%,#faf8f529 100%);border-color:#ffffff59;box-shadow:0 6px 28px -6px #1f26871f,0 3px 16px -3px #00000014,inset 0 1px 1px #fff6,inset 0 -1px 1px #00000008}.language-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#ffffff80 30%,#ffffffb3 50%,#ffffff80 70%,#0000 100%)}.language-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#ffffff47 0%,#fff3 50%,#faf8f538 100%);border-color:#ffffff73}[data-theme=dark] .language-toggle,.dark .language-toggle{-webkit-backdrop-filter:blur(20px)saturate(150%);color:#ffffffe6;background:linear-gradient(#1e232dc7 0%,#141923b8 50%,#191e28bf 100%);border-color:#ffffff1f;box-shadow:0 3px 16px -3px #0000004d,0 5px 20px -5px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}[data-theme=dark] .language-toggle:before,.dark .language-toggle:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}[data-theme=dark] .language-toggle:after,.dark .language-toggle:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}[data-theme=dark] .language-toggle:hover,.dark .language-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#232832d9 0%,#191e28cc 50%,#1e232dd1 100%)}[data-theme=dark] .language-toggle.past-hero,.dark .language-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#1e232d80 0%,#14192373 50%,#191e287a 100%);border-color:#ffffff2e;box-shadow:0 6px 28px -6px #0006,0 3px 16px -3px #0000004d,inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #00000026}[data-theme=dark] .language-toggle.past-hero:before,.dark .language-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#fff3 30%,#ffffff59 50%,#fff3 70%,#0000 100%)}[data-theme=dark] .language-toggle.past-hero:hover,.dark .language-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#23283294 0%,#191e2885 50%,#1e232d8c 100%);border-color:#ffffff47}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .language-toggle{-webkit-backdrop-filter:blur(20px)saturate(150%);color:#ffffffe6;background:linear-gradient(#1e232dc7 0%,#141923b8 50%,#191e28bf 100%);border-color:#ffffff1f;box-shadow:0 3px 16px -3px #0000004d,0 5px 20px -5px #00000040,inset 0 1px 1px #ffffff14,inset 0 -1px 1px #0000001a}:root:not([data-theme=light]) .language-toggle:before{opacity:.6;background:linear-gradient(90deg,#0000 0%,#ffffff26 30%,#ffffff40 50%,#ffffff26 70%,#0000 100%)}:root:not([data-theme=light]) .language-toggle:after{opacity:.4;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%,#6478c80d 100%)}:root:not([data-theme=light]) .language-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(#232832d9 0%,#191e28cc 50%,#1e232dd1 100%)}:root:not([data-theme=light]) .language-toggle.past-hero{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#1e232d80 0%,#14192373 50%,#191e287a 100%);border-color:#ffffff2e;box-shadow:0 6px 28px -6px #0006,0 3px 16px -3px #0000004d,inset 0 1px 1px #ffffff1f,inset 0 -1px 1px #00000026}:root:not([data-theme=light]) .language-toggle.past-hero:before{opacity:.8;background:linear-gradient(90deg,#0000 0%,#fff3 30%,#ffffff59 50%,#fff3 70%,#0000 100%)}:root:not([data-theme=light]) .language-toggle.past-hero:hover{color:var(--color-primary);background:linear-gradient(#23283294 0%,#191e2885 50%,#1e232d8c 100%);border-color:#ffffff47}}
: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}}.nav-link{color:var(--color-text);cursor:pointer;padding:var(--spacing-xs)0;transition:var(--transition);background:0 0;border:none;font-family:inherit;font-size:1rem;text-decoration:none}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.nav-link:hover{color:var(--color-primary)}
: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}}.dropdown-container{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-content{background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);margin-top:var(--spacing-xs);z-index:1000;opacity:0;pointer-events:none;border-radius:8px;min-width:200px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-8px)scale(.95)}.dropdown-content[aria-hidden=false]{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.dropdown-content[aria-hidden=true]{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%)translateY(-8px)scale(.95)}.dropdown-section{padding-left:var(--spacing-md);margin-top:var(--spacing-xs);border-top:1px solid var(--color-border);padding-top:var(--spacing-xs)}.dropdown-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);color:var(--color-text);transition:var(--transition);border-radius:4px;text-decoration:none;display:flex}.dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.dropdown-item:hover{background:var(--color-bg-light)}.dropdown-item.sub-item{color:var(--color-text-light);font-size:.875rem}.dropdown-item .dropdown-item-icon{color:var(--color-text-light);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item:hover .dropdown-item-icon{color:var(--color-text)}.dropdown-item .dropdown-item-label{flex:1}