:root{--bg:#f5f5fa;--card:#fff;--ink:#30313b;--muted:#838592;--accent:#5968ad;--line:#e9e9f1;--tag:#eff0f7;--shadow:0 5px 22px #22233c06;--sidebar:248px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}a:hover{color:var(--accent)}[hidden]{display:none!important}svg{flex-shrink:0}.site-shell{max-width:1420px;margin:auto;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:42px;padding:28px 42px 48px}.sidebar{position:sticky;top:28px;height:calc(100vh - 60px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d9dae6 transparent;padding:8px 8px 24px 0}.profile{display:flex;flex-direction:column;align-items:flex-start}.profile img{border-radius:50%;object-fit:cover;margin-bottom:14px;box-shadow:0 5px 15px #30313b10}.profile strong{font-size:24px;letter-spacing:.05em;font-weight:700}.profile>span{font-size:12px;color:var(--muted);margin-top:3px}.socials{display:flex;gap:16px;margin:18px 0 27px;align-items:center}.socials a{display:flex;align-items:center;justify-content:center;width:23px;height:23px;color:#7a7c87;transition:transform .15s}.socials a:hover{transform:translateY(-2px)}.socials img{height:20px;width:20px;object-fit:contain}.main-nav{display:grid;gap:3px;padding-bottom:23px;border-bottom:1px solid var(--line)}.main-nav a{display:flex;gap:15px;align-items:center;border-radius:9px;padding:10px 13px;font-size:14px;color:#737583}.main-nav a.active{color:var(--accent);background:#e9ebf5;font-weight:600}.main-nav a:hover{background:#edeef5}.sidebar-section{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:11px}.section-heading>span{font-size:11px;font-weight:400;color:var(--muted)}.category-list{display:grid;gap:3px}.category-list a{display:flex;justify-content:space-between;padding:4px 3px;color:#737583;font-size:12px}.category-list small{color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-cloud a{font-size:11px;color:#747685;padding:3px 8px;background:#eaeaf1;border-radius:5px;line-height:1.6}.tag-cloud a:hover{background:#e0e3f2;color:var(--accent)}.subtle-button{padding:0;background:none;font-size:11px;color:var(--muted)}.site-stats dl{font-size:11px;margin:0;display:grid;gap:5px}.site-stats dl>div{display:flex;justify-content:space-between}.site-stats dt{color:var(--muted)}.site-stats dd{margin:0;font-variant-numeric:tabular-nums}.stats-scope{font-size:10px;line-height:1.5;color:var(--muted);margin:10px 0 0}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:var(--muted)}.main-column{min-width:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;width:31px;height:31px;border-radius:6px;color:var(--muted)}.icon-button:hover{background:var(--tag)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{font-size:30px;line-height:1.3;font-weight:650;letter-spacing:.02em;margin:5px 0 10px}.page-heading p{margin:0;font-size:13px;color:var(--muted)}.page-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:600}.page-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.list-tabs{display:flex;gap:27px;margin-bottom:21px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.list-tabs a{padding:0 0 11px}.list-tabs .active{color:var(--accent);border-bottom:2px solid var(--accent)}.post-list{display:grid;gap:18px}.post-card{display:flex;align-items:center;gap:25px;background:var(--card);border-radius:12px;padding:25px 27px;box-shadow:var(--shadow);border:1px solid #fff0;transition:box-shadow .2s,transform .2s}.post-card:hover{box-shadow:0 7px 24px #24243a0b;transform:translateY(-1px)}.post-card.pinned{border-color:#dfe3f2}.post-copy{min-width:0;flex:1}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;letter-spacing:.015em;color:var(--muted)}.post-meta a{color:var(--accent)}.pin-badge{display:inline-flex;gap:4px;align-items:center;font-size:10px;color:var(--accent);font-weight:600;background:#eff1fa;padding:1px 6px;border-radius:4px;margin-right:3px}.pin-badge svg{width:11px;height:11px}.meta-dot{color:#b0b2bf}.post-card h2{font-size:19px;line-height:1.5;letter-spacing:.015em;font-weight:600;margin:8px 0}.post-description{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-tags{display:flex;flex-wrap:wrap;gap:11px;font-size:10px;color:#999baa}.post-reading{font-size:10px;color:var(--muted);white-space:nowrap}.post-cover{flex:0 0 148px;height:108px;border-radius:8px;overflow:hidden;background:#f1f2f6}.post-cover img{width:100%;height:100%;object-fit:cover;display:block}.page-footer{text-align:center;margin:40px 0 0;font-size:11px;color:#a2a3b0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:25px;align-items:start}.article-panel{min-width:0;background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:35px 38px}.article-header h1{font-size:29px;line-height:1.5;letter-spacing:.01em;margin:11px 0 13px}.article-details{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--muted)}.article-details b{font-weight:400}.article-intro{font-size:12px;color:var(--muted);line-height:1.9;margin:21px 0 13px;padding-left:13px;border-left:2px solid #dfe3f2}.article-header>.post-tags{margin-top:15px}.article-content{font-size:14px;line-height:2.05;margin-top:32px;overflow-wrap:break-word}.article-content h2{font-size:21px;line-height:1.6;margin:36px 0 17px;letter-spacing:.01em}.article-content h3{font-size:17px;margin:30px 0 12px}.article-content p{margin:17px 0}.article-content a{color:var(--accent);border-bottom:1px solid #cdd2e5}.article-content img{max-width:100%;height:auto;border-radius:6px;cursor:zoom-in}.article-content svg{max-width:100%;height:auto}.article-content blockquote{margin:22px 0;padding:9px 18px;background:var(--bg);border-left:3px solid #b6bfdc;border-radius:0 5px 5px 0;color:var(--muted)}.article-content table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:12px}.article-content th,.article-content td{border:1px solid var(--line);padding:7px 12px}.article-content th{background:var(--bg)}.article-content code{font-family:"JetBrains Mono","Cascadia Code",Consolas,monospace;font-size:.88em;background:var(--tag);padding:2px 5px;border-radius:4px}.article-content pre{max-width:100%;overflow:auto;line-height:1.75;font-size:12px;padding:18px;border-radius:7px;background:#f5f6fa!important}.article-content pre code{padding:0;background:transparent;border-radius:0}.article-content .highlight{position:relative;margin:23px 0}.article-content .chroma{background:#f5f6fa!important;max-width:100%;overflow:auto}.article-content .chroma .lntable{margin:0;border:0;width:100%}.article-content .chroma .lntd{padding:0;border:0;vertical-align:top}.article-content .chroma .lntd:first-child{width:30px}.article-content .chroma .lntd:first-child pre{padding-right:8px;color:var(--muted)}.article-content .chroma .lntd:nth-child(2) pre{padding-left:8px}.article-content .chroma pre{margin:0}.code-copy{position:absolute;z-index:1;right:8px;top:8px;padding:3px 9px;border-radius:5px;font-size:10px;background:#e6e9f2;color:#68718b;opacity:0;transition:opacity .15s}.highlight:hover .code-copy,.code-copy:focus-visible{opacity:1}.toc-panel{position:sticky;top:30px;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin;font-size:11px;padding-top:5px}.toc-heading{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.toc-heading span{font-weight:400;color:var(--muted);font-size:10px}.reading-line{height:2px;background:#e1e3ed;margin-bottom:17px}.reading-line span{display:block;height:2px;width:0;background:var(--accent)}#TableOfContents ul{list-style:none;padding:0;margin:0}#TableOfContents ul ul{padding-left:12px}#TableOfContents a{display:block;color:var(--muted);line-height:1.8;padding:5px 0 5px 10px;border-left:1px solid #dfe1eb}#TableOfContents a.active{color:var(--accent);border-color:var(--accent)}.back-top{display:block;margin-top:22px;color:var(--muted);font-size:10px}.markdown-tools{display:flex;align-items:center;gap:18px;padding:25px 0;margin-top:30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.outline-button{padding:8px 13px;border:1px solid var(--line);border-radius:6px;color:var(--accent);background:var(--card);font-size:12px}.outline-button:hover{background:var(--tag)}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:23px}.article-pagination a{display:flex;flex-direction:column;gap:6px;font-size:12px}.article-pagination small{font-size:10px;color:var(--muted)}.article-pagination a:last-child{text-align:right}.comments-section{border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.comments-section h2{font-size:17px}.simple-page{max-width:850px}.archive-panel{padding:25px 30px;border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.archive-panel section+section{margin-top:30px}.archive-panel h2{font-size:24px;margin:0 0 13px}.archive-panel h2 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:14px}.archive-row{display:flex;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.archive-row time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.archive-row svg{margin-left:auto;width:14px;height:14px;color:var(--muted)}.taxonomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.taxonomy-grid a{display:flex;flex-direction:column;gap:12px;padding:25px;background:var(--card);border-radius:10px;box-shadow:var(--shadow)}.taxonomy-grid strong{font-size:15px;font-weight:500}.taxonomy-grid span{font-size:11px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:15px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 22px;margin-bottom:25px;color:var(--muted)}.search-box input{flex:1;min-width:0;outline:none!important;border:0;background:none;color:var(--ink);font-size:14px}.search-box span{font-size:11px;white-space:nowrap}#page-loading{position:fixed;z-index:100;top:0;left:0;height:2px;width:0;background:var(--accent);transition:width .2s}html.is-changing #page-loading{width:75%}#toast{position:fixed;bottom:97px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--card);border-radius:7px;padding:8px 15px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.image-dialog{border:0;padding:20px;background:var(--card);border-radius:10px;max-width:90vw;max-height:90vh}.image-dialog::backdrop{background:#171822b3}.image-dialog img{max-width:85vw;max-height:82vh;object-fit:contain}.image-dialog button{position:absolute;right:5px;top:2px;background:var(--card);font-size:20px;border-radius:50%}
body.dark{--bg:#191b24;--card:#242733;--ink:#dfe1ed;--muted:#9599af;--accent:#a7b7f2;--line:#343847;--tag:#333849;color-scheme:dark}body.dark .main-nav a.active,body.dark .main-nav a:hover,body.dark .tag-cloud a,body.dark .music-mark,body.dark .pin-badge,body.dark #music-play{background:#30384e}body.dark .post-card.pinned{border-color:#414b66}body.dark .article-content pre,body.dark .article-content .chroma{background:#1e212d!important}body.dark .socials a:first-child img{filter:invert(1)}
@media(min-width:1550px){.site-shell{gap:48px;padding-top:40px}.sidebar{top:40px}.article-layout{grid-template-columns:minmax(0,1fr) 166px;gap:30px}}
@media(max-width:1150px){:root{--sidebar:210px}.site-shell{gap:27px;padding:25px 27px 48px}.article-layout{grid-template-columns:minmax(0,1fr) 140px;gap:18px}.article-panel{padding:27px}.article-header h1{font-size:25px}.post-card{padding:22px;gap:17px}.post-cover{flex-basis:120px;height:95px}.post-reading{display:none}}
@media(max-width:900px){.article-layout{display:block}.toc-panel{position:relative;top:auto;max-height:250px;padding:18px;background:var(--card);border-radius:10px;margin-bottom:18px}.article-layout{display:flex;flex-direction:column}.article-panel{order:2;width:100%}.toc-panel{order:1;width:100%}.post-cover{flex-basis:95px;height:85px}.post-card h2{font-size:17px}.taxonomy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-shell{display:block;padding:18px 17px 48px}.sidebar{display:block;position:fixed;z-index:30;left:0;top:0;bottom:0;width:265px;height:100vh;background:var(--bg);padding:28px 22px 100px;box-shadow:10px 0 50px #22233c20}.main-column{width:100%}.page-heading h1{font-size:26px}.post-card{padding:19px;gap:13px}.post-card h2{font-size:17px}.post-description{font-size:11px;-webkit-line-clamp:2;margin-bottom:10px}.post-cover{flex-basis:82px;height:82px}.post-tags{font-size:9px;gap:7px}.post-meta{font-size:9px}.article-panel{padding:24px 21px}.article-header h1{font-size:25px}.article-content{font-size:14px}.article-content h2{font-size:19px}.archive-panel{padding:20px}.archive-row{gap:16px}.archive-row>span{font-size:12px}.page-count{font-size:10px}.page-heading{gap:10px}.markdown-tools{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 评论框尺寸由当前 giscus 窗口的消息更新。 */
.giscus-frame{width:100%;height:150px;border:0;background:var(--card);color-scheme:light}.giscus-frame--loading{opacity:0}body.dark .giscus-frame{color-scheme:dark}