:root{--page-max-width: 1440px;--frieren-green-50: #E8F5E9;--frieren-green-100: #C8E6C9;--frieren-green-200: #A5D6A7;--frieren-green-300: #81C784;--frieren-green-400: #66BB6A;--frieren-green-500: #4CAF50;--frieren-green-600: #43A047;--frieren-green-700: #388E3C;--frieren-green-800: #2E7D32;--frieren-green-900: #1B5E20;--frieren-magic-300: #CE93D8;--frieren-magic-400: #BA68C8;--frieren-magic-500: #AB47BC;--frieren-magic-600: #9C27B0;--frieren-magic-700: #8E24AA;--frieren-heal-300: #80DEEA;--frieren-heal-400: #4DD0E1;--frieren-heal-500: #00BCD4;--frieren-heal-600: #00ACC1;--frieren-cream-50: #FFFDE7;--frieren-cream-100: #FFF9C4;--frieren-cream-200: #FFF59D;--frieren-cream-300: #FFF176;--frieren-paper: #F5F0E6;--frieren-parchment: #EDE7D6;--dark-void: #0A0A0F;--dark-abyss: #12121A;--dark-shadow: #1A1A24;--dark-mist: #24242E;--dark-obsidian: #2E2E38;--dark-charcoal: #3A3A44;--dark-text-primary: #E8E8E8;--dark-text-secondary: #B8B8B8;--dark-text-muted: #888888;--dark-text-disabled: #585858;--dark-magic-300: #7E57C2;--dark-magic-400: #673AB7;--dark-magic-500: #5E35B1;--dark-magic-600: #512DA8;--gold-glow-300: #FFD54F;--gold-glow-400: #FFCA28;--gold-glow-500: #FFC107;--gold-glow-600: #FFB300;--gold-glow-700: #FF8F00;--gold-accent: #D4AF37;--gold-royal: #B8860B;--success-light: #66BB6A;--success-dark: #4CAF50;--warning-light: #FFB74D;--warning-dark: #FFB300;--error-light: #EF5350;--error-dark: #F44336;--info-light: #4DD0E1;--info-dark: #2196F3;--font-display: "Cormorant", "Playfair Display", serif;--font-heading: "Cormorant", "Cinzel", serif;--font-body: "Montserrat", "Inter", "Noto Sans TC", sans-serif;--font-magic: "Cinzel", "MedievalSharp", serif;--font-display-dark: "Cormorant", "Cinzel", serif;--font-heading-dark: "Cormorant", "Montserrat", serif;--font-body-dark: "Montserrat", "Inter", "Noto Sans TC", sans-serif;--font-magic-dark: "MedievalSharp", "Cinzel Decorative", serif;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-5xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-magic: .8s;--ease-magic-in: cubic-bezier(.16, 1, .3, 1);--ease-magic-out: cubic-bezier(.25, .46, .45, .94);--ease-glow: cubic-bezier(.4, 0, .2, 1);--ease-float: cubic-bezier(.25, .1, .25, 1)}.light,[data-theme=light]{--bg-default: var(--frieren-cream-50);--bg-subtle: var(--frieren-cream-100);--bg-muted: var(--frieren-green-100);--bg-card: var(--frieren-cream-100);--fg-default: var(--frieren-green-800);--fg-muted: var(--frieren-green-600);--fg-subtle: var(--frieren-green-400);--fg-disabled: var(--frieren-green-300);--accent-default: var(--frieren-magic-400);--accent-fg: white;--accent-muted: var(--frieren-magic-300);--border-default: var(--frieren-green-300);--border-muted: var(--frieren-cream-300);--border-magic: var(--frieren-magic-300);--shadow-card: 0 2px 8px rgba(76, 175, 80, .1);--shadow-magic: 0 4px 16px rgba(171, 71, 188, .15);--shadow-glow: 0 0 20px rgba(171, 71, 188, .3);--font-heading: var(--font-display);--font-body: var(--font-body)}.dark,[data-theme=dark]{--bg-default: var(--dark-void);--bg-subtle: var(--dark-abyss);--bg-muted: var(--dark-shadow);--bg-card: var(--dark-shadow);--fg-default: var(--dark-text-primary);--fg-muted: var(--dark-text-secondary);--fg-subtle: var(--dark-text-muted);--fg-disabled: var(--dark-text-disabled);--accent-default: var(--gold-glow-500);--accent-fg: var(--dark-void);--accent-muted: var(--gold-glow-400);--border-default: var(--dark-obsidian);--border-muted: var(--dark-charcoal);--border-magic: var(--gold-glow-500);--shadow-card: 0 4px 12px rgba(0, 0, 0, .4);--shadow-magic: 0 8px 24px rgba(255, 193, 7, .2);--shadow-glow: 0 0 20px rgba(255, 193, 7, .4);--font-heading: var(--font-display-dark);--font-body: var(--font-body-dark)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-default);color:var(--fg-default);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color var(--duration-normal) var(--ease-glow),color var(--duration-normal) var(--ease-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-default),0 0 0 4px #ab47bc4d}.dark :focus-visible{box-shadow:0 0 0 2px var(--gold-glow-500),0 0 0 4px #ffc10766}::selection{background-color:var(--frieren-magic-200);color:var(--frieren-magic-700)}.dark ::selection{background-color:var(--gold-glow-300);color:var(--dark-void)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes magicGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes watercolor-bleed{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.02) translate(1%,-.5%)}50%{transform:scale(.98) translate(-.5%,1%)}75%{transform:scale(1.01) translate(-1%,.5%)}}.magic-glow-light{animation:magicGlow var(--duration-magic) var(--ease-glow) infinite;box-shadow:0 0 20px #ab47bc4d,0 0 40px #ab47bc33,0 0 60px #ab47bc1a}.magic-glow-dark{animation:magicGlow var(--duration-magic) var(--ease-glow) infinite;box-shadow:0 0 20px #ffc10766,0 0 40px #ffc1074d,0 0 60px #ffc10733}.float-magic{animation:float 3s var(--ease-float) infinite}.sparkle-light{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle,var(--frieren-magic-300) 0%,transparent 70%)}.sparkle-dark{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle,var(--gold-glow-400) 0%,transparent 70%)}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-magic-in)}.fade-out{animation:fadeOut var(--duration-normal) var(--ease-magic-out)}@media (max-width: 767px){html{font-size:14px}}@media (min-width: 1440px){html{font-size:18px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-muted)}@media print{body{background:#fff;color:#000}.magic-glow-light,.magic-glow-dark,.float-magic,.sparkle-light,.sparkle-dark{animation:none}}