:root { --ink:#242a26; --green:#315847; --paper:#fffdf8; --canvas:#f4efe5; --muted:#746f66; --line:#dfd7c8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--canvas); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; margin:0; }
a { color:inherit; text-decoration:none; }
.site-header { align-items:center; display:flex; height:76px; justify-content:space-between; margin:auto; max-width:1180px; padding:0 28px; }
.brand { align-items:center; display:flex; font-weight:700; gap:12px; }
.brand-mark { align-items:center; background:var(--green); border-radius:50%; color:#fff; display:flex; font-family:serif; height:38px; justify-content:center; width:38px; }
nav { display:flex; gap:30px; }
nav a { color:var(--muted); font-size:14px; }
.hero { align-items:center; display:grid; gap:70px; grid-template-columns:1.08fr .92fr; margin:0 auto; max-width:1180px; min-height:680px; padding:60px 28px 100px; }
.eyebrow,.section-kicker { color:#9b7656; font-size:12px; font-weight:700; letter-spacing:.3em; }
h1 { font-family:"Songti SC",serif; font-size:68px; letter-spacing:-.04em; line-height:1.16; margin:22px 0 28px; }
h1 em { color:var(--green); font-style:normal; }
.lead { color:var(--muted); font-size:18px; line-height:1.9; max-width:610px; }
.actions { align-items:center; display:flex; gap:16px; margin:36px 0 26px; }
.primary,.secondary { border-radius:999px; display:inline-block; font-size:15px; padding:15px 25px; }
.primary { background:var(--green); color:white; }
.secondary { border:1px solid #b7b0a4; }
.status { align-items:center; color:var(--muted); display:flex; font-size:13px; gap:9px; }
.status-dot { background:#4c9568; border-radius:50%; box-shadow:0 0 0 5px rgba(76,149,104,.12); height:8px; width:8px; }
.status-dot.offline { background:#bb665a; }
.paper-scene { min-height:500px; position:relative; }
.paper { background:var(--paper); border-radius:5px; box-shadow:0 35px 80px rgba(63,55,42,.18); height:500px; padding:80px 58px; position:absolute; right:40px; top:0; transform:rotate(3deg); width:350px; }
.paper-line { border-bottom:1px solid var(--line); height:48px; }
.paper-line.short { width:80%; }.paper-line.shorter { width:62%; }
.handwriting { color:#283a31; font-family:"Kaiti SC",serif; font-size:25px; left:76px; line-height:2.15; position:absolute; top:116px; transform:rotate(-3deg); }
.ai-tag { background:var(--ink); border-radius:5px; bottom:28px; color:white; font-size:10px; padding:6px 9px; position:absolute; right:28px; }
.pen { background:linear-gradient(90deg,#213a30,#4e7462); border-radius:99px; bottom:30px; height:18px; position:absolute; right:0; transform:rotate(-42deg); width:330px; }
.section { margin:auto; max-width:1180px; padding:100px 28px; }
.section h2 { font-family:"Songti SC",serif; font-size:43px; margin:16px 0 45px; }
.feature-grid { display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
.feature-grid article { background:var(--paper); border:1px solid rgba(49,88,71,.08); border-radius:20px; padding:36px; }
.feature-grid article > span { color:#a88462; font-family:serif; font-size:35px; }
.feature-grid h3 { font-size:21px; margin:24px 0 13px; }.feature-grid p,.safety p { color:var(--muted); line-height:1.85; }
.workflow { align-items:start; display:grid; gap:80px; grid-template-columns:1fr 1fr; }
.workflow ol { list-style:none; margin:0; padding:0; }
.workflow li { border-bottom:1px solid #d8d0c2; display:flex; justify-content:space-between; padding:24px 0; }.workflow li span { color:var(--muted); }
.safety { background:var(--green); border-radius:26px; color:#fff; margin-bottom:100px; padding:70px; }.safety .section-kicker{color:#d7c0a7}.safety h2{margin-bottom:22px}.safety p{color:#dce7e0;max-width:880px}.legal-links{display:flex;gap:26px;margin-top:30px;text-decoration:underline;}
footer { border-top:1px solid #d9d1c4; color:var(--muted); display:flex; font-size:13px; justify-content:space-between; margin:auto; max-width:1180px; padding:28px; }
.legal-page { margin:auto; max-width:860px; padding:70px 28px 120px; }.legal-page h1{font-size:46px}.legal-page h2{font-family:serif;margin-top:42px}.legal-page p,.legal-page li{color:var(--muted);line-height:1.9}.back{color:var(--green);font-weight:600;}
@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.paper-scene{min-height:430px}.paper{height:420px;left:50%;padding:60px 45px;right:auto;transform:translateX(-50%) rotate(3deg);width:290px}.handwriting{font-size:21px;left:62px;top:90px}.pen{right:5%;width:250px}h1{font-size:48px}.feature-grid,.workflow{grid-template-columns:1fr}.workflow{gap:10px}.section{padding:70px 22px}.safety{border-radius:0;margin-bottom:40px;padding:54px 28px}.site-header{padding:0 20px}.hero{padding-left:22px;padding-right:22px}.actions{align-items:flex-start;flex-direction:column}.feature-grid article{padding:28px}.section h2{font-size:35px}.workflow li{align-items:flex-start;flex-direction:column;gap:7px}}