:root{--bg:#f7f9fc;--surface:#fff;--ink:#223047;--muted:#64748b;--line:#dce4ef;--accent:#2563eb;--soft:#edf3ff;--code:#eef2f8;--draft:#915910;--draft-bg:#fff3d6;color-scheme:light;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
:root[data-theme=dark]{--bg:#101827;--surface:#182338;--ink:#e3eaf5;--muted:#a4b3ca;--line:#2e3d57;--accent:#8bb8ff;--soft:#1e3354;--code:#17253b;--draft:#f0ca83;--draft-bg:#453823;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--soft);color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--surface);padding:1rem}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;min-height:82px;display:flex;align-items:center;gap:32px;padding:14px 28px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;font-size:18px}.main-nav{display:flex;gap:24px;font-size:14px}.main-nav a{color:var(--muted)}.main-nav a:hover,.main-nav a[aria-current]{color:var(--accent)}.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.search-form{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--surface);height:36px}.search-form input{width:150px;min-width:0;border:0;background:transparent;color:var(--ink);padding:6px 12px;font-size:13px;outline-offset:0}.search-form button{display:grid;place-items:center;flex:0 0 32px;border:0;background:transparent;color:var(--accent);width:32px;padding:0}.theme-toggle{width:36px;height:36px;font-size:20px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%}
.page{max-width:1124px;margin:0 auto;padding:58px 28px 100px;min-height:calc(100vh - 205px)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-bottom:36px}.breadcrumbs a:hover{color:var(--accent)}
.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.entry-card{display:flex;flex-direction:column;padding:26px 28px;min-height:188px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}.entry-card:hover{border-color:var(--accent);transform:translateY(-2px)}.entry-meta{display:flex;gap:10px;align-items:center;margin-bottom:18px}.entry-kind{font-size:11px;color:var(--accent);letter-spacing:.1em}.entry-card h2{font-size:21px;font-weight:650;line-height:1.5;letter-spacing:-.02em;margin:0 0 10px;overflow-wrap:anywhere}.entry-card p{font-size:14px;color:var(--muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-card time{color:var(--muted);font:12px ui-monospace,monospace;margin-top:auto}.entry-card.category{background:var(--soft)}.empty-state{grid-column:1/-1;padding:48px 0;color:var(--muted)}.draft-badge{display:inline-block;color:var(--draft);background:var(--draft-bg);font-size:11px;line-height:1.8;border-radius:4px;padding:2px 8px;white-space:nowrap}
.archive-stats{margin:0 0 28px;color:var(--muted);font-size:13px;text-align:right}.archive-stats strong{color:var(--accent);font-weight:600}.archive-year{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;margin:0 0 48px}.archive-year h2{font:normal 32px/1.4 Georgia,serif;margin:6px 0;color:var(--accent)}.archive-year h2 small{display:block;font:12px/2 system-ui,sans-serif;color:var(--muted);margin-top:8px}.archive-year ul{list-style:none;padding:0;margin:0}.archive-year li{border-bottom:1px solid var(--line)}.archive-year li a{display:flex;align-items:baseline;gap:18px;padding:18px 0}.archive-year li a:hover .archive-title{color:var(--accent)}.archive-year time{font:12px ui-monospace,monospace;color:var(--muted);flex:0 0 42px}.archive-title{font-size:16px;overflow-wrap:anywhere}
.article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:60px}.article-layout.without-toc{display:block;max-width:790px;margin:auto}.toc-panel{font-size:12px;align-self:start;position:sticky;top:116px;max-height:calc(100vh - 140px);overflow-y:auto;border-left:1px solid var(--line);padding:0 0 0 18px}.toc-panel summary{color:var(--accent);font-weight:700;margin:0 0 18px;cursor:pointer}.toc-panel ul{list-style:none;margin:0;padding:0}.toc-panel ul ul{padding-left:12px}.toc-panel li{margin:9px 0}.toc-panel a{color:var(--muted);display:block}.toc-panel a:hover,.toc-panel a.active{color:var(--accent)}#post-content{min-width:0}.article-header{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:36px}.article-meta{display:flex;align-items:center;gap:15px;color:var(--muted);font:12px ui-monospace,monospace;margin-bottom:20px}.article-header h1{font-size:clamp(30px,4vw,44px);line-height:1.35;font-weight:750;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}.article-summary{font-size:18px;line-height:1.9;color:var(--muted);margin:22px 0 0}.draft-notice{padding:12px 16px;border-left:3px solid var(--draft);background:var(--draft-bg);color:var(--draft);font-size:13px;margin-top:22px}
.article-content{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.article-content>*:first-child{margin-top:0}.article-content p{margin:0 0 1.6em}.article-content h1,.article-content h2,.article-content h3,.article-content h4{line-height:1.5;letter-spacing:-.025em;margin:2em 0 .9em}.article-content h2{font-size:25px}.article-content h3{font-size:20px}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}.article-content a:hover{text-decoration-color:var(--accent)}.article-content img{max-width:100%;height:auto;display:block;margin:30px auto;border-radius:8px}.article-content blockquote{margin:26px 0;padding:14px 22px;background:var(--soft);border-left:3px solid var(--accent);color:var(--muted)}.article-content blockquote p:last-child{margin:0}.article-content hr{border:0;border-top:1px solid var(--line);margin:38px 0}.article-content pre{position:relative;max-width:100%;overflow-x:auto;white-space:pre;background:var(--code);padding:24px;border:1px solid var(--line);border-radius:8px;line-height:1.7;font-size:13px;overflow-wrap:normal}.article-content code{font-family:"Cascadia Code",Consolas,ui-monospace,monospace;font-size:.86em}.article-content :not(pre)>code{background:var(--code);padding:3px 6px;border-radius:4px}.article-content .highlight{background:transparent}.article-content pre code{font-size:inherit}.article-content .toc{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:20px;font-size:14px}.article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0;font-size:14px}.article-content th,.article-content td{border:1px solid var(--line);padding:10px 14px;text-align:left}.article-content th{background:var(--soft)}.article-content iframe,.article-content video{max-width:100%}.copy-button{position:absolute;right:8px;top:8px;font-size:11px;padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted)}.article-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:56px;padding-top:24px;font-size:13px;color:var(--accent)}
.site-footer{max-width:1068px;margin:auto;border-top:1px solid var(--line);padding:28px 0 36px;display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.back-top{margin-left:auto}.site-footer a:hover{color:var(--accent)}:root[data-theme=dark] .highlight span{color:var(--ink)}:root[data-theme=dark] .highlight .c1,:root[data-theme=dark] .highlight .cm{color:var(--muted)}:root[data-theme=dark] .highlight .k,:root[data-theme=dark] .highlight .kn,:root[data-theme=dark] .highlight .s,:root[data-theme=dark] .highlight .s2{color:var(--accent)}
@media(max-width:900px){.header-inner{gap:20px}.main-nav{gap:16px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.site-footer{margin:0 28px}.brand{font-size:16px}.search-form input{width:110px}}
@media(max-width:700px){.header-inner{padding:14px 20px;flex-wrap:wrap;gap:12px 22px}.brand{flex:1}.main-nav{order:3;width:100%;gap:26px;font-size:13px}.header-actions{margin:0}.search-form input{width:100px}.page{padding:34px 20px 60px}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-card{padding:22px;min-height:160px}.archive-year{grid-template-columns:1fr;gap:12px;margin-bottom:34px}.archive-year h2{display:flex;gap:16px;align-items:center;font-size:28px}.archive-year h2 small{margin:0}.archive-year li a{gap:12px}.archive-title{font-size:14px}.article-layout{display:flex;flex-direction:column;gap:24px}.toc-panel{position:static;max-height:240px;order:0;width:100%;padding-left:14px}.article-header h1{font-size:30px}.article-content{font-size:15px}.article-content pre{padding:20px 16px;font-size:12px}.article-summary{font-size:16px}.site-footer{margin:0 20px;gap:10px}.site-footer span{width:100%}.back-top{margin:0}.breadcrumbs{margin-bottom:24px}}
@media(max-width:380px){.brand{font-size:14px;gap:8px}.search-form input{width:80px}.header-actions{gap:8px}.header-inner{padding:12px 16px;gap:12px}.theme-toggle{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}