/* =========================
   Fund Page 5 - Funding Scenario
   ========================= */

.fund-scenario{
  background:#fff;
  position:relative;
}

/* Overlay is always absolute positioned layer (consistent for large/small screen) */
.fund-scenario-overlay{
  position:absolute;
  inset:0;
  z-index:2;
}

/* ---------- Left large title: always stick to top ---------- */
.fs-title{
  position:absolute;
  left:1.5%;
  top:15%;                 /* Key: fixed at top */
  color:#fff;
  font-weight:300;
  letter-spacing:.04em;
  line-height:0.95;
  text-transform:uppercase;
  font-size:clamp(34px, 5.2vw, 92px);
  text-shadow:0 2px 10px rgba(0,0,0,.35);
  white-space:nowrap;
}

/* ---------- Right side two card container (side by side on large screen) ---------- */
.fs-cards{
  position:absolute;
  left:46%;
  top:14%;
  width:50%;
  display:flex;
  gap:3.2%;
  justify-content:space-between;
  align-items:flex-start;
}

.fs-cards img{
  width:48.4%;
  height:auto;
  display:block;
}

/* ---------- Three lines of text below ---------- */
.fs-notes{
  position:absolute;
  left:46%;
  top:64%;
  width:48%;
  color:#333;
  font-size:clamp(12px, 1.4vw, 18px);
  line-height:1.6;
  font-weight:400;
}

.fs-notes > div{ margin-bottom:6px; }

/* ---------- Footnote ---------- */
.fs-footnote{
  position:absolute;
  left:46%;
  bottom:6%;
  width:48%;
  font-size:clamp(8px, .8vw, 12px);
  color:#888;
  line-height:1.35;
}


/* ---- Desktop background shown only on desktop ---- */
.fs-bg-desktop{ display:block; }
.fs-desktop-layer{ display:block; }

/* ---- Small screen fluid hidden by default ---- */
.fs-mobile-flow{ display:none; }

/* =========================
   Small screen (<=900px)
   - Background changed to page-05-small.png (HTML picture handled)
   - Two cards stacked vertically
   - Title scaled down and fluid
   ========================= */

@media (max-width: 900px){

  /* 1) Prevent base.css small screen override pdf-section */
  .fund-scenario.pdf-section{
    aspect-ratio:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#fff;
  }

  /* 2) Hide desktop layer */
  .fs-bg-desktop{ display:none !important; }
  .fs-desktop-layer{ display:none !important; }

  /* 3) Enable small screen fluid layer */
  .fs-mobile-flow{
    display:block !important;
    width:100%;
  }

  /* ===== Header image: naturally expand height → no gap at top ===== */
  .fs-mobile-hero{
    position:relative;
    width:100%;
  }
  .fs-mobile-hero img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
  }

  /* ===== Title fixed inside header image, no overflow ===== */
  .fs-mobile-title{
    position:absolute;
    left:6%;
    top:30%;
    color:#fff;
    font-weight:300;
    letter-spacing:.04em;
    line-height:1.0;
    text-transform:uppercase;
    font-size:clamp(26px, 10vw, 56px);
    text-shadow:0 2px 10px rgba(0,0,0,.4);
    white-space:nowrap;
    max-width:88%;
  }

  /* ===== 两卡片上下排列 + 缩小到 70~75% ===== */
  .fs-mobile-cards{
    width:72%;
    max-width:420px;
    margin:18px auto 0;
    display:flex;
    flex-direction:column;
    gap:14px;
    align-items:center;
  }
  .fs-mobile-cards img{
    width:100%;
    height:auto;
    display:block;
  }

  /* ===== 三行文字紧跟卡片下方 ===== */
  .fs-mobile-notes{
    width:86%;
    margin:16px auto 0;
    font-size:clamp(14px, 3.2vw, 18px);
    line-height:1.6;
    color:#333;
    text-align:left;
  }
  .fs-mobile-notes > div{ margin-bottom:6px; }

  .fs-mobile-footnote{
    width:86%;
    margin:12px auto 4vh;
    text-align:center;
    font-size:clamp(8px, 2.4vw, 11px);
    color:#888;
    line-height:1.35;
  }
}

