:root{font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;color:#20302b;background:#fffaf2}*{box-sizing:border-box}body{margin:0}header{padding:20px 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadfce;background:#fffdf9}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#fb5,#a8d7a0);display:grid;place-items:center;color:#fff;font-size:21px}.small{color:#6d7d75;font-size:14px;line-height:1.6}.wrap{max-width:1060px;margin:auto;padding:46px 7vw}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 18px}.hero p{font-size:18px;line-height:1.7;color:#52645d}.panel{border:1px solid #e9dfd1;background:#fff;border-radius:8px;padding:24px;box-shadow:0 12px 30px #6e58320f}.panel h2{margin:0 0 10px}.button{border:0;background:#ec9d37;color:#fff;text-decoration:none;border-radius:6px;padding:10px 15px;margin:8px 8px 0 0;cursor:pointer;font:inherit}.button.alt{background:#78ad78}.button.ghost{background:#eef5ec;color:#466848}.text-button{border:0;background:transparent;color:#a56522;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.field{width:100%;padding:10px 11px;border:1px solid #d9d6cc;border-radius:5px;margin:6px 0 10px;font:inherit}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.message{min-height:24px;margin-top:12px;color:#9a5a1f}.section{margin-top:26px}.section h2{font-size:22px;margin:0 auto 12px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #eee4d5;font-size:14px}.pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#e9f5e6;color:#47734b;font-size:12px}.danger{color:#a64c3d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.card{padding:18px;border-top:3px solid #a8d7a0;background:#fff}.card h3{margin:0 0 8px}@media (max-width:760px){.hero,.grid{grid-template-columns:1fr}.wrap{padding-top:32px}header .small{display:none}}
