:root{--bg:#f5f1e9;--ink:#27231e;--muted:#70685d;--line:#ddd5c9;--accent:#e86645;--soft:#f0dfd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1380px;height:82px;margin:auto;padding:0 30px;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;font-weight:800;display:flex}.brand b{color:#fff;width:38px;height:38px;box-shadow:4px 4px 0 var(--accent);background:#3867ff;place-items:center;font-size:.75rem;display:grid}nav{color:var(--muted);gap:28px;font-size:.94rem;display:flex}nav button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}nav .active{color:var(--ink);font-weight:700}.home-view{color:#f4efe4;background:#0d0b08;min-height:100svh;position:relative;overflow:hidden}.home-view:before{content:"";transform-origin:0 0;background:repeating-linear-gradient(100deg,#0000 0 70px,#f4efe414 71px 72px),repeating-linear-gradient(0deg,#0000 0 70px,#f4efe40f 71px 72px);position:absolute;inset:0;transform:skewY(-8deg)}.home-topbar,.home-content{z-index:1;max-width:1180px;margin:auto;position:relative}.home-topbar{justify-content:space-between;align-items:center;padding:32px 24px;display:flex}.home-topbar nav{background:#0b0a088c;border:1px solid #f4efe433;padding:6px}.home-topbar nav button{color:#d8cdbd;padding:7px 12px}.home-topbar nav button:hover{color:#0d0b08;background:#eee4d2}.home-mark{color:#f4efe4;width:56px;height:56px;box-shadow:8px 8px 0 var(--accent);cursor:pointer;background:#3867ff;border:0;font-weight:900}.home-content{padding:14vh 24px}.home-kicker{color:#88d16a;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:800}.home-content h1{margin:18px 0 0;font-size:clamp(3.4rem,9vw,8rem);line-height:.9}.home-name{color:#88d16a;margin:10px 0 56px;font-size:1.35rem}.home-copy{color:#d8cdbd;border-left:3px solid #e33d25;max-width:380px;padding-left:20px;font-size:1.15rem;line-height:1.8}.home-copy p{margin:0}.home-action{color:#f4efe4;cursor:pointer;background:0 0;border:1px solid #88d16a;margin-top:38px;padding:13px 22px}.home-action:hover{color:#0d0b08;background:#88d16a}.learning-view{max-width:760px;margin:0 auto;padding:82px 30px}.learning-view h1{margin:8px 0 14px;font-size:clamp(2.5rem,6vw,4rem)}.learning-view>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;line-height:1.8}.learning-list{border-top:2px solid var(--ink);margin-top:38px}.learning-list a,.learning-list button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;font:inherit;color:var(--ink);background:0 0;justify-content:space-between;gap:20px;padding:20px 0;display:flex}.learning-list a:hover,.learning-list button:hover{color:var(--accent);cursor:pointer}.learning-list small{color:var(--muted)}.docs-shell{grid-template-columns:240px minmax(0,760px) 180px;gap:48px;max-width:1380px;margin:0 auto;padding:42px 30px 100px;display:grid}.library,.on-page{height:max-content;position:sticky;top:28px}.library label{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:9px;padding:11px 13px;display:flex}input{width:100%;font:inherit;background:0 0;border:0;outline:0}.library-label{color:var(--accent);margin:18px 0 8px;font-size:.82rem;font-weight:800}.library-label em{float:right;font-style:normal}.article-links{border-top:1px solid var(--line)}.article-links button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:13px 12px;font-size:.9rem;line-height:1.45}.article-links button small{color:var(--accent);margin-bottom:4px;font-family:ui-monospace,monospace;font-size:.7rem;display:block}.article-links button:hover,.article-links button.selected{background:var(--soft);color:var(--ink);font-weight:700}.reader{min-width:0;padding-top:4px}.eyebrow,.section-no{color:var(--accent);font-family:ui-monospace,monospace;font-size:.78rem;font-weight:800}.reader h1{letter-spacing:0;margin:8px 0 16px;font-size:clamp(2.25rem,5vw,3.7rem);line-height:1.05}.lead{color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 48px;padding-bottom:36px;font-size:1.15rem;line-height:1.8}.reader section{border-bottom:1px solid var(--line);margin-bottom:42px;padding:0 0 42px;scroll-margin-top:30px}.reader h2{margin:8px 0 15px;font-size:1.7rem;line-height:1.25}.reader p:not(.eyebrow):not(.section-no){color:var(--muted);font-size:1rem;line-height:1.9}.on-page{padding-top:32px;font-size:.86rem}.on-page p{margin:0 0 16px;font-weight:800}.on-page a{color:var(--muted);margin:0 0 13px;line-height:1.45;display:block}.on-page a:hover{color:var(--accent)}@media (width<=1050px){.docs-shell{grid-template-columns:210px minmax(0,1fr);gap:38px}.on-page{display:none}}@media (width<=720px){.site-header{height:64px;padding:0 18px}.brand span{font-size:.9rem}nav{gap:15px;font-size:.84rem}.docs-shell{padding:22px 18px 64px;display:block}.library{margin-bottom:30px;position:static}.article-links{display:flex;overflow:auto}.article-links button{border-right:1px solid var(--line);min-width:190px}.library-label{margin-top:14px}.reader h1{font-size:2.4rem}.lead{margin-bottom:34px;font-size:1.02rem}.reader h2{font-size:1.42rem}.reader section{margin-bottom:30px;padding-bottom:30px}.home-topbar{padding:20px 18px}.home-topbar nav{gap:3px}.home-topbar nav button{padding:7px 8px}.home-content{padding:19vh 24px}.home-content h1{font-size:3.8rem}.home-name{margin-bottom:38px}.learning-view{padding:55px 18px}}