/* =========================
   Fund Page 7 - Basic vs Premium
   ========================= */

.fund-basic-premium{
  position:relative;
  background:#fff;
}

/* ---- 桌面端显示 ---- */
.fbp-bg-desktop{ display:block; }
.fbp-desktop-layer{ 
  display:block; 
  padding-bottom: clamp(60px, 10vh, 140px);       /* 保证 overlay 永远腾出脚注空间 */
  box-sizing:border-box;
}

/* ---- 小屏流式默认隐藏 ---- */
.fbp-mobile-flow{ display:none; }

/* 顶部三行免责声明 */
.fbp-top-note{
  position:absolute;
  top:4%;
  left:50%;
  transform:translateX(-50%);
  width:80%;
  text-align:left;
  color:#fff;
  font-size:clamp(14px, 1.1vw, 20px);
  line-height:1.35;
  font-weight:300;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

/* 两卡片并列区域（白底中部） */
.fbp-cards{
  position:absolute;
  top:18%;
  left:50%;
  transform:translateX(-50%);
  width:86%;
  display:flex;
  gap:4%;
  align-items:stretch;
}

/* 卡片样式 */
 .fbp-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 4px 16px rgba(0,0,0,.10);
  padding:22px 26px;
  flex:1;
} 



.fbp-card h2{
  font-size:clamp(18px, 1.8vw, 28px);
  font-weight:800;
  color:#1f2b3a;
  margin:0 0 14px;
  line-height:1.15;
}

/* 表格式两列 */
.fbp-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:clamp(12px, 1.15vw, 18px);
  color:#1d2a35;
}

.fbp-card li{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:10px;
  align-items:center;
  border-bottom:1px dotted rgba(0,0,0,.25);
  padding-bottom:6px;
}

.fbp-card li span{ font-weight:600; }
.fbp-card li em{
  font-style:normal;
  font-weight:400;
  white-space:nowrap;
}

.fbp-star{
  margin-top:12px;
  font-size:clamp(11px, 1vw, 15px);
  color:#3a3a3a;
}

/* 让 section 成为定位参照 */
.fund-basic-premium{
  position: relative;
}

/* 1) 脚注固定在右下角 */
.fbp-footnote{
  position: absolute !important;
  right: 3% !important;
  bottom: max(2%, env(safe-area-inset-bottom)) !important;
  width: 46%;
  font-size: clamp(8px, .8vw, 12px);
  color:#888;
  text-align:right;
  line-height:1.35;
  z-index: 3;              /* 永远在最上层 */
  pointer-events: none;    /* 防止挡住卡片点击/选中 */
}

/* 2) 给内容区预留脚注空间，避免覆盖 */
/*
.fbp-desktop-layer{
  position: absolute;
  inset: 0;
  padding-bottom: clamp(40px, 7vh, 90px); 
  box-sizing: border-box;
} 
*/
.fbp-desktop-layer{
  padding-bottom: clamp(60px, 10vh, 140px);       /* 保证 overlay 永远腾出脚注空间 */
  box-sizing:border-box;
}


/* =========================
   小屏（<=900px）同层流式：
   头图 + 两卡片（上下）+脚注
   ========================= */
