*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#121826}a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.top{max-width:1200px;margin:auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:26px;letter-spacing:-1px}.brand span{color:#e11d48}nav a{margin-left:20px;font-weight:700;font-size:14px}.cats{max-width:1200px;margin:auto;padding:10px 20px;display:flex;gap:16px;overflow:auto;white-space:nowrap}.cats a{font-size:13px;font-weight:700}.hero{max-width:1200px;margin:24px auto;padding:55px 30px;background:linear-gradient(135deg,#111827,#374151);color:#fff;border-radius:18px}.hero h1{font-size:48px;max-width:700px;margin:8px 0}.hero p{max-width:720px;line-height:1.7}.kicker,.tag{font-size:12px;font-weight:900;letter-spacing:.08em;color:#e11d48}.layout{max-width:1200px;margin:25px auto;display:grid;grid-template-columns:1fr 300px;gap:25px}.section-title{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.card img{width:100%;height:190px;object-fit:cover}.card div{padding:18px}.card h3{font-size:21px;line-height:1.25}.card p{color:#4b5563;line-height:1.5}.card small,.byline{color:#6b7280}.side{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;margin-bottom:18px}.side a{display:block;padding:8px 0;border-bottom:1px solid #eee;font-weight:700}.article-wrap{max-width:900px;margin:35px auto;background:#fff;padding:30px;border-radius:16px}.article-wrap h1{font-size:46px;line-height:1.08}.article-img{width:100%;max-height:520px;object-fit:cover;border-radius:12px}.content{font-size:19px;line-height:1.8;margin-top:25px}.content p{margin:0 0 20px}footer{margin-top:50px;background:#111827;color:#d1d5db;padding:35px calc((100% - 1200px)/2);display:flex;justify-content:space-between;gap:30px}footer a{margin-right:18px;font-size:14px}@media(max-width:800px){.layout{grid-template-columns:1fr;padding:0 15px}.grid{grid-template-columns:1fr}.hero{margin:15px;border-radius:12px;padding:35px 22px}.hero h1{font-size:36px}.article-wrap{margin:15px;padding:20px}.article-wrap h1{font-size:34px}footer{padding:25px 18px;display:block}footer div+div{margin-top:20px}}