:root{color-scheme:light;--color-primary: #1A1F3D;--color-secondary: #6B6E8A;--color-accent: #C9A96E;--color-muted: #9B9EB5;--color-bg: #F5F2ED;--color-bg-alt: #F0ECE6;--color-bg-white: #FEFDFB;--color-border: #E8E4DE;--color-border-gold: rgba(201, 169, 110, .3);--color-primary-light: #2A3158;--color-primary-hover: #252B4D;--color-accent-soft: rgba(201, 169, 110, .08);--font-display: "Cormorant Garamond", "Georgia", serif;--font-heading: "Noto Serif TC", "PMingLiU", serif;--font-body: "Noto Sans TC", "PingFang TC", "Helvetica Neue", "Arial", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.35rem);--text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-2xl: clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--text-3xl: clamp(2.2rem, 1.6rem + 3vw, 3.6rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-section: clamp(4rem, 3rem + 5vw, 8rem);--shadow-sm: 0 1px 3px rgba(26, 31, 61, .06);--shadow-md: 0 4px 16px rgba(26, 31, 61, .08);--shadow-lg: 0 12px 40px rgba(26, 31, 61, .1);--shadow-xl: 0 24px 60px rgba(26, 31, 61, .12);--shadow-gold: 0 4px 20px rgba(201, 169, 110, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 1;--z-above: 10;--z-nav: 100;--z-modal: 1000;--z-toast: 2000;--max-width-content: 840px;--max-width-wide: 1280px;font-family:var(--font-body);line-height:1.6;font-weight:400;background-color:var(--color-bg);color:var(--color-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration-skip-ink:auto}button{font:inherit;cursor:pointer}img,svg{display:block;max-width:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#c9a96e33;color:var(--color-primary)}@keyframes hp-page-fade-in{0%{opacity:0}to{opacity:1}}#root{animation:hp-page-fade-in .5s var(--ease-out) both}.reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-up{transform:translateY(32px)}.reveal-down{transform:translateY(-32px)}.reveal-left{transform:translate(32px)}.reveal-right{transform:translate(-32px)}.reveal-scale{transform:scale(.95)}.reveal-visible{opacity:1;transform:translate(0) scale(1)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0ms}.reveal-stagger>.reveal:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}.global-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--color-primary, #1A1F3D);color:var(--color-bg, #F5F2ED);padding:10px 24px;border-radius:999px;font-size:.9rem;z-index:var(--z-toast, 2000);pointer-events:none;animation:global-toast-in .3s ease;max-width:min(90vw,400px);text-align:center}@keyframes global-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;background:var(--color-primary, #1A1F3D);color:var(--color-bg, #F5F2ED);font-size:var(--text-xs, .8rem);z-index:var(--z-toast, 2000);animation:cookie-slide-up .4s var(--ease-out, ease)}.cookie-text{margin:0;line-height:1.5;max-width:600px}.cookie-accept{flex-shrink:0;padding:8px 20px;border:1px solid var(--color-accent, #C9A96E);border-radius:var(--radius-full, 999px);background:transparent;color:var(--color-accent, #C9A96E);font-size:var(--text-xs, .8rem);cursor:pointer;transition:background var(--duration-fast, .15s),color var(--duration-fast, .15s);white-space:nowrap}.cookie-accept:hover{background:var(--color-accent, #C9A96E);color:var(--color-primary, #1A1F3D)}@keyframes cookie-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 480px){.cookie-banner{flex-direction:column;text-align:center;gap:10px;padding:12px 16px}}.section-heading{text-align:center;margin-bottom:var(--space-lg)}.section-heading__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;letter-spacing:.12em;color:var(--color-primary);margin:0}.section-heading__subtitle{font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.15em;color:var(--color-secondary);margin:.6rem 0 0}.section-heading__divider{width:4rem;height:1px;background:var(--color-accent);margin:1.2rem auto 0;border:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2.4rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;color:var(--color-bg-white);background:var(--color-primary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2.4rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;color:var(--color-primary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn-secondary:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(0)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2.4rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;color:var(--color-primary);background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn-accent:hover{background:#c9a96e14;transform:translateY(-2px);box-shadow:var(--shadow-gold)}.btn-accent:active{transform:translateY(0)}.card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-gold)}.divider-gold{width:4rem;height:1px;background:var(--color-accent);border:none;margin:var(--space-lg) auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-alt) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm)}.skeleton-heading{height:1.8em;width:60%;margin-bottom:1em}.skeleton-circle{border-radius:50%}