@media (max-width: 900px){

  /* 禁止 base.css 干预 */
  .fund-basic-premium.pdf-section{
    aspect-ratio:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  /* 隐藏桌面层 */
  .fbp-bg-desktop{ display:none !important; }
  .fbp-desktop-layer{ display:none !important; }

  /* 启用小屏流式层 */
  .fbp-mobile-flow{ display:block !important; }

  /* 头图自然撑高 */
  .fbp-mobile-hero{
    position:relative;
    width:100%;
  }
  .fbp-mobile-hero img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
  }

  /* 小屏免责声明留在头图内部 */
  .fbp-mobile-topnote{
    position:absolute;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    width:92%;
    text-align:left;
    color:#fff;
    font-size:clamp(12px, 2vw, 15px);
    line-height:1.35;
    font-weight:300;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
  }

  /* 两卡上下排列 + 缩小比例（稳定不压底图） */
  /* .fbp-mobile-cards{
    width:86%;
    margin:18px auto 0;
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .fbp-mobile-cards .fbp-card{
    padding:16px 16px;
  }
*/

  .fbp-mobile-footnote{
    width:86%;
    margin:12px auto 4vh;
    text-align:left;
    font-size:clamp(8px, .8vw, 12px);
    color:#888;
    line-height:1.35;
  } 

  /* 让两张卡片整体上移，压住头图的下部约25% */
  .fbp-mobile-cards{
    width:86%;
    margin: -6vh auto 0;   /* 关键：负 margin-top，上移覆盖头图约25% */
    display:flex;
    flex-direction:column;
    gap:12px;              /* 减少卡片间距 */
    position: relative;
    z-index: 3;             /* 确保卡片盖在头图上 */
  }

  /* 小屏卡片保留轻微阴影，让覆盖时更自然 + 减小尺寸 */
  .fbp-mobile-cards .fbp-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    padding:14px 14px;      /* 减少内边距 */
  }

  /* 减小卡片标题字体，防止第二张卡片底部压到下一section */
  .fbp-mobile-cards .fbp-card h2{
    font-size:clamp(16px, 4.5vw, 24px);  /* 从默认尺寸减小 */
    margin-bottom:10px;
  }

  .fbp-mobile-cards .fbp-card ul{
    font-size:clamp(11px, 3vw, 15px);    /* 减小列表字体 */
    gap:6px;                              /* 减小行间距 */
  }

  .fbp-mobile-cards .fbp-card li{
    padding-bottom:4px;                   /* 减小行内边距 */
  }
}


/* ============================
   Fund Page 9
 ============================ */

.fund-page9{
  position:relative;
  background:#fff;
}

/* ---- 大屏背景 ---- */
.fp9-bg-desktop{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  inset:0;
}

/* ---- 大屏 overlay ---- */
.fp9-desktop-layer{
  position:absolute;
  inset:0;
}

/* ---- 两卡片并列 ---- */
.fp9-cards{
  position:absolute;
  top:16%;
  left:50%;
  transform:translateX(-50%);
  width:86%;
  display:flex;
  align-items:stretch;
  gap:4%;
}

/* ---- 卡片样式 ---- */
.fp9-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.15);
  padding:24px 26px;
  flex:1;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}

.fp9-card h2{
  color:#1f2b3a;
  font-size:clamp(18px, 2vw, 30px);
  font-weight:800;
  margin:0 0 14px;
  line-height:1.2;
}

.fp9-card ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:clamp(12px,1.1vw,18px);
}

.fp9-card li{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  padding-bottom:6px;
  border-bottom:1px dotted rgba(0,0,0,.25);
}

.fp9-card li span{
  font-weight:600;
}

.fp9-card li em{
  font-style:normal;
  white-space:nowrap;
}

.fp9-star{
  margin-top:12px;
  font-size:clamp(11px,1vw,15px);
  color:#444;
}


/* ============================
   小屏模式
 ============================ */

.fp9-mobile-flow{ display:none; }

@media (max-width: 900px){

    /* 隐藏桌面层 */
  .fp9-bg-desktop{ display:none !important; }
  .fp9-desktop-layer{ display:none !important; }

  .fp9-mobile-flow{ display:block; }

  .fp9-mobile-hero img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
  }

  .fp9-mobile-cards{
    width:86%;
    margin:-6vh auto 0; /* 上移覆盖头图约25% */
    display:flex;
    flex-direction:column;
    gap:12px;           /* 减少卡片间距 */
    position:relative;
    z-index:5;
  }

  .fp9-mobile-cards .fp9-card{
    padding:14px 14px;  /* 减少内边距 */
  }

  /* 减小卡片标题字体，防止第二张卡片底部压到下一section */
  .fp9-mobile-cards .fp9-card h2{
    font-size:clamp(16px, 4.5vw, 24px);  /* 从默认尺寸减小 */
    margin-bottom:10px;
  }

  .fp9-mobile-cards .fp9-card ul{
    font-size:clamp(11px, 3vw, 15px);    /* 减小列表字体 */
    gap:6px;                              /* 减小行间距 */
  }

  .fp9-mobile-cards .fp9-card li{
    padding-bottom:4px;                   /* 减小行内边距 */
  }
}


