:root{--font-sans: "BE Vietnam Pro", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--color-primary: #ea2a33;--color-primary-dark: #c41e26;--color-primary-light: #f06b72;--color-primary-foreground: #ffffff;--color-background: #f8f6f6;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-foreground: #181111;--color-foreground-muted: #886364;--color-border: #e5dcdc;--color-border-strong: #d4c8c8;--color-muted: #f3eded;--color-muted-foreground: #886364;--color-accent: #fef2f2;--color-accent-foreground: #991b1b;--color-input: #e5dcdc;--color-ring: #ea2a33;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-success-foreground: #166534;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-warning-foreground: #92400e;--color-error: #dc2626;--color-error-light: #fef2f2;--color-error-foreground: #991b1b;--color-info: #2563eb;--color-info-light: #eff6ff;--color-info-foreground: #1e40af;--color-sidebar: #fafafa;--color-sidebar-foreground: #3f3f46;--color-sidebar-border: #e5dcdc;--color-sidebar-active: rgba(234, 42, 51, .1);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--text-display-xl: 3rem;--text-display-lg: 2.25rem;--text-display-md: 1.875rem;--text-display-sm: 1.5rem;--text-heading-lg: 1.25rem;--text-heading-md: 1.125rem;--text-heading-sm: 1rem;--text-body-lg: 1rem;--text-body-md: .875rem;--text-body-sm: .8125rem;--text-label-lg: .875rem;--text-label-md: .75rem;--text-label-sm: .6875rem;--shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-soft: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-heavy: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}html.dark{--color-primary: #ea2a33;--color-primary-dark: #c41e26;--color-primary-light: #f06b72;--color-primary-foreground: #ffffff;--color-background: #0f0f11;--color-surface: #18181b;--color-surface-raised: #1f1f23;--color-foreground: #f2f2f2;--color-foreground-muted: #a1a1aa;--color-border: #2e2e33;--color-border-strong: #3f3f46;--color-input: #2e2e33;--color-muted: #27272a;--color-muted-foreground: #a1a1aa;--color-accent: #3b1518;--color-accent-foreground: #f06b72;--color-ring: #ea2a33;--color-success: #22c55e;--color-success-light: rgba(34, 197, 94, .12);--color-success-foreground: #86efac;--color-warning: #eab308;--color-warning-light: rgba(234, 179, 8, .12);--color-warning-foreground: #fde047;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .12);--color-error-foreground: #fca5a5;--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .12);--color-info-foreground: #93c5fd;--color-sidebar: #18181b;--color-sidebar-foreground: #f2f2f2;--color-sidebar-border: #2e2e33;--color-sidebar-active: rgba(234, 42, 51, .15);--shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-soft: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-heavy: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3)}:root{--max-w: 780px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:var(--font-sans)}body{margin:0;font:16px/1.7 var(--font-sans);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 20px}a{color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-primary-dark)}.site-header{border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);padding:16px 0;margin-bottom:48px;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;line-height:1;color:var(--color-foreground);text-decoration:none}.site-header .brand img{width:32px;height:32px;flex:0 0 auto}.site-header nav{display:flex;align-items:center;gap:14px}.site-header nav a{color:var(--color-muted-foreground);text-decoration:none;font-size:14px;font-weight:500}.site-header nav a:hover{color:var(--color-foreground)}.site-footer{border-top:1px solid var(--color-border);margin-top:80px;padding:24px 0;color:var(--color-muted-foreground);font-size:14px}.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer p{margin:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;padding:0;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-foreground-muted);cursor:pointer;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--color-foreground);border-color:var(--color-foreground-muted)}html.dark .theme-toggle .icon-dark,html:not(.dark) .theme-toggle .icon-light{display:none}h1,h2,h3,h4{line-height:1.2;letter-spacing:0}h1{font-size:2.25rem;margin:0 0 .45em}h2{font-size:1.5rem;margin:1.8em 0 .55em}h3{font-size:1.2rem;margin:1.5em 0 .35em}.article-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.article-list li{padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.article-list h2{margin:0 0 8px;font-size:1.25rem}.article-list h2 a{color:var(--color-foreground);text-decoration:none}.article-list h2 a:hover{color:var(--color-primary)}.article-list .meta{color:var(--color-muted-foreground);font-size:14px;margin:0 0 10px}.article-list .excerpt{margin:0;color:var(--color-muted-foreground)}article header{margin-bottom:28px}article header .meta{color:var(--color-muted-foreground);font-size:14px}article .cover{margin:0 0 32px}article .cover img{width:100%;height:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}article .body{font-size:17px}article .body p{margin:0 0 1em}article .body img{max-width:100%;height:auto;border-radius:var(--radius-md)}article .body figure{margin:1.6em 0}article .body blockquote{margin:1.5em 0;padding:8px 18px;border-left:4px solid var(--color-border);color:var(--color-muted-foreground);background:var(--color-surface)}article .body code{background:var(--color-muted);padding:1px 5px;border-radius:var(--radius-sm);font-size:.92em;font-family:var(--font-mono)}article .body pre{background:var(--color-muted);padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}article .body pre code{background:transparent;padding:0}article .body ul,article .body ol{padding-left:1.5em}.back-link{display:inline-block;margin-top:60px;font-size:14px;color:var(--color-muted-foreground);text-decoration:none}.back-link:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:560px){.site-header .wrap{align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:1.85rem}}