@font-face{font-family:"Ark Pixel";src:url("../fonts/ark-pixel.woff") format("woff");font-display:swap}
:root{--bg:#fff9ee;--surface:#fffdf7;--surface-2:#f1edff;--line:#e6dff5;--fg:#221e4a;--muted:#68617f;--soft:#4d4870;--link:#5a4cee;--cream:#fff9ee;--lime:#e2f8a6;--brand:#7467ff;--ink:#221e4a;color-scheme:light}
html.dark{--bg:#15122b;--surface:#1e1a3c;--surface-2:#262150;--line:#332d5c;--fg:#fff9ee;--muted:#aaa3d3;--soft:#c5bee5;--link:#b2aaff;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--gh-font-body,"PingFang SC"),"Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,summary{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:5px;border-radius:4px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--gh-font-heading,"PingFang SC"),"Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;line-height:1.25;letter-spacing:-.025em}p{color:var(--soft)}.container{width:min(1184px,calc(100% - 48px));margin-inline:auto}.eyebrow{font-family:"Ark Pixel",monospace;font-size:12px;letter-spacing:.08em;line-height:1.6;display:inline-block}.pixel{font-family:"Ark Pixel",monospace}.lime{color:var(--lime)}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:12px}.text-link{font-weight:600;color:var(--link)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 23px;border-radius:12px;font-size:15px;font-weight:650;line-height:1.4;min-height:48px;border:1px solid transparent;white-space:nowrap;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#221e4a}.button-pink{background:#ff70da;color:#221e4a}.button-primary{background:#5a4cee;color:#fff9ee}.button-small{min-height:38px;padding:8px 18px;border-radius:30px}.button-outline{border-color:var(--line);background:var(--surface)}
.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.rocket-mark{width:42px;height:42px;object-fit:contain}.wordmark{width:62px;height:31px;object-fit:contain}.wordmark-dark{display:none}.dark .wordmark-light{display:none}.dark .wordmark-dark{display:block}.logo-label{font-family:"Ark Pixel",monospace;font-size:11px;letter-spacing:.04em;display:flex;flex-direction:column;line-height:1.55;margin-left:2px}.logo-label span{color:var(--muted)}.desktop-nav{display:flex;gap:28px;font-size:15px;color:var(--soft)}.desktop-nav a:hover{color:var(--fg)}.desktop-nav .active{color:var(--fg);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:9px}.header-actions{display:flex;gap:16px;align-items:center}.theme-switch{border:1px solid var(--line);background:var(--surface);color:var(--fg);width:38px;height:38px;border-radius:50%;font-size:22px;display:grid;place-items:center;line-height:1}.login-link{font-size:15px}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;padding:6px 10px;font-size:22px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:48px;width:210px;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:12px;z-index:50;box-shadow:0 12px 24px #221e4a20;display:flex;flex-direction:column}.mobile-menu nav a{padding:11px 12px;border-radius:8px}.mobile-menu nav a:hover{background:var(--surface-2)}
.hero{padding-top:32px}.hero-panel{min-height:380px;background:#5a4cee;color:var(--cream);border-radius:24px;display:grid;grid-template-columns:1.5fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:48px;position:relative;z-index:1}.hero h1{font-size:clamp(40px,4.5vw,62px);margin:18px 0 20px;font-weight:750;line-height:1.16}.hero p{color:#fff9ee;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:28px}.hero-link{font-size:14px;color:var(--cream)}.hero-link:hover{text-decoration:underline}.pixel-dot{display:inline-block;width:8px;height:8px;background:var(--lime);margin-right:8px}.hero-art{position:relative;min-height:380px;display:grid;place-items:center;background:radial-gradient(circle at 55% 50%,#887aff80,transparent 70%)}.hero-art img{position:relative;width:220px;z-index:1;filter:drop-shadow(0 18px 30px #21195945);transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #ffffff28;border-radius:50%;width:320px;height:320px}.orbit-two{width:430px;height:430px}.star{position:absolute;width:12px;height:12px;background:var(--lime);box-shadow:12px 12px 0 #fff9ee55}.star-one{top:65px;right:85px}.star-two{bottom:95px;left:50px;width:7px;height:7px;background:#ff70da}.art-caption{position:absolute;right:32px;bottom:26px;font-family:"Ark Pixel",monospace;font-size:12px;color:#e2f8a6;line-height:1.55}
.articles-section{padding-block:56px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading h2{font-size:30px;margin-top:7px}.section-heading>.text-link{font-size:14px}.section-heading .eyebrow{color:var(--muted)}.topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.topic{border:1px solid var(--line);border-radius:30px;padding:7px 18px;color:var(--soft);background:var(--surface);font-size:14px}.topic:hover{border-color:var(--link);color:var(--link)}.topic.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,transform .15s}.post-card:hover{border-color:var(--link);transform:translateY(-3px)}.post-card-image{aspect-ratio:1.6;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-art{height:195px;background:#f1edff;position:relative;overflow:hidden;color:#221e4a;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.post-card:nth-child(3n+2) .post-card-art{background:#e2f8a6}.post-card:nth-child(3n+3) .post-card-art{background:#ffe1f6}.card-art-label{font-family:"Ark Pixel",monospace;font-size:10px;letter-spacing:.08em;z-index:1}.card-art-title{font-size:27px;font-weight:750;line-height:1.25;z-index:1;max-width:230px}.post-card-art img{position:absolute;right:22px;top:38px;width:74px;opacity:.95}.card-art-grid{position:absolute;right:-3px;bottom:-3px;width:105px;height:64px;background:linear-gradient(90deg,#221e4a0d 1px,transparent 1px),linear-gradient(#221e4a0d 1px,transparent 1px);background-size:16px 16px}.post-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.post-card-meta{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:12px}.post-card-meta a{color:var(--link);font-weight:600}.post-card h3{font-size:21px;margin-bottom:13px;line-height:1.4;overflow-wrap:anywhere}.post-card h3 a:hover{color:var(--link)}.post-card-body>p{font-size:14px;line-height:1.8;margin-bottom:24px}.post-card-bottom{margin-top:auto;display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted)}.post-card-bottom a{color:var(--link);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:36px;color:var(--muted);font-size:14px}.help-band{border:1px solid var(--line);border-radius:20px;background:var(--surface-2);padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:64px}.help-band .eyebrow{color:var(--link)}.help-band h2{font-size:24px;margin:10px 0}.help-band p{font-size:14px}
.site-footer{background:#221e4a;color:#fff9ee;padding:48px 0 24px}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #fff9ee22}.footer-cta h2{font-size:34px;margin:12px 0 10px}.site-footer p{color:#c8c2df;font-size:14px;line-height:1.9}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font-size:24px;font-weight:700}.footer-brand span{display:flex;align-items:center;gap:12px}.footer-brand small{font-family:"Ark Pixel",monospace;font-size:11px;font-weight:400}.footer-grid nav{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c8c2df}.footer-grid h3{font-size:14px;color:#fff9ee;margin-bottom:3px}.footer-grid a:hover{color:#e2f8a6}.footer-bottom{border-top:1px solid #fff9ee22;padding-top:22px;margin-top:36px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#b1abc8}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:38px}.breadcrumbs a:hover{color:var(--link)}.article-shell{padding-top:32px}.article-header{max-width:870px;margin:0 auto 38px}.article-header h1{font-size:clamp(30px,4vw,48px);line-height:1.28;margin:14px 0 22px;overflow-wrap:anywhere}.article-tag{color:var(--link)}.article-deck{font-size:18px;line-height:1.85;max-width:760px;margin-bottom:24px}.article-meta{font-size:12px;color:var(--muted);display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center}.byline{display:flex;align-items:center;gap:8px}.byline img{border-radius:50%;width:28px;height:28px;object-fit:cover}.byline a{font-weight:600;color:var(--soft)}.article-feature{margin:0 0 40px;max-height:600px;overflow:hidden;border-radius:18px}.article-feature img{width:100%;object-fit:cover}.article-feature figcaption{text-align:center;color:var(--muted);font-size:13px;padding:10px}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:52px;justify-content:center}.article-sidebar{align-self:start;position:sticky;top:28px}.toc{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:26px}.toc[hidden]{display:none}.toc h2,.sidebar-note h2{font-size:15px;margin-bottom:14px}.toc ol{padding:0;list-style:none;margin:0}.toc li{font-size:13px;line-height:1.65;margin-top:12px}.toc a{color:var(--soft)}.toc a:hover{color:var(--link)}.sidebar-note .eyebrow{font-size:10px;color:var(--muted);margin-bottom:10px}.sidebar-note p{font-size:13px;margin-bottom:12px}.sidebar-note a{display:block;font-size:13px;color:var(--link);margin-top:9px}.article-main{min-width:0}.gh-content{font-size:17px;line-height:1.95;color:var(--soft);overflow-wrap:anywhere}.gh-content>*+*{margin-top:22px}.gh-content h2{font-size:28px;margin-top:46px;color:var(--fg);scroll-margin-top:28px}.gh-content h3{font-size:22px;margin-top:32px;color:var(--fg)}.gh-content h4{font-size:19px;color:var(--fg)}.gh-content a{color:var(--link);text-decoration:underline;text-underline-offset:4px;word-break:break-word}.gh-content a:hover{text-decoration-thickness:2px}.gh-content strong{color:var(--fg)}.gh-content ul,.gh-content ol{padding-left:26px}.gh-content li{margin-top:9px}.gh-content blockquote{margin-inline:0;padding:18px 24px;border-left:4px solid #7467ff;background:var(--surface-2);border-radius:0 10px 10px 0}.gh-content blockquote p{color:var(--fg)}.gh-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}.gh-content figure{margin-inline:0;max-width:100%}.gh-content figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.gh-content img{border-radius:10px;margin-inline:auto}.gh-content pre{padding:20px;overflow:auto;max-width:100%;background:var(--surface-2);border-radius:10px;font-size:14px;line-height:1.65}.gh-content :not(pre)>code{padding:2px 6px;background:var(--surface-2);border-radius:4px;font-size:.88em}.gh-content table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:15px}.gh-content th,.gh-content td{border:1px solid var(--line);padding:12px 16px;text-align:left;white-space:normal;min-width:110px}.gh-content th{background:var(--surface-2);color:var(--fg)}.gh-content iframe{max-width:100%;border:0}.gh-content .kg-width-wide{width:100%}.gh-content .kg-width-full{width:100%}.kg-image-card,.kg-gallery-card{width:100%}.kg-gallery-container{display:flex;flex-direction:column}.kg-gallery-row{display:flex;gap:12px;margin-top:12px}.kg-gallery-image{flex:1;min-width:0}.kg-gallery-image img{width:100%;height:100%;object-fit:cover}.kg-bookmark-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.kg-bookmark-container{display:flex!important;text-decoration:none!important;color:var(--fg)!important}.kg-bookmark-content{padding:18px;flex:1}.kg-bookmark-title{font-weight:650}.kg-bookmark-description{font-size:13px;line-height:1.6;margin-top:8px}.kg-bookmark-metadata{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px}.kg-bookmark-icon{width:20px;height:20px}.kg-bookmark-thumbnail{width:30%;flex-shrink:0}.kg-bookmark-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:0}.kg-toggle-card{border:1px solid var(--line);border-radius:12px;padding:20px}.kg-toggle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.kg-toggle-heading button{background:none;border:0;color:var(--fg)}.kg-toggle-card[data-kg-toggle-state="close"] .kg-toggle-content{display:none}.kg-callout-card{display:flex;gap:16px;background:var(--surface-2);padding:24px;border-radius:12px}.kg-callout-emoji{font-size:26px}.kg-callout-text{flex:1}.kg-button-card a.kg-btn{display:inline-flex;background:#5a4cee;color:#fff9ee;padding:12px 22px;border-radius:10px;text-decoration:none}.kg-file-card{border:1px solid var(--line);border-radius:12px;padding:20px}.kg-file-card-container{display:flex;gap:20px}.kg-file-card-contents{flex:1}.article-end{margin-top:48px;padding:28px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px}.article-end .eyebrow{color:var(--link)}.article-end h2{font-size:24px;margin:12px 0}.article-end p{font-size:14px}.article-end-actions{display:flex;align-items:center;gap:22px;margin-top:20px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.article-tags a{border:1px solid var(--line);border-radius:30px;padding:5px 14px;font-size:12px;color:var(--muted)}.related-section{padding-block:64px}.page-shell{padding-top:32px;padding-bottom:72px}.page-shell .gh-content{max-width:780px;margin-inline:auto}.archive-header{padding-top:52px;padding-bottom:0}.archive-header h1{font-size:40px;margin:16px 0}.archive-header p{max-width:700px;line-height:1.8}.author-heading{display:flex;gap:18px;align-items:center;margin-top:20px}.author-heading img{border-radius:50%}.author-heading h1{margin:0}.archive-header+.articles-section{padding-top:34px}.error-page{min-height:55vh;padding-block:70px}.error-page h1{font-size:42px;margin:16px 0}.error-page p{margin-bottom:28px}.error-page>div{display:flex;gap:24px;align-items:center}.empty-state{grid-column:1/-1;padding:40px;border:1px solid var(--line);border-radius:20px}.empty-state p{margin:12px 0 20px}
@media(min-width:1500px){.hero-panel{min-height:400px}.hero-copy{padding:52px}}
@media(max-width:1050px){.logo-label{display:none}.desktop-nav{gap:20px}.post-grid{gap:18px}.post-card-body{padding:20px}.post-card h3{font-size:19px}.hero-copy{padding:36px}.hero-art img{width:180px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.footer-grid{gap:24px}}
@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:block}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1.55fr 1fr;min-height:350px}.hero-copy{padding:32px}.hero h1{font-size:44px}.hero p{font-size:14px}.hero-art{min-height:350px}.hero-art img{width:160px}.orbit{width:230px;height:230px}.orbit-two{width:330px;height:330px}.hero-actions{gap:16px;flex-wrap:wrap}.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{position:static;display:flex;gap:30px;order:0}.sidebar-note{display:none}.toc{width:100%;margin-bottom:0}.toc ol{display:flex;flex-wrap:wrap;gap:0 24px}.article-header h1{font-size:36px}.footer-grid{grid-template-columns:1.4fr 1fr;gap:34px}.footer-cta h2{font-size:28px}.help-band{padding:24px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.header-row{height:66px;gap:10px}.logo{gap:7px}.rocket-mark{width:32px;height:32px}.wordmark{width:50px;height:25px}.header-actions{gap:7px}.login-link{display:none}.theme-switch{width:34px;height:34px}.button-small{padding:7px 14px;min-height:34px;font-size:13px}.mobile-menu summary{padding:4px 6px}.hero{padding-top:18px}.hero-panel{grid-template-columns:1fr;border-radius:18px;min-height:0}.hero-copy{padding:28px 26px}.hero h1{font-size:42px;line-height:1.15;margin:16px 0}.hero p{font-size:14px}.hero-art{min-height:170px;max-height:170px;margin-top:-5px;overflow:hidden}.hero-art img{width:140px;margin-top:-20px}.orbit{width:200px;height:200px}.orbit-two{width:300px;height:300px}.art-caption{right:22px;bottom:20px;font-size:10px}.star-one{top:24px;right:70px}.star-two{bottom:50px;left:60px}.hero-actions{margin-top:22px;gap:16px}.hero-actions .button{min-height:44px;padding:11px 18px;font-size:14px}.hero-link{font-size:13px}.desktop-break{display:none}.articles-section{padding-block:36px}.section-heading{align-items:flex-start;margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:12px;margin-top:10px}.section-heading .eyebrow{font-size:10px}.post-grid{grid-template-columns:1fr;gap:20px}.post-card-art{height:165px;padding:24px}.post-card-art img{top:35px;right:34px;width:78px}.post-card h3{font-size:21px}.post-card-body{padding:23px}.post-card-body>p{font-size:14px}.topic{font-size:13px;padding:6px 14px}.help-band{align-items:flex-start;flex-direction:column;margin-bottom:40px;gap:20px;padding:24px}.help-band h2{font-size:23px}.help-band p{font-size:14px}.footer-cta{align-items:flex-start;flex-direction:column;padding-bottom:28px;margin-bottom:28px;gap:20px}.footer-cta h2{font-size:27px}.site-footer{padding-top:36px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div{grid-column:1/-1}.footer-grid nav{font-size:13px;gap:12px}.footer-bottom{flex-direction:column;gap:8px;margin-top:28px}.article-shell,.page-shell{padding-top:22px}.breadcrumbs{font-size:12px;margin-bottom:26px;gap:8px}.article-header{margin-bottom:28px}.article-header h1{font-size:30px;margin:12px 0 18px}.article-deck{font-size:16px;line-height:1.8;margin-bottom:20px}.article-meta{gap:9px 14px;font-size:11px}.article-layout{gap:24px}.toc{padding-bottom:20px}.toc ol{display:block}.toc li{margin-top:10px}.gh-content{font-size:16px;line-height:1.95}.gh-content h2{font-size:25px;margin-top:36px}.gh-content h3{font-size:20px}.article-end{padding:23px;margin-top:36px}.article-end h2{font-size:22px}.article-end-actions{gap:16px;flex-wrap:wrap}.related-section{padding-block:44px}.archive-header{padding-top:32px}.archive-header h1{font-size:32px}.error-page h1{font-size:30px}.error-page>div{flex-wrap:wrap}.pagination{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.post-card:hover{transform:none}}

.topics-section{padding-top:50px}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.topic-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px 18px;display:flex;flex-direction:column;gap:14px}.topic-card:hover{border-color:var(--link)}.topic-card .eyebrow{font-size:10px;color:var(--muted)}.topic-card h3{font-size:19px;line-height:1.45}.topic-card p{font-size:13px;line-height:1.8;flex:1}.topic-card .text-link{font-size:12px}.conversion-actions{display:flex;flex-direction:column;gap:14px;align-items:center;flex-shrink:0}.column-list{max-width:780px;margin:32px auto 48px}.column-section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.column-section h2{font-size:26px;margin-bottom:14px}.column-section p{margin-bottom:15px}.column-status{color:var(--muted);font-size:13px}.analytics-choice{border:1px solid #fff9ee33;border-radius:12px;padding:18px;margin-top:30px}.analytics-choice[hidden]{display:none}.analytics-choice h2{font-size:16px;margin-bottom:8px}.analytics-choice p{font-size:13px;max-width:760px}.analytics-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.analytics-settings{color:#c8c2df;border:0;background:none;padding:0;text-align:left;font-size:13px;text-decoration:underline;text-underline-offset:4px}.analytics-actions .button{font-size:13px;min-height:40px}.analytics-actions .button-outline{color:var(--fg)}
@media(max-width:1050px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.topics-section{padding-top:34px}.topic-grid{gap:12px}.topic-card{padding:19px 16px}.topic-card h3{font-size:18px}.conversion-actions{align-items:flex-start}.column-section h2{font-size:23px}}
@media(max-width:350px){.topic-grid{grid-template-columns:1fr}.topic-card:last-child{grid-column:auto}}
/* 2026-10-11 体验统一：顶栏标语、图标主题按钮、页脚底栏 */
.brand-group{display:flex;align-items:center;gap:14px;flex-shrink:0}.theme-switch{width:40px;height:40px;font-size:0;background:transparent;color:var(--soft)}.theme-switch:hover{background:var(--surface-2);color:var(--fg)}.theme-switch .icon-sun{display:none}.dark .theme-switch .icon-sun{display:block}.dark .theme-switch .icon-moon{display:none}.footer-bottom-actions{display:flex;align-items:center;gap:18px}.footer-bottom .analytics-settings{font-size:12px;color:#b1abc8;text-decoration:none;white-space:nowrap;flex-shrink:0}.footer-bottom .analytics-settings:hover{color:#fff9ee}
@media(max-width:560px){.theme-switch{width:36px;height:36px}.footer-bottom-actions{gap:12px}}
.footer-contact{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.footer-contact a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #fff9ee33;border-radius:999px;font-size:13px;color:#e4dff5}.footer-contact a:hover{border-color:#fff9ee80;color:#fff9ee}
/* ==== 1.4.0 全站视觉改版（2026-10-12，与官网同一套规范：冷白浅色 / 近黑深色、细线直角、等宽标签）==== */
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("../fonts/atkinson-hyperlegible-next-latin.woff") format("woff");font-weight:200 800;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2212,U+00D7}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin.woff") format("woff");font-weight:100 800;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2190-2193,U+2197,U+2212,U+00D7,U+2248,U+25A0}
:root{--bg:#f7f7fa;--bg-2:#f0f0f4;--surface:#fdfdfe;--surface-2:#efedff;--line:#e2e1ea;--fg:#221e4a;--soft:#4f4c62;--muted:#67647a;--link:#5a4cee;--accent:#5a4cee;--accent-hover:#4b3dde;--on-accent:#fbfbfd;--accent-line:#cfc9fb;--grid:rgb(34 30 74/.05);--sans:"Atkinson Hyperlegible Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono","PingFang SC",ui-monospace,SFMono-Regular,Menlo,monospace}
html.dark{--bg:#111017;--bg-2:#15141c;--surface:#19181f;--surface-2:#221f3a;--line:#2c2a35;--fg:#ecebf3;--soft:#b6b4c4;--muted:#9a98aa;--link:#a9a1ff;--accent:#9a91ff;--accent-hover:#b0a9ff;--on-accent:#15132b;--accent-line:#3d3870;--grid:rgb(236 235 243/.045)}
body{font-family:var(--sans)}h1,h2,h3{font-family:var(--sans);font-weight:500;letter-spacing:-.035em}
::selection{background:var(--surface-2);color:var(--link)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:2px}
.eyebrow,.pixel,.mono{font-family:var(--mono)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.eyebrow::before{content:"";width:5px;height:5px;background:var(--accent);flex-shrink:0}
.text-link{font-weight:500}
.button{border-radius:2px;font-weight:600;gap:10px;min-height:44px;padding:11px 20px;font-size:14px;transition:background .15s,border-color .15s,color .15s}.button:hover{transform:none}
.button-primary{background:var(--accent);color:var(--on-accent)}.button-primary:hover{background:var(--accent-hover)}
.button-small{min-height:36px;padding:7px 14px;border-radius:2px;font-size:13px}
.button-outline{border-color:var(--accent-line);background:var(--surface);color:var(--link)}.button-outline:hover{border-color:var(--link)}
/* 顶栏 */
.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-row{height:64px}
.rocket-mark{width:36px;height:36px;object-fit:contain}.wordmark{width:auto;height:18px}.logo{gap:10px}
.desktop-nav{gap:4px;font-size:14px}.desktop-nav a{padding:6px 11px;border-radius:2px}.desktop-nav a:hover{background:var(--bg-2)}.desktop-nav .active{background:var(--surface-2);color:var(--link);text-decoration:none}
.theme-switch{border:0;border-radius:2px}.login-link{font-size:14px;color:var(--soft)}.login-link:hover{color:var(--fg)}
.mobile-menu nav{border-radius:2px;box-shadow:0 12px 32px -12px rgb(20 18 40/.18)}.mobile-menu nav a{border-radius:2px}
/* 首页 Hero：纸面 + 细网格，取代紫色大块 */
.hero{padding-top:0}.hero-panel{background:var(--bg);color:var(--fg);border-radius:0;border-bottom:1px solid var(--line);min-height:0;grid-template-columns:1.4fr 1fr;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.hero-copy{padding:72px 0 64px}.hero h1{font-size:clamp(36px,4.4vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:18px 0 18px}.hero h1 .accent{color:var(--accent)}.hero p{color:var(--soft);font-size:15.5px;line-height:1.85;max-width:560px}
.hero-link{color:var(--link);font-weight:500}.hero-art{min-height:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%)}.hero-art img{width:200px;filter:none}
/* 栏目、文章卡片 */
.section-heading h2{font-size:28px;letter-spacing:-.035em}.topic-card,.post-card,.empty-state{border-radius:2px}.topic-card{transition:border-color .15s}.topic-card:hover{border-color:var(--accent-line)}.topic-card .eyebrow{font-size:10.5px}.topic-card h3{font-size:18px}
.topic{border-radius:2px;padding:6px 14px}.topic:hover{border-color:var(--accent-line);color:var(--link)}.topic.active{background:var(--surface-2);color:var(--link);border-color:var(--accent)}
.post-card:hover{border-color:var(--accent-line);transform:none}.post-card-art,.post-card:nth-child(3n+2) .post-card-art,.post-card:nth-child(3n+3) .post-card-art{background:var(--bg-2);color:var(--fg);height:150px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
.card-art-label{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.card-art-title{font-size:22px;font-weight:500;letter-spacing:-.03em}.post-card-art img{width:48px;top:20px;right:22px}.card-art-grid{display:none}
.post-card h3{font-size:19px;font-weight:500;letter-spacing:-.025em}.post-card-meta{font-family:var(--mono);font-size:11.5px}.post-card-meta a,.post-card-bottom a{font-family:var(--sans);font-weight:500}.post-card-bottom{font-family:var(--mono);font-size:11.5px}
.help-band{border-radius:2px;background:var(--surface)}.help-band h2{font-size:24px}
/* 文章页 */
.breadcrumbs{font-family:var(--mono);font-size:12px}.article-header h1{font-weight:500;letter-spacing:-.04em;line-height:1.18}.article-deck{color:var(--soft)}.article-meta{font-family:var(--mono);font-size:11.5px}.article-tag{color:var(--link)}
.toc{border-bottom:0;border-left:1px solid var(--line);padding:2px 0 2px 16px}.toc h2,.sidebar-note h2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sidebar-note{border-left:1px solid var(--line);padding-left:16px}.sidebar-note h2{text-transform:none;letter-spacing:-.02em;font-family:var(--sans);font-size:15px;color:var(--fg)}
.gh-content{font-size:16.5px;line-height:1.9}.gh-content h2{font-size:26px;font-weight:500;letter-spacing:-.035em;padding-top:22px;border-top:1px solid var(--line)}.gh-content h3{font-size:20px;font-weight:500}.gh-content blockquote{border-left:2px solid var(--accent);border-radius:0}.gh-content img,.gh-content pre,.article-feature{border-radius:2px}.gh-content pre,.gh-content code{font-family:var(--mono)}.gh-content :not(pre)>code{border-radius:2px}.gh-content th{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted)}
.kg-bookmark-card,.kg-toggle-card,.kg-callout-card,.kg-file-card{border-radius:2px}.kg-button-card a.kg-btn{border-radius:2px;background:var(--accent);color:var(--on-accent)}
.article-end{border-radius:2px;background:var(--surface)}.article-tags a{border-radius:2px;font-family:var(--mono)}
.archive-header h1{font-weight:500;letter-spacing:-.04em}.error-page h1{font-weight:500}
/* 页脚：与官网一致，浅色底细线，不再用深紫块 */
.site-footer{background:var(--bg-2);color:var(--fg);border-top:1px solid var(--line)}.footer-cta{border-bottom:1px solid var(--line)}.footer-cta h2{font-size:30px;font-weight:500;letter-spacing:-.035em}
.site-footer p{color:var(--soft)}.footer-brand{font-size:20px;font-weight:500;color:var(--link)}.footer-mark{width:30px;height:30px;object-fit:contain}
.footer-grid nav{color:var(--soft);font-size:14px}.footer-grid h3{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.footer-grid a:hover{color:var(--link)}
.footer-bottom{border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted)}.footer-bottom .analytics-settings{color:var(--muted);font-family:var(--mono);font-size:11px}.footer-bottom .analytics-settings:hover{color:var(--fg)}
.footer-contact a{border:1px solid var(--line);border-radius:2px;background:var(--surface);color:var(--fg);font-family:var(--mono);font-size:12.5px}.footer-contact a:hover{border-color:var(--accent-line);color:var(--link)}
.analytics-choice{border:1px solid var(--line);border-radius:2px;background:var(--surface)}.analytics-settings{color:var(--soft)}.analytics-actions .button-outline{color:var(--fg)}
@media(max-width:800px){.hero-panel{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:48px 0 44px}.desktop-nav a{padding:6px 8px}}
@media(max-width:560px){.header-row{height:58px}.rocket-mark{width:28px;height:28px}.wordmark{height:16px;width:auto}.hero-copy{padding:36px 0 32px}.hero h1{font-size:36px}.post-card-art{height:120px}.footer-cta h2{font-size:24px}}

/* 1.4.0 原型 v4：博客列表式（日期 · 栏目 · 标题 ↗），标题区细网格 */
.intro{position:relative;isolation:isolate}.intro::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:96px 96px;background-position:center top;-webkit-mask-image:linear-gradient(#000 20%,transparent);mask-image:linear-gradient(#000 20%,transparent)}
.intro-wrap{padding-block:72px 40px;display:flex;flex-direction:column;gap:18px}.intro h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-.05em;line-height:1.08;font-weight:500}.intro p{font-size:16px;color:var(--soft);max-width:680px}
.inner{padding-bottom:88px}
.post-list{border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:120px 140px minmax(0,1fr) 18px;gap:20px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);transition:background .15s}.post-row:hover{background:var(--bg-2)}.post-row:hover .post-row-title{color:var(--link)}
.post-row-date,.post-row-tag{font-family:var(--mono);font-size:12px;color:var(--soft)}.post-row-title{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.5;color:var(--fg)}.post-row-arrow{color:var(--muted)}
.related-section .post-list{margin-top:8px}.pagination{margin-top:28px}
@media(max-width:700px){.post-row{grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 2px}.post-row-title{grid-column:1/-1;order:3}.post-row-arrow{display:none}.intro-wrap{padding-block:48px 28px}.inner{padding-bottom:56px}}
.site-footer{padding-top:56px}


/* Navigation remains visible on tablet and narrow desktop widths. */
.mobile-menu[open] nav{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:768px){.desktop-nav{display:flex;gap:18px;font-size:14px}.header-actions{gap:10px}.login-link{display:block}.mobile-menu{display:none}}

/* 2026-10-12 星空黑：Colin提供的单一深色配色。 */
:root,html.dark{color-scheme:dark;--bg:#06070A;--bg-2:#090A0E;--surface:#0E1015;--surface-2:#16152A;--line:#1B1E25;--rail:#121419;--control-line:#262A33;--fg:#E6E8EF;--fg-soft:#A3A7B4;--fg-muted:#7A7F8C;--link:#A9A1FF;--ring:#A9A1FF;--accent:#8F86FF;--accent-hover:#A59DFF;--on-accent:#0E0D1A;--accent-line:#2E2C52;--grid:rgb(255 255 255 / 0.022);--grain:0.05;--glow:rgb(143 134 255 / 0.07);--glow-2:rgb(214 226 255 / 0.035);--deep:rgb(40 56 110 / 0.10);--vignette:rgb(0 0 0 / 0.55);--star:#FFFFFF;--star-warm:#FFE9B8;--ok:#6FDFBF;--ok-bg:#0F1E18;--warn:#F2C66B;--warn-bg:#2A2316;--bad:#FF8A8A;--bad-bg:#2E1A1D;--info:#8FC2FF;--info-bg:#15203A;--none:#9A9EAB;--none-bg:#14161C;--busy:#A9A1FF;--busy-bg:#16152A;--soft:#A3A7B4;--muted:#7A7F8C;}
html{color-scheme:dark}.site-header{background:rgba(6,7,10,.86)}
.gh-content{font-size:16px;line-height:1.85}.gh-content img{border:1px solid var(--line);border-radius:2px;filter:none}.gh-content th{color:var(--soft)}.gh-content pre,.gh-content blockquote{background:var(--surface)}
.star-scope{position:relative;isolation:isolate}.star-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.star-field::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 40%,var(--deep) 0%,transparent 55%),radial-gradient(140% 120% at 50% 30%,transparent 45%,var(--vignette) 100%)}.star-field canvas{position:absolute;inset:0;width:100%;height:100%}.star-scope>:not(.star-field){position:relative;z-index:1}
@media(forced-colors:active),print{.star-field{display:none}}

/* ===== 官网统一层（2026-10-14，Colin「整体应该和官网一致」）=====
   数值取自官网 frontend-template：Container max-w 1200 + px 16/24/32、SiteNav（h-60、gap-1、px-3 py-1.5 text-sm font-medium rounded-2px）、
   帮助文章页（h1 30/40、导语 15px leading-relaxed）与 .tutorial-markdown 正文（16px/1.85、h2 22px、h3 18px）。放在最后，覆盖前面各层。 */
.container{width:min(1136px,calc(100% - 64px))}
@media(max-width:1023px){.container{width:calc(100% - 48px)}}
@media(max-width:767px){.container{width:calc(100% - 32px)}}
.header-row{height:60px;gap:16px}
.brand-group{gap:12px}
.rocket-mark{width:36px;height:36px}
.wordmark{width:auto;height:18px}
.desktop-nav{gap:4px;font-size:14px}
.desktop-nav a{padding:6px 12px;border-radius:2px;font-weight:500;line-height:20px;white-space:nowrap}
.header-actions{gap:8px}
.login-link{padding:6px 12px;border-radius:2px;font-size:14px;font-weight:500;line-height:20px;color:var(--soft)}
.login-link:hover{background:var(--bg-2);color:var(--fg)}
.button-small{min-height:36px;padding:6px 14px}
@media(max-width:560px){.header-row{height:60px}.rocket-mark{width:36px;height:36px}.wordmark{height:18px}}
/* 文章页：与官网帮助文章同一套标题层级，左对齐到内容区 */
.article-header{max-width:884px;margin:0 0 32px}
.article-header h1{font-size:40px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:12px 0 16px}
.article-deck{font-size:15px;line-height:1.625;max-width:760px;margin-bottom:20px}
.article-layout{justify-content:start}
@media(max-width:767px){.article-header h1{font-size:30px}}
.gh-content{font-size:16px;line-height:1.85}
.gh-content>*+*{margin-top:.8rem}
/* 博客文章的小节标题是 h3（编辑器的「##」写成 h3），对应官网正文的小节标题 h2 */
.gh-content h2,.gh-content h3{font-size:22px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.gh-content>h2:first-child,.gh-content>h3:first-child{margin-top:0;padding-top:0;border-top:0}
.gh-content h4{font-size:18px;letter-spacing:-.02em;font-weight:500;margin-top:1.6rem}
.gh-content h5,.gh-content h6{font-size:16px;font-weight:500}
.gh-content li{margin-top:.35rem}
.gh-content table{font-size:14px}
.gh-content th{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.04em}
.gh-content th,.gh-content td{padding:.7rem .9rem}
.gh-content blockquote{border-left:2px solid var(--accent);padding:.2rem 1rem;border-radius:0}
.gh-content pre{border:1px solid var(--line);border-radius:2px;padding:1rem}
.gh-content :not(pre)>code{border-radius:2px}
/* 页脚：Logo 与官网同尺寸，链接行距同官网 */
.footer-mark{width:36px;height:36px}
.footer-grid nav{gap:10px;line-height:20px}
.footer-contact{flex-direction:column;max-width:300px}.footer-contact a{width:100%}

/* ===== 手机菜单：官网同款全屏抽屉（2026-10-14，取自官网 SiteNav 抽屉）===== */
.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:2px;color:var(--fg);font-size:0;line-height:0}
.mobile-menu summary:hover{background:var(--bg-2)}
.mobile-menu .icon-close,.mobile-menu[open] .icon-menu{display:none}
.mobile-menu[open] .icon-close{display:block}
.mobile-drawer{display:none}
.site-header:has(.mobile-menu[open]){backdrop-filter:none;-webkit-backdrop-filter:none}
body:has(.mobile-menu[open]){overflow:hidden}
.mobile-menu[open] .mobile-drawer{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);color:var(--fg);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.mobile-menu[open] summary{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);right:16px;z-index:61}
.mobile-drawer-bar{display:flex;align-items:center;flex-shrink:0;min-height:60px;padding:0 16px;border-bottom:1px solid var(--line)}
.mobile-drawer-bar .logo{display:flex;align-items:center;gap:8px}
.mobile-menu .mobile-drawer nav{position:static;width:auto;max-height:none;overflow:visible;margin:0;background:none;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0}
.mobile-menu .mobile-drawer-nav{padding:8px 16px 0}
.mobile-menu .mobile-drawer-nav a{padding:14px 0;border-bottom:1px solid var(--line);border-radius:0;font-size:17px;font-weight:500;line-height:1.5;color:var(--fg)}
.mobile-menu .mobile-drawer-nav a[aria-current]{color:var(--link)}
.mobile-menu .mobile-drawer-more{padding:24px 16px 8px}
.mobile-menu .mobile-drawer-more a{padding:12px 0;border-bottom:1px solid var(--line);border-radius:0;font-size:15px;line-height:1.5;color:var(--soft)}
.mobile-menu .mobile-drawer nav a:hover{background:none;color:var(--link)}
.mobile-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:16px;border-top:1px solid var(--line)}
.mobile-drawer-actions .button{width:100%;min-height:44px;padding:10px 16px;font-size:14px}
@media(min-width:768px){.mobile-menu{display:none}}
/* 主按钮白字，与官网一致（Colin 2026-10-12 文案规矩「主按钮白字」） */
.button-primary,.button-primary:hover{color:#fff}