*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1a1a2e;--ink-light:#3d3d56;--paper:#faf8f5;--paper-warm:#f3efe9;--cinnabar:#c23616;--cinnabar-light:#e55039;--cinnabar-pale:#fce4e1;--level-a2:#4a7c59;--level-a2-bg:#e8f0eb;--level-a2-border:#4a7c59;--level-b2:#b07d2e;--level-b2-bg:#f5ecd7;--level-b2-border:#b07d2e;--level-c2:#8e4585;--level-c2-bg:#f3e5f1;--level-c2-border:#8e4585;--level-zh:#c23616;--level-zh-bg:#fce4e1;--level-zh-border:#c23616;--color-primary:var(--ink);--color-primary-hover:var(--ink-light);--color-accent:var(--cinnabar);--color-accent-hover:var(--cinnabar-light);--color-success:var(--level-a2);--color-error:#c0392b;--color-warning:var(--level-b2);--text-primary:var(--ink);--text-secondary:#5c5c7a;--text-tertiary:#76768a;--text-inverse:var(--paper);--text-link:var(--cinnabar);--text-link-hover:var(--cinnabar-light);--bg-primary:var(--paper);--bg-secondary:var(--paper-warm);--bg-tertiary:#ece8e2;--bg-elevated:#fff;--bg-overlay:#1a1a2e99;--bg-accent:var(--cinnabar-pale);--border-primary:#d8d3cb;--border-secondary:#e8e4de;--border-focus:var(--cinnabar);--border-accent:var(--cinnabar);--shadow-sm:0 1px 2px #1a1a2e0f;--shadow-md:0 2px 8px #1a1a2e14, 0 1px 2px #1a1a2e0a;--shadow-lg:0 4px 16px #1a1a2e1a, 0 2px 4px #1a1a2e0f;--shadow-xl:0 8px 32px #1a1a2e1f, 0 4px 8px #1a1a2e0f;--shadow-inset:inset 0 1px 2px #1a1a2e0f;--font-scale:1;--font-xs:calc(.75rem * var(--font-scale));--font-sm:calc(.875rem * var(--font-scale));--font-base:calc(1rem * var(--font-scale));--font-md:calc(1.125rem * var(--font-scale));--font-lg:calc(1.25rem * var(--font-scale));--font-xl:calc(1.5rem * var(--font-scale));--font-2xl:calc(1.875rem * var(--font-scale));--font-3xl:calc(2.25rem * var(--font-scale));--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.05em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--container-sm:600px;--container-md:720px;--container-lg:860px;--focus-ring:0 0 0 2px var(--paper), 0 0 0 4px var(--cinnabar);--accent-line:linear-gradient(90deg, transparent, var(--cinnabar-pale), transparent);--accent-line-strong:linear-gradient(90deg, transparent, var(--cinnabar), transparent);--card-accent-1:#c23616;--card-accent-2:#b07d2e;--card-accent-3:#4a7c59;--card-accent-4:#8e4585}[data-theme=dark]{--ink:#f5f5f5;--ink-light:#999;--paper:#000;--paper-warm:#111;--cinnabar:#c23616;--cinnabar-light:#e55039;--cinnabar-pale:#c2361626;--text-primary:#f5f5f5;--text-secondary:#999;--text-tertiary:#7a7a7a;--text-inverse:#000;--text-link:#e55039;--text-link-hover:#f0715e;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--bg-elevated:#1a1a1a;--bg-overlay:#000000b3;--bg-accent:#c2361626;--border-primary:#ffffff14;--border-secondary:#ffffff0a;--border-focus:#c2361680;--border-accent:#c236164d;--shadow-sm:0 1px 2px #ffffff08;--shadow-md:0 4px 6px #ffffff0d;--shadow-lg:0 10px 15px #ffffff12;--shadow-xl:0 20px 25px #ffffff1a;--shadow-inset:inset 0 2px 4px #ffffff08;--level-a2-bg:#4a7c5926;--level-b2-bg:#b07d2e26;--level-c2-bg:#8e458526;--level-zh-bg:#c2361626;--level-a2-border:#4a7c5940;--level-b2-border:#b07d2e40;--level-c2-border:#8e458540;--level-zh-border:#c2361640;--scrollbar-track:#0a0a0a;--scrollbar-thumb:#333;--focus-ring:0 0 0 2px #000, 0 0 0 4px #c23616;--accent-line:linear-gradient(90deg, transparent, #c2361626, transparent);--accent-line-strong:linear-gradient(90deg, transparent, #c23616, transparent);--card-accent-1:#c23616;--card-accent-2:#b07d2e;--card-accent-3:#4a7c59;--card-accent-4:#8e4585}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)!important}body{font-family:var(--font-body), -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);font-size:var(--font-base);text-rendering:optimizelegibility}.zh-text{font-family:var(--font-chinese), "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif}.container{max-width:var(--container-sm);padding:0 var(--space-4);margin:0 auto;position:relative}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading), Georgia, serif;font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}h4{font-size:var(--font-md)}p{line-height:var(--leading-normal);color:var(--text-primary)}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--text-link-hover)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}:focus:not(:focus-visible){box-shadow:none;outline:none}::selection{background-color:var(--cinnabar);color:var(--paper)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track,transparent)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,var(--border-primary));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeletonText{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeletonText:last-child{width:60%}.skeletonHeading{width:70%;height:1.4em;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.skeletonCard{border-radius:var(--radius-lg);height:140px;margin-bottom:var(--space-4)}.skipLink{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--cinnabar);color:#fff;font-weight:var(--weight-semibold);border-radius:var(--radius-md);z-index:var(--z-toast);transition:top var(--duration-fast) var(--ease-out);position:absolute}.skipLink:focus{top:var(--space-4)}