@media (max-width: 768px) {
  .bank-page {
    overflow-x: hidden;
  }

  .site-header__logo-black {
    display: none;
  }

  .bank-page .container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  /* ---------- 首屏 hero（group_3 + box_4 卡片） ---------- */
  .bank-hero,
  .bank-hero__inner {
    min-height: 0;
  }

  .bank-hero {
    padding: clamp(16px, 4vw, 24px) 0 clamp(28px, 7vw, 48px);
    background-position: center top;
    background-size: cover;
  }

  .bank-hero__inner {
    padding-top: 0;
  }

  .bank-breadcrumb {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-height: 0;
    font-size: clamp(12px, 2.67vw, 14px);
    line-height: 1.35;
  }

  .bank-hero__title {
    margin-top: clamp(46px, 4.5vw, 48px);
  }

  .bank-section-title h1,
  .bank-section-title h2 {
    font-size: clamp(18px, 4.8vw, 20px);
    line-height: 1.25;
    font-weight: 500;
  }

  .bank-section-title p {
    width: auto;
    max-width: 100%;
    margin-top: 4px;
    font-size: clamp(10px, 2.13vw, 11px);
    line-height: 1.45;
    text-transform: uppercase;
    letter-spacing: -1px;
  }

  .bank-section-title p::after {
    width: clamp(38px, 12vw, 40px);
    height: 2px;
    bottom: -6px;
  }

  .bank-hero-card {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, 1.6vw, 12px);
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin-top: clamp(46px, 5vw, 52px);
    padding: clamp(28px, 3.5vw, 32px) clamp(16px, 3vw, 18px) clamp(22px, 4vw, 26px);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    background: url('../assets/images/bank-account-opening/bank-hero-card-bg@2x_m.png') center / cover no-repeat;
  }

  .bank-hero-feature {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: clamp(80px, 22vw, 98px);
    padding: clamp(12px, 3vw, 18px) clamp(6px, 1.5vw, 10px) clamp(10px, 2.5vw, 14px);
    border-radius: 10px;
    box-sizing: border-box;
  }

  .bank-hero-feature img {
    width: clamp(34px, 12vw, 36px);
    height: clamp(34px, 12vw, 36px);
  }

  .bank-hero-feature h3 {
    margin-top: clamp(4px, 1vw, 8px);
    font-size: clamp(10px, 2.67vw, 14px);
    line-height: 1.3;
    white-space: normal;
    text-align: center;
  }

  .bank-quote {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin-top: clamp(8px, 2vw, 14px);
    justify-self: stretch;
  }

  .bank-quote label {
    display: block;
    margin-bottom: clamp(10px, 2.5vw, 14px);
    font-size: clamp(12px, 2.67vw, 14px);
    line-height: 1.35;
    text-align: left;
  }

  .bank-quote__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: clamp(46px, 12vw, 52px);
  }

  .bank-quote input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: clamp(40px, 12vw, 42px);
    padding: 0 clamp(12px, 3vw, 18px);
  }

  .bank-quote button {
    flex: 0 0 clamp(100px, 28vw, 130px);
    width: auto;
    height: clamp(40px, 12vw, 42px);
    margin-left: clamp(-12px, -1.6vw, -6px);
    font-size: clamp(12px, 3.2vw, 14px);
    z-index: 1;
  }

  /* ---------- 银行开户条件（group_5 block_2–4） ---------- */
  .bank-conditions,
  .bank-advantages,
  .bank-materials,
  .bank-success,
  .bank-process,
  .bank-maintenance,
  .bank-service-strip {
    padding-left: 0;
    padding-right: 0;
  }

  .bank-conditions {
    min-height: 0;
    padding-top: clamp(40px, 9vw, 56px);
    padding-bottom: clamp(40px, 9vw, 56px);
    background-size: cover;
  }

  .bank-conditions__grid {
    margin-top: clamp(24px, 5vw, 34px);
    gap: clamp(14px, 3.5vw, 20px);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: none;
  }

  .bank-condition-card {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-height: 0;
    border: none;
  }

  .bank-condition-card h3 {
    height: auto;
    min-height: clamp(44px, 14vw, 48px);
    padding: clamp(14px, 3.5vw, 18px) 12px;
    font-size: clamp(14px, 3.47vw, 15px);
    line-height: 1.25;
  }

  .bank-condition-card ul {
    margin: clamp(16px, 4vw, 22px) clamp(14px, 3.5vw, 20px) clamp(18px, 4vw, 24px) clamp(14px, 3.5vw, 20px);
  }

  .bank-condition-card li {
    padding-left: clamp(18px, 4.5vw, 24px);
    font-size: clamp(12px, 2.93vw, 14px);
    line-height: 1.55;
    text-align: justify;
    min-height: auto;
  }

  .bank-condition-card li::before {
    top: 0.5em;
    width: clamp(6px, 2vw, 6px);
    height: clamp(6px, 2vw, 6px);
    border-radius: 0;
  }

  /* ---------- 优势 list_1：左红底图标 + 文案 ---------- */
  .bank-advantages {
    padding-top: clamp(40px, 9vw, 56px);
  }

  .bank-advantage-grid {
    grid-template-rows: auto;
    grid-template-columns: none;
    margin-top: clamp(24px, 5vw, 36px);
    gap: clamp(14px, 3vw, 20px);
  }

  .bank-advantage-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: auto;
    padding: clamp(16px, 4vw, 22px) clamp(14px, 3vw, 20px);
    background: #f6f6f6;
    border-radius: 10px;
  }

  .bank-advantage-card__icon {
    flex: 0 0 clamp(52px, 18vw, 56px);
    width: clamp(52px, 18vw, 56px);
    height: clamp(52px, 18vw, 56px);
    margin-right: clamp(14px, 3vw, 22px);
    background: var(--bank-red);
    border-radius: 5px;
  }

  .bank-advantage-card__icon img {
    width: 100%;
    height: 100%;
  }

  .bank-advantage-card h3 {
    margin: 0 0 clamp(6px, 1.5vw, 8px);
    font-size: clamp(15px, 4vw, 16px);
    line-height: 1.25;
    white-space: normal;
  }

  .bank-advantage-card p {
    font-size: clamp(10px, 2.67vw, 11px);
    line-height: 1.25;
  }

  /* ---------- 资料 list_2 + block_7 封面 ---------- */
  .bank-materials {
    padding-top: clamp(40px, 9vw, 56px);
  }

  .bank-materials__grid {
    grid-template-rows: auto;
    grid-template-columns: none;
    margin-top: clamp(22px, 5vw, 32px);
    gap: clamp(14px, 3vw, 18px);
  }

  .bank-materials__cover {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    min-height: clamp(200px, 52vw, 280px);
    border-radius: 0;
  }

  .bank-materials__cover h3 {
    font-size: clamp(18px, 4.8vw, 20px);
    line-height: 1.45;
  }

  .bank-materials__cover span {
    width: 35px;
    height: 1px;
  }

  .bank-materials__cover p {
    font-size: clamp(10px, 2.67vw, 11px);
    margin-top: 10px;
  }

  .bank-material-card {
    min-height: 0;
    padding: clamp(18px, 4vw, 24px) clamp(14px, 3.5vw, 20px);
    border-radius: 0;
    position: relative;
  }

  .bank-material-card h3 {
    padding-left: clamp(14px, 3.5vw, 20px);
    font-size: clamp(15px, 3.47vw, 16px);
  }

  .bank-material-card h3::before {
    display: none;
  }
  .bank-material-card::after {
    content: '';
    position: absolute;
    left: clamp(14px, 3.5vw, 20px);
    top: clamp(18px, 4vw, 24px);
    width: 2px;
    height: calc(100% - clamp(18px, 4vw, 24px) - clamp(18px, 4vw, 24px));
    background: var(--bank-red);
  }

  .bank-material-card p {
    margin-left: clamp(14px, 3.5vw, 16px);
    font-size: clamp(11px, 2.4vw, 12px);
    line-height: 1.55;
  }

  /* ---------- 成功率 group_9 / group_10 ---------- */
  .bank-success {
    min-height: 0;
    margin-top: clamp(28px, 7vw, 40px);
    padding-top: 0;
    padding-bottom: clamp(28px, 7vw, 40px);
    background-size: cover;
  }

  .bank-success__panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    gap: 0;
    background: var(--bank-red);
    background: linear-gradient(
      to bottom,
      var(--bank-red) clamp(95px, 4.5vw, 106px),
      transparent clamp(95px, 4.5vw, 106px),
      transparent 100%
    );
  }

  .bank-success__title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: clamp(15px, 4.5vw, 16px) clamp(13px, 4vw, 14px);
    font-size: clamp(18px, 4.27vw, 20px);
    line-height: 1.35;
  }

  .bank-success__title br {
    display: none;
  }

  .bank-success__title::before {
    top: clamp(15px, 4.5vw, 16px);
    height: 24px;
    width: 2px;
  }

  .bank-success__items {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin: clamp(8px, 2vw, 10px) 0 clamp(8px, 2vw, 10px);
    padding: 0 clamp(8px, 2vw, 15px) clamp(8px, 2vw, 12px);
    gap: clamp(6px, 1.5vw, 8px);
    box-sizing: border-box;
  }

  .bank-success-item {
    display: flex;
    align-items: center;
    min-height: clamp(52px, 19vw, 60px);
    height: auto;
    padding: clamp(14px, 3.5vw, 18px) clamp(12px, 3vw, 18px);
    border: 1px solid #ddd;
  }

  .bank-success-item strong {
    flex: 0 0 auto;
    margin-right: clamp(10px, 2.5vw, 16px);
    font-size: clamp(18px, 8.5vw, 22px);
    line-height: 1;
  }

  .bank-success-item span {
    font-size: clamp(15px, 3.2vw, 16px);
    line-height: 1.55;
    white-space: normal;
  }

  /* ---------- 五步曲 group_11 ---------- */
  .bank-process {
    padding-top: clamp(40px, 9vw, 56px);
    padding-bottom: clamp(12px, 3vw, 20px);
  }

  .bank-process__steps {
    display: grid;
    /* 64px auto 64px auto 64px */
    grid-template-columns: 64px auto 64px auto 64px;
    margin-top: clamp(30px, 5vw, 34px);
    justify-content: flex-start;
    gap: clamp(56px, 3vw, 156px) clamp(28px, 2vw, 28px);
    padding-left: 15px;
    padding-right: 15px;
  }
  .bank-process__arrow:nth-of-type(3) {
    display: none;
  }

  .bank-process__arrow {
    width: 21px;
    height: 32px;
    margin-top: 18px;
  }

  .bank-process-step {
    flex: auto;
    max-width: fit-content;
    min-width: 0;
    width: auto;
  }

  .bank-process-step__icon {
    width: clamp(64px, 22vw, 66px);
    height: clamp(64px, 22vw, 66px);
    margin-top: 0;
    margin: 0;
  }

  .bank-process-step__icon img {
    max-width: clamp(32px, 14vw, 34px);
    max-height: clamp(32px, 12vw, 34px);
  }

  .bank-process-step h3 {
    margin-top: clamp(12px, 3vw, 18px);
    font-size: clamp(13px, 2.93vw, 15px);
    line-height: 1.3;
    display: none;
  }

  /* ---------- 账户维护 group_12 / group_13 ---------- */
  .bank-maintenance {
    min-height: 0;
    margin-top: clamp(32px, 8vw, 48px);
    padding-top: 0;
    padding-bottom: clamp(28px, 7vw, 40px);
    background: none;
  }

  .bank-maintenance__inner {
    min-height: 0;
  }

  .bank-maintenance__cover,
  .bank-maintenance__panel {
    position: static;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .bank-maintenance__cover {
    height: auto;
    min-height: clamp(160px, 42vw, 220px);
    margin-bottom: 0;
    border-radius: 0;
  }

  .bank-maintenance__cover h2 {
    font-size: clamp(18px, 4.8vw, 20px);
    line-height: 1.45;
  }

  .bank-maintenance__cover p {
    font-size: clamp(10px, 2.67vw, 11px);
    margin-top: 10px;
    line-height: 1.35;
  }

  .bank-maintenance__panel {
    min-height: 0;
    margin-top: 0;
    border: none;
    border-top: none;
    grid-template-rows: auto;
    grid-template-columns: none;
  }

  .bank-maintenance-item {
    padding: clamp(18px, 4vw, 24px) clamp(14px, 3.5vw, 20px);
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
  }

  .bank-maintenance-item:last-child {
    border-bottom: none;
  }

  .bank-maintenance-item h3 {
    padding-left: 14px;
    font-size: clamp(14px, 3.47vw, 14px);
  }

  .bank-maintenance-item p {
    margin-top: clamp(10px, 2.5vw, 14px);
    margin-left: 14px;
    font-size: clamp(12px, 2.4vw, 13px);
    line-height: 1.55;
  }

  /* ---------- 服务保障 group_19 ---------- */
  .bank-service-strip {
    min-height: 0;
    padding-top: clamp(32px, 8vw, 44px);
    padding-bottom: clamp(32px, 8vw, 48px);
  }

  .bank-service-strip__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(16px, 4vw, 22px) clamp(10px, 2.5vw, 16px);
    align-items: start;
  }

  .bank-service-item {
    flex-direction: row;
    align-items: center;
  }

  .bank-service-item__icon {
    flex: 0 0 clamp(56px, 15vw, 72px);
    width: clamp(56px, 15vw, 72px);
    height: clamp(56px, 15vw, 72px);
    margin-right: clamp(8px, 2vw, 12px);
  }

  .bank-service-item h3 {
    font-size: clamp(14px, 3.2vw, 16px);
  }

  .bank-service-item p {
    margin-top: clamp(4px, 1vw, 8px);
    font-size: clamp(11px, 2.4vw, 12px);
    line-height: 1.45;
  }

  .bank-service-strip__cta {
    width: 78%;
    max-width: 78%;
    min-height: 48px;
    height: auto;
    margin-top: clamp(22px, 5vw, 30px);
    padding: 12px 16px;
    font-size: clamp(13px, 2.93vw, 14px);
    line-height: 1.35;
    text-align: center;
    box-sizing: border-box;
  }

  .bank-maintenance__cover span {
    width: 35px;
    height: 1px;
  }
  .bank-maintenance-item h3::before {
    width: 6px;
    height: 6px;
    top: 7px;
  }
}

/* 极窄屏：首屏四宫格改为 2×2，避免挤压 */
@media (max-width: 380px) {
  .bank-hero-card {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}