html,body,#root{min-height:100%;margin:0;padding:0}:root{--bg:#f2f2ef;--surface:#fbfbfa;--surface-strong:color-mix(in srgb, var(--surface) 85%, transparent);--text:#1b1b1b;--text-secondary:#646464;--line:#0000001a;--accent:#222;--accent-soft:#0000000d;--grid-line:#00000024;--sidebar-shadow:#00000014;--transition-ease:cubic-bezier(.25, .46, .45, .94)}html[data-theme=dark]{--bg:#0a0a0a;--surface:#ffffff05;--surface-strong:#0a0a0ad6;--text:#f4f4f4;--text-secondary:#ffffff94;--line:#ffffff1a;--accent:#fff;--accent-soft:#ffffff0d;--grid-line:#ffffff1f;--sidebar-shadow:#00000038}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;background:var(--bg);opacity:0;transition:opacity .24s var(--transition-ease);z-index:100;position:fixed;inset:0}body.page-transitioning:before{opacity:.26}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.site-header{border-bottom:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;position:fixed;top:0;left:0;right:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 20px;display:flex}.site-brand h1{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:20px;font-weight:300}.site-brand p{color:var(--text-secondary);letter-spacing:.12em;margin:2px 0 0;font-size:12px}.site-tools{align-items:center;gap:10px;display:flex}.tool-icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all .35s var(--transition-ease);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tool-icon-btn:hover{background:var(--accent-soft)}.tool-icon-btn svg{width:17px;height:17px}.search-expand{align-items:center;gap:8px;display:flex}.site-search{opacity:0;width:0;transition:width .35s var(--transition-ease), opacity .24s ease;grid-template-columns:1fr;display:grid;overflow:hidden}.search-expand.is-open .site-search{opacity:1;width:220px}.site-search input{border:1px solid var(--line);background:var(--surface);color:var(--text);min-width:0;padding:7px 10px}.site-search input::placeholder{color:var(--text-secondary)}.pager button,.article-actions button{border:1px solid var(--line);color:var(--text);cursor:pointer;transition:all .35s var(--transition-ease);background:0 0;border-radius:0;padding:7px 12px}.pager button:hover,.article-actions button:hover{background:var(--accent-soft)}.site-main{flex:1;width:min(1200px,100% - 48px);margin:0 auto;padding:150px 0 56px}.route-shell{animation:pageEnter .5s var(--transition-ease)}.home-toolbar{justify-content:flex-end;margin:0 0 20px;display:flex}.layout-switch{border:1px solid var(--line);display:inline-flex}.layout-switch button{border:0;border-right:1px solid var(--line);color:var(--text-secondary);cursor:pointer;transition:all .25s var(--transition-ease);background:0 0;padding:8px 14px}.layout-switch button:last-child{border-right:0}.layout-switch button:hover,.layout-switch button.is-active{background:var(--accent-soft);color:var(--text)}.category-sidebar{border-left:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:244px;transition:transform .35s var(--transition-ease);z-index:20;box-shadow:-6px 0 24px var(--sidebar-shadow);padding:96px 14px 20px;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.category-sidebar.is-open{transform:translate(0)}.category-sidebar-title{letter-spacing:.14em;color:var(--text-secondary);margin-bottom:6px;padding:0 8px 10px;font-size:12px}.category-item{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:all .32s var(--transition-ease);background:0 0;border:1px solid #0000;margin-bottom:7px;padding:10px 12px}.category-item:hover,.category-item.is-active{border-color:var(--line);background:var(--accent-soft)}.sidebar-mask{opacity:0;pointer-events:none;z-index:19;background:#00000042;transition:opacity .25s;position:fixed;inset:0}.sidebar-mask.is-open{opacity:1;pointer-events:auto}.page-title-row{margin-bottom:22px}.page-title{letter-spacing:.01em;margin:0;font-size:30px;font-weight:200}.article-grid{grid-template-columns:repeat(3,minmax(0,400px));justify-content:center;align-items:stretch;gap:24px;display:grid}.article-grid--single{grid-template-columns:1fr;justify-content:stretch;gap:22px}.article-card{border:1px solid var(--line);background:var(--surface);opacity:0;height:250px;min-height:250px;animation:.9s forwards cardAppear;animation-delay:var(--delay,0s);transition:transform .45s var(--transition-ease), background-color .35s ease, border-color .35s ease;border-radius:0;flex-direction:column;padding:24px 22px;display:flex;transform:translateY(60px)}.article-card:hover{background:var(--accent-soft);border-color:var(--line);transform:translateY(-8px)}.article-card-content{transition:transform .35s var(--transition-ease);transform-origin:0}.article-card-content:hover{transform:scale(1.02)}.article-card-date{letter-spacing:.18em;color:var(--text-secondary);margin-bottom:16px;font-size:12px}.article-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:23px;font-weight:300;line-height:1.45;display:-webkit-box;overflow:hidden}.article-card-title a:hover{color:var(--accent)}.article-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:10px 0 14px;display:-webkit-box;overflow:hidden}.article-card-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:auto;display:flex}.article-card-tag{letter-spacing:.2em;border:1px solid var(--line);color:var(--text-secondary);text-transform:uppercase;padding:5px 10px;font-size:11px}.article-card--single{border-color:color-mix(in srgb, var(--line) 75%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--sidebar-shadow) 55%, transparent);background:color-mix(in srgb, var(--surface) 95%, #fff);border-radius:16px;grid-template-columns:minmax(320px,54%) 1fr;height:auto;min-height:0;padding:0;display:grid;overflow:hidden}.article-card--single.is-reversed{grid-template-columns:1fr minmax(320px,54%)}.article-card--single.is-reversed .article-card-cover{border-left:1px solid var(--line);border-right:0;order:2}.article-card--single.is-reversed .article-card-content{order:1}.article-card--single .article-card-content{padding:30px 32px}.article-card-cover{aspect-ratio:16/9;border-right:1px solid var(--line);min-height:100%;position:relative;overflow:hidden}.article-card-cover img,.article-card-cover-placeholder{width:100%;height:100%;display:block}.article-card-cover img{object-fit:cover;transition:transform .55s var(--transition-ease), filter .4s var(--transition-ease)}.article-card-cover:hover img{filter:saturate(1.06);animation:2.4s ease-in-out infinite coverBreath}.article-card-cover-placeholder{background:linear-gradient(135deg, var(--accent-soft) 0%, color-mix(in srgb, var(--accent-soft) 35%, transparent) 100%);color:var(--text-secondary);letter-spacing:.18em;place-items:center;font-size:12px;display:grid}.article-card-stats{color:var(--text-secondary);letter-spacing:.04em;flex-wrap:wrap;gap:14px;margin:0 0 0 16px;font-size:13px;display:flex}.article-card-stats.is-grid{display:none}.stat-item{align-items:center;gap:4px;display:flex;position:relative}.stat-item svg{opacity:.8;width:14px;height:14px}.article-card--single .article-card-title{letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(30px,3vw,42px);font-weight:560;line-height:1.22;display:block;overflow:visible}.article-card--single .article-card-summary{-webkit-line-clamp:4;margin-top:12px;margin-bottom:18px;font-size:18px;line-height:1.65}.article-card-more{color:var(--text-secondary);letter-spacing:.2em;margin-left:auto;font-size:20px;line-height:1}.list-sentinel{width:100%;height:1px}.list-status{min-height:30px;color:var(--text-secondary);letter-spacing:.08em;text-align:center;margin-top:8px;font-size:13px}.article-detail{border:1px solid var(--line);background:var(--surface);border-radius:0;padding:34px 32px}.article-detail h2{text-align:center;margin:0 0 10px;font-size:clamp(30px,6vw,54px);font-weight:200;line-height:1.35}.article-detail-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-bottom:14px;font-size:14px;display:flex}.article-detail-author{text-align:center;color:var(--text-secondary);margin-bottom:8px;font-size:14px}.article-actions{align-items:center;gap:10px;margin-bottom:16px;display:flex}.article-content{max-width:820px;color:var(--text);margin:10px auto 0;font-size:17px;line-height:1.9;overflow:visible}.article-content h1,.article-content h2,.article-content h3,.article-content h4{letter-spacing:.01em;margin:1.35em 0 .6em;line-height:1.35}.article-content h1:not([style*=text-align]),.article-content h2:not([style*=text-align]),.article-content h3:not([style*=text-align]),.article-content h4:not([style*=text-align]){text-align:left}.article-content h1{font-size:clamp(32px,5vw,42px)}.article-content h2{font-size:clamp(27px,4vw,34px)}.article-content h3{font-size:clamp(23px,3vw,28px)}.article-content p{color:var(--text);margin:1em 0}.article-content>:first-child{margin-top:0}.article-content blockquote{border-left:3px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent-soft) 70%, transparent);color:var(--text-secondary);margin:1.15em 0;padding:10px 16px}.article-content code{font-family:JetBrains Mono,Fira Code,Cascadia Code,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.article-content p code,.article-content li code,.article-content td code,.article-content th code{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 80%, transparent);border-radius:6px;padding:2px 6px;font-size:.9em}.article-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-content img,.article-content video{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto;margin:.8em 0}.article-content pre{border-radius:12px;margin:20px 0 24px;overflow:auto;padding:0!important}.article-content pre:not(.code-block){color:#d4d4d4;background:#1e1e2e;border:1px solid #2a2f3f;padding:12px 14px;box-shadow:0 10px 22px #0000003d}.article-content pre:not(.code-block)>code{color:inherit;white-space:pre;background:0 0;font-size:13px;line-height:1.62;display:block}.article-content pre.code-block{-webkit-overflow-scrolling:touch;background:#1e1e2e;border:1px solid #2a2f3f;border-radius:12px;margin:20px 0 24px;position:relative;overflow:auto hidden;box-shadow:0 12px 26px #0000004d;padding:0!important}.article-content .code-block-header{background:#161b26;border-bottom:1px solid #31364a;justify-content:center;align-items:center;min-height:46px;padding:0 14px;display:flex;position:relative}.article-content .code-block-mac-dots{background:#ff5f56;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.article-content .code-block-lang{color:#e7ecf8;text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600;line-height:1}.article-content .code-copy-btn{color:#c9d1e3;cursor:pointer;opacity:.92;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.article-content .code-copy-btn svg{width:16px;height:16px}.article-content pre.code-block:hover .code-copy-btn,.article-content pre.code-block:focus-within .code-copy-btn{opacity:1}.article-content .code-copy-btn:hover{color:#fff}.article-content .code-block-body{background:#1e1e2e}.article-content pre.code-block>.code-block-body{min-width:max-content;display:block;position:relative}.article-content pre.code-block>.code-block-body>code[class*=language-]{color:#d4d4d4;white-space:pre;tab-size:2;font-size:15px;line-height:1.62;display:block;position:relative;background:0 0!important;margin:0!important;padding:14px 18px!important}.article-content pre.code-block.line-numbers{padding-left:0}.article-content pre.code-block.line-numbers>.code-block-body>code[class*=language-]{padding-left:64px!important}.article-content pre.code-block.line-numbers .line-numbers-rows{pointer-events:none;counter-reset:linenumber;background:#191e2b;border-right:1px solid #2f3548;width:52px;margin:0;padding:14px 0 0;position:absolute;top:0;bottom:0;left:0}.article-content pre.code-block.line-numbers .line-numbers-rows>span{counter-increment:linenumber;display:block}.article-content pre.code-block.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#6f7a93;text-align:right;padding-right:12px;font-size:15px;line-height:1.62;display:block}@media (width<=768px){.article-content .code-block-lang{font-size:13px}.article-content pre.code-block>.code-block-body>code[class*=language-]{padding:12px 14px 14px;font-size:14px}.article-content pre.code-block.line-numbers>.code-block-body>code{padding-left:54px!important}.article-content pre.code-block.line-numbers .line-numbers-rows{width:46px;padding:12px 0 0}.article-content pre.code-block.line-numbers .line-numbers-rows>span:before{font-size:14px}}.copy-toast{z-index:120;color:#f5f7fa;letter-spacing:.02em;background:#0e1218e6;border:1px solid #ffffff29;border-radius:8px;padding:8px 14px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.article-content table{border-collapse:collapse;width:100%;margin:1.1em 0;font-size:15px}.article-content th,.article-content td{border:1px solid var(--line);vertical-align:top;padding:9px 11px}.article-content th{background:color-mix(in srgb, var(--accent-soft) 70%, transparent);font-weight:600}.article-end-actions{justify-content:center;margin:30px 0 8px;display:flex}.article-attachments{margin-top:26px}.article-attachments h3{margin:0 0 10px;font-size:18px}.attachment-list{flex-direction:column;gap:10px;display:flex}.attachment-card{border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.attachment-info{flex-direction:column;min-width:0;display:flex}.attachment-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.attachment-info span{color:var(--text-secondary);font-size:12px}.attachment-download-btn{border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.attachment-download-btn svg{width:18px;height:18px}.attachment-download-btn:hover{background:var(--accent-soft)}.article-publish-time{color:var(--text-secondary);text-align:right;margin:14px 0 0;font-size:14px}.article-like-btn{border:1px solid var(--line);color:var(--text);letter-spacing:.03em;cursor:pointer;min-width:62px;transition:all .28s var(--transition-ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:15px;display:inline-flex}.article-like-btn svg{width:18px;height:18px}.article-like-btn:hover:not(:disabled){color:#e5484d;border-color:color-mix(in srgb, #e5484d 48%, var(--line));background:#e5484d1a}.article-like-btn.is-liked{color:#e5484d;border-color:color-mix(in srgb, #e5484d 58%, var(--line));background:#e5484d24}.article-like-btn:disabled{opacity:.65;cursor:not-allowed}.article-like-count{font-size:13px;line-height:1}.article-like-btn.is-pulse{animation:.32s likePulse}.pager{justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.state-text{color:var(--text-secondary)}.hero{text-align:center;margin-bottom:48px}.hero-title{letter-spacing:-.02em;opacity:0;margin:0;font-size:clamp(38px,10vw,86px);font-weight:100;animation:1s .12s forwards titleReveal}.hero-subtitle{color:var(--text-secondary);letter-spacing:.14em;opacity:0;margin-top:16px;font-size:14px;animation:1s .28s forwards subtitleReveal}.hero-divider{opacity:0;background:linear-gradient(to bottom, transparent, var(--accent), transparent);width:1px;height:0;margin:38px auto 40px;animation:1s .4s forwards dividerGrow}.not-found{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:20px}.not-found h2{margin:0 0 10px}.not-found a{color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--text-secondary);letter-spacing:.12em;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:16px 20px;font-size:13px;display:flex}.site-footer-icp{color:var(--text-secondary);text-underline-offset:3px;text-decoration:underline}.site-footer-icp:hover{color:var(--text)}.bg-grid{z-index:-2;opacity:.03;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:50px 50px;animation:20s linear infinite gridMove;position:fixed;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dividerGrow{0%{opacity:0;height:0}to{opacity:1;height:88px}}@keyframes cardAppear{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes coverBreath{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes likePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes detailRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.article-detail--enter{animation:detailRise .55s var(--transition-ease)}@media (width<=1024px){.site-main{width:min(1200px,100% - 32px);padding-top:138px}.article-grid{grid-template-columns:repeat(2,minmax(0,400px))}.search-expand.is-open .site-search{width:190px}}@media (width<=768px){.site-header-inner{gap:10px;padding-inline:16px}.site-brand h1{font-size:18px}.site-brand p{font-size:11px}.site-tools{gap:8px}.tool-icon-btn{width:32px;height:32px}.search-expand{gap:6px}.search-expand.is-open .site-search{width:138px}.site-search input{padding:5px 8px;font-size:13px}.category-sidebar{width:222px;padding-top:84px}.article-grid{grid-template-columns:1fr;gap:22px}.article-card{height:auto;min-height:0;padding:24px 20px}.article-card-content:hover{transform:none}.article-card--single{box-shadow:none;border-color:color-mix(in srgb, var(--line) 70%, transparent);background:0 0;border-radius:10px;grid-template-columns:1fr}.article-card--single .article-card-content{padding:14px 2px 18px}.article-card--single .article-card-title{letter-spacing:-.012em;margin-bottom:10px;font-size:34px;line-height:1.18}.article-card--single .article-card-summary{-webkit-line-clamp:4;margin-top:8px;margin-bottom:0;font-size:18px;line-height:1.58}.article-card-cover{border-right:0;border-bottom:1px solid var(--line);border-radius:10px;margin-bottom:8px}.article-card-stats{gap:12px;margin:0 0 0 12px;font-size:15px}.article-card-stats.is-grid{margin-left:4px;display:flex}.stat-item{padding-left:0}.stat-item svg{width:12px;height:12px}.article-card-date{letter-spacing:.08em;margin-bottom:8px;font-size:15px}.article-card-meta{margin-top:10px}.article-card-tag{letter-spacing:.14em;padding:4px 8px;font-size:11px}.article-card-more{font-size:18px}.article-card:hover{transform:none}.list-status{margin-top:6px;font-size:12px}.article-card--single.is-reversed .article-card-cover{border-left:0;order:1}.article-card--single.is-reversed .article-card-content{order:2}.article-detail h2{font-size:32px}.hero-divider{height:56px;animation-name:dividerGrowMobile}.site-main{padding-top:122px}.site-footer{letter-spacing:.08em}}@media (width<=480px){.site-main{width:calc(100% - 24px);padding-top:116px}.site-header-inner{padding-inline:12px}.search-expand.is-open .site-search{width:108px}.site-search input{font-size:12px}.layout-switch button{padding:7px 10px;font-size:12px}.home-toolbar{justify-content:center}.article-card--single .article-card-title{font-size:30px}.article-card--single .article-card-summary{font-size:16px}.article-card-date,.article-card-stats{font-size:13px}}@keyframes dividerGrowMobile{0%{opacity:0;height:0}to{opacity:1;height:56px}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.bg-grid{animation:none}.article-card{opacity:1;animation:none;transform:none}.route-shell{animation:none}body:before{transition:none}.hero-title,.hero-subtitle,.hero-divider{opacity:1;height:auto;animation:none}.article-card-cover:hover img{animation:none}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}