*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;background:#f5f5f5;color:#222}
a{text-decoration:none;color:inherit}
.wrap{max-width:1180px;margin:auto}
.top{background:#f7f7f7;border-bottom:1px solid #ddd;font-size:13px;color:#555}
.top .wrap{display:flex;justify-content:space-between;padding:7px 10px}
.header{background:#fff}
.header .wrap{display:flex;justify-content:space-between;align-items:center;padding:25px 10px}
.logo{font-size:42px;font-weight:800;color:#b40000;letter-spacing:2px}
.sub{color:#777;font-size:15px;margin-top:3px}
.search{display:flex;border:2px solid #b40000;height:38px}
.search input{border:0;width:240px;padding:0 10px;outline:none}
.search button{border:0;background:#b40000;color:#fff;width:72px;font-weight:700}
.nav{background:#b40000;color:#fff}
.nav .wrap{display:flex;flex-wrap:wrap}
.nav a{padding:14px 17px;font-weight:700}
.nav a:hover{background:#870000}
.ticker{background:#fff;border-bottom:1px solid #ddd;color:#b40000}
.ticker .wrap{padding:10px;font-size:14px;white-space:nowrap;overflow:hidden}
.main{padding:22px 10px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.hero-pic{height:395px;position:relative;background:#ccc;overflow:hidden}
.hero-pic img{width:100%;height:100%;object-fit:cover}
.hero-title{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;padding:80px 24px 22px}
.hero-title h1{font-size:32px;line-height:1.35;margin:0}
.tag{display:inline-block;background:#b40000;color:#fff;font-size:12px;padding:4px 8px;margin-bottom:9px}
.box{background:#fff;border:1px solid #ddd;padding:16px}
.sec{border-top:3px solid #b40000;margin:24px 0 14px;padding-top:10px;color:#b40000;font-size:22px;font-weight:800}
.box h2{border-top:3px solid #b40000;margin:0 0 13px;padding-top:10px;color:#b40000}
.list{list-style:none;margin:0;padding:0}
.list li{border-bottom:1px dashed #ddd;padding:10px 0;line-height:1.45}
.meta{font-size:13px;color:#777;margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid #ddd;padding:12px}
.card img{width:100%;height:170px;object-fit:cover;margin-bottom:10px;background:#ddd}
.card h3{font-size:18px;line-height:1.35;margin:0 0 6px;color:#222}
.card p{font-size:14px;line-height:1.75;color:#555}
.cols{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:22px}
.person{display:grid;grid-template-columns:140px 1fr;gap:15px;align-items:center}
.person img{width:140px;height:178px;object-fit:cover;background:#ddd}
.person h3{color:#b40000;font-size:22px;margin:0 0 8px}
.channel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.channel div{background:#fff;border:1px solid #ddd;text-align:center;padding:17px;color:#b40000;font-weight:800}
.article{background:#fff;border:1px solid #ddd;padding:34px 44px}
.article h1{text-align:center;font-size:32px;line-height:1.35;margin:0 0 14px}
.source{text-align:center;color:#777;border-bottom:1px solid #ddd;padding-bottom:17px;margin-bottom:22px}
.article p{text-indent:2em;font-size:17px;line-height:2}
.article img{width:100%;max-height:560px;object-fit:cover;margin:18px 0 6px;background:#ddd}
.caption{text-align:center;font-size:13px;color:#777;margin-bottom:12px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery img{width:100%;height:220px;object-fit:cover;background:#ddd}
.footer{background:#333;color:#ddd;text-align:center;margin-top:36px;padding:30px 10px;line-height:2;font-size:14px}
@media(max-width:900px){.header .wrap,.hero,.cols,.grid,.channel,.gallery,.person{grid-template-columns:1fr;display:grid}.logo{font-size:28px}.search{display:none}.hero-pic{height:300px}.article{padding:20px}.article h1{font-size:24px}.person img{width:100%;height:260px}.nav a{padding:10px 12px}}