:root{--ink:#203a31;--green:#245846;--muted:#697871;--line:#dbe4de;--paper:#f5f2ea;--orange:#d67860}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}header{height:72px;padding:0 max(22px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}header>a{font:700 21px serif;color:var(--ink);text-decoration:none}nav{display:flex;gap:20px}nav a{color:var(--ink);font-size:14px;text-decoration:none}main{max-width:1080px;margin:auto;padding:55px 22px 80px;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.intro{position:sticky;top:35px}.intro>p,.eyebrow{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.14em}.intro h1{font:700 clamp(39px,5vw,58px)/1.25 serif;margin:12px 0 22px}.intro span{display:block;color:var(--muted);line-height:1.9}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 55px #173c3010}.card h2{font:700 29px serif;margin:5px 0 20px}.card>p{color:var(--muted);line-height:1.8}.card>.eyebrow{color:var(--orange);margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;margin:14px 0;font-weight:700;font-size:14px}input,textarea{width:100%;border:1px solid #bfcac4;border-radius:11px;padding:11px 12px;font:inherit;resize:vertical}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:700;font-size:14px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.roles label,.consent{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;background:#f5f7f5;border-radius:10px;font-weight:400}.roles input,.consent input{width:auto;margin-top:4px}.consent{margin:18px 0;line-height:1.7}.primary{display:inline-block;border:0;border-radius:999px;background:var(--green);color:white;padding:12px 21px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}form>.primary{width:100%}output{display:block;color:var(--orange);text-align:center;min-height:25px;margin-top:10px}@media(max-width:760px){header{padding:0 15px}nav a:first-child{display:none}main{grid-template-columns:1fr;padding:30px 15px;gap:25px}.intro{position:static}.intro h1{font-size:37px}.two,.roles{grid-template-columns:1fr}.card{padding:24px}}