:root{--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-500: #78716c;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--bg-page: #faf8f5;--bg-page-gradient: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(254, 243, 199, .4) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 100%, rgba(254, 243, 199, .2) 0%, transparent 60%);--bg-card: rgba(255, 255, 255, .82);--bg-card-solid: rgba(255, 255, 255, .92);--bg-header: rgba(250, 248, 245, .75);--bg-code: var(--gray-100);--bg-pre: var(--gray-900);--bg-blockquote: rgba(254, 243, 199, .35);--text-body: var(--gray-800);--text-heading: var(--gray-900);--text-muted: var(--gray-500);--text-nav: var(--gray-700);--text-pre: var(--gray-100);--border-light: rgba(253, 230, 138, .5);--border-subtle: rgba(214, 211, 209, .4);--border-glow: rgba(251, 191, 36, .15);--card-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(245, 158, 11, .06);--card-shadow-hover: 0 2px 4px rgba(0,0,0,.04), 0 8px 24px rgba(245, 158, 11, .1), 0 0 0 1px rgba(251, 191, 36, .1);--glow-soft: 0 0 40px rgba(251, 191, 36, .08);--font-sans: "Noto Sans SC", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Menlo, Consolas, monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.3;--leading-normal: 1.7;--leading-relaxed: 1.8;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--container-max: 44rem}@media(prefers-color-scheme:dark){:root{--amber-50: #1a1412;--amber-100: #2a1f14;--amber-200: #3d2e1a;--amber-300: #5c4522;--amber-400: #b8860b;--amber-500: #d4a017;--amber-600: #e8b84a;--amber-700: #f0c75e;--amber-800: #f5d98a;--amber-900: #fae8b8;--gray-50: #141311;--gray-100: #1c1b19;--gray-200: #2a2926;--gray-300: #3d3b37;--gray-500: #a8a29e;--gray-700: #d6d3d1;--gray-800: #e7e5e4;--gray-900: #fafaf9;--bg-page: #131211;--bg-page-gradient: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(180, 83, 9, .12) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(180, 83, 9, .06) 0%, transparent 60%);--bg-card: rgba(28, 27, 24, .75);--bg-card-solid: rgba(28, 27, 24, .85);--bg-header: rgba(19, 18, 17, .7);--bg-code: #2a2926;--bg-pre: #0f0e0d;--bg-blockquote: rgba(26, 24, 18, .6);--text-body: #e7e5e4;--text-heading: #fafaf9;--text-muted: #a8a29e;--text-nav: #d6d3d1;--text-pre: #e7e5e4;--border-light: rgba(92, 69, 34, .5);--border-subtle: rgba(42, 41, 38, .6);--border-glow: rgba(212, 160, 23, .1);--card-shadow: 0 1px 2px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.15);--card-shadow-hover: 0 2px 4px rgba(0,0,0,.2), 0 12px 32px rgba(0,0,0,.2), 0 0 0 1px rgba(212, 160, 23, .08);--glow-soft: 0 0 40px rgba(212, 160, 23, .05)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--bg-page);background-image:var(--bg-page-gradient);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}header{padding:var(--space-md) 0;border-bottom:1px solid var(--border-glow);background:var(--bg-header);backdrop-filter:saturate(120%) blur(20px);-webkit-backdrop-filter:saturate(120%) blur(20px);position:sticky;top:0;z-index:100;transition:background .3s,box-shadow .3s,border-color .3s}nav{display:flex;justify-content:space-between;align-items:center}.nav-left .logo{font-size:1.125rem;font-weight:600;color:var(--amber-700);text-decoration:none;transition:color .2s;letter-spacing:-.01em}.nav-left .logo:hover{color:var(--amber-600)}.nav-right{display:flex;gap:var(--space-lg);align-items:center}.nav-right>a{color:var(--text-nav);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color .2s}.nav-right>a:hover{color:var(--amber-600)}.lang-switcher{display:flex;align-items:center;gap:.375rem;padding-left:var(--space-md);border-left:1px solid var(--border-subtle)}.lang-sep{color:var(--gray-300);font-size:var(--text-xs);user-select:none}.lang-switcher a{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color .2s}.lang-switcher a:hover{color:var(--amber-600)}.lang-switcher a.active{color:var(--text-heading);font-weight:600}main{padding:var(--space-2xl) 0;min-height:calc(100vh - 200px)}footer{padding:var(--space-2xl) 0 var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border-glow);margin-top:var(--space-xl)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo{font-weight:600;color:var(--text-nav)}.footer-tagline{color:var(--text-muted)}.footer-tagline:before{content:"—";margin-right:var(--space-sm);color:var(--border-light)}.footer-links{display:flex;align-items:center;gap:.375rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--amber-600)}.footer-sep{color:var(--border-light)}.footer-copy{margin:0;color:var(--text-muted);opacity:.7}a{color:var(--amber-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s}a:hover{color:var(--amber-700)}h1,h2,h3{color:var(--text-heading);font-weight:700;line-height:var(--leading-tight)}h1{font-size:var(--text-3xl);margin-top:0;margin-bottom:var(--space-md)}h2{font-size:var(--text-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}h3{font-size:var(--text-xl);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}@media(max-width:640px){:root{--text-3xl: 1.875rem;--text-2xl: 1.5rem;--text-xl: 1.25rem}nav{flex-direction:column;gap:var(--space-md)}.nav-right{flex-direction:column;gap:.75rem}.lang-switcher{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:.75rem;justify-content:center}.footer-brand{flex-direction:column;gap:.25rem}.footer-tagline:before{display:none}}