:root{--ink:#2d3142;--muted:#6f7281;--paper:#fffdf9;--cream:#fff8ec;--line:#e9e3db;--peach:#ffdecf;--peach-strong:#ff8e78;--blue:#ddebff;--blue-strong:#6c9ce8;--lilac:#eee3ff;--lilac-strong:#9b7bd8;--mint:#dff4e9;--mint-strong:#55a67b;--yellow:#fff0b9;--yellow-strong:#d59d28;--rose:#ffe1eb;--rose-strong:#d87091;--shadow:0 18px 50px #453a2f14;--radius-lg:34px;--radius-md:24px;--radius-sm:16px;--sans:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:4px;outline:3px solid #6c9ce873}.site-nav{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.site-brand{align-items:center;gap:12px;display:inline-flex}.site-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.site-brand strong{letter-spacing:.01em;font-size:14px}.site-brand small{color:var(--muted);font-size:10px}.brand-bubble{border:2px solid var(--ink);background:var(--yellow);width:42px;height:42px;box-shadow:3px 4px 0 var(--ink);border-radius:14px 18px 13px 16px;place-items:center;font-size:12px;font-weight:900;display:grid;transform:rotate(-5deg)}.nav-links{color:#646877;align-items:center;gap:28px;font-size:13px;font-weight:700;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover{color:var(--peach-strong)}.home-hero{background:radial-gradient(circle at 7% 14%,#ffdecfb3,#0000 24%),radial-gradient(circle at 88% 88%,#ddebffc7,#0000 26%),linear-gradient(135deg,#fffaf2 0%,#fffdfb 56%,#fff8f2 100%);border:1px solid #f1e7d6;border-radius:44px;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:80px;width:min(1180px,100% - 40px);min-height:650px;margin:24px auto 76px;padding:70px 68px;display:grid;position:relative;overflow:hidden}.home-hero:before,.home-hero:after{color:#ff8e787a;content:"✦";font-size:28px;position:absolute}.home-hero:before{top:44px;right:45%}.home-hero:after{color:#6c9ce873;font-size:20px;bottom:38px;right:44px}.hero-copy,.hero-board{z-index:1;position:relative}.eyebrow{color:var(--muted);letter-spacing:.05em;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--ink);color:#fff;font-family:var(--mono);letter-spacing:.12em;border-radius:999px;padding:6px 10px;font-size:9px;display:inline-flex}.home-hero h1{letter-spacing:-.06em;max-width:650px;margin:0;font-size:clamp(44px,5vw,68px);line-height:1.14}.home-hero h1 em{color:var(--peach-strong);font-style:normal;position:relative}.home-hero h1 em:after{content:"";z-index:-1;background:#ffdecfd9;border-radius:50%;height:8px;position:absolute;bottom:-5px;left:0;right:0}.hero-lead{color:#5e6270;max-width:590px;margin:28px 0 0;font-size:16px;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1.5px solid var(--ink);border-radius:15px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:5px 6px 0 var(--peach)}.button-secondary{background:#ffffffb8}.hero-facts{flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;list-style:none;display:flex}.hero-facts li{border:1px solid var(--line);color:var(--muted);background:#ffffffbf;border-radius:999px;padding:7px 11px;font-size:11px}.hero-facts li:before{color:var(--mint-strong);content:"●";margin-right:6px;font-size:7px}.hero-board{border:1.5px solid var(--ink);background:#fffffff0;border-radius:28px;width:100%;padding:28px;transform:rotate(1.2deg);box-shadow:10px 12px #2d31421a}.board-top{justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.board-top strong{font-family:var(--mono);font-size:11px}.board-track{background:#f0eee9;border-radius:99px;height:8px;margin:12px 0 22px;overflow:hidden}.board-track span{border-radius:inherit;background:linear-gradient(90deg, var(--peach-strong), #ffbf72);width:50%;height:100%;display:block}.hero-board ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-board li{border-radius:15px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:10px;display:grid}.hero-board li:nth-child(2){background:#fbf9ff}.hero-board li>div{flex-direction:column;gap:3px;display:flex}.hero-board li small{color:#9395a0;font-family:var(--mono);font-size:8px}.hero-board li strong{font-size:12px}.mini-icon{width:42px;height:42px;font-family:var(--mono);border-radius:14px;place-items:center;font-size:10px;font-weight:900;display:grid}.done-dot{background:var(--mint);width:22px;height:22px;color:var(--mint-strong);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.board-next{background:#fffae9;border:1px dashed #d7be74;border-radius:16px;flex-direction:column;gap:4px;margin-top:18px;padding:16px 18px;display:flex}.board-next>span{color:var(--yellow-strong);font-family:var(--mono);font-size:8px;font-weight:900}.board-next strong{font-size:12px}.board-next small{color:var(--muted);font-size:10px}.sticker{border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;place-items:center;display:grid;position:absolute;transform:rotate(-8deg)}.sticker-star{background:var(--yellow);border-radius:50%;width:50px;height:50px;top:-24px;right:22px}.sticker-smile{background:var(--lilac);width:68px;height:37px;font-family:var(--mono);border-radius:14px;font-size:10px;bottom:48px;right:-22px}.section-wrap{width:min(1120px,100% - 40px);margin-left:auto;margin-right:auto}.intro-strip{background:#fffbf5;border:1px dashed #ddcdbb;border-radius:20px;justify-content:center;align-items:center;gap:28px;padding:24px 30px;display:flex}.intro-strip>p{margin:0;font-size:13px;font-weight:800}.intro-strip div{align-items:center;gap:11px;display:flex}.intro-strip span{background:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700}.intro-strip b{color:var(--peach-strong)}.roadmap-section{padding-top:120px;padding-bottom:120px}.section-heading{max-width:760px;margin-bottom:46px}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.2}.section-heading>p:last-child{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.9}.section-heading.compact{margin-bottom:34px}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.roadmap-card{border-radius:var(--radius-md);background:#fff;border:1px solid #2d31421a;flex-direction:column;min-height:320px;padding:26px;transition:transform .18s,box-shadow .18s;display:flex}.roadmap-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.roadmap-meta{justify-content:space-between;align-items:center;margin-bottom:44px;display:flex}.roadmap-meta>span{font-family:var(--mono);font-size:10px;font-weight:900}.roadmap-meta small{color:var(--muted);background:#ffffffad;border-radius:999px;padding:5px 8px;font-size:9px}.roadmap-meta small.is-ready{color:var(--mint-strong)}.roadmap-card>strong{letter-spacing:.08em;font-size:11px}.roadmap-card h3{letter-spacing:-.035em;margin:10px 0 0;font-size:22px;line-height:1.35}.roadmap-card>p{color:var(--muted);margin:15px 0 24px;font-size:12px;line-height:1.75}.roadmap-card>a,.disabled-link{align-items:center;gap:8px;margin-top:auto;font-size:11px;font-weight:900;display:inline-flex}.disabled-link{color:#9d9da3}.tone-peach{background-color:#fff3ee}.tone-blue{background-color:#f1f7ff}.tone-lilac{background-color:#f8f3ff}.tone-mint{background-color:#f0faf5}.tone-yellow{background-color:#fffae9}.tone-rose{background-color:#fff3f7}.episodes-section{background:#f7f4ef;padding:104px 0 118px}.episode-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.episode-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e8e2d9;overflow:hidden;box-shadow:0 10px 32px #4d41350a}.episode-cover{aspect-ratio:4/3;background:#fff8f0;place-items:center;display:grid;position:relative;overflow:hidden}.episode-cover img{object-fit:cover;width:100%;height:100%;transition:transform .24s}.episode-cover:hover img{transform:scale(1.025)}.episode-cover>span{color:#fff;font-family:var(--mono);background:#2d3142e0;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:900;position:absolute;top:14px;left:14px}.episode-card-copy{padding:24px}.episode-card-copy>p:first-child{color:var(--peach-strong);margin:0;font-size:10px;font-weight:800}.episode-card-copy h3{letter-spacing:-.035em;margin:10px 0 12px;font-size:20px;line-height:1.45}.episode-card-copy>p:nth-of-type(2){min-height:66px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.text-link{gap:8px;margin-top:20px;font-size:11px;font-weight:900;display:inline-flex}.promise-section{padding-top:110px;padding-bottom:110px}.promise-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 100%,#ffdecf94,#0000 32%),#fffbf5;border:1px solid #eee4d7;grid-template-columns:.8fr 1.2fr;gap:60px;padding:54px;display:grid}.promise-card h2{letter-spacing:-.05em;max-width:340px;margin:0;font-size:38px;line-height:1.25}.promise-card ol{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.promise-card li{background:#ffffffd9;border-radius:18px;padding:22px}.promise-card li>span{color:var(--peach-strong);font-family:var(--mono);font-size:9px;font-weight:900}.promise-card li strong{margin-top:28px;font-size:14px;display:block}.promise-card li p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.7}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:34px 0 46px;display:flex}.site-footer strong{font-size:13px}.site-footer p{color:var(--muted);margin:6px 0 0;font-size:10px}.site-footer>a{color:var(--muted);font-size:11px;font-weight:800}.article-nav{min-height:74px}.article-hero{border:1px solid #2d314214;border-radius:40px;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:520px;margin:24px auto 80px;padding:60px 68px;display:grid;overflow:hidden}.article-hero-copy h1{letter-spacing:-.06em;max-width:690px;margin:0;font-size:clamp(42px,5.5vw,68px);line-height:1.14}.article-hero-copy>p:not(.eyebrow){color:var(--muted);margin:22px 0 0;font-size:17px}.article-success{background:#ffffffa3;border:1px solid #2d314217;border-radius:16px;align-items:center;gap:12px;margin-top:36px;padding:12px 16px;display:inline-flex}.article-success>span{background:var(--mint);width:30px;height:30px;color:var(--mint-strong);border-radius:50%;place-items:center;font-weight:900;display:grid}.article-success div{flex-direction:column;gap:2px;display:flex}.article-success small{color:var(--muted);font-size:9px}.article-success strong{font-size:11px}.article-hero-figure{margin:0;transform:rotate(1deg)}.article-hero-figure img{border:8px solid #fff;border-radius:24px;width:100%;display:block;box-shadow:10px 12px #2d31421a}.article-hero-figure figcaption{color:var(--muted);text-align:center;margin-top:13px;font-size:10px;line-height:1.6}.reading-shell{grid-template-columns:225px minmax(0,760px);justify-content:space-between;gap:70px;width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:100px;display:grid}.article-toc{align-self:start;max-height:calc(100vh - 44px);padding-right:8px;position:sticky;top:22px;overflow-y:auto}.article-toc>p{color:#98989f;letter-spacing:.12em;margin:0 0 12px;font-size:10px;font-weight:800}.article-toc ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.article-toc li{border-bottom:1px solid var(--line)}.article-toc li a{color:#747783;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:11px 2px;font-size:10px;line-height:1.5;transition:color .16s,transform .16s;display:grid}.article-toc li a:hover{color:var(--ink);transform:translate(3px)}.article-toc li span{color:#b6b5b5;font-family:var(--mono);font-size:8px}.download-box{background:var(--cream);border:1px dashed #d8cbbd;border-radius:16px;margin-top:24px;padding:16px}.download-box strong{font-size:11px}.download-box p{color:var(--muted);margin:7px 0 12px;font-size:9px;line-height:1.6}.download-box>div{gap:7px;display:flex}.download-box a{background:#fff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}.article-body{min-width:0}.article-intro{background:#fff7f2;border:1px solid #efd8cc;border-radius:20px;margin-bottom:64px;padding:26px 28px}.article-intro span{background:var(--peach);color:#8d594b;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.article-intro p{margin:14px 0 0;font-size:18px;font-weight:800;line-height:1.7}.article-body h2,.article-body h3,.article-body h4{color:var(--ink);scroll-margin-top:28px}.article-body h2{border-top:1px solid var(--line);letter-spacing:-.045em;margin:88px 0 28px;padding-top:19px;font-size:32px;line-height:1.35;position:relative}.article-body h2:before{background:var(--peach-strong);content:"";border-radius:99px;width:48px;height:5px;position:absolute;top:-3px;left:0}.article-body h3{letter-spacing:-.025em;margin:48px 0 18px;font-size:21px}.article-body h4{color:#4f5360;letter-spacing:-.015em;margin:30px 0 12px;font-size:17px}.article-body>p{color:#4f5360;margin:18px 0;font-size:16px;line-height:2}.article-body>p strong{color:var(--ink)}.article-body>p a{color:#4775b9;border-bottom:1px solid #a9c4ed}.article-body>p code,.article-body li code{color:#6c51a0;font-family:var(--mono);background:#f0edf7;border-radius:6px;margin:0 2px;padding:3px 6px;font-size:.84em}.article-body blockquote{border-left:5px solid var(--peach-strong);color:#555965;background:#fff7f2;border-radius:0 16px 16px 0;margin:28px 0;padding:22px 24px;font-size:16px;font-weight:700;line-height:1.85}.article-body>ul,.article-body>ol{counter-reset:article-list;gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.article-body>li{list-style:none}.article-body>ul li,.article-body>ol li{color:#535764;background:#faf8f4;border-radius:12px;padding:12px 16px 12px 42px;font-size:14px;line-height:1.75;position:relative}.article-body>ul li:before{background:var(--peach-strong);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:20px;left:20px}.article-body>ol li{counter-increment:article-list}.article-body>ol li:before{background:var(--blue);color:#4f73a7;content:counter(article-list);width:20px;height:20px;font-family:var(--mono);border-radius:7px;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute;top:14px;left:14px}.article-code{background:#252936;border:1px solid #363b4a;border-radius:18px;margin:28px 0;overflow:hidden;box-shadow:6px 8px #e9e3da}.article-code>div{color:#aab0c0;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #3a3e4b;justify-content:space-between;align-items:center;padding:11px 16px;font-size:8px;display:flex}.article-code>div small{text-transform:none;font-size:8px}.article-code pre{color:#edf0f8;font-family:var(--mono);margin:0;padding:22px;font-size:12px;line-height:1.8;overflow-x:auto}.content-figure{width:min(100%, var(--figure-width,760px));margin:38px auto}.content-figure>div{background:#f4f1ec;border:1px solid #ddd7cf;border-radius:18px;place-items:center;max-height:620px;display:grid;overflow:hidden;box-shadow:0 10px 34px #463b2f12}.content-figure img{width:auto;max-width:100%;height:auto;max-height:620px;margin:0 auto;display:block}.zoomable-image-trigger{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.zoomable-image-trigger:after{color:#fff;content:"放大";letter-spacing:.08em;opacity:0;pointer-events:none;background:#2d3142d1;border:1px solid #ffffff7a;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.zoomable-image-trigger:hover:after,.zoomable-image-trigger:focus-visible:after{opacity:1;transform:translateY(0)}.zoomable-image-trigger:focus-visible{outline-offset:5px;outline:3px solid #6c9ce894}.image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#1c1f2aeb;place-items:center;padding:54px 24px 24px;display:grid;position:fixed;inset:0;overflow:auto}.image-lightbox-content{cursor:default;place-items:center;width:min(1440px,100%);max-height:calc(100dvh - 78px);margin:0;display:grid}.image-lightbox-content img{object-fit:contain;border-radius:16px;max-width:100%;max-height:calc(100dvh - 130px);display:block;box-shadow:0 24px 80px #00000057}.image-lightbox-content figcaption{color:#ffffffd1;text-align:center;max-width:760px;margin-top:14px;font-size:12px;line-height:1.65}.image-lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff6;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:26px;line-height:1;display:grid;position:fixed;top:18px;right:20px}.image-lightbox-close:hover,.image-lightbox-close:focus-visible{outline-offset:3px;background:#ffffff3d;outline:3px solid #ffffff4d}.content-figure figcaption{color:#83848d;align-items:flex-start;gap:8px;margin-top:12px;font-size:10px;line-height:1.6;display:flex}.content-figure figcaption span{background:var(--blue);color:#5679ad;border-radius:4px;flex:none;padding:2px 5px;font-size:8px;font-weight:900}.figure-guide,.figure-diagram,.figure-summary{width:min(100%, var(--figure-width,520px))}.figure-guide>div,.figure-diagram>div,.figure-summary>div{background:#fffaf4}.episode-pagination{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;margin-top:90px;padding-top:28px;display:grid}.episode-pagination>a,.episode-pagination>div{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;min-height:110px;padding:20px;display:flex}.episode-pagination small{color:var(--muted);margin-bottom:8px;font-size:9px}.episode-pagination strong{font-size:13px;line-height:1.5}.episode-pagination .next{text-align:right;align-items:flex-end}.episode-pagination .is-coming{background:var(--cream);border-style:dashed}.episode-pagination .is-coming span{color:var(--yellow-strong);margin-top:7px;font-size:9px}@media (max-width:980px){.home-hero,.article-hero{grid-template-columns:1fr}.home-hero{gap:65px}.hero-board{max-width:580px}.roadmap-grid,.episode-grid{grid-template-columns:repeat(2,1fr)}.promise-card{grid-template-columns:1fr}.reading-shell{grid-template-columns:minmax(0,760px);justify-content:center}.article-toc{display:none;position:static}.article-hero-figure{max-width:540px}}@media (max-width:680px){.site-nav{min-height:68px}.nav-links{display:none}.home-hero,.article-hero{border-radius:26px;width:calc(100% - 24px);margin-top:8px}.home-hero{gap:48px;min-height:auto;margin-bottom:52px;padding:52px 24px 44px}.home-hero h1{font-size:42px}.hero-lead{font-size:14px;line-height:1.85}.hero-actions{flex-direction:column}.button{width:100%}.hero-board{padding:20px;transform:none}.sticker-smile{right:-8px}.section-wrap,.reading-shell,.site-footer{width:calc(100% - 32px)}.intro-strip{flex-direction:column;align-items:flex-start;gap:14px}.intro-strip div{justify-content:space-between;width:100%}.intro-strip span{padding-left:9px;padding-right:9px}.roadmap-section{padding-top:82px;padding-bottom:82px}.section-heading h2{font-size:36px}.roadmap-grid,.episode-grid,.promise-card ol{grid-template-columns:1fr}.roadmap-card{min-height:280px}.episodes-section{padding:78px 0 86px}.episode-card-copy>p:nth-of-type(2){min-height:auto}.promise-section{padding-top:78px;padding-bottom:78px}.promise-card{border-radius:26px;gap:34px;padding:34px 24px}.promise-card h2{font-size:32px}.promise-card li strong{margin-top:18px}.site-footer{flex-direction:column;align-items:flex-start;gap:18px}.article-hero{gap:45px;min-height:auto;margin-bottom:56px;padding:50px 24px 38px}.article-hero-copy h1{font-size:40px}.article-success{align-items:flex-start}.article-hero-figure{transform:none}.reading-shell{padding-bottom:72px}.article-intro{margin-bottom:50px;padding:22px}.article-intro p{font-size:16px}.article-body h2{margin-top:68px;font-size:28px}.article-body h3{font-size:20px}.article-body h4{font-size:16px}.article-body>p{font-size:15px;line-height:1.9}.article-code pre{padding:18px;font-size:10px}.content-figure{margin:30px auto}.content-figure>div,.content-figure img{max-height:520px}.zoomable-image-trigger:after{opacity:.9;bottom:8px;right:8px;transform:none}.image-lightbox{padding:58px 12px 18px}.image-lightbox-content img{border-radius:10px;max-height:calc(100dvh - 118px)}.image-lightbox-content figcaption{margin-top:10px;font-size:10px}.episode-pagination{grid-template-columns:1fr}.episode-pagination .next{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}