:root{--lacquer: #1b130e;--candle: #efe4cc;--muted: #c9bca0;--ash: #8a7b67;--brass: #c2913f;--brass-bright: #d6a559;--brass-deep: #8a6a1f;--curtain: #8c2b2e;--ink: #241c15;--color-base: var(--lacquer);--color-bg: #1f160f;--color-bg-elevated: #261b13;--color-surface: #241a12;--color-surface-raised: #2e2118;--color-overlay: color-mix(in srgb, var(--lacquer) 82%, transparent);--color-border: color-mix(in srgb, var(--ash) 30%, transparent);--color-border-strong: color-mix(in srgb, var(--ash) 52%, transparent);--color-paper: var(--candle);--color-paper-edge: #d8c9a6;--color-ink: var(--ink);--color-ink-muted: #5a4d3d;--color-text: var(--candle);--color-text-muted: var(--muted);--color-text-subtle: var(--ash);--color-text-faint: #6d5f4d;--color-text-inverse: var(--ink);--color-accent: var(--brass);--color-accent-strong: var(--brass-bright);--color-accent-active: #a87b31;--color-accent-soft: color-mix(in srgb, var(--brass) 15%, transparent);--color-accent-ink: var(--brass-deep);--color-on-accent: var(--ink);--color-mystery: var(--curtain);--color-mystery-strong: #a5383b;--color-mystery-text: #d98a8c;--color-mystery-soft: color-mix(in srgb, var(--curtain) 16%, transparent);--color-on-mystery: var(--candle);--color-harbor: var(--ash);--color-harbor-strong: var(--muted);--color-harbor-soft: color-mix(in srgb, var(--ash) 18%, transparent);--color-success: #9bb07a;--color-warning: #d8a24e;--color-danger: #d98a8c;--color-info: var(--muted);--color-fog: color-mix(in srgb, var(--candle) 8%, transparent);--color-scrim: color-mix(in srgb, #000 55%, transparent);--color-fog-scrim: color-mix(in srgb, var(--lacquer) 70%, transparent);--font-display: "Fraunces", "LXGW WenKai TC", "PingFang TC", "Noto Serif TC", "Songti TC", serif;--font-serif: var(--font-display);--font-sans: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: clamp(1.15rem, 1.05rem + .5vw, 1.25rem);--font-size-xl: clamp(1.3rem, 1.13rem + .85vw, 1.5rem);--font-size-2xl: clamp(1.55rem, 1.3rem + 1.25vw, 1.875rem);--font-size-3xl: clamp(1.9rem, 1.4rem + 2.5vw, 2.5rem);--font-size-4xl: clamp(2.25rem, 1.6rem + 3.2vw, 3.5rem);--font-size-5xl: clamp(2.5rem, 1.7rem + 4vw, 4.75rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-tight: 1.15;--line-snug: 1.3;--line-normal: 1.7;--line-relaxed: 1.9;--tracking-tight: -.01em;--tracking-wide: .02em;--tracking-wider: .06em;--tracking-widest: .16em;--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: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .26);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 54px rgba(0, 0, 0, .52), 0 6px 18px rgba(0, 0, 0, .4);--glow-soft: 0 0 0 1px color-mix(in srgb, var(--brass) 16%, transparent), 0 8px 30px color-mix(in srgb, var(--brass) 12%, transparent);--glow-lamplight: 0 0 26px color-mix(in srgb, var(--brass) 32%, transparent), 0 0 64px color-mix(in srgb, var(--brass) 15%, transparent);--glow-strong: 0 0 34px color-mix(in srgb, var(--brass) 44%, transparent), 0 0 90px color-mix(in srgb, var(--brass) 20%, transparent);--glow-crimson: 0 0 26px color-mix(in srgb, var(--curtain) 36%, transparent);--gradient-harbor-night: radial-gradient( 130% 100% at 50% -10%, #2a1e15, var(--lacquer) 62% );--gradient-fog: linear-gradient( 180deg, transparent, color-mix(in srgb, var(--candle) 5%, transparent) );--gradient-lamplight-glow: radial-gradient( 62% 52% at 50% 0%, color-mix(in srgb, var(--brass) 13%, transparent), transparent 70% );--gradient-vignette: radial-gradient( 120% 90% at 50% 42%, transparent 55%, color-mix(in srgb, #000 44%, transparent) );--gradient-grain: none;--gradient-foil: linear-gradient( 120deg, transparent, color-mix(in srgb, var(--brass) 22%, transparent), transparent );--gradient-seal: radial-gradient(circle at 40% 35%, #a5383b, var(--curtain));--gradient-door: linear-gradient( 90deg, #150e0a, #221812 46%, #1a120c 62%, #140d09 );--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-fog: cubic-bezier(.37, 0, .63, 1);--ease-reveal: cubic-bezier(.16, 1, .3, 1);--duration-fast: .16s;--duration-base: .24s;--duration-slow: .4s;--duration-slower: .7s;--duration-cinematic: 1.2s;--duration-reduced: .01ms;--focus-ring: 0 0 0 1px var(--ink), 0 0 0 3px var(--brass);--container-max: 1160px;--container-narrow: 720px;--header-height: 68px;--container-pad: clamp(16px, 5vw, 24px);--bp-sm: 480px;--bp-md: 720px;--bp-lg: 1024px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;background-color:var(--color-base);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.site-base{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(52% 40% at 50% -6%,color-mix(in srgb,var(--brass) 10%,transparent),transparent 68%),var(--gradient-harbor-night)}h1,h2,h3,h4{font-family:var(--font-serif);line-height:var(--line-tight);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3);letter-spacing:normal;text-wrap:balance}h1{font-family:var(--font-display);font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}p{margin:0 0 var(--space-4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-accent-strong);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}strong,b{font-weight:var(--font-weight-semibold)}img,svg{max-width:100%;height:auto}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text)}:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.container-narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-10)}.section-tight{padding-block:var(--space-8)}.stack>*+*{margin-top:var(--space-4)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.eyebrow:before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent)}.keyhole-mark{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-4);border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 26%,transparent);box-shadow:var(--glow-soft)}.keyhole-mark svg{width:22px;height:22px}.muted{color:var(--color-text-muted)}.lead{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-relaxed);font-weight:var(--font-weight-regular)}.rule{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent);margin-block:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:1;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--glow-soft)}.btn-primary:hover{background:var(--color-accent-strong);color:var(--color-on-accent);box-shadow:var(--glow-lamplight)}.btn-ghost{background:color-mix(in srgb,var(--color-surface) 55%,transparent);border-color:var(--color-border-strong);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--glow-soft)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-md)}.card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent) 30%,transparent),transparent);opacity:.7}.paper{position:relative;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-paper-edge);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.paper .muted{color:var(--color-ink-muted)}.paper a{color:var(--color-accent-ink)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-raised) 70%,transparent);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}a.chip:hover{color:var(--color-text);border-color:var(--color-border-strong);text-decoration:none}.chip-accent{background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 32%,transparent);color:var(--color-accent-strong)}a.chip-accent:hover{color:var(--color-accent-strong);border-color:color-mix(in srgb,var(--color-accent) 58%,transparent)}.grid{display:grid;gap:var(--space-5)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}:where(.grid,.grid-cards)>*{min-width:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-48px;background:var(--color-accent);color:var(--color-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);transition:top var(--duration-base) var(--ease-standard);z-index:100}.skip-link:focus{top:var(--space-3)}@media(pointer:coarse){.btn,.nav-link,a.chip,.chip,button,input,select,textarea,[role=button]{min-height:44px}.nav-link,a.chip,.chip{display:inline-flex;align-items:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:var(--duration-reduced)!important;scroll-behavior:auto!important}}