*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#1a1a1a;background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:#c2410c;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(920px,calc(100% - 32px));margin:0 auto}

.site-head{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;color:#111;font-weight:800;font-size:17px}
.brand img{width:38px;border-radius:10px}
.main-nav{display:flex;gap:20px;flex-wrap:wrap}
.main-nav a{color:#555;font-size:14px;font-weight:600}
.main-nav a:hover{color:#c2410c;text-decoration:none}
.ham{display:none;border:1px solid #ddd;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:18px}
.drawer{display:none;flex-direction:column;padding:8px 0 16px;border-top:1px solid #f0f0f0;background:#fff}
.drawer.open{display:flex}
.drawer a{padding:11px 0;border-bottom:1px solid #f5f5f5;color:#444;font-size:14px}

.ads-wrap{background:#fff}

.banner-band{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(240px,42vw,420px);overflow:hidden}
.banner-band img{width:100%;height:100%;object-fit:cover;min-height:clamp(240px,42vw,420px);display:block}
.banner-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 55%,rgba(0,0,0,.15) 100%);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,64px) clamp(24px,8vw,120px);color:#fff}
.banner-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);padding:6px 14px;border-radius:999px;margin-bottom:14px;width:fit-content}
.banner-overlay h2{font-size:clamp(24px,4.5vw,40px);line-height:1.2;margin:0 0 10px;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.banner-overlay p{font-size:clamp(15px,2vw,18px);margin:0;max-width:640px;opacity:.92;line-height:1.55}
.banner-band--light .banner-overlay{background:linear-gradient(105deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 60%,rgba(255,255,255,.2) 100%);color:#111}
.banner-band--light .banner-tag{background:rgba(0,0,0,.06);color:#555}
.banner-band--light h2{text-shadow:none}

.strip{padding:clamp(36px,6vw,56px) 0;background:#fff}
.strip h3{font-size:22px;margin:0 0 14px;color:#111;font-weight:800}
.strip p,.strip li{color:#444;font-size:16px;margin:0 0 14px}
.strip ul,.strip ol{padding-left:22px;margin:0 0 14px}
.strip li{margin-bottom:8px}
.strip-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.chip{display:inline-block;padding:10px 18px;border:1px solid #e5e5e5;border-radius:999px;font-size:14px;font-weight:600;color:#333;background:#fafafa}
.chip:hover{border-color:#c2410c;color:#c2410c;text-decoration:none}
.note{padding:18px 22px;background:#fff7ed;border-left:4px solid #ea580c;border-radius:0 6px 6px 0;margin:22px 0;font-size:15px;color:#555}

.card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.card{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}
.card img{aspect-ratio:2/3;object-fit:cover;width:100%}
.card figcaption{padding:12px;font-size:13px;color:#666}

.faq{padding:48px 0 56px;background:#fafafa;border-top:1px solid #eee}
.faq h2{font-size:24px;margin:0 0 24px;text-align:center;font-weight:800}
.faq details{border:1px solid #e5e5e5;border-radius:8px;padding:16px 20px;margin-bottom:10px;background:#fff}
.faq summary{font-weight:600;cursor:pointer;color:#222}
.faq p{margin:12px 0 0;color:#555;font-size:15px}

.prose{padding:40px 0 56px;max-width:720px}
.prose h1{font-size:clamp(26px,4vw,34px);margin:0 0 16px;line-height:1.25;font-weight:800}
.prose h2{font-size:20px;margin:28px 0 12px;color:#222;font-weight:700}
.prose p,.prose li{color:#444;font-size:16px}
.prose ul{padding-left:20px}
.related{margin-top:36px;padding:20px;border:1px solid #e8e8e8;background:#fafafa;border-radius:8px}
.related h3{margin:0 0 12px;font-size:15px;font-weight:700}
.related a{display:block;padding:6px 0;font-size:14px}

.ftr{padding:36px 0;background:#111;color:#999;font-size:13px}
.ftr a{color:#ccc;margin-right:16px}
.ftr a:hover{color:#fff}
.ftr p{margin:12px 0 0;color:#666}

.err{min-height:58vh;display:grid;place-items:center;text-align:center;padding:40px 16px}
.err h1{font-size:52px;margin:0 0 12px;color:#ddd}

@media(max-width:768px){
  .main-nav{display:none}
  .ham{display:inline-flex}
  .card-row{grid-template-columns:1fr}
  .banner-overlay{padding:28px 20px}
}