:root{--background: #FAF9F6;--background-subtle: #F2F0EA;--background-secondary: #F5F5F5;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #8C8C8C;--text-tertiary: #B0B0B0;--link: #6B4423;--link-hover: #C75D3F;--border-subtle: #E5E2D9;--border-secondary: #D4D4D4;--border-strong: #A0A0A0;--accent-blue: #2A3F5F;--diagram-surface: #FBFAF6;--diagram-line: #E3E0D8;--diagram-line-strong: #D2CCC0;--diagram-text: #1A1A1A;--diagram-text-secondary: #555555;--diagram-text-muted: #8A8A85;--diagram-fill: #F2F5F8;--diagram-fill-strong: #D8E0E8;--diagram-accent: #8799A8;--diagram-accent-text: #516575;--diagram-risk-fill: #F7F1ED;--diagram-risk-accent: #A7836F;--diagram-paper: var(--diagram-fill);--diagram-blue-fill: var(--diagram-fill);--diagram-blue-fill-strong: var(--diagram-fill-strong);--diagram-blue-accent: var(--diagram-accent);--diagram-blue-text: var(--diagram-accent-text);--diagram-sage-fill: var(--diagram-fill);--diagram-sage-fill-strong: var(--diagram-fill-strong);--diagram-sage-accent: var(--diagram-accent);--diagram-sage-text: var(--diagram-accent-text);--diagram-clay-fill: var(--diagram-fill);--diagram-clay-fill-strong: var(--diagram-fill-strong);--diagram-clay-accent: var(--diagram-accent);--diagram-clay-text: var(--diagram-accent-text);--diagram-gold-fill: var(--diagram-fill);--diagram-gold-fill-strong: var(--diagram-fill-strong);--diagram-gold-accent: var(--diagram-accent);--diagram-gold-text: var(--diagram-accent-text);--diagram-slate-fill: var(--diagram-fill);--diagram-slate-fill-strong: var(--diagram-fill-strong);--diagram-slate-accent: var(--diagram-accent);--diagram-slate-text: var(--diagram-accent-text);--font-family-zh: "Noto Serif SC", serif;--font-family-en: "Crimson Pro", serif;--font-family-mono: "JetBrains Mono", monospace;--font-family-article-text: "STKaiti", "华文楷体", serif;--font-family-article-title: "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;--font-size-base: clamp(14px, 1vw + 10px, 16px);--font-size-h1: clamp(24px, 4vw + 12px, 36px);--font-size-h2: clamp(20px, 3vw + 10px, 28px);--font-size-h3: clamp(18px, 2vw + 8px, 22px);--font-size-h4: clamp(16px, 1.5vw + 7px, 19px);--font-size-body: clamp(15px, .5vw + 13px, 17px);--font-size-small: clamp(12px, .3vw + 11px, 14px);--font-size-tiny: clamp(10px, .2vw + 9px, 12px);--line-height-body: 1.8;--font-size-pkg-h1: var(--font-size-h1);--font-size-pkg-h2: .88rem;--font-size-pkg-body: .95rem;--font-size-pkg-detail: .88rem;--font-size-pkg-label: .82rem;--font-size-pkg-hint: .72rem;--font-size-pkg-price: 1.15rem;--font-weight-h2-label: 700;--font-size-section-h2: 1rem;--max-width-page: 1100px;--max-width-content: 750px;--container-padding: clamp(1.25rem, 5vw, 2.5rem)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family-zh);font-size:var(--font-size-base);line-height:var(--line-height-body);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--link);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){*{-webkit-tap-highlight-color:transparent}html{font-size:16px}body{-webkit-text-size-adjust:100%}}.section-divider{height:1px;background-color:var(--border-subtle);margin:4rem 0}.article-body p,.article-body li,.article-body blockquote,.article-body td,.article-body th,.article-body dd,.article-body dt,.articles-list p,.article-card .article-excerpt{font-family:var(--font-family-article-text)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,.article-content h1,.article-item h2,.article-item h3{font-family:var(--font-family-article-title);line-height:1.3}.article-body .diagram-container{width:100%;max-width:820px;margin:2.4rem auto;padding:1rem;border:1px solid var(--diagram-line);border-radius:6px;background:var(--diagram-surface);overflow:visible}.article-body .diagram-container svg{width:100%;height:auto;display:block;margin:0!important;padding:0;border:0;background:transparent;overflow:visible;font-family:var(--font-family-article-title)}.article-body>svg[role=img]{width:100%;max-width:800px;height:auto;display:block;margin:2.4rem auto!important;padding:1rem;border:1px solid var(--diagram-line);border-radius:6px;background:var(--diagram-surface);overflow:visible;font-family:var(--font-family-article-title)}@media (max-width: 767px){.section-divider{margin:3rem 0}}