@charset "UTF-8";
:root{color-scheme:dark;--bg:#101213;--card:#181c1e;--ink:#f0f1eb;--muted:#a2acae;--line:#ffffff18;--accent:#d8ff4f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;transform:rotate(-5deg);background:var(--accent);color:#111;font-size:22px;font-weight:900;letter-spacing:-1.5px}.brand strong{font-size:15px;letter-spacing:1px}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:2px;margin-top:5px}.header nav{display:flex;gap:30px;font-size:13px;color:var(--muted)}.header nav a:hover,.about-line>a:hover,.back:hover{color:var(--accent)}main{flex:1}.intro{padding:35px 0 31px}.eyebrow{font-size:11px;letter-spacing:1px;color:#a4b58b;margin:0 0 13px}h1{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:0;font-weight:700}.intro>p:last-child{font-size:14px;line-height:1.9;color:var(--muted);margin:14px 0 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:16px;font-weight:600;margin:0}.section-heading>span{font-size:11px;color:#7b898d}.note-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}.note{display:flex;flex-direction:column;min-height:248px;padding:24px;border:1px solid var(--line);border-radius:9px;background:var(--card);transition:border-color .15s ease,background .15s ease}.note:hover{background:#1d2325;border-color:#9cb36c80}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#93a586}.note-meta time{color:#78868a;font-size:9px}.note h3{font-size:19px;line-height:1.65;margin:22px 0 12px;font-weight:600;letter-spacing:-.3px}.note p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 25px}.read{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;color:#c8df9d;font-size:11px}.read>span{font-size:18px}.about-line{padding:26px 0 4px;margin-top:26px;border-top:1px solid var(--line)}.about-line h2{font-size:15px;margin:0 0 12px;font-weight:600}.about-line p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 15px}.about-line>a{font-size:12px;color:#c1c9bc}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:43px;padding:27px 0;border-top:1px solid var(--line);font-size:11px;color:#92a0a3}.icp{color:#d2dbcd;white-space:nowrap}.icp:hover{text-decoration:underline;text-underline-offset:4px}.back{display:inline-block;margin:28px 0 24px;font-size:12px;color:var(--muted)}.article{width:min(760px,100%);padding-bottom:14px}.article-header{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:27px}.article-header .note-meta{justify-content:flex-start;gap:20px;margin-bottom:16px}.article-header h1{font-size:31px;line-height:1.55}.article-header .lede{font-size:15px;color:var(--muted);line-height:1.9;margin:17px 0 0}.article h2{font-size:19px;line-height:1.7;margin:27px 0 12px;font-weight:600}.article p,.article li{font-size:14px;line-height:2;color:#bbc4c5}.article p{margin:10px 0 15px}.article ul,.article ol{padding-left:23px}.article li{padding-left:4px;margin:6px 0}.article code{font-family:Consolas,monospace;font-size:.94em;color:#cde0ac;background:#20282a;border-radius:3px;padding:2px 5px}.article pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#182023;border:1px solid var(--line);padding:18px;border-radius:6px;color:#cbd6ce;font:13px/1.8 Consolas,monospace}.article .article-end{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#829194}.skip{position:absolute;top:-100px;left:20px;z-index:2;padding:12px;background:var(--accent);color:#111}.skip:focus{top:10px}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.note-list{grid-template-columns:1fr}.note{min-height:0;padding:24px}.note h3{margin-top:16px;font-size:19px}.note p{margin-bottom:20px}.read{justify-content:flex-start;gap:18px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{min-height:77px;gap:15px}.brand-mark{width:35px;height:35px;font-size:20px}.brand strong{font-size:13px}.brand small{font-size:8px}.header nav{gap:18px;font-size:11px}.intro{padding:29px 0 27px}h1{font-size:27px}.intro>p:last-child{font-size:12px}.section-heading h2{font-size:14px}.note{padding:22px}.note h3{font-size:18px}.about-line{margin-top:25px}.about-line p{font-size:12px}.footer{align-items:flex-start;flex-direction:column;gap:16px;padding:25px 0;margin-top:32px;font-size:10px}.article-header h1{font-size:25px}.article-header .lede{font-size:13px}.article h2{font-size:18px}.article p,.article li{font-size:13px}.back{margin-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}