/* 语言切换按钮 */
.lang-switcher {
  position: fixed;
  top: 20px;
  right: calc((100vw - min(100vw, 1440px)) / 2 + 20px);
  z-index: 9999;
  width: 160px;
}

.lang-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #2c36ea;
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  cursor: pointer;
  height: 44px;
  line-height: 1.2;
  font-size: 16px;
  color: #ffffff;
  transition: all 0.2s;
  box-sizing: border-box;
}

.lang-btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.lang-text {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lang-arrow {
  font-size: 14px;
  margin-left: 4px;
}

.lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #2c36ea;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 4px 0;
  width: 100%;
  box-sizing: border-box
}

.lang-dropdown.show {
  display: block;
}

.lang-dropdown li {
  padding: 10px 20px;
  cursor: pointer;
  font-size: 15px;
  color: #ffffff;
  transition: background 0.2s;
}

.lang-dropdown li:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* ====== 基础重置 & 变量 ====== */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --bg: #f8fafc;
  --text: #1e293b;
  --text-light: #64748b;
  --white: #ffffff;
  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --radius: 12px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  color: var(--text);
  line-height: 1.6;


}


a {
  text-decoration: none;
  color: inherit;
}

html {
  scroll-behavior: smooth;
}




/* ====== 主视觉区 (Hero) ====== */
.hero {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/background/01.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  padding: 5rem 5rem 1rem 5rem;
  color: #000000;
}

.hero h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: 1rem;
}

.hero p {
  font-size: 1.25rem;
  opacity: 0.9;
  max-width: 1000px;
  margin: 0 auto 2rem;
  color: #1C204E;
  font-weight: bold;
}

.taxText {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/01.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  height: 80px;
  margin: 0 auto 1.5rem;
}

.taxTextEn {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/01.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  height: 50px;
  margin: 0 auto 1.5rem;
}

.taxTextJa {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/01.webp');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  height: 80px;
  margin: 0 auto 1.5rem;
}

/* ====== 难题区域 ====== */
.problems {
  max-width: 1300px;
  margin: 2rem auto;

  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  gap: 0;
}

.problem-divider {
  width: 1px;
  background: none;
  border-left: 1px dashed #cbd5e1;
  margin: 1rem 0;
}

.problem-left,
.problem-right {
  padding: 0 3rem 2rem 4rem;
  text-align: left;
}

.problem-title {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 30px;
  color: #1C204E;
  margin-bottom: 1.5rem;
  line-height: 1.4;
}

.title-icon {
  width: 28px;
  height: 28px;
  margin-top: 0.5rem;
}

.problem-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
}

.problem-list li {
  color: #1C204E;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 16px;

  font-weight: bold;
}

.problem-list li span {
  flex: 1;
  /* 让文字占满剩余空间 */
  min-width: 0;
  /* 允许文字正常换行 */
}

.list-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-top: 0.3rem;

}

