*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5}body{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}@font-face{font-family:"Noto Serif TC";src:url(/fonts/NotoSerifTC-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(/fonts/NotoSerifTC-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #FAF6EC;--color-surface: #FFFCF5;--color-ink: #1A1410;--color-text: #2B231C;--color-muted: #6E5C44;--color-linen: #E8DEC8;--color-linen-strong: #D6C8A8;--color-orange: #D87412;--color-orange-mid: #F4A51D;--color-orange-bright:#FFB840;--color-orange-tint: #FCEFC8;--color-orange-wash: #FFF5DD;--color-accent: var(--color-orange);--font-serif: "Noto Serif TC", Georgia, serif;--font-sans: "Noto Sans TC", -apple-system, system-ui, sans-serif;--size-xs: .75rem;--size-sm: .9rem;--size-base: 1rem;--size-lg: 1.25rem;--size-xl: 1.563rem;--size-2xl: 1.953rem;--size-3xl: 2.441rem;--size-4xl: 3.052rem;--size-5xl: 3.815rem;--size-6xl: 4.768rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--page-pad-x: clamp(16px, 5vw, 48px);--section-pad-y: clamp(56px, 10vw, 100px);--hero-pad-top: clamp(40px, 8vw, 80px);--hero-pad-bottom: clamp(40px, 6vw, 60px);--heading-lg: clamp(2rem, 6vw, 3.815rem);--heading-md: clamp(1.75rem, 4.5vw, 3.052rem);--heading-sm: clamp(1.375rem, 3vw, 1.953rem);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(26, 20, 16, .05);--shadow-md: 0 4px 12px -4px rgba(26, 20, 16, .08);--shadow-lg: 0 12px 32px -8px rgba(26, 20, 16, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.83, 0, .17, 1);--dur-fast: .15s;--dur-base: .28s;--dur-slow: .5s;--dur-slower: .8s}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--size-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;letter-spacing:-.015em;line-height:1.1;color:var(--color-ink)}h1{font-size:var(--heading-lg)}h2{font-size:var(--heading-md)}h3{font-size:var(--heading-sm)}h4{font-size:var(--size-xl)}em{font-style:italic;color:var(--color-orange)}::selection{background:var(--color-orange);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px;border-radius:2px}article{max-width:720px;margin:0 auto;padding:var(--section-pad-y) var(--page-pad-x)}article p{margin-bottom:var(--space-4)}article p+p{margin-top:0}article h1{font-size:var(--heading-md);margin-bottom:var(--space-6)}article h2{font-size:var(--heading-md);margin-top:var(--space-12);margin-bottom:var(--space-3)}article h3{font-size:var(--heading-sm);margin-top:var(--space-8);margin-bottom:var(--space-2)}article a{color:var(--color-orange);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-thickness var(--dur-fast) var(--ease-out)}article a:hover{text-decoration-thickness:2px}article ul,article ol{margin:var(--space-4) 0;padding-left:var(--space-6)}article li{margin-bottom:var(--space-2)}article strong{font-weight:700;color:var(--color-ink)}article blockquote{border-left:3px solid var(--color-orange);margin:var(--space-6) 0;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-style:italic}.ktb-btn:hover{transform:translateY(-1px)}.ktb-btn:active{transform:translateY(0)}.ktb-btn:disabled,.ktb-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none}.ktb-btn-primary:hover{box-shadow:0 16px 36px -12px #d874128c}.ktb-btn-secondary:hover{border-color:var(--color-ink)}.ktb-btn-ghost:hover{background:var(--color-orange-wash)}