/* =========================================================
   NOAH AI SCHOOL HOME UI V7 STABLE - 2026-06-27
   让首页首屏右侧头条与今日推荐稳定显示，按时间整批切换。
========================================================= */
:root{
  --noah-v7-blue:#1677ff;
  --noah-v7-cyan:#28d7ff;
  --noah-v7-navy:#06142f;
  --noah-v7-text:#0f172a;
  --noah-v7-border:#dbeafe;
  --noah-v7-shadow:0 18px 42px rgba(15,37,84,.12);
}

/* 关闭旧 V4/V5/V6 可视输出，避免旧脚本即便缓存仍加载时造成视觉闪烁 */
html body.web-index .web_tout .wb-headline-grid,
html body.web-index .web_tout .noah-headline-layout,
html body.web-index .web_tout .noah-v6-headline-twins,
html body.web-index .web_tout .noah-v5-headline,
html body.web-index .web_tout .noah-v4-headline{
  display:none!important;
}
html body.web-index .webtoday .wb-today-feed,
html body.web-index .webtoday .wb-today-dynamic,
html body.web-index .webtoday .noah-v6-today-grid,
html body.web-index .webtoday .noah-today-grid:not(.noah-v7-today-grid),
html body.web-index .wb-home-today .wb-today-feed,
html body.web-index .wb-home-today .wb-today-dynamic,
html body.web-index .wb-home-today .noah-v6-today-grid,
html body.web-index .wb-home-today .noah-today-grid:not(.noah-v7-today-grid){
  display:none!important;
}

/* 首页右侧头条：2 张大图填满，不留空白 */
html body.web-index .web_tout{
  height:430px!important;
  min-height:430px!important;
  padding:22px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(22,119,255,.16)!important;
  box-shadow:0 18px 42px rgba(15,37,84,.12)!important;
}
html body.web-index .wb-headline-title{
  height:34px!important;
  margin:0 0 14px!important;
  display:flex!important;
  align-items:center!important;
  color:var(--noah-v7-text)!important;
  font-size:24px!important;
  font-weight:950!important;
}
html body.web-index .wb-headline-title:before{
  content:""!important;
  width:8px!important;
  height:24px!important;
  margin-right:12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--noah-v7-blue),var(--noah-v7-cyan))!important;
}
html body.web-index .noah-v7-headline-twins{
  display:grid!important;
  grid-template-rows:1fr 1fr!important;
  gap:14px!important;
  height:338px!important;
  min-height:338px!important;
  overflow:hidden!important;
  opacity:1!important;
  transition:opacity .18s ease!important;
}
html body.web-index .noah-v7-headline-twins.noah-v7-switching{opacity:.35!important;}
html body.web-index .noah-v7-headline-card{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#0b1531!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(22,119,255,.20)!important;
  box-shadow:0 14px 30px rgba(15,37,84,.15)!important;
}
html body.web-index .noah-v7-headline-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  background:#eaf0f8!important;
}
html body.web-index .noah-v7-headline-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(6,20,47,.04),rgba(6,20,47,.82))!important;
  pointer-events:none!important;
}
html body.web-index .noah-v7-headline-text{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:13px!important;
  z-index:2!important;
  color:#fff!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:15px!important;
  line-height:1.38!important;
  font-weight:950!important;
  text-shadow:0 4px 18px rgba(0,0,0,.45)!important;
}
html body.web-index .noah-v7-badge{
  position:absolute!important;
  left:12px!important;
  top:12px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  height:25px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  background:linear-gradient(135deg,var(--noah-v7-blue),var(--noah-v7-cyan))!important;
  box-shadow:0 10px 24px rgba(22,119,255,.28)!important;
}

/* 今日推荐：稳定网格，切换时整批淡入淡出 */
html body.web-index .web_jrtj.webtoday,
html body.web-index .wb-home-today{overflow:visible!important;}
html body.web-index .webjrtit{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin:0 0 24px!important;
  padding:0!important;
  height:auto!important;
}
html body.web-index .webjrtit h2{
  margin:0!important;
  line-height:1.2!important;
  color:var(--noah-v7-text)!important;
}
html body.web-index .wb-today-more,
html body.web-index .wb-today-more.notranslate{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:128px!important;
  max-width:none!important;
  height:42px!important;
  line-height:42px!important;
  padding:0 24px!important;
  margin-left:10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(22,119,255,.12),rgba(40,215,255,.16))!important;
  border:1px solid rgba(22,119,255,.22)!important;
  color:#0757d8!important;
  font-size:14px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  overflow:visible!important;
}
html body.web-index.noah-lang-ja .wb-today-more,
html body.web-index[data-noah-lang="ja"] .wb-today-more{min-width:170px!important;padding:0 28px!important;}
html body.web-index .noah-v7-today-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:22px!important;
  overflow:visible!important;
  opacity:1!important;
  transition:opacity .18s ease!important;
}
html body.web-index .noah-v7-today-grid.noah-v7-switching{opacity:.35!important;}
html body.web-index .noah-v7-today-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:238px!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid var(--noah-v7-border)!important;
  box-shadow:0 16px 34px rgba(15,37,84,.08)!important;
  color:var(--noah-v7-text)!important;
  text-decoration:none!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
html body.web-index .noah-v7-today-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(22,119,255,.36)!important;
  box-shadow:0 22px 46px rgba(15,37,84,.14)!important;
}
html body.web-index .noah-v7-today-thumb{
  flex:0 0 132px!important;
  width:100%!important;
  height:132px!important;
  object-fit:cover!important;
  border-radius:22px 22px 0 0!important;
  border-bottom:1px solid #e6eefb!important;
  background:#eaf0f8!important;
}
html body.web-index .noah-v7-today-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  flex:1 1 auto!important;
  min-height:104px!important;
  padding:13px 14px 14px!important;
  overflow:visible!important;
  background:#fff!important;
}
html body.web-index .noah-v7-today-title{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-height:40px!important;
  max-height:42px!important;
  overflow:hidden!important;
  color:var(--noah-v7-text)!important;
  font-size:14px!important;
  line-height:1.43!important;
  font-weight:900!important;
}
html body.web-index .noah-v7-today-price{
  display:block!important;
  min-height:20px!important;
  margin-top:10px!important;
  color:#ff5a1f!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:950!important;
  overflow:visible!important;
}
@media (max-width:1180px){html body.web-index .noah-v7-today-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media (max-width:960px){
  html body.web-index .noah-v7-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body.web-index .noah-v7-headline-twins{height:auto!important;grid-template-rows:180px 180px!important;}
}