@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-heading:"Noto Serif TC", "Noto Serif", "Georgia", serif;--font-body:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Hiragino Sans", sans-serif;--font-ui:"Inter", "Noto Sans TC", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.5;--leading-normal:1.7;--leading-relaxed:1.9;--leading-loose:2.2;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a, 0 2px 6px #0000000f;--shadow-lg:0 8px 24px #0000001f, 0 4px 12px #00000014;--shadow-xl:0 16px 40px #00000024, 0 8px 20px #00000014;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--duration-page:.3s;--duration-hero:.7s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--container-sm:640px;--container-md:768px;--container-reading:680px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--bp-sm:375px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1440px;--reader-font-sm:.875rem;--reader-font-md:1.125rem;--reader-font-lg:1.375rem;--progress-height:3px;--color-on-accent:#fff;--color-on-hero:#ffffffeb;--color-on-hero-strong:#fff;--color-on-hero-hover-bg:#ffffff29;--hero-scrim:linear-gradient(to bottom, #00000073 0%, #0000 100%);--hero-text-shadow:0 1px 6px #00000080}[data-theme=light],:root:not([data-theme]){--color-primary:#3d2b1f;--color-primary-hover:#2e1f15;--color-secondary:#92400e;--color-secondary-hover:#78350f;--color-accent:#d97706;--color-accent-hover:#b45309;--color-accent-light:#fef3c7;--color-bg:#fdfaf5;--color-bg-secondary:#f8f4ed;--color-surface:#fff;--color-surface-hover:#fdfaf5;--color-muted:#f5f0e8;--color-muted-hover:#ede7db;--color-fg:#1a1a1a;--color-fg-secondary:#3d3530;--color-subtle:#78716c;--color-placeholder:#a8a29e;--color-border:#e8e0d4;--color-border-strong:#d6cab8;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--color-info:#2563eb;--color-info-light:#dbeafe;--shadow-color:#3d2b1f14;--shadow-sm:0 1px 3px #3d2b1f14, 0 1px 2px #3d2b1f0d;--shadow-md:0 4px 12px #3d2b1f1a, 0 2px 6px #3d2b1f0f;--shadow-lg:0 8px 24px #3d2b1f1f, 0 4px 12px #3d2b1f12;--color-overlay:#1a140f80;--glass-bg:#fdfaf5e0;--glass-border:#e8e0d499;--glass-blur:blur(12px);--scrollbar-thumb:#d6cab8;--scrollbar-track:#f5f0e8;--viz-series-1:#d97706;--viz-series-2:#2563eb}[data-theme=dark]{--color-primary:#e8dcc8;--color-primary-hover:#f0e8d4;--color-secondary:#d4a96a;--color-secondary-hover:#ddb87d;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-accent-light:#451a03;--color-bg:#0f0e0c;--color-bg-secondary:#141210;--color-surface:#1c1a17;--color-surface-hover:#221f1b;--color-muted:#201d19;--color-muted-hover:#272320;--color-fg:#d4c9b5;--color-fg-secondary:#b8aa95;--color-subtle:#6b6560;--color-placeholder:#4a4540;--color-border:#2e2a25;--color-border-strong:#3d3830;--color-success:#4ade80;--color-success-light:#052e16;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-error:#f87171;--color-error-light:#450a0a;--color-info:#60a5fa;--color-info-light:#1e3a5f;--shadow-color:#0000004d;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059, 0 2px 6px #00000040;--shadow-lg:0 8px 24px #0006, 0 4px 12px #0000004d;--color-overlay:#000000b3;--glass-bg:#1c1a17e6;--glass-border:#2e2a2599;--glass-blur:blur(12px);--scrollbar-thumb:#3d3830;--scrollbar-track:#1c1a17;--viz-series-1:#bf8420;--viz-series-2:#4f8ae0}[data-theme=eyecare]{--color-primary:#3a2e22;--color-primary-hover:#2e2318;--color-secondary:#7c4c1e;--color-secondary-hover:#6b3f17;--color-accent:#b45309;--color-accent-hover:#92400e;--color-accent-light:#fef3c7;--color-bg:#f2ebdd;--color-bg-secondary:#ede5d3;--color-surface:#ede5d3;--color-surface-hover:#e8dfc8;--color-muted:#e8dfc8;--color-muted-hover:#e0d5b8;--color-fg:#3a2e22;--color-fg-secondary:#4a3c2d;--color-subtle:#7a6652;--color-placeholder:#9e8a74;--color-border:#d8cdb8;--color-border-strong:#c8baa2;--color-success:#15803d;--color-success-light:#dcfce7;--color-warning:#b45309;--color-warning-light:#fef3c7;--color-error:#b91c1c;--color-error-light:#fee2e2;--color-info:#1d4ed8;--color-info-light:#dbeafe;--shadow-sm:0 1px 3px #3a2e2214, 0 1px 2px #3a2e220d;--shadow-md:0 4px 12px #3a2e221a, 0 2px 6px #3a2e220f;--shadow-lg:0 8px 24px #3a2e221f, 0 4px 12px #3a2e2212;--color-overlay:#3a2e2280;--glass-bg:#f2ebddeb;--glass-border:#d8cdb899;--glass-blur:blur(12px);--scrollbar-thumb:#c8baa2;--scrollbar-track:#e8dfc8;--viz-series-1:#b45309;--viz-series-2:#1d4ed8}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-primary:#e8dcc8;--color-primary-hover:#f0e8d4;--color-secondary:#d4a96a;--color-secondary-hover:#ddb87d;--color-accent:#f59e0b;--color-accent-hover:#fbbf24;--color-accent-light:#451a03;--color-bg:#0f0e0c;--color-bg-secondary:#141210;--color-surface:#1c1a17;--color-surface-hover:#221f1b;--color-muted:#201d19;--color-muted-hover:#272320;--color-fg:#d4c9b5;--color-fg-secondary:#b8aa95;--color-subtle:#6b6560;--color-placeholder:#4a4540;--color-border:#2e2a25;--color-border-strong:#3d3830;--color-overlay:#000000b3;--glass-bg:#1c1a17e6;--glass-border:#2e2a2599;--scrollbar-thumb:#3d3830;--scrollbar-track:#1c1a17}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;hanging-punctuation:first last;font-size:16px}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}@media (min-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}p{line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide);color:var(--color-fg)}p+p{margin-top:var(--space-4)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--text-xs);color:var(--color-subtle)}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{padding-left:var(--space-5)}li{margin-top:var(--space-1);line-height:var(--leading-relaxed)}img,video,svg{max-width:100%;display:block}img{height:auto}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-muted);color:var(--color-secondary);border-radius:var(--radius-sm);padding:.1em .4em}pre{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);line-height:var(--leading-relaxed);overflow-x:auto}pre code{background:0 0;padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::selection{background-color:var(--color-accent-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--container-xl);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-6)}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}}.container--reading{max-width:var(--container-reading);padding-inline:var(--space-4);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out), border-color var(--duration-slow) var(--ease-in-out), box-shadow var(--duration-slow) var(--ease-in-out)!important}.reader-content{font-family:var(--font-body);font-size:var(--reader-font-md);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide);color:var(--color-fg);max-width:var(--container-reading);margin-inline:auto}.reader-content p{margin-bottom:1.5em}.reader-content h1,.reader-content h2,.reader-content h3{margin-top:2em;margin-bottom:.8em}[data-reader-font=sm] .reader-content{font-size:var(--reader-font-sm)}[data-reader-font=md] .reader-content{font-size:var(--reader-font-md)}[data-reader-font=lg] .reader-content{font-size:var(--reader-font-lg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}