/* ====== Banner ====== */
.banner {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/3.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.banner1 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/8.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.banner2 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/11.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.banner3 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/14.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.banner4 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-cn/16.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

/* ====== BannerEn ====== */
.bannerEn {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/3.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerEn1 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/8.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerEn2 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/11.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerEn3 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/14.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerEn4 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-en/16.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

/* ====== BannerJa ====== */
.bannerJa {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/3.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerJa1 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/8.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerJa2 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/11.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerJa3 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/14.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.bannerJa4 {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/16.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
}

.two-divider {
  width: 550px;
  height: 3px;
  border-top: 2px dashed #cbd5e1;
  margin-bottom: 1.5rem;

}

.right-divider {
  width: 550px;
  height: 3px;
  border-top: 2px dashed #cbd5e1;
  margin-bottom: 1.5rem;
  margin-left: auto;
  /* 靠右 */
  margin-right: 0;
}

/* ====== 详情区域 ====== */
.detail-background {
  max-width: 1440px;
  margin: 0rem auto;
  padding: 3rem 8rem;
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/background/02.webp');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* .detail-section {} */

/* 大标题 */
.section-main-title {
  font-size: 28px;
  color: #1C204E;
  text-align: center;
  margin-bottom: 3rem;
}

/* 单块左右布局 */
.detail-block {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 4rem;
}

/* 左文字 */
.detail-text {
  flex: 1;
  text-align: left;
}

.detail-text h2 {
  font-size: 20px;
  color: #1C204E;
  margin-bottom: 1rem;
}

.detail-text p {
  font-size: 16px;
  color: #1C204E;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.detail-text .detail-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;

}

/* 只影响主列表的直接子 li */
.detail-text .detail-list>li {
  font-size: 16px;
  color: #1C204E;
  line-height: 1.6;
  font-weight: bold;
  display: flex;
  /* 新增 */
  align-items: flex-start;
  /* 垂直居中 */
  gap: 0.5rem;
}

/* 右图片 */
.detail-image {
  flex: 1;
  text-align: center;
}

.detail-image img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
}

/* 子列表保持原样 */
.detail-sublist {
  list-style: none;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.detail-sublist li {
  display: inline-flex;
  /* 或者用 inline-block，保持内容在一行 */
  align-items: center;
  /* 垂直居中 */
  gap: 0.3rem;
  font-size: 16px;
  color: #1C204E;
  line-height: 1.6;
  white-space: nowrap;
}

/* 图标垂直对齐微调 */
.detail-sublist li .list-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  /* 关键：用 vertical-align 替代 margin-top */
  margin-top: 0;
  /* 清除之前可能遗留的偏移 */
}

.detail-list>li.has-sublist {
  flex-direction: column;
  /* 上下排列 */
  align-items: flex-start;
  /* 左对齐 */
}

/* 子列表横向排列（保持不变） */
.detail-sublist {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
}

.screen-two {
  max-width: 1200px;
  margin: 3rem auto;

}

/* 上半部分容器 */
.compare-section {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/15.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;

  margin-bottom: 5rem;
}

.compare-badge {
  text-align: left;
  padding-left: 5%;
  position: relative;
  z-index: 5;
  margin-bottom: 1rem;
}

.compare-badge img {

  height: auto;
  transform: translate(180px, 20px);
}

/* 三列 flex 布局 */
.compare-columns {
  display: flex;
  align-items: flex-start;
  margin: 0;
  position: relative;
  padding-top: 2rem;
}

/* 通用列样式 */

.col-label,
.col-cardorg,
.col-bank {

  padding: 0 1rem;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  min-width: 0;
}

/* 第一列：标签列 */
.col-label {
  width: 20%;
  /* 根据内容长度调整，如 18% 或 22% */
  flex-shrink: 0;
  font-weight: bold;
  color: #2535EA;
}

.col-label ul {
  list-style: none;

  padding-top: 3rem;
  /* 对齐标题高度 */
  margin: 0;
}

.col-label li {
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #e2e8f0;
  padding: 0.5rem 0;
  word-break: break-word;
}

.col-label li:last-child {
  border-bottom: none;
}

/* 第三列：银行 */
.col-bank {
  width: 40%;
  flex-shrink: 1;
  min-width: 0;
  color: #1C204E;
}

.col-bank ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.col-bank p {
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-bank li {
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #e2e8f0;
  padding: 0.5rem 0;
  word-break: break-word;
}

.col-bank li:last-child {
  border-bottom: none;
}

/* 核心：中间卡组织列（背景图不变） */
.col-cardorg {
  width: 40%;
  /* 40%，和银行列等分 */
  flex-shrink: 1;
  min-width: 0;
  color: #ffffff;
  position: relative;
  z-index: 2;
  background: transparent;
}

.col-cardorg ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.col-cardorg p {
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-cardorg li {
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  word-break: break-word;
  overflow-wrap: break-word;
}

.col-cardorg li:last-child {
  border-bottom: none;
}

/* 蓝色圆角背景块（伪元素） */
.col-cardorg::before {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -16px;
  left: 0;
  /* 左侧内缩，让蓝色块变窄 */
  right: 0;
  background: #2535EA;
  border-radius: 12px;
  z-index: -1;
  /* 在文字后面 */
}

/* ===== 下半部分 ===== */
.refund-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10rem;
}

.refund-card {
  background-size: contain;
  /* 完整显示图片 */
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 2rem;
  color: #0076FE;
  min-height: 300px;
  /* 确保卡片有足够高度显示背景 */
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.refund-card:first-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/16.webp');
}

.refund-card:last-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/17.webp');
}

.refund-card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.refund-card h2 {
  font-size: 24px;
  margin-bottom: 2rem;
}

.refund-card p {
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
}

.refund-cardCn {
  background-size: contain;
  /* 完整显示图片 */
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 2rem;
  color: #0076FE;
  min-height: 300px;
  /* 确保卡片有足够高度显示背景 */
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.refund-cardCn:first-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/16.webp');
}

.refund-cardCn:last-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/17.webp');
}

.refund-cardCn img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.refund-cardCn h2 {
  font-size: 24px;
  margin-bottom: 2rem;
}

.refund-cardCn p {
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
  font-weight: bold;
}

.refund-cardEN {
  background-size: contain;
  /* 完整显示图片 */
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 1rem 3rem 2rem 3rem;
  color: #0076FE;
  min-height: 300px;
  /* 确保卡片有足够高度显示背景 */
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem
}

.refund-cardEN:first-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/16.webp');
}

.refund-cardEN:last-child {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/img-ja/ja/17.webp');
}

.refund-cardEN img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.refund-cardEN h2 {
  font-size: 24px;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.refund-cardEN p {
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
}

.refund-labels {
  display: flex;
  justify-content: center;
  /* 两组居中 */
  gap: 25rem;

}

.refund-item {
  display: flex;
  align-items: center;
  /* 图片和文字垂直居中 */
  gap: 0.5rem;
  /* 图片和文字间距 */
}

.refund-item img {
  width: 100%;
  /* 根据实际图片调整 */
  height: 100%;
}

.refund-item h2 {
  font-size: 30px;

  margin: 0;
  white-space: nowrap;
  /* 文字不换行 */
}



/* ====== 第三屏 ====== */
.thirdScreen {
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/background/03.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
  padding: 5rem 8rem;
  color: #000000;
}

/* .thirdScreen {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 0 5%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
} */
.thirdScreen h2 {
  font-size: 30px;
  color: #1C204E;
  margin-bottom: 1rem;
}

.thirdScreen p {
  font-size: 24px;
  color: #1C204E;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.thirdScreen img {
  width: 100%;

  height: auto;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.thirdScreen ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;

}

.thirdScreen ul li {
  font-size: 24px;
  color: #1C204E;
  display: flex;
  flex-direction: column;
  align-items: center;

  font-weight: bold;
}

.API h2 {
  font-size: 30px;
  color: #1C204E;
  margin-bottom: 1rem;
}

.API p {
  font-size: 24px;
  color: #1C204E;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.API img {
  width: 100%;

  height: auto;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.API ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;

}

.API ul li {
  font-size: 24px;
  color: #1C204E;
  display: flex;
  flex-direction: column;
  align-items: center;

  font-weight: bold;
}

.API ul li:nth-child(1) {
  margin-right: 19rem;
  /* 第一个间距 */
}

.API ul li:nth-child(2) {
  margin-right: 21rem;
  /* 第二个间距 */
}

.API ul li:nth-child(3) {
  margin-right: 2rem;

}

.refund h2 {
  font-size: 30px;
  color: #1C204E;
  margin-bottom: 1rem;
}

.refund p {
  font-size: 24px;
  color: #1C204E;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.refund img {
  width: 100%;

  height: auto;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.refund ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;

}

.refund ul li {
  font-size: 24px;
  color: #1C204E;
  display: flex;
  flex-direction: column;
  align-items: center;

  font-weight: bold;
}

.refund ul li:nth-child(1) {
  margin-right: 17rem;
  /* 第一个间距 */
}

.refund ul li:nth-child(2) {
  margin-right: 23rem;
  /* 第二个间距 */
}

.refund ul li:nth-child(3) {
  margin-right: 4rem;

}

/* ====== 第四屏 ====== */
.fourScreen {
  max-width: 1200px;
  margin: 3rem auto;

  display: flex;
  align-items: center;
  gap: 5rem;
}

.fourLeft {
  flex: 1;
  text-align: center;
}

.fourLeft img {
  max-width: 100%;
  height: auto;
}

.fourRight {
  flex: 1;
  text-align: left;
}

.fourRight h2 {
  font-size: 28px;
  color: #1C204E;
  margin-bottom: 1rem;
}

.four-divider {
  width: 550px;
  height: 3px;
  background: #2535EA;
  margin-bottom: 1.5rem;
}

.fourRight ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.fourRight ul li {
  font-size: 16px;
  color: #1C204E;

  padding: 0.75rem 0;
  font-weight: bold;
  border-bottom: 1px dashed #cbd5e1;
}

.fourRight ul li:last-child {
  border-bottom: none;
}

.fourRight ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #1C204E;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.5rem;
}

/* ====== 第五屏 ====== */
.fiveScreen {
  max-width: 1440px;
  margin: 0 auto;
  padding: 4rem 6rem;
  background-image: url('https://haigou-public.oss-cn-beijing.aliyuncs.com/background/04.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 500px;
  justify-content: flex-start;
  /* 文字靠左 */
}

.five-bottom-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 绝对居中 */
  width: 75%;
  height: auto;
  object-fit: cover;
  /* 铺满，保持比例 */
  z-index: 2;

}

.fiveText {
  position: relative;
  z-index: 3;
  max-width: 500px;
  text-align: left;
  left: 8rem;
  top: 20px;
}

.fiveText p {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: bold;
}

.fiveText ul {

  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fiveText ul li {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;

}

.fiveText ul li .list-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.fiveTextCn {
  position: relative;
  z-index: 3;
  max-width: 500px;
  text-align: left;
  left: 11%;
  top: 20px;
}

.fiveTextCn p {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.8;
  margin-bottom: 1rem;
  font-weight: bold;
}

.fiveTextCn ul {

  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fiveTextCn ul li {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;

}

.fiveTextCn ul li .list-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* ====== 页脚 ====== */

.footer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 3rem 11rem;
  background: #1C204E;
  color: #ffffff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* 三列等分 */
  gap: 1rem;
}

/* 三列等分 */
.footer>div {
  flex: 1;
  min-width: 200px;
}

.footer h2 {
  font-size: 24px;
  margin-bottom: 1rem;
  color: #ffffff;
}

.footer ul {
  list-style: none;
  padding-left: 0;
}

.footer ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 18px;
  line-height: 2;
  color: #ffffff;
  cursor: pointer;
  /* 手型光标 */
  transition: opacity 0.2s;
}

.footer ul li .list-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 0
}

