@charset "UTF-8";
/* =========================================
   IE10 兼容性专用样式表
   此文件仅在 IE10/11 生效，不会影响现代浏览器
   ========================================= */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  /*
   * 1. 基础变量颜色回退 (Hex Fallbacks)
   */

  /* 导航栏背景 */
  .navbar.dropdown-active {
    background: #ffffff !important;
    border-bottom: 1px solid #e7e7e7;
  }

  /* 2. 字体与排版修复 */
  body {
    font-family: "Microsoft YaHei", "SimHei", sans-serif;
    color: #111111;
  }

  h1 {
    font-size: 3.6rem;
  }

  h2 {
    font-size: 2.6rem;
  }

  h3 {
    font-size: 2.4rem;
  }

  h4 {
    font-size: 2.0rem;
  }

  p,
  div,
  span,
  a,
  li {
    font-size: 1.6rem;
  }

  /* IE10 模拟 fit-content：让标题下划线紧贴文字 */
  .title-group {
    display: table !important;
  }

  /* 确保 Page 4/5 标题组不要被 flex 影响太大 */
  #page-4 .title-group,
  #page-5 .title-group {
    width: auto !important;
    /* 覆盖 fit-content */
  }

  /* 修复 Page 5 标题间距不一致问题 (主样式缺失 margin-bottom) */
  #page-5 .title-group {
    margin-bottom: 1.6rem !important;
  }

  .nav-text {
    color: #111111;
    font-family: "Microsoft YaHei", sans-serif;
  }

  .nav-item.active .nav-text {
    color: #00487f;
  }

  /* 3. 导航栏布局修复 */
  /* IE10 不支持 gap，改用 margin */
  .nav-links {
    display: -ms-flexbox;
    display: flex;
  }

  .nav-links .nav-item {
    margin-right: 2.4rem;
  }

  .nav-links .nav-item:last-child {
    margin-right: 0;
  }

  /* 4. 颜色与功能区修复 (Hex Colors) */
  .nav-indicator,
  .nav-dot {
    background-color: #00487f;
  }

  .nav-dot.active {
    background-color: #e7380d;
  }

  .decoration-bar.blue {
    background-color: #00487f;
  }

  .decoration-bar.green {
    background-color: #41b051;
  }

  .decoration-bar.red {
    background-color: #e7380d;
  }

  .details-btn {
    color: #00487f;
  }

  .func-access {
    background-color: #41b051 !important;
  }

  .func-ebank {
    background-color: #00487f !important;
  }

  .func-search {
    background-color: #00487f !important;
  }

  /* 5. 布局容器修复 (Layout Containers) */
  .navbar-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 92%;
    /* IE10 不支持 min() */
    max-width: 1520px;
  }

  .content-wrapper {
    width: 92%;
    max-width: 1520px;
  }

  /* 6. 首页视频 object-fit 模拟 */
  .home-video-bg-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  .home-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  /* 7. 悬浮图标 (Floating Icons) */
  .floating-icons {
    right: 2rem;
    /* IE10 不支持 max() */
  }

  .float-bg {
    background-color: #00487f !important;
    /* 不支持 var() */
  }

  /* 8. 通知栏 (Notification Bar) */
  .notification-bar,
  .notif-bg {
    width: 80%;
    max-width: 1033px;
  }

  .notif-bg {
    background-color: rgba(102, 128, 148, 0.75) !important;
    mix-blend-mode: normal !important;
  }

  /* 9. 快捷菜单 (Shortcut Menu) - Inline-block 方案 */
  .shortcut-container {
    display: block;
    /* 覆盖 flex */
    text-align: center;
    font-size: 0;
  }

  .shortcut-card {
    display: inline-block;
    vertical-align: bottom;
    float: none;
    width: 16%;
    max-width: 240px;
    box-sizing: border-box;
  }

  .shortcut-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
  }

  .shortcut-text {
    font-size: 1.6rem;
    white-space: nowrap;
    text-align: left;
  }

  /* 10. 导航菜单列 (Nav Menu Columns) */
  .nav-menu-content {
    display: flex;
    flex-wrap: wrap;
  }

  .nav-menu-col {
    width: 28rem;
    flex: 0 0 28rem;
    box-sizing: border-box;
  }

  /* 11. Page 3 公司业务 (Corporate Business) */
  #page-3 .card-grid {
    display: flex;
    flex-wrap: wrap;
  }

  #page-3 .card {
    background-color: #ffffff !important;
    transition: all 0.3s ease;
  }

  /* 修复 Hover 被覆盖的问题 */
  #page-3 .card:hover {
    background-color: #005392 !important;
    /* brand-blue-light */
  }

  #page-3 .card:hover .card-title,
  #page-3 .card:hover .card-icon {
    color: #ffffff !important;
    /* icon 变白可能需要 filter，这里先处理文字 */
  }

  /* 补 icon 变白 (Invert) */
  #page-3 .card:hover .card-icon {
    filter: brightness(0) invert(1) !important;
  }

  #page-3 {
    background-color: #f9fbfc !important;
    background-image: url("../images//asset/bg-corporate.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 100% 0 !important;
    /* right top */
    background-size: auto !important;
  }

  /* 12. Page 6 卡片网格 */
  #page-6 .cards-grid {
    display: flex;
    flex-wrap: wrap;
  }

  /* 13. Nav Dimmer (No Blur) */
  .nav-dimmer {
    background-color: rgba(0, 0, 0, 0.6);
  }

  /* 14. Page 4 小微金融 (Small Business) */
  #page-4 .content-wrapper {
    width: 92% !important;
    max-width: 1520px !important;
  }

  #page-4 .content-area {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    /* 垂直也居中看看 */
    align-items: center !important;
  }

  /* 移除负边距，优先保居中 (IE10) */
  #page-4 .product-cards {
    margin-right: 2rem !important;
    /* 给一点正间距 */
    margin-bottom: 0 !important;
  }

  /* 补充阴影 (IE10 不支持 var) */
  #page-4 .card {
    box-shadow: 6px 8px 20px 0px rgba(0, 54, 96, 0.2) !important;
  }

  #page-4 .card:hover h2,
  #page-4 .card:hover p,
  #page-4 .card.active h2,
  #page-4 .card.active p {
    color: #ffffff !important;
  }

  #page-4 .btn-details {
    background-color: #41b051 !important;
    color: #ffffff !important;
  }

  /* 修复右侧特征图可能不显示的问题 (拆分属性) */
  #page-4 .image-bg {
    /* 移除 background-image 的 !important，允许 JS 修改它 */
    background-image: url("../images//Vector_584_11926.png");
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    /* 确保有高度 */
    min-height: 100%;
  }

  /* 15. Page 5 新闻中心 (News Center) */
  /* 修复列间距 (IE10 不支持 column-gap) */
  #page-5 .featured-card {
    margin-right: 5rem;
  }

  /* 修复新闻列表项间距 (IE10 不支持 gap) */
  #page-5 .news-item {
    margin-bottom: 3.1rem;
  }

  #page-5 .news-item:last-child {
    margin-bottom: 0;
  }

  /* 修复 Tab 激活态颜色 (IE10 不支持 var) */
  #page-5 .tab-item.active {
    border-color: #00487f !important;
    color: #00487f !important;
  }

  /* 修复新闻列表 Hover 标题变色 */
  #page-5 .news-item:hover h2 {
    color: #00487f !important;
  }

  /* 17. Page 6 页脚与背景 (Footer & Background) */
  #page-6 {
    background-color: #F9FBFC !important;
  }

  #page-6 .page-footer {
    background-color: #f5f6f8 !important;
    /* 对应 var(--footer-bg) */
  }

  /* 补充 Page 6 卡片阴影 */
  #page-6 .card-item {
    box-shadow: 6px 8px 20px 0px rgba(0, 54, 96, 0.2) !important;
  }

  /* 修复 Footer 顶部彩条 (IE10 不支持 var) */
  #page-6 .bar-blue {
    background-color: #00487f !important;
  }

  #page-6 .bar-green {
    background-color: #41b051 !important;
  }

  #page-6 .bar-red {
    background-color: #e7380d !important;
  }

  /* 修复首页 Navbar 渐变背景 (IE10 需要 -ms- 前缀) */
  .navbar-gradient-bg {
    background: -ms-linear-gradient(top, rgb(165, 216, 255) 0%, rgba(198, 231, 255, 0.5) 50%, rgba(230, 246, 255, 0) 100%) !important;
  }

  /* 18. Transforms Helplers */
  .nav-dot {
    transform: translateY(-50%);
  }

  .cards-wrapper {
    transform: translateX(0);
  }
}