/* ========== Page 10 桌面端背景图 ========== */
.metro-bg-desktop {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
}

/* 桌面端内容的定位层 */
.metro-desktop-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding-top: 4vh;
}

/* 标题 */
.metro-title {
  text-align: left;
  padding-left: 5%;
  color: #ffffff;
  font-size: 1.6vw;
  line-height: 1.4;
  font-weight: 300;
}

/* 表格外层（用于控制宽度） */
.metro-table-container {
  width: 90%;
  margin: 3vh auto 0 auto;
}

/* 桌面端表格 */
.metro-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(4px);
  border-radius: 6px;
  font-size: 1vw;
  color: #fff;
}

.metro-table th,
.metro-table td {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0.6vw 0.8vw;
  vertical-align: top;
}

/* City和State列防止换行 */
.metro-table th:nth-child(1),
.metro-table td:nth-child(1),
.metro-table th:nth-child(2),
.metro-table td:nth-child(2) {
  white-space: nowrap;
}

/* 桌面底部说明 */
.metro-note {
  color: white;
  text-align: left;
  font-size: 0.9vw;
  margin-top: 2vh;
  padding-left:5%;
  opacity: 0.85;
}


/* 先保证小屏层默认隐藏，避免被其他规则影响 */
.metro-mobile-flow{ display:none; }





/* =========================
   Fund Metro mobile OVERLAY FIX
   放 fund.css 最底部
========================= */
@media (max-width: 900px){

  /* 本页不锁高 */
  .fund-metro.pdf-section{
    aspect-ratio:auto !important;
    height:auto !important;
    overflow:visible !important;
    position:relative;
  }

  .fund-metro .metro-desktop-layer,
  .fund-metro .metro-bg-desktop{ display:none !important; }

  /* 小屏画布 */
  .fund-metro .metro-mobile-flow{
    display:block !important;
    position:relative;   /* 让 overlay 以它为参照 */
    width:100%;
  }

  /* 小屏背景在底层 */
  .fund-metro .metro-bg-mobile{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
    position:relative;
    z-index:1;
  }

  /* 叠加层：盖在背景上 */
  .fund-metro .metro-mobile-overlay{
    position:absolute;
    inset:0;             /* 覆盖整张背景图 */
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:6vw;     /* 让标题落在图上方空白区 */
  }

  /* 标题（叠加在图上） */
  .fund-metro .metro-mobile-title{
    text-align:left;
    width:92%;
    color:#fff;
    font-weight:300;
    line-height:1.35;
    font-size:clamp(14px, 2.5vw, 18px) !important;  /* 绝不超过 18px */
    margin:0 0 3vw 0 !important;
  }

  /* 表格外层：叠加在图上白色区域 */
  .fund-metro .metro-mobile-table-wrapper{
    width:92%;
    margin:0 auto;
    overflow:hidden !important; /* 叠加模式不横滚 */
  }

  /* 表格本体：固定布局 + 小字体 */
  .fund-metro .metro-mobile-table-wrapper table.metro-table{
    width:100% !important;
    table-layout:fixed !important;
    font-size:clamp(11px, 2vw, 14px) !important; /* 小屏字体严格小于大屏 */
    border-collapse:collapse;
    background:rgba(255,255,255,0.22);
    backdrop-filter:blur(3px);
    color:#fff;
  }

  .fund-metro .metro-mobile-table-wrapper table.metro-table th,
  .fund-metro .metro-mobile-table-wrapper table.metro-table td{
    padding:1.6vw !important;
    white-space:normal !important;
    word-break:break-word !important;
    vertical-align:top;
    border:1px solid rgba(255,255,255,0.5);
  }

  /* 列宽比例（继续生效） */
  .fund-metro .metro-mobile-table-wrapper table.metro-table th:nth-child(1),
  .fund-metro .metro-mobile-table-wrapper table.metro-table td:nth-child(1){
    width:18% !important;
    white-space: nowrap !important; /* 防止城市名换行 */
  }
  .fund-metro .metro-mobile-table-wrapper table.metro-table th:nth-child(2),
  .fund-metro .metro-mobile-table-wrapper table.metro-table td:nth-child(2){
    width:12% !important;
    white-space: nowrap !important; /* 防止州名换行 */
  }
  .fund-metro .metro-mobile-table-wrapper table.metro-table th:nth-child(3),
  .fund-metro .metro-mobile-table-wrapper table.metro-table td:nth-child(3){ width:30% !important; }
  .fund-metro .metro-mobile-table-wrapper table.metro-table th:nth-child(4),
  .fund-metro .metro-mobile-table-wrapper table.metro-table td:nth-child(4){ width:40% !important; }

  /* 底部注释也叠加在背景上，贴近底部 */
  .fund-metro .metro-mobile-note{
    width:92%;
    text-align:left;
    color:#fff;
    font-size:clamp(10px, 2.4vw, 12px) !important;
    opacity:.8;
    margin-top:auto;     /* 推到底部 */
    padding-bottom:4vw;
  }
}

