:root{color-scheme:light;--paper:#f2ede3;--paper-2:#faf6ed;--ink:#20251f;--muted:#65695f;--faint:#8a8d80;--line:rgba(32,37,31,.16);--rust:#8f4634}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans CJK SC",sans-serif;background:radial-gradient(900px 520px at 8% -10%,#fffdf8,transparent 62%),radial-gradient(760px 480px at 100% 0%,#e7ded0,transparent 60%),var(--paper)}
a{color:inherit}.top{max-width:1160px;margin:0 auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",serif;letter-spacing:.18em;font-size:20px}.brand small{margin-top:5px;color:var(--faint);font-size:9px;letter-spacing:.28em}.seal{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rust);color:var(--rust);font-family:"Noto Serif CJK SC","Songti SC",serif;font-size:21px}
.ghost{color:var(--muted);font-size:12px;text-decoration:none;letter-spacing:.06em}main{max-width:1160px;margin:0 auto;padding:clamp(48px,8vw,100px) 28px 64px}.hero{max-width:850px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--rust);font-size:11px;font-weight:700;letter-spacing:.2em}.eyebrow span{width:34px;height:1px;background:var(--rust)}
h1{margin:0;font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",serif;font-size:clamp(42px,7vw,84px);font-weight:500;line-height:1.18;letter-spacing:.04em}.lede{max-width:42em;margin:24px 0 0;color:var(--muted);font-size:clamp(16px,1.8vw,19px)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border:1px solid var(--line);background:var(--paper-2);text-decoration:none;font-size:14px;letter-spacing:.04em}.button.primary{background:var(--rust);border-color:var(--rust);color:#fbf5e9}.button:hover{border-color:var(--rust)}.meta{margin:16px 0 0;color:var(--faint);font-size:11px}.meta a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(56px,9vw,110px);border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid article{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.index{color:var(--rust);font-family:"Noto Serif CJK SC","Songti SC",serif;font-size:12px}h2{margin:14px 0 8px;font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",serif;font-size:22px;font-weight:600}.grid p,.install p{margin:0;color:var(--muted);font-size:14px}
.install{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.install .eyebrow{margin-bottom:10px}.install h2{margin-top:0}.muted{margin-top:8px!important;color:var(--faint)!important;font-size:12px!important}pre{margin:0;padding:18px;overflow-x:auto;background:#101b19;color:#eef4f0;font:13px/1.8 ui-monospace,Menlo,Consolas,monospace}code{font:inherit}
footer{max-width:1160px;margin:0 auto;padding:22px 28px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--faint);font-size:11px}@media(max-width:760px){.top,main,footer{padding-left:18px;padding-right:18px}.grid{grid-template-columns:1fr}.install{grid-template-columns:1fr;gap:18px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.github-card {
  display: flex; align-items: center; gap: 14px; margin-top: 34px;
  padding: 18px 20px; border: 1px solid var(--line); background: var(--paper-2);
  text-decoration: none; transition: border-color .15s ease, transform .15s ease;
}
.github-card:hover { border-color: var(--rust); transform: translateY(-1px); }
.github-mark { color: var(--ink); display: inline-flex; }
.github-copy { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.github-copy strong { font-size: 14px; letter-spacing: .02em; }
.github-copy small { color: var(--faint); font-size: 11px; }
.github-arrow { margin-left: auto; color: var(--rust); font-size: 19px; }
