body{margin:0;background:#f5f6f8;color:#1f2937;font-family:Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none;color:#111827}a:hover{color:#c40000}.top{background:linear-gradient(135deg,#c40000,#111827);color:#fff}.wrap{width:1180px;max-width:94%;margin:auto}.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.logo{font-size:32px;font-weight:900}.nav{background:#111827;position:sticky;top:0;z-index:10}.nav a{color:#fff;display:inline-block;padding:15px 16px;font-size:15px}.nav a:hover{background:#c40000}.hero-img{width:1180px;max-width:94%;margin:22px auto;overflow:hidden;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.25)}.hero-img img{width:100%;height:auto;display:block;border-radius:18px}.layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.hero-box,.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 16px #00000012;margin-bottom:18px;overflow:hidden}.hero-box h1{font-size:34px;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.thumb{width:100%;height:210px;object-fit:cover;border-radius:14px;background:#e5e7eb}.meta{font-size:13px;color:#6b7280;margin-top:8px}.tag{display:inline-block;background:#f1f5f9;padding:7px 11px;margin:5px;border-radius:6px}.article{font-size:18px;line-height:1.9}.article h1{font-size:34px;line-height:1.3}.article p{margin:18px 0;color:#263238}.qr-fixed{position:fixed;right:18px;bottom:18px;background:#fff;padding:10px;border-radius:14px;box-shadow:0 4px 18px #0003;text-align:center;z-index:20}.qr-fixed img{width:86px}.footer{margin-top:36px;background:#111827;color:#aaa;text-align:center;padding:28px}@media(max-width:900px){.layout,.hero,.cards{grid-template-columns:1fr}.logo{font-size:26px}.nav a{padding:12px 10px}.article h1{font-size:26px}}

/* SAFE FINAL HERO + THUMB */
.hero-img{
  width:1120px !important;
  max-width:92% !important;
  height:520px !important;
  margin:22px auto !important;
  overflow:hidden !important;
  border-radius:18px !important;
  box-shadow:0 8px 30px rgba(0,0,0,.25) !important;
}
.hero-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.cards .thumb,
.card img.thumb{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  border-radius:12px !important;
  display:block !important;
}
@media(max-width:900px){
  .hero-img{height:260px !important;}
  .cards .thumb,.card img.thumb{height:170px !important;}
}

/* EXACT LAYOUT LIKE SCREEN */
.hero-img{
  width:920px !important;
  max-width:92% !important;
  height:360px !important;
  margin:18px auto 0 auto !important;
  overflow:hidden !important;
  border-radius:16px !important;
  box-shadow:0 6px 22px rgba(0,0,0,.22) !important;
}
.hero-img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.hero{
  width:920px !important;
  max-width:92% !important;
  margin:0 auto 18px auto !important;
  display:grid !important;
  grid-template-columns:1fr 330px !important;
  gap:14px !important;
  align-items:stretch !important;
}

.hero-box{
  margin-top:0 !important;
  min-height:220px !important;
}

.layout{
  width:920px !important;
  max-width:92% !important;
  margin:18px auto !important;
  grid-template-columns:1fr 300px !important;
}

.cards{
  grid-template-columns:repeat(2,1fr) !important;
  gap:18px !important;
}

.cards .thumb,
.card img.thumb{
  height:170px !important;
  object-fit:cover !important;
}

@media(max-width:900px){
  .hero-img{width:94% !important;height:240px !important;}
  .hero{width:94% !important;grid-template-columns:1fr !important;}
  .layout{width:94% !important;grid-template-columns:1fr !important;}
}


/* FINAL CLEAN HERO POSITION */
.hero-img{
  width:920px !important;
  max-width:92% !important;
  margin:18px auto 22px auto !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  box-shadow:0 6px 22px rgba(0,0,0,.22) !important;
  line-height:0 !important;
}
.hero-img img{
  width:100% !important;
  height:auto !important;
  max-height:520px !important;
  object-fit:contain !important;
  object-position:center top !important;
  display:block !important;
  border-radius:16px !important;
}
.cards .thumb,
.card img.thumb{
  width:100% !important;
  height:170px !important;
  object-fit:cover !important;
  border-radius:12px !important;
}
@media(max-width:900px){
  .hero-img{
    width:94% !important;
  }
  .hero-img img{
    max-height:none !important;
  }
}


/* FORCE SMALL HERO - final */
#main-hero-fixed{
  width:860px !important;
  height:360px !important;
  max-width:92% !important;
  margin:18px auto 22px auto !important;
  overflow:hidden !important;
  border-radius:16px !important;
  box-shadow:0 6px 22px rgba(0,0,0,.22) !important;
  line-height:0 !important;
  display:block !important;
}

#main-hero-fixed img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  border-radius:16px !important;
}

@media(max-width:900px){
  #main-hero-fixed{
    width:94% !important;
    height:230px !important;
  }
}