:root{--bg:#f5efe4;--ink:#17231b;--muted:#687268;--brand:#c45d1d;--deep:#23382a;--card:#fffaf2;--line:#e7d9c5}
    *{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f7efe2 0%,#eef4e9 52%,#fff9ef 100%);color:var(--ink);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}
    a{color:inherit}.wrap{width:min(1120px,92vw);margin:0 auto}.top{padding:18px 0;color:var(--muted);display:flex;justify-content:space-between;gap:18px}.top a{text-decoration:none;font-weight:700}
    .hero{padding:54px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch}
    .panel{background:rgba(255,250,242,.86);border:1px solid var(--line);border-radius:30px;box-shadow:0 24px 70px rgba(70,45,20,.12);padding:32px}
    .kicker{color:var(--brand);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(36px,5vw,66px);line-height:1.02;margin:16px 0}.hero p{font-size:18px;line-height:1.8;color:var(--muted);margin:0}
    .context{display:grid;gap:12px}.context div{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--deep);font-weight:700;overflow-wrap:anywhere}.context small{display:block;color:var(--muted);font-weight:500;margin-top:8px}
    form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}label{font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 15px;font:inherit;color:var(--ink)}textarea{min-height:170px;resize:vertical}
    button{border:0;border-radius:999px;background:var(--deep);color:white;font-weight:900;padding:15px 24px;font-size:16px;cursor:pointer}.note{font-size:13px;color:var(--muted);line-height:1.7}.result{display:none;margin-top:16px;padding:14px 16px;border-radius:16px;background:#ecfdf5;color:#065f46;font-weight:800}.result.error{background:#fef2f2;color:#991b1b}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.step span{color:var(--brand);font-size:12px;font-weight:900}.step b{display:block;margin-top:8px}
    @media(max-width:820px){.hero-grid{grid-template-columns:1fr}.top{display:block}.panel{padding:22px;border-radius:24px}form{grid-template-columns:1fr}.steps{grid-template-columns:1fr}}