/* officeWeb 布局模板：沉浸大图版
   导航透明叠加首屏、banner 占满视口、无顶部信息条；配色由 palettes.css 决定 */

body.theme-hero-immersive .site-header--overlay {
  position: absolute; top: 0; left: 0; right: 0;
  background: linear-gradient(rgba(4, 10, 22, 0.58), rgba(4, 10, 22, 0));
  box-shadow: none; border-bottom: none;
}
body.theme-hero-immersive .site-header--overlay .logo-text { color: #fff; }
body.theme-hero-immersive .site-header--overlay .nav > ul > li > a { color: rgba(255, 255, 255, 0.88); }
body.theme-hero-immersive .site-header--overlay .nav > ul > li > a:hover,
body.theme-hero-immersive .site-header--overlay .nav-item.active > a { color: #fff; }

/* 首个大块为首屏图时顶到页面最上方；其余页面内容避开叠加导航 */
body.theme-hero-immersive main { padding-top: 78px; }
body.theme-hero-immersive .home-main > .block-banner:first-child,
body.theme-hero-immersive .page-hero:first-child { margin-top: -78px; }

/* 首屏占满一屏 */
body.theme-hero-immersive .banner-swiper { height: calc(100vh); min-height: 620px; }
body.theme-hero-immersive .banner-fallback { min-height: calc(100vh - 78px); }
body.theme-hero-immersive .banner-caption { bottom: 128px; }
body.theme-hero-immersive .banner-caption h2,
body.theme-hero-immersive .fallback-title { font-size: 52px; }
body.theme-hero-immersive .banner-dots { bottom: 40px; }
@media (max-width: 768px) {
  body.theme-hero-immersive .banner-swiper { height: 74vh; }
  body.theme-hero-immersive .banner-caption h2,
  body.theme-hero-immersive .fallback-title { font-size: 30px; }
}