:root { --ink:#111612; --paper:#f1f0e9; --acid:#c8ff18; --muted:#686e66; --line:#c9cbc3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),"Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin:auto; }
.nav { height:86px; display:flex; align-items:center; border-bottom:1px solid var(--line); gap:48px; }
.brand { font:700 17px var(--font-mono); letter-spacing:-.4px; margin-right:auto; }.prompt,.cursor,.hero h1 span,.about h2 span { color:#78a800; }.cursor { animation:blink 1s steps(1) infinite; }
nav { display:flex; gap:34px; font-size:14px; }nav a:hover { color:#6d9200; }.status { border:1px solid var(--line); padding:9px 13px; font:12px var(--font-mono); }.status span { display:inline-block;width:7px;height:7px;background:#5fb800;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #dce9c3; }
.hero { min-height:610px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:80px; padding-block:72px; }
.eyebrow { font:700 12px var(--font-mono); letter-spacing:2px; color:#667063; }.hero h1,.section h2,.about h2 { font-size:clamp(54px,6vw,86px); line-height:.98; letter-spacing:-5px; margin:20px 0 27px; }.intro { color:#555c55; font-size:17px; line-height:1.9; }.hero-actions { display:flex; gap:14px; margin-top:35px; }.primary,.secondary { padding:14px 21px; font-weight:700; font-size:14px; border:1px solid var(--ink); }.primary { background:var(--ink); color:white; }.primary b { color:var(--acid); margin-left:20px; }.primary:hover { transform:translateY(-2px); }.secondary:hover { background:white; }
.terminal { background:#121713; color:#d9ddd7; box-shadow:16px 16px 0 #d7d7cf; transform:rotate(1deg); font:13px/1.7 var(--font-mono); }.terminal-top { height:42px;background:#202620;display:flex;align-items:center;gap:7px;padding:0 15px; }.terminal-top i { width:10px;height:10px;border-radius:50%; }.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.terminal-top span { margin:auto;color:#8c948b;font-size:11px; }.terminal-body { padding:25px 29px 30px; }.terminal-body p{margin:7px 0}.terminal-body em,.ok { color:var(--acid);font-style:normal}.output{color:#7d897e}.stats{display:grid;grid-template-columns:80px 1fr;margin:10px 0 16px}.stats span{color:#748075}.stats b{font-weight:400;color:#f0f3ee}.blink{animation:blink 1s steps(1) infinite}
.marquee { overflow:hidden;white-space:nowrap;background:var(--acid);border-block:1px solid var(--ink);padding:13px 0;font:700 12px var(--font-mono);letter-spacing:2px}.marquee div{word-spacing:28px;text-align:center}.marquee span{color:#719300}
.section { padding-block:105px; }.section-head { display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-head h2 { font-size:46px;letter-spacing:-2.5px;margin:10px 0 0}.section-head>a,.section-head>span { font:12px var(--font-mono);color:var(--muted);padding-bottom:8px}.notes-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink) }.note { position:relative;padding:28px 29px 31px;border-right:1px solid var(--line);min-height:360px;transition:.2s}.note:last-child{border:0}.note:hover{background:#fff}.note-meta{display:flex;gap:10px;font:10px var(--font-mono)}.note-meta span:last-child{background:#dfe1d9;padding:3px 6px}.note-number{position:absolute;right:25px;top:20px;font:700 45px var(--font-mono);color:#d8dad3}.note h3{font-size:23px;line-height:1.35;margin:65px 0 14px;max-width:260px}.note>p{font-size:14px;line-height:1.75;color:var(--muted);min-height:76px}.tags{display:flex;gap:12px;font:11px var(--font-mono);color:#668200;margin:20px 0 30px}.note>a{font:700 11px var(--font-mono)}.note>a b{float:right;font-size:17px}
.lab-wrap { background:var(--ink);color:white }.light .eyebrow{color:var(--acid)}.light>span{color:#899087}.snippets{border-top:1px solid #404640}.snippet{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:20px;padding:25px 20px;border-bottom:1px solid #343a35}.snippet>span{font:11px var(--font-mono);color:#667067}.snippet p{margin:0 0 9px;font-size:13px;color:#a8afa8}.snippet code{font:14px var(--font-mono)}.snippet code b{color:var(--acid)}.snippet i{font:10px var(--font-mono);font-style:normal;border:1px solid #4a514b;padding:7px 10px;color:#8d968e}
.about { display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:120px;align-items:end}.about h2{font-size:55px;letter-spacing:-3px}.about-copy>p{font-size:18px;line-height:1.8;color:#555d55}.principles{display:grid;margin-top:30px;border-top:1px solid var(--line)}.principles span{padding:13px 0;border-bottom:1px solid var(--line);font:12px var(--font-mono)}.principles span:before{content:"+";color:#6f9900;margin-right:13px}
footer{background:#dfe0d9;border-top:1px solid var(--line)}footer>div{min-height:85px;display:flex;align-items:center;justify-content:space-between;font:10px var(--font-mono);letter-spacing:.5px}footer a{font-weight:700}
@keyframes blink{50%{opacity:0}}
@media(max-width:800px){.shell{width:min(100% - 30px,1180px)}.nav{height:70px}.nav nav{display:none}.status{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-block:65px}.hero h1{font-size:58px;letter-spacing:-3px}.terminal{transform:none;box-shadow:8px 8px 0 #d7d7cf}.notes-grid{grid-template-columns:1fr}.note{border-right:0;border-bottom:1px solid var(--line)}.note:last-child{border:0}.section{padding-block:75px}.section-head{align-items:start}.section-head>a{display:none}.about{grid-template-columns:1fr;gap:20px;padding-block:80px}.about h2{font-size:46px}.marquee div{text-align:left}.snippet{grid-template-columns:36px 1fr}.snippet i{display:none}footer>div{flex-direction:column;justify-content:center;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor,.blink{animation:none}}