/* =========================
   Fund Urban Region (same as Metro style)
========================= */

/* --- desktop background --- */
.urban-bg-desktop{
  width:100%;
  height:auto;
  display:block;
  position:relative;
  z-index:1;
}

/* desktop overlay */
.urban-desktop-layer{
  position:absolute;
  inset:0;
  z-index:3;
  padding-top:4vh;
}

/* desktop title */
.urban-title{
  text-align:left;
  padding-left:5%;
  color:#fff;
  font-size:1.6vw;
  line-height:1.4;
  font-weight:300;
}

/* desktop table */
.urban-table-container{
  width:90%;
  margin:3vh auto 0 auto;
}

.urban-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(255,255,255,0.24);
  backdrop-filter:blur(4px);
  border-radius:6px;
  font-size:1vw;
  color:#fff;
}

.urban-table th,
.urban-table td{
  border:1px solid rgba(255,255,255,0.5);
  padding:0.6vw 0.8vw;
  vertical-align:top;
}

/* desktop note */
.urban-note{
  color:#fff;
  text-align:left;
  font-size:0.9vw;
  margin-top:2.5vh;
  padding-left:5%;
  opacity:0.85;
}


/* =========================
   mobile overlay mode (100% same strategy)
========================= */
@media (max-width: 900px){

  .fund-urban.pdf-section{
    aspect-ratio:auto !important;
    height:auto !important;
    overflow:visible !important;
    position:relative;
  }

  .fund-urban .urban-desktop-layer,
  .fund-urban .urban-bg-desktop{ display:none !important; }

  .fund-urban .urban-mobile-flow{
    display:block !important;
    position:relative;
    width:100%;
  }

  .fund-urban .urban-bg-mobile{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
    position:relative;
    z-index:1;
  }

  .fund-urban .urban-mobile-overlay{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:6vw;
  }

  .fund-urban .urban-mobile-title{
    width:92%;
    color:#fff;
    font-weight:300;
    line-height:1.35;
    font-size:clamp(14px, 3.6vw, 18px);
    margin:0 0 3vw 0;
  }

  .fund-urban .urban-mobile-table-wrapper{
    width:92%;
    overflow:hidden;
  }

  .fund-urban .urban-table.mobile{
    width:100%;
    table-layout:fixed;
    font-size:clamp(11px, 2.7vw, 14px);
    border-collapse:collapse;
    background:rgba(255,255,255,0.22);
    backdrop-filter:blur(3px);
    color:#fff;
  }

  .fund-urban .urban-table.mobile th,
  .fund-urban .urban-table.mobile td{
    padding:1.6vw;
    white-space:normal;
    word-break:break-word;
    vertical-align:top;
    border:1px solid rgba(255,255,255,0.5);
  }

  /* 3 列宽度比例（参考原图） */
  .fund-urban .urban-table.mobile th:nth-child(1),
  .fund-urban .urban-table.mobile td:nth-child(1){ width:30%; }

  .fund-urban .urban-table.mobile th:nth-child(2),
  .fund-urban .urban-table.mobile td:nth-child(2){ width:25%; }

  .fund-urban .urban-table.mobile th:nth-child(3),
  .fund-urban .urban-table.mobile td:nth-child(3){ width:45%; }

  .fund-urban .urban-mobile-note{
    width:92%;
    text-align:left;
    color:#fff;
    font-size:clamp(10px, 2.4vw, 12px);
    opacity:.8;
    margin-top:auto;
    padding-bottom:4vw;
  }
}

