:root{--ink:#17201b;--paper:#f4f1e8;--panel:#fffdf7;--jade:#176b55;--jade2:#0d4d3d;--gold:#a5762c;--line:#cbc5b4;--muted:#66706a;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Serif SC","Microsoft YaHei",serif;line-height:1.7}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(calc(100% - 32px),var(--max));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(244,241,232,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 20px Arial,sans-serif;text-decoration:none}.brand span{color:var(--jade)}.links{display:flex;flex-wrap:wrap;gap:18px}.links a{font:14px Arial,sans-serif;color:var(--muted);text-decoration:none}.hero{min-height:620px;display:grid;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(244,241,232,.98),rgba(244,241,232,.90) 52%,rgba(244,241,232,.2)),url("assets/Screenshots/002.png") center/cover}.hero-copy{padding:80px 0;max-width:760px}.eyebrow{color:var(--gold);font-weight:800}h1,h2,h3{line-height:1.25;letter-spacing:0}h1{font-size:clamp(40px,7vw,76px);margin:10px 0 22px}h2{font-size:clamp(28px,4vw,44px);margin:0 0 16px}h3{font-size:20px;margin:0 0 8px}.lead{font-size:18px;color:#3f4b44;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;min-height:44px;padding:10px 18px;align-items:center;border:1px solid var(--jade);border-radius:4px;text-decoration:none;font-weight:700}.btn.primary{background:var(--jade);color:white}.section{padding:76px 0;border-bottom:1px solid var(--line)}.intro{max-width:780px;margin-bottom:34px}.intro p{color:var(--muted)}.modules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.module{min-height:180px;background:var(--panel);padding:25px}.module b{color:var(--gold)}.module p{color:var(--muted);margin:8px 0 0}.tech{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech article{border-top:3px solid var(--jade);padding-top:20px}.tech code{color:var(--jade);font-weight:700}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.shot{margin:0;background:var(--panel);border:1px solid var(--line)}.media{aspect-ratio:16/9;overflow:hidden;background:#e9e6dc}.media img{width:100%;height:100%;object-fit:contain}.shot figcaption{padding:18px 20px;color:var(--muted)}.shot strong{display:block;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:20px;background:var(--panel);border-top:2px solid var(--gold)}.notice{padding:24px;background:#ece8dc;border-left:3px solid var(--gold);color:var(--muted)}footer{padding:34px 0;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:820px){nav{align-items:flex-start;padding:13px 0}.modules,.tech{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.hero{min-height:560px;background-position:60% center}}@media(max-width:520px){.shell{width:calc(100% - 24px)}nav{display:block}.links{margin-top:8px;gap:12px}.hero-copy{padding:56px 0}h1{font-size:40px}.lead{font-size:16px}.section{padding:54px 0}.steps{grid-template-columns:1fr}}