:root { --bg:#f2f0ea; --paper:#faf9f5; --ink:#20231f; --muted:#73776e; --line:rgba(32,35,31,.15); --green:#3e6652; --lime:#c8db92; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; transition:.3s; }
body.dark { --bg:#1d211e; --paper:#252a26; --ink:#f1f1e8; --muted:#a7aca3; --line:rgba(255,255,255,.14); --green:#92b7a0; --lime:#b8cf7b; }
.wrap { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.site-header { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-weight:800; letter-spacing:.08em; }
.logo span { display:grid; place-items:center; width:30px; height:30px; color:var(--bg); background:var(--ink); border-radius:2px; font-family:Georgia,serif; }
nav { display:flex; gap:38px; } nav a { color:var(--muted); text-decoration:none; font-size:13px; } nav a:hover { color:var(--green); }
.theme-button { width:37px; height:37px; color:inherit; background:transparent; border:1px solid var(--line); border-radius:50%; cursor:pointer; }
.hero { min-height:650px; display:grid; grid-template-columns:1.05fr .95fr; gap:85px; align-items:center; }
.kicker,.section-number { color:var(--green); font-size:11px; font-weight:800; letter-spacing:.18em; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:26px; font:700 clamp(56px,7vw,92px)/1.05 Georgia,"Noto Serif SC",serif; letter-spacing:-.055em; }
h1 em { color:var(--green); font-style:normal; } .lead { max-width:570px; color:var(--muted); font-size:16px; line-height:1.9; }
.hero-links { display:flex; align-items:center; gap:28px; margin-top:35px; }
.primary-link { display:inline-flex; gap:45px; padding:16px 20px; color:white; background:var(--green); text-decoration:none; font-size:13px; }
.text-link { color:var(--ink); text-underline-offset:5px; font-size:13px; }
.terminal-card { overflow:hidden; background:#202720; border-radius:8px; box-shadow:0 30px 80px rgba(20,35,25,.18); transform:rotate(1.5deg); }
.terminal-bar { display:flex; align-items:center; gap:7px; padding:14px 17px; color:#7f9384; background:#192019; font-size:11px; }
.terminal-bar i { width:8px;height:8px;border-radius:50%;background:#728173; }.terminal-bar span { margin-left:auto; }
pre { margin:0; padding:38px 32px 44px; color:#bdc9be; font:13px/2.05 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; }
code b,code span { color:#d7e7aa; } code mark { padding:2px 4px; color:#e7d5ad; background:rgba(255,255,255,.05); }
.about { display:grid; grid-template-columns:.5fr 1.5fr; gap:50px; padding:120px 0; border-top:1px solid var(--line); }
.about h2,.articles h2 { font:700 clamp(36px,4vw,53px)/1.25 Georgia,"Noto Serif SC",serif; letter-spacing:-.035em; }
.about div p { max-width:700px; color:var(--muted); font-size:16px; line-height:2; }
.focus-section { padding:110px 0; background:var(--paper); }
.focus-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:45px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.focus-grid article { min-height:280px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.focus-grid article>span { display:grid; place-items:center; width:50px;height:50px;margin-bottom:65px;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:11px;font-weight:800; }
.focus-grid h3 { font:700 20px Georgia,"Noto Serif SC",serif; }.focus-grid p { color:var(--muted);font-size:13px;line-height:1.8; }
.articles { padding:120px 0; }.articles-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:48px; }.articles-heading h2 { margin:0; }.articles-heading>p { margin:0;color:var(--muted);font:14px Georgia,"Noto Serif SC",serif; }
.featured-article { display:grid;grid-template-columns:.9fr 1.1fr;min-height:400px;margin-bottom:22px;background:var(--paper);border:1px solid var(--line); }
.article-visual { position:relative;display:grid;place-items:center;overflow:hidden;color:#dce7bd;background:#30483a;font:800 clamp(38px,6vw,72px) ui-monospace,monospace;letter-spacing:-.08em; }
.article-visual::before,.article-visual::after { content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(220,231,189,.22);border-radius:50%; }.article-visual::after { width:190px;height:190px; }.article-visual i { position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime); }.article-visual i:nth-of-type(1){top:18%;left:22%}.article-visual i:nth-of-type(2){right:14%;bottom:27%}.article-visual i:nth-of-type(3){left:37%;bottom:12%}
.article-content { display:flex;flex-direction:column;justify-content:center;padding:52px; }.article-meta { display:flex;gap:16px;margin-bottom:22px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase; }.article-meta span { color:var(--green);font-weight:800; }.article-content h3 { margin-bottom:20px;font:700 clamp(28px,3vw,39px)/1.45 Georgia,"Noto Serif SC",serif;letter-spacing:-.025em; }.article-content p,.article-card p { color:var(--muted);font-size:13px;line-height:1.9; }
.read-button { display:flex;align-items:center;justify-content:space-between;width:130px;margin-top:15px;padding:10px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer; }.read-button:hover { color:var(--green);border-color:var(--green); }
.article-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }.article-card { min-height:310px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line); }.article-card h3 { margin-bottom:17px;font:700 23px/1.5 Georgia,"Noto Serif SC",serif; }.article-card .read-button { margin-top:auto; }
dialog { width:min(720px,calc(100% - 30px));max-height:85vh;padding:0;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.25); }.dark dialog { color:var(--ink); }.dark dialog::backdrop { background:rgba(0,0,0,.7); } dialog::backdrop { background:rgba(24,28,25,.58);backdrop-filter:blur(4px); } dialog article { position:relative;padding:55px 60px; } dialog h2 { font:700 clamp(31px,4vw,45px)/1.35 Georgia,"Noto Serif SC",serif;letter-spacing:-.03em; }.dialog-close { position:absolute;right:22px;top:18px;color:var(--muted);background:transparent;border:0;font-size:27px;cursor:pointer; }.article-body { color:var(--muted);font:15px/2 Georgia,"Noto Serif SC",serif; }.article-body h3 { margin:30px 0 10px;color:var(--ink);font-size:20px; }.article-body p { margin-bottom:18px; }
footer { position:relative;min-height:190px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line); }.filing { display:flex;flex-direction:column;gap:10px;color:var(--muted);text-align:right;font-size:11px; } footer p { margin:7px 0 0;color:var(--muted);font-size:12px; }.icp-link { position:absolute;left:50%;bottom:28px;transform:translateX(-50%);color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap; }.icp-link:hover { color:var(--green);text-decoration:underline;text-underline-offset:4px; }
@media(max-width:760px){.wrap{width:calc(100% - 30px)}nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding:75px 0}.terminal-card{transform:none}.about{grid-template-columns:1fr;padding:80px 0}.focus-section,.articles{padding:80px 0}.focus-grid{grid-template-columns:1fr}.focus-grid article{min-height:240px}.featured-article{grid-template-columns:1fr}.article-visual{min-height:260px}.article-content{padding:32px}.article-grid{grid-template-columns:1fr}.article-card{min-height:270px}dialog article{padding:48px 25px 35px}footer{min-height:230px;align-items:flex-start;flex-direction:column;justify-content:center;gap:25px}.filing{text-align:left}.icp-link{bottom:22px}}