/* =========================
   Fund final icons section
========================= */

/* desktop bg */
.ffi-bg-desktop{
  width:100%;
  height:auto;
  display:block;
  position:relative;
  z-index:1;
}

/* desktop layer */
.fund-final-icons .ffi-desktop-layer{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:6vh;
}

/* top note */
.fund-final-icons .ffi-top-note{
  color:#fff;
  text-align:center;
  font-weight:300;
  line-height:1.35;
  font-size:1.2vw;
  width:90%;
  margin:0 auto;
}

/* cards row desktop */
.fund-final-icons .ffi-cards{
  width:90%;
  margin-top:8vh;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:2vw;
}

.fund-final-icons .ffi-card{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.fund-final-icons .ffi-card img{
  width:6.5vw;
  height:auto;
  max-width:120px;
}

.fund-final-icons .ffi-card-text{
  margin-top:1.6vh;
  color:#fff;
  font-size:1vw;
  line-height:1.3;
  font-weight:300;
  letter-spacing:0.02em;
}

/* processing row desktop */
.fund-final-icons .ffi-processing-row{
  width:90%;
  margin-top:6vh;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.6vw;
  color:#fff;
  font-size:0.95vw;
  font-weight:300;
  opacity:0.95;
}

.fund-final-icons .ffi-line{
  display:block;
  height:2px;
  background:#fff;
  flex:1;
  max-width:10vw;
  opacity:0.9;
}

/* logo desktop */
.fund-final-icons .ffi-logo{
  margin-top:auto;
  padding-bottom:6vh;
}

.fund-final-icons .ffi-logo img{
  width:12vw;
  max-width:220px;
  height:auto;
}


/* =========================
   Mobile (<=900px)
========================= */
@media (max-width: 900px){

  .fund-final-icons .ffi-bg-desktop,
  .fund-final-icons .ffi-desktop-layer{
    display:none !important;
  }

  .fund-final-icons.pdf-section{
    position:relative;
    height:auto !important;
    aspect-ratio:auto !important;
  }

  .fund-final-icons .ffi-mobile-flow{
    position:relative;
    width:100%;
    display:block;
  }

  .fund-final-icons .ffi-bg-mobile{
    width:100%;
    height:auto;
    display:block;
    position:relative;
    z-index:1;
  }

  .fund-final-icons .ffi-mobile-overlay{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:6vw;
  }

  .fund-final-icons .ffi-top-note.mobile{
    font-size:clamp(12px, 3.2vw, 15px);
    width:92%;
  }

  /* cards grid mobile 2x2 */
  .fund-final-icons .ffi-cards.mobile{
    width:92%;
    margin-top:8vw;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6vw 4vw;
    align-items:start;
    justify-items:center;
  }

  .fund-final-icons .ffi-cards.mobile .ffi-card img{
    width:18vw;           /* 缩小 icon */
    max-width:80px;
  }

  .fund-final-icons .ffi-cards.mobile .ffi-card-text{
    font-size:clamp(11px, 2.8vw, 13px);
    margin-top:2.5vw;
  }

  .fund-final-icons .ffi-processing-row.mobile{
    width:92%;
    margin-top:7vw;
    font-size:clamp(11px, 2.6vw, 12px);
    gap:3vw;
  }

  .fund-final-icons .ffi-processing-row.mobile .ffi-line{
    max-width:18vw;
  }

  .fund-final-icons .ffi-logo.mobile{
    margin-top:auto;
    padding-bottom:6vw;
  }

  .fund-final-icons .ffi-logo.mobile img{
    width:38vw;
    max-width:180px;
  }
}