/* XHERO_V1 模板1/2 新闻分类页+单页首屏,与3/4/5统一 */
.xh{--xh-gut:clamp(16px,2.2vw,30px);position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;box-sizing:border-box;width:100%;margin:0;border-radius:0;
  min-height:360px;min-height:clamp(360px,26vw,500px);color:#fff;background:var(--footer-bg,#0f172a)}
.xh.xh-plain{min-height:clamp(280px,20vw,380px);background:
  radial-gradient(ellipse 70% 120% at 50% -20%,rgba(var(--primary-rgb,37,99,235),.38) 0,
  rgba(var(--primary-rgb,37,99,235),0) 62%),var(--footer-bg,#0f172a)}
.xh .xh-cover{position:absolute;inset:0;z-index:-1;margin:0;padding:0;overflow:hidden;
  background:var(--footer-bg,#0f172a)}
.xh .xh-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  margin:0;border-radius:0;object-fit:cover;object-position:center}
.xh .xh-cover::after{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 62% 58% at 50% 56%,rgba(6,10,18,.42) 0,rgba(6,10,18,0) 72%),
  linear-gradient(180deg,rgba(6,10,18,.52) 0,rgba(6,10,18,.26) 28%,rgba(6,10,18,.3) 70%,
  rgba(6,10,18,.6) 100%)}
.xh .xh-bar{box-sizing:border-box;width:100%;max-width:1480px;margin:0 auto;
  padding:16px var(--xh-gut)}
.xh .xh-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;
  list-style:none;font-size:14px;line-height:1.5;color:rgba(255,255,255,.76)}
.xh .xh-crumb li{display:flex;align-items:center;min-width:0;margin:0;padding:0;list-style:none}
.xh .xh-crumb li+li::before{content:"";flex:none;width:5px;height:5px;margin-right:8px;opacity:.7;
  border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.xh .xh-crumb a{color:inherit;text-decoration:none;transition:color .2s}
.xh .xh-crumb a:hover,.xh .xh-crumb [aria-current]{color:#fff}
.xh .xh-crumb [aria-current]{font-weight:500;max-width:48ch;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.xh .xh-body{box-sizing:border-box;width:100%;max-width:1480px;margin:auto;display:flex;
  flex-direction:column;align-items:center;text-align:center;
  padding:clamp(16px,2vw,32px) var(--xh-gut) clamp(44px,4.4vw,72px)}
.xh .xh-h1{max-width:min(1180px,100%);margin:0 auto;padding:0;color:#fff;
  font-size:clamp(34px,3.8vw,62px);font-weight:800;line-height:1.1;letter-spacing:-.02em;
  text-wrap:balance;overflow-wrap:break-word;text-shadow:0 2px 24px rgba(6,10,18,.28)}
.xh .xh-h1.is-long{max-width:min(1280px,100%);font-size:clamp(28px,2.8vw,46px);line-height:1.16}
.xh .xh-rule{display:block;width:56px;height:2px;margin:24px auto 22px;border-radius:2px;
  background:rgba(255,255,255,.72)}
.xh .xh-deck{max-width:min(960px,100%);margin:0 auto;padding:0;color:rgba(255,255,255,.86);
  font-size:17px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:3;overflow:hidden}
.xh + .page-content{padding-top:clamp(28px,3vw,44px)!important}
@keyframes xh-rise{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .xh .xh-body > *{animation:xh-rise .9s .15s cubic-bezier(.2,.7,.2,1) both}
  .xh .xh-body > * + *{animation-delay:.28s}
}
@media (max-width:900px){
  .xh{min-height:clamp(320px,52vw,440px)}
  .xh.xh-plain{min-height:0}
}
@media (max-width:560px){
  .xh{min-height:300px}
  .xh .xh-bar{padding-top:12px;padding-bottom:12px}
  .xh .xh-crumb{font-size:13px}
  .xh .xh-crumb [aria-current]{max-width:22ch}
  .xh .xh-h1{font-size:clamp(28px,8.4vw,38px);line-height:1.14}
  .xh .xh-h1.is-long{font-size:clamp(23px,6.6vw,30px);line-height:1.2}
  .xh .xh-rule{margin:18px auto 16px}
  .xh .xh-deck{font-size:15.5px;line-height:1.65}
  .xh .xh-body{padding-bottom:40px}
}
/* XHERO_V1_END */