.footer p {
  font-size: 18px;
  color: #ffffff;
  line-height: 1.8;
}

.footer>div:first-child img {
  max-width: 200px;
  height: auto;
}

/* 底部横条：版权 + 商务合作 */
.footer-bottom {
  grid-column: 1 / -1;
  /* 占满整行 */
  border-top: 2px dotted rgb(255, 255, 255);
  padding-top: 1.5rem;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  font-size: 16px;
  gap: 3rem;
  color: #ffffff;
}


/* ====== 响应式 ====== */
/* ====== 响应式：平板与手机 ====== */
@media (max-width: 768px) {

  /* 语言切换按钮 */
  .lang-switcher {
    right: 5rem;
    left: auto;
    width: 140px;
  }

  /* 导航栏（若无导航则忽略） */
  .navbar {
    flex-direction: column;
    padding: 1rem;
    gap: 0.5rem;
  }

  .nav-links {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  /* Hero */
  .hero {
    padding: 3rem 1.5rem 1.5rem 1.5rem;
  }

  .hero p {
    font-size: 1rem;
    max-width: 100%;
  }

  .taxText,
  .taxTextEn,
  .taxTextJa {
    height: auto;
    min-height: 60px;
    background-size: contain;
  }

  /* 难题区域 */
  .problems {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .problem-divider {
    width: 100%;
    height: 1px;
    border-left: none;
    border-top: 1px dashed #cbd5e1;
    margin: 0.5rem 0;
  }

  .problem-left,
  .problem-right {
    padding: 1rem 1.5rem;
  }

  .problem-title {
    font-size: 24px;
  }

  /* Banner们 */
  .banner,
  .banner1,
  .banner2,
  .banner3,
  .banner4,
  .bannerEn,
  .bannerEn1,
  .bannerEn2,
  .bannerEn3,
  .bannerEn4,
  .bannerJa,
  .bannerJa1,
  .bannerJa2,
  .bannerJa3,
  .bannerJa4 {
    height: 60px;
    background-size: contain;
  }

  /* 详情区域 */
  .detail-background {
    padding: 2rem 1rem;
  }

  .detail-block {
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }

  .detail-image img {
    max-width: 90%;
    margin: 0 auto;
  }

  /* 子列表 */
  .detail-sublist {
    flex-wrap: wrap;
    gap: 1rem;
  }

  /* 第二屏：对比表格 */
  .compare-columns {
    flex-direction: column;
    padding-top: 1rem;
  }

  .col-label,
  .col-cardorg,
  .col-bank {
    width: 100% !important;
    flex: auto !important;
    padding: 0.5rem;
  }

  .col-label ul {
    padding-top: 0;
  }

  /* 蓝色背景块在移动端隐藏或转为行内背景 */
  .col-cardorg::before {
    display: none;
  }

  .col-cardorg {
    background: #2535EA;
    border-radius: 8px;
    margin: 0.5rem 0;
  }

  /* 退款卡片 */
  .refund-section {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .refund-card,
  .refund-cardEN {
    min-height: auto;
    padding: 1.5rem;
    background-size: cover;
    /* 手机端可改用 cover 填满 */
  }

  .refund-labels {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }

  .refund-item h2 {
    font-size: 22px;
  }

  /* 第三屏 */
  .thirdScreen {
    padding: 2rem 1rem;
  }

  .thirdScreen h2,
  .API h2,
  .refund h2 {
    font-size: 24px;
  }

  .thirdScreen p,
  .API p,
  .refund p {
    font-size: 18px;
  }

  .thirdScreen ul,
  .API ul,
  .refund ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }

  .thirdScreen ul li,
  .API ul li,
  .refund ul li {
    font-size: 18px;
    margin-right: 0 !important;
  }

  /* 第四屏 */
  .fourScreen {
    flex-direction: column;
    gap: 2rem;
  }

  .fourLeft img {
    max-width: 80%;
    margin: 0 auto;
  }

  .fourRight h2 {
    font-size: 24px;
  }

  .four-divider {
    width: 100%;
  }

  /* 第五屏 */
  .fiveScreen {
    min-height: auto;
    padding: 2rem 5%;
  }

  .five-bottom-img {
    position: static;
    transform: none;
    width: 90%;
    margin: 0 auto 1.5rem;
    display: block;
  }

  .fiveText,
  .fiveTextCn {
    left: 0;
    top: 0;
    max-width: 100%;
    text-align: center;
  }

  /* 页脚 */
  .footer {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 2rem 5%;
  }

  .footer>div:first-child img {
    margin: 0 auto;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* 小手机优化 (宽度 < 480px) */
@media (max-width: 480px) {
  .lang-switcher {
    width: 130px;
    top: 10px;
    right: 5%;
  }

  .lang-btn {
    padding: 8px 12px;
    font-size: 14px;
    height: 40px;
  }

  .lang-dropdown li {
    padding: 8px 12px;
    font-size: 14px;
  }

  .hero {
    padding: 2rem 1rem 1rem 1rem;
  }

  .taxText,
  .taxTextEn,
  .taxTextJa {
    min-height: 50px;
  }

  .problem-title {
    font-size: 20px;
  }

  .detail-text h2 {
    font-size: 18px;
  }

  .refund-item h2 {
    font-size: 20px;
  }
}