:root { --ink:#17211d; --muted:#64716b; --jade:#176b50; --soft:#edf5f1; --line:#d9e3dd; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f8fbf9; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; line-height:1.75; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
header { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:10px max(20px,calc((100vw - 1100px)/2)); background:#fff; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:9px; }
.brand span { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--jade); border-radius:50%; font-family:serif; font-size:20px; }
nav { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:13px; }
nav button { padding:7px 11px; color:var(--jade); background:#fff; border:1px solid var(--line); border-radius:4px; cursor:pointer; }
main { max-width:1100px; display:grid; grid-template-columns:230px minmax(0,1fr); gap:54px; margin:0 auto; padding:64px 22px 90px; }
aside { align-self:start; position:sticky; top:24px; padding:18px; background:var(--soft); border-left:3px solid var(--jade); }
aside p,aside strong,aside span { display:block; }
aside p { margin:0; color:var(--muted); font-size:11px; }
aside strong { margin:3px 0 12px; }
aside span { color:var(--muted); font-size:12px; }
.eyebrow { margin:0 0 6px; color:var(--jade); font-size:11px; font-weight:800; letter-spacing:.12em; }
h1 { margin:0; font-family:serif; font-size:46px; font-weight:600; }
.lead { margin:14px 0 38px; color:var(--muted); font-size:17px; }
section { padding:25px 0; border-top:1px solid var(--line); }
h2 { margin:0 0 10px; font-size:20px; }
section p,section ul { margin:0; color:#48534e; }
section ul { padding-left:21px; }
.request-section > p { margin-bottom:18px; }
.request-section form { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:20px; background:var(--soft); }
.request-section label { display:grid; gap:5px; color:var(--muted); font-size:12px; }
.request-section input,.request-section select,.request-section textarea { width:100%; min-height:42px; padding:9px 10px; color:var(--ink); background:#fff; border:1px solid #b8c6bf; border-radius:4px; font:inherit; }
.request-section textarea { min-height:90px; resize:vertical; }
.request-section .wide { grid-column:1 / -1; }
.request-consent { display:flex !important; flex-direction:row; align-items:flex-start; gap:8px; }
.request-consent input { flex:0 0 auto; width:16px; min-height:16px; height:16px; margin-top:3px; }
.request-section button { width:max-content; min-height:42px; padding:9px 18px; color:#fff; background:var(--jade); border:0; border-radius:4px; cursor:pointer; font-weight:700; }
.request-section button:disabled { opacity:.6; cursor:wait; }
#privacyRequestMessage { align-self:center; margin:0; color:var(--jade); font-size:12px; }
footer { padding:24px; color:#b9c9c2; background:#17211d; font-size:12px; text-align:center; }
@media (max-width:720px) { main { grid-template-columns:1fr; gap:28px; padding:40px 16px 64px; } aside { position:static; } h1 { font-size:36px; } header { padding:10px 16px; } nav a { display:none; } .request-section form { grid-template-columns:1fr; padding:16px; } .request-section .wide { grid-column:auto; } }
@media print { header nav,footer { display:none; } body { background:#fff; } main { display:block; padding:0; } aside { position:static; margin-bottom:30px; } }