*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#20252b}
header{height:72px;background:#fff;border-bottom:1px solid #e4e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2))}
.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:43px;height:43px;border-radius:12px;background:#7b1731;color:#fff;display:grid;place-items:center;font-weight:800}
.brand b{display:block;letter-spacing:.08em}.brand span{display:block;font-size:11px;color:#69717b;margin-top:3px;letter-spacing:.12em}.pill{font-size:12px;padding:8px 12px;border-radius:99px;background:#f4e9ed;color:#7b1731;font-weight:700}
main{max-width:1120px;margin:auto;padding:34px 22px 60px}.hero{background:linear-gradient(135deg,#681127,#8b2540);color:#fff;border-radius:24px;padding:42px;display:flex;justify-content:space-between;align-items:end;box-shadow:0 14px 36px #66112622}
.eyebrow{font-size:12px;letter-spacing:.15em;opacity:.8}.hero h1{font-size:40px;margin:10px 0 8px}.hero h1 em{font-style:normal;color:#ffd9e3}.hero p{max-width:720px;line-height:1.6;margin:0;color:#f8eaf0}.stat{min-width:130px;text-align:center;background:#ffffff16;border:1px solid #ffffff28;border-radius:18px;padding:18px}.stat b{font-size:34px;display:block}.stat span{font-size:12px}
.card{background:#fff;border:1px solid #e6e8eb;border-radius:18px;box-shadow:0 8px 24px #18202a0a}.ask{padding:24px;margin-top:-12px;position:relative;margin-left:26px;margin-right:26px}.ask label{font-weight:800;display:block;margin-bottom:10px}.search{display:flex;gap:10px}.search input{flex:1;border:1px solid #d8dce1;border-radius:12px;padding:15px 16px;font-size:15px;outline:none}.search input:focus{border-color:#8b2540;box-shadow:0 0 0 3px #8b254015}.search button{border:0;border-radius:12px;padding:0 22px;background:#7b1731;color:#fff;font-weight:800;cursor:pointer}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.chip{border:1px solid #e1d2d7;background:#fff7f9;color:#6e1730;border-radius:99px;padding:7px 11px;cursor:pointer}
.answer{padding:28px;margin-top:24px}.answer-head{display:flex;justify-content:space-between;color:#7b1731;font-weight:800;font-size:13px}.answer-head small{color:#7a828b;font-weight:400}.answer h2{font-size:25px;margin:20px 0 10px}.answer p{font-size:16px;line-height:1.75}.source{background:#f8f0f3;border-left:4px solid #7b1731;padding:12px 14px;border-radius:8px;font-size:13px;color:#5f2436}.answer details{margin-top:16px;color:#5d6670}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.mini{padding:18px}.mini b{display:block;color:#6f1830}.mini span{display:block;color:#858c94;font-size:12px;margin-top:6px}.notice{margin-top:22px;padding:16px 18px;background:#fff8e7;border:1px solid #f1dfad;border-radius:14px;color:#675525;font-size:13px}
footer{text-align:center;color:#9298a0;font-size:12px;padding:24px}
@media(max-width:760px){header{padding:0 15px}.pill{display:none}main{padding:18px 12px 40px}.hero{padding:27px 22px;display:block;border-radius:18px}.hero h1{font-size:31px}.stat{display:none}.ask{margin:-8px 8px 0;padding:18px}.search{display:block}.search button{width:100%;height:48px;margin-top:9px}.grid{grid-template-columns:repeat(2,1fr)}.answer-head{display:block}.answer-head small{display:block;margin-top:6px}}