:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#020617;color:#e2e8f0;font:16px/1.85 system-ui,'Microsoft YaHei',sans-serif}a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1000px;margin:auto;padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #253047}main{max-width:920px;margin:48px auto;padding:0 28px 80px}.label{font-size:11px;letter-spacing:2px;color:#64748b}h1{font-size:clamp(28px,5vw,44px);line-height:1.4;overflow-wrap:anywhere}#meta{color:#94a3b8;font-size:13px}.actions{display:flex;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #253047;margin-bottom:35px}.actions a,.actions button{font:inherit;font-size:13px;background:#142035;color:#7dd3fc;border:1px solid #334155;border-radius:8px;padding:7px 12px;cursor:pointer}article{overflow-wrap:anywhere}article h2,article h3{margin-top:40px;scroll-margin-top:20px}article img{max-width:100%;height:auto;border-radius:10px}pre{background:#111c30;padding:20px;border:1px solid #253047;border-radius:10px;overflow:auto;line-height:1.6;font-size:13px}code{font-family:Consolas,monospace;background:#142035;border-radius:4px;padding:2px 5px}pre code{padding:0;background:none}blockquote{margin-left:0;padding-left:20px;border-left:3px solid #38bdf8;color:#94a3b8}table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}td,th{border:1px solid #334155;padding:9px 14px}#toc{border-top:1px solid #334155;margin-top:40px;padding-top:22px}#toc a{display:block;margin:8px 0}input[type=search]{width:100%;padding:15px 18px;font:inherit;background:#111c30;border:1px solid #334155;border-radius:10px;color:#fff}.post-card{display:block;background:#111b2c;border:1px solid #253047;border-radius:12px;padding:22px;margin:16px 0;color:#e2e8f0}.post-card:hover{border-color:#38bdf8;text-decoration:none}.post-card h2{font-size:21px;margin:0 0 8px}.post-card p{color:#94a3b8;font-size:14px;margin:0}.post-card small{color:#64748b}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}@media(max-width:600px){main{margin-top:30px;padding:0 18px 50px}header{padding:18px}.actions{flex-wrap:wrap}}

