*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #18181B;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-bg: #EFF6FF;--color-bg: #FAFAFA;--color-card: #FFFFFF;--color-foreground: #09090B;--color-muted: #52525B;--color-muted-soft: #71717A;--color-border: #E4E4E7;--color-border-light: #F4F4F5;--color-code-bg: #1E293B;--color-code-fg: #E2E8F0;--color-success: #16A34A;--color-destructive: #DC2626;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--leading: 1.7;--leading-tight: 1.3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--max-width: 1080px;--max-content: 720px;--nav-height: 56px;--touch-min: 44px}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeInUp .4s ease-out}@media(prefers-reduced-motion:reduce){main{animation:none}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);color:var(--color-foreground);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease-out,color .3s ease-out}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;z-index:100;transition:top .2s ease-out}.skip-link:focus{top:var(--space-2)}header{background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4);height:var(--nav-height);display:flex;align-items:center}.logo{font-size:var(--text-xl);font-weight:700;letter-spacing:-.5px;color:var(--color-primary);transition:opacity .2s ease-out;flex-shrink:0}.logo:hover{opacity:.7}.logo span{color:var(--color-accent)}nav{display:flex;align-items:center;gap:var(--space-7);flex-shrink:0;margin-left:auto;margin-right:var(--space-4)}nav a{color:var(--color-muted);font-size:var(--text-sm);font-weight:500;transition:color .2s ease-out;position:relative;padding:var(--space-1) 0;white-space:nowrap;touch-action:manipulation}nav a:hover,nav a.active{color:var(--color-primary)}nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-accent);border-radius:1px}.header-icon-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-muted);transition:all .2s ease-out;flex-shrink:0;min-width:var(--touch-min);min-height:var(--touch-min);padding:0;touch-action:manipulation}.header-icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.header-icon-btn svg{width:18px;height:18px}.header-icon-btn+.header-icon-btn{margin-left:8px}.header-icon-btn .sun{display:block}.header-icon-btn .moon,html[data-theme=dark] .header-icon-btn .sun{display:none}html[data-theme=dark] .header-icon-btn .moon{display:block}.menu-toggle{display:none;-webkit-tap-highlight-color:transparent}.menu-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}@media(max-width:768px){.menu-toggle{display:flex}#langToggle{margin-left:auto}nav{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-card);border-bottom:1px solid var(--color-border);flex-direction:column;gap:0;padding:0 var(--space-4);box-shadow:var(--shadow-md);margin-left:0;opacity:0;transform:translateY(-8px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}nav.open{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}nav a{padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);min-height:var(--touch-min);display:flex;align-items:center;justify-content:flex-start}nav a:last-child{border-bottom:none}nav a.active:after{display:none}}footer{border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-muted);font-size:var(--text-xs)}footer a{color:var(--color-muted);transition:color .2s ease-out}footer a:hover{color:var(--color-accent)}.page-header{max-width:var(--max-content);margin:0 auto;padding:var(--space-12) var(--space-4) var(--space-10)}.page-header h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.5px;margin-bottom:var(--space-2);line-height:var(--leading-tight)}.page-header p{color:var(--color-muted);font-size:var(--text-sm)}@media(max-width:768px){.page-header{padding:var(--space-8) var(--space-4) var(--space-6)}.page-header h1{font-size:var(--text-2xl)}}.tag{background:var(--color-accent-bg);color:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;display:inline-block;transition:background .2s ease-out;white-space:nowrap}.tag:hover{background:#dbeafe}.post-list{list-style:none}.post-list-item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.post-list-item:last-child{border-bottom:none}.post-list-date{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;min-width:44px}.post-list-item>a{font-size:var(--text-sm);font-weight:500;color:var(--color-foreground);transition:color .2s ease-out}.post-list-item>a:hover{color:var(--color-accent)}.post-list-tags{display:flex;gap:6px;margin-left:auto}@media(max-width:768px){.post-list-item{flex-wrap:wrap;gap:var(--space-2)}.post-list-tags{margin-left:0}}.content{max-width:var(--max-content);margin:0 auto;padding:0 var(--space-4) var(--space-16)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--color-primary: #FAFAFA;--color-accent: #60A5FA;--color-accent-hover: #93BBFD;--color-accent-bg: #1E293B;--color-bg: #0A0A0B;--color-card: #18181B;--color-foreground: #FAFAFA;--color-muted: #A1A1AA;--color-muted-soft: #71717A;--color-border: #27272A;--color-border-light: #1F1F23;--color-code-bg: #0F172A;--color-code-fg: #E2E8F0;--color-success: #4ADE80;--color-destructive: #F87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}html:not([data-theme=light]) .tag:hover{background:#1e3a5f}html:not([data-theme=light]) pre{border:1px solid var(--color-border)}html:not([data-theme=light]) .header-icon-btn .sun{display:none}html:not([data-theme=light]) .header-icon-btn .moon{display:block}}html[data-theme=dark]{--color-primary: #FAFAFA;--color-accent: #60A5FA;--color-accent-hover: #93BBFD;--color-accent-bg: #1E293B;--color-bg: #0A0A0B;--color-card: #18181B;--color-foreground: #FAFAFA;--color-muted: #A1A1AA;--color-muted-soft: #71717A;--color-border: #27272A;--color-border-light: #1F1F23;--color-code-bg: #0F172A;--color-code-fg: #E2E8F0;--color-success: #4ADE80;--color-destructive: #F87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}html[data-theme=dark] .tag:hover{background:#1e3a5f}html[data-theme=dark] pre{border:1px solid var(--color-border)}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:var(--touch-min);height:var(--touch-min);background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-muted);box-shadow:var(--shadow-md);opacity:0;transform:translateY(16px);transition:opacity .3s ease-out,transform .3s ease-out,border-color .2s ease-out,color .2s ease-out;pointer-events:none;z-index:40;touch-action:manipulation}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--color-accent);color:var(--color-accent)}.back-to-top svg{width:18px;height:18px}@media print{header,footer,.skip-link,.menu-toggle,.sidebar,.pagination,.pn,.toc,.tag-cloud{display:none!important}body{background:#fff;color:#000;font-size:12pt;line-height:1.6}.article,.content,.container{max-width:100%;padding:0}a{color:#000;text-decoration:underline}pre{border:1px solid #ccc;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}html{scroll-behavior:auto}}