:root{--bg:#fff;--bg-2:#f5f4ed;--dark:#15141a;--ink:#24292f;--ink-soft:#555b62;--muted:#9ca3af;--muted-2:#c9ced4;--line:#ececec;--accent:#13b886;--accent-bright:#61ffca;--code-purple:#5d46a8;--code-bg:#f7f4ff;--kai:"LXGW WenKai", "STKaiti", "KaiTi", "Kaiti SC", "Noto Serif SC", "Songti SC", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);font-family:var(--kai);letter-spacing:.5px;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}main{min-height:72vh}.shell{width:min(900px,100% - 40px);margin-inline:auto}.kicker,.system-label{color:var(--accent);font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;display:inline-block}.site-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:60px;display:flex}.brand{align-items:center;gap:0;display:inline-flex}.brand:hover{color:var(--accent)}.brand b{font-family:var(--kai);color:var(--ink);letter-spacing:1px;font-size:22px;font-weight:700}.brand-copy{display:none}.header-actions,nav{align-items:center;display:flex}.header-actions{gap:20px}nav{gap:22px}nav a{color:var(--ink-soft);font-size:14px;transition:color .2s;position:relative}nav a:hover,nav a.active{color:var(--accent)}.search-trigger{height:34px;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:0 11px;transition:color .2s,border-color .2s;display:inline-flex}.search-trigger:hover{color:var(--accent);border-color:var(--accent)}.search-trigger span{color:var(--muted);font:10px var(--mono)}.command-dialog{width:min(640px,100% - 28px);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:0;box-shadow:0 24px 70px #15141a2e}.command-dialog::backdrop{backdrop-filter:blur(4px);background:#15141a52}.command-shell>header{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr 34px;align-items:center;gap:10px;padding:16px 18px;display:grid}.command-shell>header label{font:600 11px var(--mono);letter-spacing:.08em;color:var(--muted)}.command-shell>header button{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}#command-search{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;padding:18px;font-size:18px}#command-search::placeholder{color:var(--muted)}.command-results{max-height:420px;padding:8px;overflow-y:auto}.command-results a{border:1px solid #0000;border-radius:6px;grid-template-columns:140px 1fr 20px;align-items:center;gap:16px;padding:13px 12px;display:grid}.command-results a:hover,.command-results a.active{background:var(--bg-2);border-color:var(--line)}.command-results a span:first-child{color:var(--accent);font:10px var(--mono)}.command-results a b{color:var(--ink);font-size:14px}.command-results>p{color:var(--muted);text-align:center;padding:30px}.command-shell>footer{color:var(--muted);border-top:1px solid var(--line);font:9px var(--mono);gap:20px;padding:11px 18px;display:flex}.home-intro{text-align:center;padding:72px 0 40px}.home-quote{max-width:640px;font-family:var(--kai);color:var(--ink);letter-spacing:1px;margin:0 auto;font-size:clamp(22px,3vw,30px);line-height:1.7}.home-rule{background:var(--accent);border-radius:2px;width:46px;height:2px;margin:22px auto 0;display:block}.home-list{padding-bottom:70px}.hentry{border-top:1px solid var(--line);padding:26px 0}.hentry:first-child{border-top:0}.entry-title{font-family:var(--kai);margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.4}.entry-title a{color:var(--ink);border-bottom:1px dotted #0000;transition:color .2s}.entry-title a:hover{color:var(--accent)}.entry-content{color:var(--ink-soft);word-wrap:break-word;font-size:16px;line-height:1.85}.post-date{color:var(--muted);font:12px var(--mono);margin-right:4px}.home-more{text-align:center;color:var(--accent);margin:36px 0 0;font-size:14px;font-weight:700;display:block}.reading-progress{z-index:80;background:var(--accent);width:0;height:2px;position:fixed;top:0;left:0}.article{color:var(--ink);background:var(--bg)}.post-shell{max-width:900px;margin:0 auto}.entry-header{background:var(--bg);width:100%;color:var(--ink);text-align:center;border-bottom:1px solid var(--line);padding:72px 24px 44px;position:relative;overflow:hidden}.entry-header .back-link{color:var(--accent);font:10px var(--mono);letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:18px;display:inline-flex}.entry-meta{color:var(--muted);font:12px var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-bottom:14px;display:flex}.entry-meta .category{color:var(--accent)}.entry-header h1{max-width:760px;font-family:var(--kai);color:var(--ink);letter-spacing:1px;margin:0 auto;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.35}.entry-header .article-desc{max-width:620px;color:var(--ink-soft);margin:16px auto 0;font-size:14px;line-height:1.7}.entry-header .tags{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:16px;display:flex}.entry-header .tags span{color:var(--ink-soft);background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:2px 7px;font-size:11px}.entry-header .updated-at{color:var(--muted);margin-top:12px;font-size:11px;display:block}.entry-content{max-width:900px;margin:0 auto;padding:40px clamp(20px,5vw,0px) 70px}.article-grid{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:56px;display:grid}.prose{min-width:0;font-size:16px;line-height:2}.prose>p:first-child{color:var(--ink-soft);font-size:17px}.prose h2{border-top:1px solid var(--line);font-family:var(--kai);color:var(--ink);margin:2.4em 0 1em;padding-top:.8em;font-size:25px;font-weight:700;line-height:1.5;position:relative}.prose h3{color:var(--ink);font-family:var(--kai);margin:1.9em 0 .7em;font-size:19px}.prose p{color:var(--ink-soft);margin:1.1em 0}.prose strong{color:var(--ink)}.prose a{color:var(--accent);border-bottom:1px dotted var(--muted-2)}.prose a:hover{border-bottom-style:solid}.prose ul,.prose ol{padding-left:1.45em}.prose li{color:var(--ink-soft);margin:.45em 0}.prose li::marker{color:var(--accent)}.prose blockquote{color:var(--ink);background:var(--bg-2);border-left:3px solid var(--accent);margin:26px 0;padding:14px 22px}.prose blockquote p{color:var(--ink);margin:0}.prose code{color:var(--code-purple);background:var(--code-bg);font-family:var(--mono);overflow-wrap:anywhere;word-break:break-word;border:1px solid #e1d9f7;border-radius:4px;margin:0 2px;padding:.08em .42em;font-size:.92em}.prose pre{color:#edecee;border-radius:8px;margin:28px 0;padding:42px 18px 18px;font-size:14px;line-height:1.75;position:relative;overflow-x:auto;background:#15141b!important}.prose pre:before{content:"";background:#ff6767;border-radius:50%;width:12px;height:12px;position:absolute;top:15px;left:18px;box-shadow:19px 0 #ffca85,38px 0 #61ffca}.prose pre:after{content:"";border-top:.5px solid #edecee14;height:0;position:absolute;top:42px;left:0;right:0}.prose pre code{color:inherit;font-size:inherit;white-space:pre;background:0 0;border:0;padding:0}.prose pre::-webkit-scrollbar{height:8px}.prose pre::-webkit-scrollbar-track{background:#edecee0f}.prose pre::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.prose pre{scrollbar-width:thin}.prose img{border:1px solid var(--line);border-radius:6px;max-width:100%;margin:30px auto;display:block}.prose table{border:1px solid var(--line);border-spacing:0;border-collapse:collapse;width:100%;margin:26px 0;font-size:13px;display:table}.prose th,.prose td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:12px 14px}.prose th{color:var(--accent);background:var(--bg-2)}.post-toc{border-left:1px solid var(--line);flex-direction:column;align-self:start;gap:2px;padding:14px 0 14px 17px;font-size:11px;display:flex;position:sticky;top:86px}.post-toc b{font-family:var(--kai);color:var(--ink);align-items:center;gap:7px;margin-bottom:10px;font-size:13px;display:flex}.post-toc a{color:var(--muted);grid-template-columns:21px 1fr;gap:5px;padding:5px 0;line-height:1.45;display:grid}.post-toc a span{color:#aab3ad;font:9px var(--mono)}.post-toc a:hover{color:var(--accent)}.series-article-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:56px 0}.completion-panel{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr auto;align-items:center;gap:25px;padding-bottom:34px;display:grid}.completion-panel>span{color:var(--accent);font:10px var(--mono)}.completion-panel h2{font-family:var(--kai);color:var(--ink);margin:0;font-size:24px;font-weight:700}.completion-panel button{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:9px;padding:10px 15px;transition:all .2s;display:inline-flex}.completion-panel button.complete{color:#fff;background:var(--accent);border-color:var(--accent)}.article-sequence{grid-template-columns:1fr auto 1fr;gap:35px;padding-top:32px;display:grid}.article-sequence>a:not(.sequence-index){color:var(--ink-soft);align-items:center;gap:12px;display:flex}.article-sequence>a.next{text-align:right;justify-content:flex-end}.article-sequence small{color:var(--muted);font:9px var(--mono);margin-bottom:3px;display:block}.article-sequence>a:not(.sequence-index):hover{color:var(--accent)}.sequence-index{color:var(--accent);font:10px var(--mono);align-self:center}footer{color:var(--muted);background:var(--bg);border-top:1px solid var(--line);padding:0;font-size:12px}.footer-system{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:64px;display:grid}.footer-system>div{font-family:var(--mono);align-items:center;gap:10px;font-size:11px;display:flex}.footer-system>div:first-child svg{color:var(--accent)}.footer-system>div:first-child i{background:var(--line);width:24px;height:1px}.footer-system>div:last-child{justify-content:flex-end}.footer-system a{border:1px solid var(--line);width:28px;height:28px;color:var(--ink-soft);border-radius:6px;place-items:center;transition:all .2s;display:grid}.footer-system a:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.footer-system p{color:var(--muted);margin:0}.page-hero,.archive-hero{color:var(--ink);background:var(--bg);border-bottom:1px solid var(--line)}.page-hero{padding:72px 0 60px}.page-hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:90px;display:grid;position:relative}.page-hero h1,.archive-hero h1{font-family:var(--kai);color:var(--ink);margin:10px 0;font-size:48px;font-weight:700;line-height:1.2}.page-hero p,.archive-hero p{max-width:670px;color:var(--muted);margin-bottom:0}.identity-console{color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);border-radius:10px}.identity-console>header{height:48px;color:var(--accent);border-bottom:1px solid var(--line);font:9px var(--mono);align-items:center;gap:10px;padding:0 16px;display:flex}.identity-console>header i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:auto}.identity-mark{height:200px;color:var(--accent);border-bottom:1px solid var(--line);font:104px/1 var(--kai);place-items:center;display:grid}.identity-console dl{margin:0;padding:14px 18px 18px}.identity-console dl>div{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:15px;padding:9px 0;display:grid}.identity-console dl>div:last-child{border:0}.identity-console dt{color:var(--muted);font:9px var(--mono)}.identity-console dd{color:var(--ink-soft);font:10px var(--mono);align-items:center;gap:7px;margin:0;display:flex}.about-grid{grid-template-columns:.82fr 1.18fr;gap:78px;padding-block:72px 105px;display:grid}.about-copy h2{font-family:var(--kai);margin:8px 0 24px;font-size:30px;font-weight:700}.about-copy>p,.value-list span{color:var(--muted)}.value-list{border-block:1px solid var(--line);margin:30px 0}.value-list>div{border-bottom:1px solid var(--line);gap:18px;padding:16px 0;display:flex}.value-list>div:last-child{border:0}.value-list b{color:var(--accent);font:11px var(--mono)}.value-list strong{color:var(--ink);display:block}.contact-command{width:fit-content;min-width:176px}.project-grid{grid-template-columns:1fr 1fr;gap:16px;padding-block:60px 90px;display:grid}.project-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;min-height:260px;padding:26px;transition:border-color .18s,transform .18s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card>header{color:var(--accent);grid-template-columns:34px 1fr auto;align-items:center;display:grid}.project-card>header span,.project-card>header small{font:9px var(--mono)}.project-card>header small{color:var(--muted)}.project-card h2{font-family:var(--kai);margin:40px 0 12px;font-size:24px;font-weight:700}.project-card>p{min-height:54px;color:var(--muted);font-size:13px}.project-card>a{color:var(--accent);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:14px;font-size:12px;font-weight:700;display:flex}.series-hero{color:var(--ink);background:var(--bg);border-bottom:1px solid var(--line)}.series-hero .kicker,.archive-hero .kicker{color:var(--accent)}.series-hero-grid{grid-template-columns:1fr 360px;align-items:center;gap:100px;min-height:320px;display:grid}.series-hero h1{font-family:var(--kai);color:var(--ink);margin:16px 0 18px;font-size:clamp(44px,6vw,72px);font-weight:700;line-height:1.15}.series-hero p{max-width:540px;color:var(--muted);font-size:16px}.series-console{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:22px}.console-line{color:var(--muted);border-bottom:1px solid var(--line);font:10px var(--mono);justify-content:space-between;padding:11px 0;display:flex}.console-line b{color:var(--accent)}.console-line.progress-copy{border:0}.console-line em{font-style:normal}.console-progress{background:var(--bg-2);border-radius:4px;height:6px;margin:22px 0 8px;overflow:hidden}.console-progress i{background:var(--accent);border-radius:4px;width:0;height:100%;transition:width .25s;display:block}.series-map{color:var(--ink);background:var(--bg);padding-block:64px 90px}.series-intro{justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px;display:flex}.series-intro h2{font-family:var(--kai);margin:8px 0 0;font-size:32px;font-weight:700}.series-intro p{max-width:470px;color:var(--muted);margin:0;font-size:13px}.phase-block{border-top:1px solid var(--line);grid-template-columns:280px minmax(0,1fr);display:grid}.phase-heading{align-self:start;min-height:230px;padding:30px 35px 30px 0;position:sticky;top:86px}.phase-heading>div:nth-child(2)>span,.phase-code{color:var(--accent);font:10px var(--mono)}.phase-code{margin-bottom:48px}.phase-heading h2{font-family:var(--kai);margin:7px 0 10px;font-size:27px;font-weight:700}.phase-heading p{color:var(--muted);margin:0;font-size:12px}.phase-heading svg{color:var(--muted);position:absolute;top:30px;right:28px}.phase-lessons{border-left:1px solid var(--line)}.lesson-row{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr);align-items:stretch;display:grid}.complete-toggle{color:var(--muted);border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.complete-toggle:hover{color:var(--accent)}.icon-done,.lesson-row.complete .icon-open{display:none}.lesson-row.complete .icon-done{color:var(--accent);display:block}.lesson-row.complete strong{text-decoration:line-through #aab6af}.lesson-row>a{grid-template-columns:78px minmax(0,1fr) 75px 22px;align-items:center;gap:16px;min-height:86px;padding:16px 22px;display:grid}.lesson-row>a:hover{background:var(--bg-2)}.lesson-day,.lesson-row small{color:var(--muted);font:9px var(--mono)}.lesson-row strong{font-family:var(--kai);font-size:16px}.lesson-row small{align-items:center;gap:5px;display:flex}.lesson-row>a>svg{color:var(--accent)}.archive-hero{padding:70px 0 54px}.archive-browser{color:var(--ink);background:var(--bg);padding-block:42px 100px}.archive-toolbar{z-index:15;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:20px;padding:15px 0;display:grid;position:sticky;top:60px}.archive-search{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:11px;padding:0 14px;display:flex}.archive-search svg{color:var(--accent)}.archive-search input{width:100%;height:42px;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.archive-filters{justify-content:flex-end;align-items:center;gap:6px;display:flex;overflow-x:auto}.archive-filters>svg{color:var(--muted);margin-right:5px}.archive-filters button{height:42px;color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:0 13px;font-size:12px;display:flex}.archive-filters button span{color:var(--muted);font:9px var(--mono)}.archive-filters button:hover,.archive-filters button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.archive-result-meta{color:var(--muted);font:9px var(--mono);align-items:center;gap:8px;margin:25px 0 15px;display:flex}.archive-result-meta i{background:#d8d8d8;width:28px;height:1px}.archive-posts{grid-template-columns:1fr;gap:0;display:grid}.filter-item[hidden]{display:none}.archive-posts .post-card{height:100%}.archive-posts .post-card.compact{padding:20px 22px}.archive-posts .post-card.compact h3{font-size:18px}.archive-posts .post-card.compact .post-card-copy>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-empty{color:var(--muted);text-align:center;border:1px dashed #d8d8d8;padding:50px}.post-list{gap:0;display:grid}.post-card{border-top:1px solid var(--line);background:0 0;padding:22px 0;display:block}.post-card:first-child{border-top:0}.post-card.has-cover{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;display:grid}.post-meta{color:var(--muted);font:9px var(--mono);flex-wrap:wrap;align-items:center;gap:13px;display:flex}.category,.day-index{color:var(--accent);background:var(--bg-2);border-radius:4px;padding:3px 7px;font-weight:700}.day-index{color:var(--accent);background:0 0;border:1px solid #cfe6dd}.post-card h3{font-family:var(--kai);margin:10px 0 6px;font-size:21px;font-weight:700;line-height:1.45}.post-card h3 a:hover{color:var(--accent)}.post-card-copy>p{color:var(--muted);margin:0;font-size:13px}.tags{color:var(--muted);flex-wrap:wrap;gap:7px;font-size:10px;display:flex}.tags span{background:var(--bg-2);border-radius:4px;padding:2px 6px}.read-more{width:30px;height:30px;color:var(--accent);border:1px solid var(--line);border-radius:6px;place-items:center;display:grid}.read-more:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.post-cover{border:1px solid var(--line);aspect-ratio:1.9;border-radius:6px;display:block;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=980px){.series-hero-grid{grid-template-columns:1fr 310px;gap:45px}.article-grid{grid-template-columns:minmax(0,1fr)}.post-toc{display:none}.about-grid{grid-template-columns:1fr;gap:40px}.archive-posts{grid-template-columns:1fr}}@media (width<=720px){.shell{width:min(100% - 28px,900px)}.header-inner{height:58px}.header-actions{gap:12px}nav{gap:16px}nav a{font-size:13px}.search-trigger{justify-content:center;width:32px;padding:0}.search-trigger span{display:none}.home-intro{padding:54px 0 32px}.home-quote{font-size:22px}.entry-header{padding:48px 20px}.entry-content{padding:32px 20px 60px}.series-hero-grid{grid-template-columns:1fr;gap:35px;min-height:0;padding-block:56px}.series-hero h1{font-size:44px}.series-map{padding-block:50px 70px}.series-intro{flex-direction:column;align-items:flex-start}.phase-block{grid-template-columns:1fr}.phase-heading{min-height:0;padding:26px 0 20px;position:relative;top:0}.phase-code{margin-bottom:24px}.phase-lessons{border-left:0;border-top:1px solid var(--line)}.lesson-row>a{grid-template-columns:63px minmax(0,1fr) 20px;min-height:78px;padding:13px 15px}.lesson-row small{display:none}.archive-hero{padding:54px 0 40px}.archive-hero h1{font-size:40px}.archive-toolbar{grid-template-columns:1fr;gap:9px;top:58px}.archive-filters{justify-content:flex-start}.archive-filters>svg{display:none}.post-card,.post-card.has-cover{grid-template-columns:1fr;padding:18px 0}.post-cover{grid-row:1}.about-grid,.project-grid{grid-template-columns:1fr;padding-block:48px 75px}.page-hero{padding:54px 0 44px}.page-hero-grid{grid-template-columns:1fr;gap:32px}.page-hero h1{font-size:40px}.footer-system{grid-template-columns:1fr;gap:10px;padding-block:22px}.footer-system>div:last-child{justify-content:flex-start}.footer-system p{order:-1}}@media (width<=440px){nav{gap:11px}.command-results a{grid-template-columns:92px 1fr 16px;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}