.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Product detail inline styles moved from model-detail-product.html */
    .detail-home-blue {
      --home-blue: #2c4a9b;
      --home-blue-dark: #218fa0;
      --home-blue-soft: #eefbfe;
    }
    .wrap { width: min(1200px, calc(100% - 32px)); margin: 0 auto; }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 80;
      height: 58px;
      background: rgba(255,255,255,.98);
      border-top: 3px solid var(--home-blue);
      box-shadow: 0 2px 14px rgba(0,0,0,.08);
    }
    .head-inner {
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      flex: 0 0 auto;
      color: #333;
      font-size: 24px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -1px;
    }
    .brand-logo { width: auto; max-width: 210px; max-height: 42px; object-fit: contain; }
    .brand-mark {
      width: 30px;
      height: 30px;
      display: inline-grid;
      place-items: center;
      border-radius: 8px;
      color: #fff;
      background: var(--home-blue);
      font-weight: 900;
      font-size: 18px;
    }
    .nav-toggle { display: none; border: 0; background: transparent; color: #333; font-size: 26px; line-height: 1; padding: 6px 8px; cursor: pointer; }
    .mainnav { min-width: 0; align-self: stretch; }
    .nav-list { display: flex; align-items: stretch; justify-content: flex-end; gap: 0; height: 100%; margin: 0; padding: 0; list-style: none; }
    .nav-item { position: relative; display: flex; align-items: stretch; }
    .nav-link {
      display: inline-flex;
      align-items: center;
      height: 55px;
      padding: 0 18px;
      color: #333;
      font-size: 15px;
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transform-origin: center;
      transition: color .18s ease, transform .18s ease, border-color .18s ease;
    }
    .nav-link:hover,
    .nav-item.is-active > .nav-link,
    .nav-item.has-menu:hover > .nav-link,
    .nav-item.has-menu:focus-within > .nav-link { color: var(--home-blue); background: transparent; border-bottom-color: transparent; transform: scale(1.08); }
    .nav-mega {
      position: fixed;
      left: 50%;
      top: 58px;
      width: min(1200px, calc(100% - 32px));
      max-height: calc(100vh - 78px);
      overflow: auto;
      padding: 22px 34px 24px;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px 18px;
      background: #fff;
      border-top: 3px solid var(--home-blue);
      box-shadow: 0 18px 36px rgba(0,0,0,.16);
      transform: translate(-50%, 12px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .nav-item:hover .nav-mega,
    .nav-item:focus-within .nav-mega { transform: translate(-50%, 0); opacity: 1; visibility: visible; pointer-events: auto; }
    .mega-category-block { min-width: 0; }
    .mega-cat { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 8px 14px; color: #23352a; font-size: 15px; background: transparent; border-left: 3px solid var(--home-blue); transform-origin: left center; transition: color .18s ease, transform .18s ease; }
    .mega-cat:hover { color: var(--home-blue); transform: scale(1.04); }
    .mega-cat::after { content: "›"; color: var(--home-blue); font-size: 20px; line-height: 1; }

    .footer { color: #d7edf1; background: linear-gradient(135deg, #123642, #1f5b69 52%, #132f38); }
    .footer-main {
      min-height: 188px;
      display: grid;
      grid-template-columns: minmax(0, 760px) minmax(170px, 240px);
      gap: 58px;
      padding: 38px 0 34px;
      align-items: center;
      justify-content: center;
    }
    .footer-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; padding: 4px 0; justify-self: center; width: 100%; }
    .footer-col { min-width: 0; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.12); }
    .footer-col:first-child { padding-left: 0; border-left: 0; }
    .footer-col-title { color: #fff; font-size: 15px; line-height: 1.2; margin: 0 0 13px; font-weight: 700; }
    .footer-col-title a { position: relative; display: inline-flex; padding-bottom: 8px; }
    .footer-col-title a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: var(--home-blue); }
    .footer-links { display: grid; gap: 7px; color: #c9e5ea; font-size: 13px; margin: 0; padding: 0; list-style: none; }
    .footer-links a { transition: color .18s ease, transform .18s ease; }
    .footer-links a:hover { color: #fff; transform: translateX(3px); }
    .footer-contact { display: grid; grid-template-columns: auto; gap: 14px; justify-items: center; align-items: center; align-self: center; justify-self: center; text-align: center; }
    .qr { width: 104px; height: 104px; padding: 7px; background: #fff; border-radius: 8px; box-shadow: 0 12px 26px rgba(0,0,0,.22); object-fit: cover; }
    .qr-fallback { width: 104px; height: 104px; display: grid; place-items: center; padding: 10px; color: var(--home-blue); background: rgba(255,255,255,.96); border-radius: 8px; font-size: 12px; text-align: center; line-height: 1.45; }
    .footer-address { color: #d1e8ed; font-size: 13px; line-height: 1.8; text-align: center; }
    .footer-address strong { display: block; color: #fff; font-size: 14px; margin-bottom: 4px; }
    .copyright { padding: 12px 0; color: #d1e8ed; background: rgba(0,0,0,.18); text-align: center; font-size: 12px; border-top: 1px solid rgba(255,255,255,.08); }

    @media (max-width: 1200px) {
      .nav-link { padding: 0 11px; }
      .nav-mega { padding-left: 24px; padding-right: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 900px) {
      .topbar, .head-inner { height: auto; min-height: 58px; }
      .topbar.is-open { box-shadow: 0 8px 24px rgba(0,0,0,.12); }
      .head-inner { flex-wrap: wrap; padding: 10px 0; gap: 10px 14px; }
      .nav-toggle {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        border: 2px solid #333;
        border-radius: 5px;
        font-size: 24px;
        transition: color .18s ease, border-color .18s ease, transform .18s ease;
      }
      .topbar.is-open .nav-toggle { color: var(--home-blue); border-color: var(--home-blue); transform: scale(1.04); }
      .mainnav { display: none; width: 100%; align-self: auto; max-height: calc(100vh - 66px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
      .topbar.is-open .mainnav { display: block; }
      .nav-list { flex-direction: column; align-items: stretch; height: auto; border-top: 1px solid #e9e9e9; padding: 6px 0 10px; }
      .nav-item { display: block; border-bottom: 1px solid #e9e9e9; }
      .nav-item:last-child { border-bottom: 0; }
      .nav-link { position: relative; width: 100%; min-height: 44px; height: auto; justify-content: center; padding: 10px 42px; border-bottom: 0; font-size: 16px; transform: none; }
      .nav-link:hover,
      .nav-item.is-active > .nav-link,
      .nav-item.has-menu.is-sub-open > .nav-link { color: var(--home-blue); background: transparent; border-bottom-color: transparent; transform: none; font-weight: 700; }
      .nav-item.is-active > .nav-link::before,
      .nav-item.has-menu.is-sub-open > .nav-link::before { content: ""; position: absolute; left: 50%; bottom: 4px; width: 24px; height: 2px; border-radius: 999px; background: var(--home-blue); transform: translateX(-50%); }
      .nav-item.has-menu > .nav-link::after { content: "›"; position: absolute; right: 18px; top: 50%; color: var(--home-blue); font-size: 20px; line-height: 1; transform: translateY(-50%); transition: transform .18s ease; }
      .nav-item.has-menu.is-sub-open > .nav-link::after { transform: translateY(-50%) rotate(90deg); }
      .nav-mega { display: none; position: static; width: 100%; max-height: none; grid-template-columns: 1fr; gap: 0; margin: 0; transform: none; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; box-shadow: none; border-top: 0; padding: 0 0 12px; background: #fbfdfc; }
      .nav-item.is-sub-open .nav-mega { display: grid; transform: none; opacity: 1; visibility: visible; pointer-events: auto; }
      .mega-category-block { padding: 0; border-bottom: 0; }
      .mega-cat { width: 100%; min-height: 38px; padding: 8px 12px; border-left: 3px solid var(--home-blue); background: #fff; transform: none; }
      .mega-cat:hover { transform: none; }
      .footer-main { grid-template-columns: 1fr; gap: 30px; justify-items: center; }
      .footer-contact { justify-items: center; }
      .footer-address { text-align: center; }
      .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 680px; }
    }
    @media (max-width: 560px) {
      .wrap { width: calc(100% - 28px); }
      .brand { font-size: 18px; }
      .brand-logo { max-width: 245px; max-height: 38px; }
      .nav-list { padding-top: 4px; }
      .nav-link { min-height: 42px; padding: 9px 42px; font-size: 16px; }
      .footer-nav { grid-template-columns: 1fr; }
    }

    /* 产品列表页主色与顶部焦点图覆盖 */
    :root {
      --brand-red: rgb(44, 74, 155);
      --brand-red-dark: rgb(31, 54, 117);
      --brand-red-soft: rgba(44, 74, 155, .10);
      --brand-yellow: #fff59b;
      --brand-blue: rgb(44, 74, 155);
      --green: rgb(44, 74, 155);
      --green-dark: rgb(31, 54, 117);
      --green-soft: rgba(44, 74, 155, .10);
      --cyan: rgb(44, 74, 155);
      --red: rgb(44, 74, 155);
      --ink: #252525;
      --muted: #888888;
      --soft: #f4f4f4;
      --line: #e5e5e5;
      --white: #ffffff;
      --shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
      --container: 1200px;
      --wrap: 1200px;
      --home-blue: rgb(44, 74, 155);
      --home-blue-dark: rgb(31, 54, 117);
      --home-blue-soft: rgba(44, 74, 155, .10);
      --xmdsite-accent: rgb(44, 74, 155);
      --xmdsite-accent-hover: rgb(31, 54, 117);
      --xmdsite-accent-soft: rgba(44, 74, 155, .10);
    }

    .topbar { border-top-color: var(--green); }
    .brand-mark { background: var(--red); }
    .nav-link:hover,
    .nav-item.is-active > .nav-link,
    .nav-item.has-menu:hover > .nav-link,
    .nav-item.has-menu:focus-within > .nav-link { color: var(--green); }
    .nav-mega { grid-template-columns: 230px 1fr; gap: 34px; border-top-color: var(--green); }
    .nav-mega.is-categorized { grid-template-columns: 1fr; gap: 14px; }
    .mega-cats { display: grid; gap: 8px; align-content: start; padding-right: 22px; border-right: 1px solid #e7efe9; }
    .mega-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 22px; align-content: start; }
    .mega-item { display: grid; grid-template-columns: 74px 1fr; gap: 12px; min-width: 0; padding: 8px; border: 1px solid #edf1ee; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
    .mega-item:hover { border-color: rgba(44, 74, 155,.45); box-shadow: 0 10px 22px rgba(44, 74, 155,.12); transform: translateY(-2px); }
    .mega-thumb { width: 74px; height: 54px; overflow: hidden; background: #eef4f0; }
    .mega-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .mega-title { min-width: 0; color: #323b36; font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .mega-meta { display: block; margin-top: 3px; color: #8a958e; font-size: 12px; }
    .mega-empty { color: #78827b; line-height: 1.8; margin: 0; }
    .mega-more { color: var(--green); font-weight: 700; }
    .mega-category-block { display: grid; grid-template-columns: 230px 1fr; gap: 34px; align-items: start; padding-bottom: 14px; border-bottom: 1px solid #edf1ee; }
    .mega-category-block:last-child { padding-bottom: 0; border-bottom: 0; }
    .mega-cat { border-left-color: var(--green); }
    .mega-cat:hover { color: var(--green); }
    .mega-cat::after { color: var(--green); }

    .page-hero { background: #f3f3f3; overflow: hidden; }
    .hero-media { background: #e9e9e9; height: 300px; min-height: 300px; max-height: 300px; overflow: hidden; }
    .hero-image-list,
    .hero-image-item,
    .hero-image-link { display: block; width: 100%; height: 100%; }
    .hero-image-list {
      --swiper-theme-color: var(--brand-red);
      --swiper-pagination-bottom: 18px;
      --swiper-pagination-bullet-inactive-color: #fff;
      --swiper-pagination-bullet-inactive-opacity: .9;
      height: 300px;
      max-height: 300px;
      cursor: grab;
    }
    .hero-image-list:not(:defined) { overflow: hidden; }
    .hero-image-list:not(:defined) .hero-slide:not(:first-child) { display: none; }
    .hero-slide { display: block; height: 300px; overflow: hidden; }
    .hero-media-content {
      display: block;
      width: 100%;
      height: 300px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
      object-position: center;
      user-select: none;
      -webkit-user-drag: none;
    }
    .hero-file {
      min-height: 300px;
      display: grid;
      place-items: center;
      padding: 32px;
      color: var(--ink);
      background: linear-gradient(135deg, #fafafa, #e8e8e8);
      font-weight: 700;
    }

    .xmdsite-tab.is-active,
    .xmdsite-tab:hover,
    .xmdsite-tab:focus-visible,
    .xmdsite-adjacent-card:hover,
    .xmdsite-adjacent-card:focus-visible,
    .xmdsite-facts-title,
    .xmdsite-fact-label,
    .xmdsite-publish-date,
    .xmdsite-breadcrumb-link:hover,
    .xmdsite-breadcrumb-link:focus-visible { color: var(--brand-red); }
    .xmdsite-tab.is-active { border-color: var(--brand-red); background: var(--brand-red-soft); }
    .xmdsite-tab:hover,
    .xmdsite-tab:focus-visible { border-color: rgba(44, 74, 155, .35); background: var(--brand-red-soft); }
    .xmdsite-head-cover::after,
    .xmdsite-gallery-close { background: var(--brand-red); }
    .xmdsite-gallery-trigger:focus-visible { outline-color: rgba(44, 74, 155, .18); }
    .xmdsite-article a { color: var(--brand-red); }
    .xmdsite-article blockquote { border-left-color: var(--brand-red); }
    .footer { color: #d8e4dc; background: linear-gradient(135deg, #173b43, #24616c 52%, #142f35); }
    .footer-col-title a::after { background: var(--green); }
    .footer-links { color: #c6d4cc; }
    .footer-links a:hover { color: #fff; }
    .qr-fallback { color: var(--green); }
    .footer-address { color: #d1dfd7; }
    .copyright { color: #d1ddd5; }

    @media (max-width: 900px) {
      .nav-mega { grid-template-columns: 1fr; gap: 10px; }
      .mega-cats { padding: 0 14px; border-right: 0; }
      .mega-list { display: none; }
      .mega-item { width: 100%; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: 8px; }
      .mega-thumb { width: 64px; height: 48px; }
      .mega-category-block { grid-template-columns: 1fr; gap: 0; padding: 0; border-bottom: 0; }
    }


    /* 按用户提供代码同步：产品列表页导航、焦点图与底部模块 */
    .wrap { width: min(var(--wrap, 1200px), calc(100% - 32px)); margin: 0 auto; }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      height: 58px;
      background: rgba(255,255,255,.98);
      border-top: 3px solid var(--green);
      box-shadow: 0 2px 14px rgba(0,0,0,.08);
    }
    .head-inner {
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
      flex: 0 0 auto;
      color: #333;
      font-size: 24px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -1px;
    }
    .brand-logo { width: auto; max-width: 210px; max-height: 42px; object-fit: contain; }
    .brand-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
    .brand-mark {
      width: 30px;
      height: 30px;
      display: inline-grid;
      place-items: center;
      border-radius: 8px;
      color: #fff;
      background: var(--red);
      font-weight: 900;
      font-size: 18px;
    }
    .nav-toggle { display: none; border: 0; background: transparent; color: #333; font-size: 26px; line-height: 1; padding: 6px 8px; cursor: pointer; }
    .mainnav { min-width: 0; align-self: stretch; }
    .nav-list { display: flex; align-items: stretch; justify-content: flex-end; gap: 0; height: 100%; margin: 0; padding: 0; list-style: none; }
    .nav-item { position: relative; display: flex; align-items: stretch; }
    .nav-link {
      display: inline-flex;
      align-items: center;
      height: 55px;
      padding: 0 18px;
      color: #333;
      font-size: 15px;
      white-space: nowrap;
      border-bottom: 3px solid transparent;
      transform-origin: center;
      transition: color .18s ease, transform .18s ease, border-color .18s ease;
    }
    .nav-link:hover, .nav-item.is-active > .nav-link, .nav-item.has-menu:hover > .nav-link, .nav-item.has-menu:focus-within > .nav-link { color: var(--green); background: transparent; border-bottom-color: transparent; transform: scale(1.08); outline: none; }
    .nav-mega {
      position: fixed;
      left: 50%;
      top: 58px;
      width: min(var(--wrap, 1200px), calc(100% - 32px));
      max-height: calc(100vh - 78px);
      overflow: auto;
      padding: 24px 38px 26px;
      display: grid;
      grid-template-columns: 230px 1fr;
      gap: 34px;
      background: #fff;
      border-top: 3px solid var(--green);
      box-shadow: 0 18px 36px rgba(0,0,0,.16);
      transform: translate(-50%, 12px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .nav-item:hover .nav-mega, .nav-item:focus-within .nav-mega { transform: translate(-50%, 0); opacity: 1; visibility: visible; pointer-events: auto; }
    .mega-cats { display: grid; gap: 8px; align-content: start; padding-right: 22px; border-right: 1px solid #e7efe9; }
    .mega-cat { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 8px 14px; color: #23352a; font-size: 15px; background: transparent; border-left: 3px solid var(--green); transform-origin: left center; transition: color .18s ease, transform .18s ease; }
    .mega-cat:hover { color: var(--green); transform: scale(1.04); }
    .mega-cat::after { content: "›"; color: var(--green); font-size: 20px; line-height: 1; }
    .mega-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 22px; align-content: start; }
    .mega-item { display: grid; grid-template-columns: 74px 1fr; gap: 12px; min-width: 0; padding: 8px; border: 1px solid #edf1ee; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
    .mega-item:hover { border-color: rgba(44, 74, 155,.45); box-shadow: 0 10px 22px rgba(44, 74, 155,.12); transform: translateY(-2px); }
    .mega-thumb { width: 74px; height: 54px; overflow: hidden; background: #eef4f0; }
    .mega-thumb img { width: 100%; height: 100%; object-fit: cover; }
    .mega-title { min-width: 0; color: #323b36; font-size: 14px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .mega-meta { margin-top: 3px; color: #8a958e; font-size: 12px; }
    .mega-empty { color: #78827b; line-height: 1.8; }
    .mega-more { color: var(--green); font-weight: 700; }
    .nav-mega.is-categorized { grid-template-columns: 1fr; gap: 14px; }
    .mega-category-block { display: grid; grid-template-columns: 230px 1fr; gap: 34px; align-items: start; padding-bottom: 14px; border-bottom: 1px solid #edf1ee; }
    .mega-category-block:last-child { padding-bottom: 0; border-bottom: 0; }
    .hotline,
    .hotline-icon,
    .hotline-label,
    .hotline-value,
    .nav-sublist { display: none; }

    .page-hero { background: #f3f3f3; overflow: hidden; }
    .hero-media { background: #e9e9e9; height: 300px; min-height: 300px; max-height: 300px; overflow: hidden; }
    .hero-image-list,
    .hero-image-item,
    .hero-image-link { display: block; width: 100%; height: 100%; }
    .hero-image-list {
      --swiper-theme-color: var(--brand-red);
      --swiper-pagination-bottom: 18px;
      --swiper-pagination-bullet-inactive-color: #fff;
      --swiper-pagination-bullet-inactive-opacity: .9;
      height: 300px;
      max-height: 300px;
      cursor: grab;
    }
    .hero-image-list:not(:defined) { overflow: hidden; }
    .hero-image-list:not(:defined) .hero-slide:not(:first-child) { display: none; }
    .hero-slide { display: block; height: 300px; overflow: hidden; }
    .hero-media-content {
      display: block;
      width: 100%;
      height: 300px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
      object-position: center;
      user-select: none;
      -webkit-user-drag: none;
    }
    .hero-file {
      min-height: 300px;
      display: grid;
      place-items: center;
      padding: 32px;
      color: var(--ink);
      background: linear-gradient(135deg, #fafafa, #e8e8e8);
      font-weight: 700;
    }
    .hero-titlebar { display: none; }
    .footer { color: #d8e4dc; background: linear-gradient(135deg, #173b43, #24616c 52%, #142f35); }
    .footer-main {
      min-height: 188px;
      display: grid;
      grid-template-columns: minmax(0, 760px) minmax(170px, 240px);
      gap: 58px;
      padding: 38px 0 34px;
      align-items: center;
      justify-content: center;
    }
    .footer-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; padding: 4px 0; justify-self: center; width: 100%; }
    .footer-col { min-width: 0; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.12); }
    .footer-col:first-child { padding-left: 0; border-left: 0; }
    .footer-col-title { color: #fff; font-size: 15px; line-height: 1.2; margin: 0 0 13px; font-weight: 700; }
    .footer-col-title a { position: relative; display: inline-flex; padding-bottom: 8px; }
    .footer-col-title a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: var(--green); }
    .footer-links { display: grid; gap: 7px; color: #c6d4cc; font-size: 13px; margin: 0; padding: 0; list-style: none; }
    .footer-links a { transition: color .18s ease, transform .18s ease; }
    .footer-links a:hover { color: #fff; transform: translateX(3px); }
    .footer-contact { display: grid; grid-template-columns: auto; gap: 14px; justify-items: center; align-items: center; align-self: center; justify-self: center; text-align: center; }
    .qr { width: 104px; height: 104px; padding: 7px; background: #fff; border-radius: 8px; box-shadow: 0 12px 26px rgba(0,0,0,.22); object-fit: cover; }
    .qr-fallback { width: 104px; height: 104px; display: grid; place-items: center; padding: 10px; color: var(--green); background: rgba(255,255,255,.96); border-radius: 8px; font-size: 12px; text-align: center; line-height: 1.45; }
    .footer-address { color: #d1dfd7; font-size: 13px; line-height: 1.8; text-align: center; }
    .footer-address strong { display: block; color: #fff; font-size: 14px; margin-bottom: 4px; }
    .copyright { padding: 12px 0; color: #d1ddd5; background: rgba(0,0,0,.18); text-align: center; font-size: 12px; border-top: 1px solid rgba(255,255,255,.08); }

    .pagination {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: 0 auto;
      padding: 34px 0 8px;
      color: #999;
      font-size: 13px;
    }
    .page-status {
      flex: 0 0 100%;
      margin: 0 0 8px;
      color: #888;
      text-align: center;
    }
    .page-link,
    .page-current,
    .page-control,
    .page-ellipsis {
      min-width: 34px;
      height: 34px;
      padding: 0 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 17px;
      border: 1px solid #e0e0e0;
      background: #fff;
      color: #777;
      font-weight: 700;
      line-height: 1;
      transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
    }
    .page-control { min-width: 68px; }
    .page-link:hover,
    .page-link:focus-visible,
    .page-control:hover,
    .page-control:focus-visible,
    .page-current {
      border-color: var(--brand-red);
      background: var(--brand-red);
      color: #fff;
      outline: none;
      transform: translateY(-1px);
    }
    .page-current { box-shadow: 0 8px 18px rgba(44, 74, 155, .18); }
    .page-link.is-disabled,
    .page-control.is-disabled {
      opacity: .45;
      pointer-events: none;
      transform: none;
    }
    .page-ellipsis {
      min-width: 24px;
      padding: 0 2px;
      border-color: transparent;
      background: transparent;
      color: #aaa;
    }


    @media (max-width: 1200px) {
      .nav-link { padding: 0 11px; }
      .nav-mega { grid-template-columns: 190px 1fr; padding-left: 24px; padding-right: 24px; }
      .mega-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 900px) {
      .topbar, .head-inner { height: auto; min-height: 58px; }
      .topbar.is-open { box-shadow: 0 8px 24px rgba(0,0,0,.12); }
      .head-inner { flex-wrap: wrap; padding: 10px 0; gap: 10px 14px; }
      .brand { flex: 1 1 auto; overflow: hidden; }
      .brand-logo { max-width: 245px; max-height: 38px; }
      .brand-name { max-width: 190px; font-size: 18px; }
      .nav-toggle {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        border: 2px solid #333;
        border-radius: 5px;
        font-size: 24px;
        transition: color .18s ease, border-color .18s ease, transform .18s ease;
      }
      .topbar.is-open .nav-toggle { color: var(--green); border-color: var(--green); transform: scale(1.04); }
      .mainnav { display: none; width: 100%; align-self: auto; max-height: calc(100vh - 66px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
      .topbar.is-open .mainnav { display: block; }
      .nav-list { flex-direction: column; align-items: stretch; height: auto; border-top: 1px solid var(--line); padding: 6px 0 10px; }
      .nav-item { display: block; border-bottom: 1px solid var(--line); }
      .nav-item:last-child { border-bottom: 0; }
      .nav-link { position: relative; width: 100%; min-height: 44px; height: auto; justify-content: center; padding: 10px 42px; border-bottom: 0; font-size: 16px; transform: none; }
      .nav-link:hover, .nav-item.is-active > .nav-link, .nav-item.has-menu.is-sub-open > .nav-link { color: var(--green); background: transparent; border-bottom-color: transparent; transform: none; font-weight: 700; }
      .nav-item.is-active > .nav-link::before, .nav-item.has-menu.is-sub-open > .nav-link::before { content: ""; position: absolute; left: 50%; bottom: 4px; width: 24px; height: 2px; border-radius: 999px; background: var(--green); transform: translateX(-50%); }
      .nav-item.has-menu > .nav-link::after { content: "›"; position: absolute; right: 18px; top: 50%; color: var(--green); font-size: 20px; line-height: 1; transform: translateY(-50%); transition: transform .18s ease; }
      .nav-item.has-menu.is-sub-open > .nav-link::after { transform: translateY(-50%) rotate(90deg); }
      .nav-mega { display: none; position: static; width: 100%; max-height: none; grid-template-columns: 1fr; gap: 10px; margin: 0; transform: none; opacity: 1; visibility: visible; pointer-events: auto; overflow: visible; box-shadow: none; border-top: 0; padding: 0 0 12px; background: #fbfdfc; }
      .nav-item.is-sub-open .nav-mega { display: grid; transform: none; opacity: 1; visibility: visible; pointer-events: auto; }
      .mega-cats { padding: 0 14px; border-right: 0; }
      .mega-cat { width: 100%; min-height: 38px; padding: 8px 12px; border-left: 3px solid var(--green); background: #fff; transform: none; }
      .mega-cat:hover { transform: none; }
      .mega-list { display: none; }
      .mega-item { width: 100%; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: 8px; }
      .mega-thumb { width: 64px; height: 48px; }
      .nav-mega.is-categorized { gap: 0; }
      .mega-category-block { grid-template-columns: 1fr; gap: 0; padding: 0; border-bottom: 0; }
      .mega-category-block:last-child { padding-bottom: 0; }
      .promise-list { grid-template-columns: repeat(2, 1fr); }
      .footer-main { grid-template-columns: 1fr; gap: 30px; justify-items: center; }
      .footer-contact { justify-items: center; }
      .footer-address { text-align: center; }
      .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 680px; }
      .footer-nav .footer-col:nth-child(1) { display: none; }
      .footer-nav .footer-col:nth-child(5) { order: 1; }
      .footer-nav .footer-col:nth-child(2) { order: 2; }
      .footer-nav .footer-col:nth-child(3) { order: 3; }
      .footer-nav .footer-col:nth-child(4) { order: 4; }
    }

    @media (max-width: 640px) {
      .wrap { width: min(100% - 28px, var(--wrap, 1200px)); }
      .brand { font-size: 18px; }
      .brand-logo { max-width: 245px; max-height: 38px; }
      .brand-name { max-width: 190px; }
      .promise-list { grid-template-columns: 1fr; }
    }
    @media (max-width: 560px) {
      .footer-main { gap: 26px; }
      .footer-nav { width: min(100%, 390px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; justify-self: center; margin: 0 auto; }
      .footer-col { padding-left: 0; border-left: 0; text-align: center; }
      .footer-col-title { margin-bottom: 10px; }
      .footer-col-title a { justify-content: center; }
      .footer-col-title a::after { left: 50%; transform: translateX(-50%); }
      .footer-links { justify-items: center; }
    }

:root{
  --blue:#22499b;
  --footer:#1f50ae;
  --wrap:1200px;
}

.site-header,.site-header *,.footer,.footer *{box-sizing:border-box}
.site-header a,.footer a{color:inherit;text-decoration:none}
.site-header ul,.footer ul{list-style:none;margin:0;padding:0}
.site-header img,.footer img{display:block;max-width:100%}
.site-header .wrap,.footer .wrap{width:min(var(--wrap),calc(100% - 40px));margin:0 auto}

.site-header{height:73px;background:#fff;border-bottom:1px solid #e5e5e5;position:relative;z-index:1000;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
.header-inner{height:73px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;min-width:250px;height:73px}
.brand-logo{width:auto;max-width:280px;max-height:57px;object-fit:contain}
.brand-text{color:var(--blue);font-size:30px;font-weight:900;letter-spacing:2px;line-height:1}
.brand-text small{display:block;margin-top:5px;font-size:14px;font-weight:400;letter-spacing:8px}
.nav-toggle{display:none;border:0;background:var(--blue);color:#fff;border-radius:3px;width:40px;height:36px;font-size:22px;line-height:36px;cursor:pointer}
.mainnav{height:73px;display:flex;align-items:stretch}
.nav-list{display:flex;height:73px;align-items:stretch;border-left:1px solid #ececec}
.nav-link{display:flex;align-items:center;justify-content:center;height:73px;min-width:99px;padding:0 24px;color:#4f4f4f;font-size:14px;border-right:1px solid #ececec;transition:.2s ease;background:#fff;white-space:nowrap}
.nav-link:hover,.nav-link.is-active{background:#f8f8f8;color:var(--blue)}

.footer{position:relative;background:var(--footer);color:#eaf1ff;margin-top:0;padding-top:132px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
.footer:before{content:"";position:absolute;left:0;right:0;top:-98px;height:120px;background:var(--footer);clip-path:polygon(0 70%,3% 82%,8% 73%,14% 85%,21% 77%,28% 83%,34% 75%,43% 86%,51% 80%,59% 84%,68% 76%,76% 84%,85% 78%,93% 83%,100% 72%,100% 100%,0 100%)}
.friend{font-size:14px;margin-bottom:72px;color:#e3ecff}
.friend a{margin-left:30px}
.friend a:hover{text-decoration:underline}
.footer-main{display:grid;grid-template-columns:300px 1fr;gap:90px;align-items:start;padding-bottom:50px}
.footer-logo img{width:auto;max-width:288px;max-height:70px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-logo .brand-text{color:#fff}
.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:55px}
.footer-col h3{font-size:16px;color:#fff;margin:0 0 12px;font-weight:800}
.footer-col li{font-size:13px;line-height:2.1;color:#dbe8ff}
.footer-col a:hover{color:#fff;text-decoration:underline}
.copyright{height:39px;line-height:39px;text-align:center;background:#0968b9;color:#e7f1ff;font-size:12px}

@media (max-width:1200px){
  .nav-link{min-width:auto;padding:0 16px}
  .footer-main{grid-template-columns:1fr;gap:36px}
  .footer-cols{gap:24px}
}

@media (max-width:820px){
  .site-header,.header-inner{height:auto;min-height:68px}
  .header-inner{flex-wrap:wrap;padding:10px 0}
  .nav-toggle{display:block}
  .mainnav{display:none;width:100%;height:auto}
  .site-header.is-open .mainnav{display:block}
  .nav-list{height:auto;display:block;border-left:0;border-top:1px solid #eee}
  .nav-link{height:44px;justify-content:flex-start;border-right:0;border-bottom:1px solid #eee}
  .footer{padding-top:70px}
  .friend{margin-bottom:35px}
  .footer-cols{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:520px){
  .site-header .wrap,.footer .wrap{width:calc(100% - 28px)}
  .brand-logo{max-width:230px}
  .footer-cols{grid-template-columns:1fr}
  .copyright{height:auto;line-height:1.7;padding:9px 10px}
}

.page-hero .hero-media,
.page-hero .hero-image-list,
.page-hero .hero-slide,
.page-hero .hero-image-item,
.page-hero .hero-image-link,
.xmdsite-page-hero .xmdsite-hero-media,
.xmdsite-page-hero .xmdsite-hero-image-list,
.xmdsite-page-hero .xmdsite-hero-slide,
.xmdsite-page-hero .xmdsite-hero-image-item,
.xmdsite-page-hero .xmdsite-hero-image-link{
  height:auto;
  min-height:0;
  max-height:none;
  overflow:visible;
}

.page-hero .hero-media-content,
.xmdsite-page-hero .xmdsite-hero-media-content{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  object-fit:contain;
  object-position:center;
}


/* Shared header and footer styles moved from inline fragments to reduce rendered HTML size. */
  .xmdsite-shared-header,
  .xmdsite-shared-header * {
    box-sizing: border-box;
  }
  .xmdsite-shared-header {
    --shared-header-blue: #22499b;
    --shared-header-wrap: 1200px;
    position: relative;
    z-index: 1000;
    height: 73px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: #4f4f4f;
    font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  }
  .xmdsite-shared-header a {
    color: inherit;
    text-decoration: none;
  }
  .xmdsite-shared-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .xmdsite-shared-header img {
    display: block;
    max-width: 100%;
  }
  .xmdsite-shared-header__wrap {
    width: min(var(--shared-header-wrap), calc(100% - 40px));
    height: 73px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
  .xmdsite-shared-header__brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 250px;
    height: 73px;
  }
  .xmdsite-shared-header__logo {
    width: auto;
    max-width: 280px;
    max-height: 57px;
    object-fit: contain;
  }
  .xmdsite-shared-header__brand-text {
    color: var(--shared-header-blue);
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
  }
  .xmdsite-shared-header__brand-text small {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 8px;
  }
  .xmdsite-shared-header__toggle {
    display: none;
    width: 40px;
    height: 36px;
    border: 0;
    border-radius: 3px;
    background: var(--shared-header-blue);
    color: #fff;
    font: inherit;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
  }
  .xmdsite-shared-header__nav {
    display: flex;
    align-items: stretch;
    height: 73px;
    margin-left: auto;
  }
  .xmdsite-shared-header__list {
    display: flex;
    align-items: stretch;
    height: 73px;
    border-left: 1px solid #ececec;
  }
  .xmdsite-shared-header__item {
    position: relative;
  }
  .xmdsite-shared-header__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73px;
    min-width: 99px;
    padding: 0 24px;
    border-right: 1px solid #ececec;
    background: #fff;
    color: #4f4f4f;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    transition: color .2s ease, background-color .2s ease;
  }
  .xmdsite-shared-header__link:hover,
  .xmdsite-shared-header__link.is-active,
  .xmdsite-shared-header__item:hover > .xmdsite-shared-header__link {
    background: #0b6fa8;
    color: #fff;
  }
  .xmdsite-shared-header__caret {
    display: inline-block;
    margin-left: 7px;
    color: #9a9a9a;
    font-size: 10px;
    line-height: 1;
    transform: translateY(-1px);
    transition: color .2s ease, transform .2s ease;
  }
  .xmdsite-shared-header__item:hover .xmdsite-shared-header__caret {
    color: #fff;
    transform: translateY(-1px) rotate(180deg);
  }
  .xmdsite-shared-header__sublist {
    display: none;
  }
  @media (min-width: 993px) {
    .xmdsite-shared-header__item.has-sub:hover > .xmdsite-shared-header__sublist,
    .xmdsite-shared-header__item.has-sub:focus-within > .xmdsite-shared-header__sublist {
      display: flex;
    }
    .xmdsite-shared-header__item.has-sub.is-wheel-hidden > .xmdsite-shared-header__sublist {
      display: none;
    }
    .xmdsite-shared-header__sublist {
      position: fixed;
      top: 73px;
      left: 0;
      right: 0;
      z-index: 1001;
      width: 100vw;
      min-height: 260px;
      padding: 60px calc((100vw - min(var(--shared-header-wrap), calc(100vw - 40px))) / 2);
      align-items: center;
      gap: 58px;
      background: #fff;
      border-top: 1px solid #222;
      box-shadow: 0 16px 34px rgba(0, 0, 0, .06);
    }
    .xmdsite-shared-header__submenu-intro {
      flex: 0 0 300px;
      color: #333;
    }
    .xmdsite-shared-header__submenu-en {
      margin: 0 0 4px;
      color: #005f8a;
      font-size: 30px;
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: .5px;
      text-transform: uppercase;
    }
    .xmdsite-shared-header__submenu-title {
      margin: 0 0 34px;
      color: #111;
      font-size: 16px;
      line-height: 1.4;
    }
    .xmdsite-shared-header__submenu-desc {
      margin: 0 0 48px;
      color: #333;
      font-size: 13px;
      line-height: 1.75;
    }
    .xmdsite-shared-header .xmdsite-shared-header__submenu-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 335px;
      max-width: 100%;
      height: 50px;
      background: #0b6fa8;
      color: #fff !important;
      font-size: 16px;
      line-height: 1;
      transition: background-color .2s ease, color .2s ease;
    }
    .xmdsite-shared-header .xmdsite-shared-header__submenu-button span {
      color: #fff !important;
    }
    .xmdsite-shared-header .xmdsite-shared-header__submenu-button:hover,
    .xmdsite-shared-header .xmdsite-shared-header__submenu-button:focus-visible {
      background: #1686bf;
      color: #fff !important;
    }
    .xmdsite-shared-header__submenu-arrow {
      margin-left: 22px;
      font-size: 26px;
      font-weight: 300;
      line-height: 1;
    }
    .xmdsite-shared-header__submenu-media {
      flex: 0 1 380px;
      min-width: 260px;
    }
    .xmdsite-shared-header__submenu-image,
    .xmdsite-shared-header__submenu-placeholder {
      width: 100%;
      aspect-ratio: 1.26 / 1;
      object-fit: cover;
      background: linear-gradient(135deg, #eef7fb, #dcecf5);
    }
    .xmdsite-shared-header__submenu-placeholder {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0b6fa8;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 2px;
    }
    .xmdsite-shared-header__submenu-categories {
      flex: 0 0 210px;
      display: flex;
      flex-direction: column;
      gap: 28px;
      align-self: center;
      padding: 6px 0;
    }
    .xmdsite-shared-header__sublink {
      display: block;
      width: auto;
      min-width: 0;
      padding: 0;
      background: transparent;
      color: #111;
      font-size: 14px;
      line-height: 1.5;
      text-align: left;
      white-space: nowrap;
      transition: color .2s ease, transform .2s ease;
    }
    .xmdsite-shared-header__sublink:hover,
    .xmdsite-shared-header__sublink.is-active {
      color: #0b6fa8;
      transform: translateX(4px);
    }
  }
  @media (max-width: 1200px) {
    .xmdsite-shared-header__brand {
      min-width: 220px;
    }
    .xmdsite-shared-header__logo {
      max-width: 250px;
    }
    .xmdsite-shared-header__link {
      min-width: auto;
      padding: 0 16px;
    }
  @media (min-width: 993px) and (max-width: 1200px) {
    .xmdsite-shared-header__sublist {
      gap: 34px;
    }
    .xmdsite-shared-header__submenu-intro {
      flex-basis: 270px;
    }
    .xmdsite-shared-header__submenu-media {
      flex-basis: 330px;
    }
    .xmdsite-shared-header__submenu-categories {
      flex-basis: 180px;
    }
  }
  }
  @media (max-width: 992px) {
    .xmdsite-shared-header {
      height: auto;
      min-height: 68px;
    }
    .xmdsite-shared-header__wrap {
      width: calc(100% - 32px);
      height: auto;
      min-height: 68px;
      flex-wrap: wrap;
      padding: 10px 0;
      gap: 10px 20px;
    }
    .xmdsite-shared-header__brand {
      min-width: 0;
      max-width: calc(100% - 60px);
      height: auto;
      min-height: 48px;
    }
    .xmdsite-shared-header__logo {
      max-width: 230px;
      max-height: 52px;
    }
    .xmdsite-shared-header__toggle {
      display: block;
    }
    .xmdsite-shared-header__nav {
      display: none;
      width: 100%;
      height: auto;
      margin-left: 0;
    }
    .xmdsite-shared-header.is-open .xmdsite-shared-header__nav {
      display: block;
    }
    .xmdsite-shared-header__list {
      display: block;
      height: auto;
      border-left: 0;
      border-top: 1px solid #eee;
    }
    .xmdsite-shared-header__link {
      height: 44px;
      justify-content: flex-start;
      padding: 0 14px;
      border-right: 0;
      border-bottom: 1px solid #eee;
    }
    .xmdsite-shared-header__sublist {
      display: none;
      background: #fafafa;
      border-bottom: 1px solid #eee;
    }
    .xmdsite-shared-header__submenu-intro,
    .xmdsite-shared-header__submenu-media {
      display: none;
    }
    .xmdsite-shared-header__submenu-categories {
      display: block;
      padding: 0;
    }
    .xmdsite-shared-header__item.is-sub-open > .xmdsite-shared-header__sublist {
      display: block;
    }
    .xmdsite-shared-header__sublink {
      display: block;
      padding: 10px 14px 10px 30px;
      border-bottom: 1px solid #eee;
      color: #666;
      font-size: 13px;
    }
    .xmdsite-shared-header__subitem:last-child .xmdsite-shared-header__sublink {
      border-bottom: 0;
    }
    .xmdsite-shared-header__caret {
      margin-left: auto;
    }
    .xmdsite-shared-header__item.is-sub-open > .xmdsite-shared-header__link .xmdsite-shared-header__caret {
      color: var(--shared-header-blue);
      transform: translateY(-1px) rotate(180deg);
    }
  }
  @media (max-width: 520px) {
    .xmdsite-shared-header__wrap {
      width: calc(100% - 28px);
    }
    .xmdsite-shared-header__logo {
      max-width: 210px;
    }
    .xmdsite-shared-header__brand-text {
      font-size: 24px;
    }
    .xmdsite-shared-header__brand-text small {
      font-size: 12px;
      letter-spacing: 4px;
    }
  }

  .footer{position:relative;background:#1f50ae;color:#eaf1ff;margin-top:0;padding-top:92px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;overflow:hidden}
  .footer *{box-sizing:border-box}
  .footer a{color:inherit;text-decoration:none;transition:.2s ease}
  .footer ul{margin:0;padding:0;list-style:none}
  .footer-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1}
  .footer:before{content:"";position:absolute;left:0;right:0;top:-98px;height:120px;background:#1f50ae;clip-path:polygon(0 70%,3% 82%,8% 73%,14% 85%,21% 77%,28% 83%,34% 75%,43% 86%,51% 80%,59% 84%,68% 76%,76% 84%,85% 78%,93% 83%,100% 72%,100% 100%,0 100%)}
  .footer-main{display:grid;grid-template-columns:300px 1fr;gap:90px;align-items:start;padding-bottom:50px}
  .footer-logo{display:inline-flex;align-items:center;justify-self:start;min-height:74px;max-width:300px;color:#fff}
  .footer-logo img{width:auto;max-width:288px;max-height:70px;object-fit:contain;filter:brightness(0) invert(1)}
  .footer-brand-text{display:block;color:#fff;font-size:30px;font-weight:900;letter-spacing:2px;line-height:1.1}
  .footer-brand-text small{display:block;margin-top:7px;font-size:14px;font-weight:400;letter-spacing:8px;white-space:nowrap}
  .footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:55px}
  .footer-col h3{margin:0 0 12px;color:#fff;font-size:16px;line-height:1.4;font-weight:800}
  .footer-col li{color:#dbe8ff;font-size:13px;line-height:2.1}
  .footer-col a:hover{color:#fff;text-decoration:underline}
  .footer-copyright{min-height:39px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px;text-align:center;background:#0968b9;color:#e7f1ff;font-size:12px;padding:8px 16px;line-height:1.6}
  .footer-copyright a{margin:0;color:#fff}
  .footer-copyright .footer-icp-link{white-space:nowrap}
  .footer-copyright a:hover{text-decoration:underline}
  @media (max-width:1200px){.footer-main{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center}.footer-logo{justify-self:center;justify-content:center}.footer-cols{width:100%;gap:24px}.footer-col{text-align:center}}
  @media (max-width:820px){.footer{padding-top:70px}.footer:before{top:-58px;height:78px}.footer-main{padding-bottom:36px}.footer-cols{grid-template-columns:repeat(2,minmax(140px,1fr));justify-items:center}.footer-col{width:100%;max-width:220px}}
  @media (max-width:530px){.footer-wrap{width:calc(100% - 28px)}.footer{padding-top:54px}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;justify-items:center}.footer-col{width:100%;max-width:180px}.footer-copyright{height:auto;padding:9px 10px}.footer-brand-text{font-size:24px}.footer-brand-text small{letter-spacing:4px}}

footer.footer{position:relative;background:#1f50ae;color:#eaf1ff;margin-top:0;padding-top:92px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;overflow:hidden}
footer.footer *{box-sizing:border-box}
footer.footer a{color:inherit;text-decoration:none;transition:.2s ease}
footer.footer ul{margin:0;padding:0;list-style:none}
footer.footer .footer-wrap{width:min(1200px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1}
footer.footer:before{content:"";position:absolute;left:0;right:0;top:-98px;height:120px;background:#1f50ae;clip-path:polygon(0 70%,3% 82%,8% 73%,14% 85%,21% 77%,28% 83%,34% 75%,43% 86%,51% 80%,59% 84%,68% 76%,76% 84%,85% 78%,93% 83%,100% 72%,100% 100%,0 100%)}
footer.footer .footer-main{display:grid;grid-template-columns:300px 1fr;gap:90px;align-items:start;padding-bottom:50px}
footer.footer .footer-logo{display:inline-flex;align-items:center;justify-self:start;min-height:74px;max-width:300px;color:#fff}
footer.footer .footer-logo img{width:auto;max-width:288px;max-height:70px;object-fit:contain;filter:brightness(0) invert(1)}
footer.footer .footer-brand-text{display:block;color:#fff;font-size:30px;font-weight:900;letter-spacing:2px;line-height:1.1}
footer.footer .footer-brand-text small{display:block;margin-top:7px;font-size:14px;font-weight:400;letter-spacing:8px;white-space:nowrap}
footer.footer .footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:55px}
footer.footer .footer-col h3{margin:0 0 12px;color:#fff;font-size:16px;line-height:1.4;font-weight:800}
footer.footer .footer-col li{color:#dbe8ff;font-size:13px;line-height:2.1}
footer.footer .footer-col a:hover{color:#fff;text-decoration:underline}
footer.footer .footer-copyright{min-height:39px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px;text-align:center;background:#0968b9;color:#e7f1ff;font-size:12px;padding:8px 16px;line-height:1.6}
footer.footer .footer-copyright a{margin:0;color:#fff}
footer.footer .footer-copyright .footer-icp-link{white-space:nowrap}
footer.footer .footer-copyright a:hover{text-decoration:underline}
@media (max-width:1200px){footer.footer .footer-main{grid-template-columns:1fr;gap:36px;justify-items:center;text-align:center}footer.footer .footer-logo{justify-self:center;justify-content:center}footer.footer .footer-cols{width:100%;gap:24px}footer.footer .footer-col{text-align:center}}
@media (max-width:820px){footer.footer{padding-top:70px}footer.footer:before{top:-58px;height:78px}footer.footer .footer-main{padding-bottom:36px}footer.footer .footer-cols{grid-template-columns:repeat(2,minmax(140px,1fr));justify-items:center}footer.footer .footer-col{width:100%;max-width:220px}}
@media (max-width:530px){footer.footer .footer-wrap{width:calc(100% - 28px)}footer.footer{padding-top:54px}footer.footer .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;justify-items:center}footer.footer .footer-col{width:100%;max-width:180px}footer.footer .footer-copyright{height:auto;padding:9px 10px}footer.footer .footer-brand-text{font-size:24px}footer.footer .footer-brand-text small{letter-spacing:4px}}

/* Footer identity, QR code and online site introduction. */
footer.footer .footer-main {
  grid-template-columns: minmax(310px, 340px) minmax(0, 1fr) minmax(230px, 280px);
  gap: 42px;
  align-items: start;
}
footer.footer .footer-brand {
  min-width: 0;
}
footer.footer .footer-brand-identity {
  display: flex;
  align-items: center;
  gap: 16px;
}
footer.footer .footer-qrcode {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  padding: 4px;
  object-fit: contain;
  background: #fff;
  border-radius: 2px;
}
footer.footer .footer-brand-logo-link {
  display: block;
  min-width: 0;
}
footer.footer .footer-brand-logo {
  display: block;
  width: min(210px, 100%);
  height: auto;
  max-height: 62px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
footer.footer .footer-intro {
  min-width: 0;
  padding-left: 22px;
  border-left: 1px solid rgba(255, 255, 255, .18);
  color: #dbe8ff;
}
footer.footer .footer-intro h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 800;
}
footer.footer .footer-intro-body {
  max-height: 180px;
  overflow: auto;
  color: #dbe8ff !important;
  font-size: 13px;
  line-height: 1.8;
}
footer.footer .footer-intro-body :where(p, h1, h2, h3, h4, ul, ol) {
  margin: 0 0 8px;
  color: #dbe8ff !important;
}
footer.footer .footer-intro-body * {
  color: #dbe8ff !important;
}
footer.footer .footer-intro-body :where(ul, ol) {
  padding-left: 1.2em;
}
footer.footer .footer-intro-body :where(a) {
  color: #fff !important;
  text-decoration: underline;
}
@media (max-width:1200px) {
  footer.footer .footer-main {
    grid-template-columns: 1fr;
    gap: 30px;
    justify-items: center;
    text-align: center;
  }
  footer.footer .footer-brand-identity {
    justify-content: center;
  }
  footer.footer .footer-cols {
    width: 100%;
    gap: 24px;
  }
  footer.footer .footer-intro {
    width: min(100%, 680px);
    padding: 0;
    border-left: 0;
  }
}
@media (max-width:530px) {
  footer.footer .footer-brand-identity {
    gap: 12px;
  }
  footer.footer .footer-qrcode {
    flex-basis: 76px;
    width: 76px;
    height: 76px;
  }
  footer.footer .footer-brand-logo {
    width: min(190px, 100%);
    max-height: 54px;
  }
  footer.footer .footer-intro-body {
    max-height: 220px;
    text-align: left;
  }
}