/*
 * @kanway-css-index
 * 文件: css/shared/page-banner.css
 * 层级: 全站公共
 * 引用页面: 带 c-bgimg1 大图 Banner 的内页（补充 header.css 内 Banner）
 * 依赖: header.css
 * 修改指引: Banner 固定高度 500px（.c-bgimg1--imgwidth）
 * 索引: css/00-样式文件索引.css
 */

/* ========== Banner 容器 ========== */
.c-bgimg1 {
  width: 100%;
  overflow: hidden;
}

.c-bgimg1__bg {
  position: relative;
  line-height: 0;
  overflow: hidden;
  height: 500px;
}

.c-bgimg1__bg picture {
  display: block;
  width: 100%;
  height: 500px;
}

/* 固定高度 500px，全宽裁切铺满 */
.c-bgimg1__bg img.c-bgimg1--imgwidth {
  width: 100%;
  max-width: none;
  height: 500px;
  display: block;
  object-fit: cover;
  object-position: center center;
}

/* ========== 标题区排版补充 ========== */
.c-bgimg1 .c-inner {
  width: 100%;
}

.c-typo1--hero1 h1 {
  margin: 0 0 12px;
}

.c-typo1--hero1 p {
  margin: 0;
  min-height: 1.5em;
}

/* Typed.js 光标（banner 副标题打字机） */
.c-typo1--hero1-white .typed-cursor {
  color: #fff;
  opacity: 1;
}

@media (max-width: 768px) {
  .c-typo1--hero1 h1,
  .c-typo1--hero1 h2 {
    font-size: 32px;
    line-height: 1.2;
  }

  .c-typo1--hero1 p {
    font-size: 16px;
    line-height: 1.5;
  }
}