/* READING V2 */
.reading-page{background:#080e1b;color:#cbd5e1;font-size:16px;line-height:1.9}.reading-page>header{max-width:1200px;padding:22px 30px;font-size:13px;color:#94a3b8}.reading-main{max-width:1200px;margin:48px auto;padding:0 30px 60px}.article-heading{max-width:840px}.article-heading .label{color:#66bcd9;margin:0 0 18px}.article-heading h1{font-weight:700;letter-spacing:-.025em;margin:0 0 20px;line-height:1.35;color:#f1f5f9;font-size:clamp(30px,4vw,44px)}.reading-page #meta{font-size:13px;line-height:1.8;color:#8291a9}.reading-page .actions{padding:22px 0 30px;margin:0 0 36px;border-color:#202d43}.reading-page .actions a,.reading-page .actions button{background:#101b2c;border-color:#29384e;color:#b7cbe3;font-size:12px;border-radius:7px;padding:6px 12px}.reading-layout{display:grid;grid-template-columns:minmax(0,840px) minmax(160px,220px);gap:50px;align-items:start}.reading-layout article{min-width:0;line-height:1.95;color:#c9d3e3;letter-spacing:.01em}.reading-layout article>:first-child{margin-top:0}.reading-layout article p{margin:0 0 1.35em}.reading-layout article h1,.reading-layout article h2,.reading-layout article h3,.reading-layout article h4{color:#f1f5f9;font-weight:650;line-height:1.5;letter-spacing:-.015em;scroll-margin-top:24px}.reading-layout article h1{font-size:30px;margin:52px 0 22px}.reading-layout article h2{font-size:26px;margin:48px 0 22px;padding-bottom:12px;border-bottom:1px solid #253148}.reading-layout article h3{font-size:21px;margin:36px 0 16px}.reading-layout article h4{font-size:18px;margin:28px 0 14px}.reading-layout article ul,.reading-layout article ol{padding-left:1.65em;margin:0 0 1.4em}.reading-layout article li{padding-left:.25em;margin:.35em 0}.reading-layout article li>p{margin-bottom:.5em}.reading-layout article li>ul,.reading-layout article li>ol{margin-bottom:.5em}.reading-layout article li:has(>input[type=checkbox]){list-style:none;margin-left:-1.45em}.reading-layout article input[type=checkbox]{accent-color:#38bdf8;margin-right:.6em}.reading-layout article strong{color:#f1f5f9;font-weight:650}.reading-layout article a{color:#67c8f0;text-decoration:underline;text-decoration-color:#32627b;text-underline-offset:4px;overflow-wrap:anywhere}.reading-layout article a:hover{color:#b8e8ff;text-decoration-color:currentColor}.reading-layout article hr{border:0;border-top:1px solid #2b374d;margin:38px 0}.reading-layout article blockquote{background:#101d30;border-left:3px solid #38bdf8;border-radius:0 9px 9px 0;margin:24px 0;padding:18px 22px;color:#a7bed8}.reading-layout article blockquote p:last-child{margin-bottom:0}.reading-layout article img{display:block;max-width:100%;max-height:75vh;object-fit:contain;border:1px solid #29374d;border-radius:10px;margin:24px auto}.reading-layout article :not(pre)>code{background:#162338;color:#c1deff;font-size:.86em;padding:.17em .4em;border:1px solid #293b54;border-radius:5px;font-family:Consolas,'Cascadia Code',monospace;overflow-wrap:anywhere}.reading-layout article kbd{padding:2px 6px;background:#1a263a;border:1px solid #3b4c66;border-bottom-width:3px;border-radius:4px;font:12px Consolas,monospace}
.code-block{border:1px solid #2a384e;border-radius:12px;overflow:hidden;margin:26px 0;background:#0b1321;letter-spacing:0;scroll-margin-top:20px}.code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:8px 14px;background:#142033;border-bottom:1px solid #29374d}.code-info,.code-controls{display:flex;align-items:center;gap:12px;min-width:0}.code-language{font:600 11px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:.7px;color:#a6c4e8}.code-count{font-size:11px;white-space:nowrap;color:#7186a3}.code-toolbar button{border:1px solid #34465e;background:#1a2a41;color:#b6cce6;font:12px/1.5 system-ui,sans-serif;cursor:pointer;padding:4px 9px;border-radius:5px;white-space:nowrap}.code-toolbar button:hover{background:#233b58;color:#fff}.reading-layout article .code-block pre{margin:0;padding:22px;border:0;border-radius:0;background:#0b1321;overflow:auto;max-width:100%;font:13px/1.75 Consolas,'Cascadia Code',monospace;tab-size:4;white-space:pre;color:#d6e2f0}.reading-layout article .code-block pre code{display:block;min-width:max-content;background:none;border:0;padding:0;font:inherit;color:inherit;white-space:pre;overflow-wrap:normal;word-break:normal}.code-block.is-collapsed pre{max-height:310px;overflow-y:hidden;mask-image:linear-gradient(#000 82%,transparent);-webkit-mask-image:linear-gradient(#000 82%,transparent)}.code-expand{display:block;width:100%;padding:11px;background:#111e31;border:0;border-top:1px solid #29374d;color:#87c8ec;font:12px/1.6 system-ui,sans-serif;cursor:pointer}.code-expand:hover{background:#1a2c44;color:#b4e5ff}
.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#c7a4ff}.hljs-string,.hljs-regexp,.hljs-addition{color:#a8d59f}.hljs-number,.hljs-symbol,.hljs-attr{color:#edc88c}.hljs-comment,.hljs-quote{color:#73879f;font-style:italic}.hljs-title,.hljs-section{color:#84c8f5}.hljs-built_in,.hljs-type{color:#84ddd1}.hljs-variable,.hljs-template-variable,.hljs-params{color:#d4deec}.hljs-meta{color:#e3b589}.hljs-tag,.hljs-name{color:#efabb5}.hljs-deletion{color:#f4919a}
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid #2a384e;border-radius:10px;margin:26px 0 0;background:#0f192a;overscroll-behavior-x:contain}.reading-layout article table{display:table;border-collapse:collapse;width:100%;max-width:none;margin:0;font-size:14px;line-height:1.7}.reading-layout article th,.reading-layout article td{border:0;border-bottom:1px solid #29374d;border-right:1px solid #253248;padding:13px 17px;vertical-align:top;min-width:110px;max-width:400px;overflow-wrap:normal}.reading-layout article th{background:#18263b;color:#dce9fa;text-align:left;font-weight:650;white-space:nowrap}.reading-layout article [align=center]{text-align:center}.reading-layout article [align=right]{text-align:right}.reading-layout article tr:last-child td{border-bottom:0}.reading-layout article tr>:last-child{border-right:0}.reading-layout article tbody tr:nth-child(even){background:#131f31}.reading-layout article tbody tr:hover{background:#1a2a41}.table-hint{font-size:11px;color:#677e9b;text-align:right;margin:6px 0 24px}
.reading-layout #toc{position:sticky;top:26px;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #29374d;max-height:80vh;overflow-y:auto;scrollbar-width:thin;font-size:12px;line-height:1.65}.toc-label{font-size:11px;color:#93a8c0;letter-spacing:1px;margin:0 0 16px}.reading-layout #toc a{display:block;color:#7188a6;text-decoration:none;margin:9px 0;overflow-wrap:anywhere}.reading-layout #toc a:hover,.reading-layout #toc a.active{color:#83d4f7}.reading-layout #toc a.level-h3,.reading-layout #toc a.level-h4{padding-left:12px;font-size:11px}.reading-footer{max-width:840px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #29374d;padding-top:28px;margin-top:60px;font-size:12px;color:#7085a1}#reading-progress{position:fixed;top:0;left:0;height:2px;background:#4bc5f0;width:0;z-index:1000;pointer-events:none}.reading-layout details:not(.code-block){border:1px solid #29374d;border-radius:8px;padding:14px 18px;margin:22px 0}.reading-layout summary{cursor:pointer;color:#9ec9ee}
@media(max-width:1000px){.reading-layout{grid-template-columns:minmax(0,1fr);gap:30px}.reading-main{max-width:900px}.reading-layout #toc{grid-row:1;position:static;max-height:200px;background:#0e1a2c;border:1px solid #25354d;border-radius:10px;padding:16px 20px}.reading-layout #toc a{display:inline-block;margin:4px 18px 4px 0}.reading-layout #toc .toc-label{margin-bottom:10px}.reading-layout #toc a.level-h3{padding-left:0}.reading-layout #toc a.level-h4{display:none}}
@media(max-width:600px){.reading-main{margin:30px auto;padding:0 18px 42px}.reading-page>header{padding:17px 18px}.reading-page{font-size:15px}.reading-layout article h2{font-size:23px;margin-top:36px}.reading-layout article h3{font-size:19px}.reading-layout article .code-block pre{padding:16px;font-size:12px}.code-toolbar{padding:8px 10px;gap:8px}.code-info,.code-controls{gap:7px}.code-count{font-size:10px}.code-toolbar button{font-size:11px;padding:4px 7px}.reading-layout article td,.reading-layout article th{padding:11px 13px;font-size:13px}.reading-footer{margin-top:40px}.reading-page .actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

.post-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.post-card small{display:block;margin:8px 0}

/* Shared article footer */
.site-footer{width:calc(100% - 48px);max-width:1140px;margin:12px auto 0;padding:40px 12px 46px;border-top:1px solid #253047}
.footer-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.footer-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.footer-link-item{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #25334b;border-radius:8px;background:#101b2c;color:#94a3b8;font-size:13px;line-height:1.6;text-decoration:none}
.footer-link-item:hover{color:#e2e8f0;border-color:#465c79;background:#18283e;text-decoration:none}
.footer-icon{display:block;width:16px;height:16px;fill:currentColor;flex-shrink:0}
.copyright-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#64748b;font-size:12px}
.copyright-divider{width:1px;height:12px;background:#475569}
#performance-result{font-family:Consolas,monospace}
@media(max-width:600px){.site-footer{width:calc(100% - 36px);padding:30px 0 34px}.footer-links{gap:10px}.footer-link-item{font-size:12px;padding:7px 10px}.copyright-bar{flex-direction:column;gap:7px}.copyright-divider{display:none}}