html, body {
  height: auto !important;
  overflow: auto !important;
}

/* 确保主头部不锁定页面滚动 */
.main-header {
  overflow: visible !important;
}

/* 移动端高度自动适应 */
@media (max-width: 768px) {
  body {
    overflow-y: auto;
  }
  .main-header {
    height: auto !important;
  }
}

body {
font-size: 12px;
color: #3c3c43;
font-family: 
    "Noto Sans SC", "PingFang SC", "Microsoft YaHei",
    "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI",
    Arial, sans-serif;
}

@font-face {
 font-family:'sharpsans-bold_v2';
 src:url('../font/sharpsans-bold_v2.woff2') format('woff');} 

 @font-face {
 font-family:'sharpsans';
 src:url('../font/sharpsans-medium_v2.woff2') format('woff');} 

 @font-face {
 font-family:'shufa';
 src:url('../font/AaXuanYuanTi-2.ttf') format('woff');} 

 @font-face {
 font-family: 'Google Sans Medium';
 src:url('../font/google-sans-medium.ttf') format('woff');}

.gray {
  filter: grayscale(70%);
}


.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100px; /* 根据需要调整 */
  padding: 10px 0 10px 0;
}

.select-wrapper select {
  width: 100%;
  padding: 6px 18px 6px 12px; /* 右边留出箭头位置 */
  appearance: none;          /* 隐藏原生箭头 */
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0.5px solid #3c3c43;
  border-radius: 50px;
  background-color: #fff;
  cursor: pointer;
}

.select-wrapper svg {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* 不阻挡点击 */
  width: 10px;
  height: 6px;
  fill: #3c3c43; /* 箭头颜色 */
}

/* 响应式隐藏语言选择 */
@media (max-width: 768px) { /* 768px 以下视为手机版，可调整 */
  .select-wrapper {
    width:80px;
    padding: 6px 0 6px 0;
  }

  #dropdown {
    font-size:9.5px;
    padding-right: 6px; /* 去掉原来的箭头预留 */
  }
  #currencySelector {
    font-size:9.5px;
    padding-right: 6px; /* 去掉原来的箭头预留 */
    padding-left: 6px;
  }
}


/* 通知栏 */
.notice-bar0 {
  color: #3c3c43;
  font-size: 12px;
  padding: 10px 0;
  /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  font-family: 
    "Noto Sans SC", "PingFang SC", "Microsoft YaHei",
    "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI",
    Arial, sans-serif;
  display: flex;
  align-items: center;       /* 垂直居中 */
  justify-content: center;   /* 水平居中 */
  text-align: center;
  width: 100%;
}


/* 功能栏 */
.notice-bar {
  color: #3c3c43;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  border-bottom: 0.5px solid #ccc;
  /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  font-family: 
    "Noto Sans SC", "PingFang SC", "Microsoft YaHei",
    "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI",
    Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between; /* 左右分布 */
  flex-wrap: wrap;
  position: fixed;
  top: 0px;
  width: 100%;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.8);
  transition: transform 0.3s;
  z-index: 99998;
  box-sizing: border-box;
}

.icon-group {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: -4px;
}

/* 头部结构 */
.main-header {
  width: 100%;
  height: 1046px;          /* PC固定高度 */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff; /* 背景留白时用白底 */
  overflow: hidden;
}

/* 图片等比例显示 */
.header-bg {
  position: relative;
  top: 115px;
  width: 100%;          /* 宽度自适应屏幕 */
  height: 1046px;        /* 高度固定 */
  object-fit: cover;    /* 保持比例，裁掉多余 */
  object-position: center; /* 居中显示 */
  display: block;
}

.header-bg-sp {
  position: relative;
  top: 94.5px;
  width: 100%;          /* 宽度自适应屏幕 */
  height: 780px;        /* 高度固定 */
  object-fit: cover;    /* 保持比例，裁掉多余 */
  object-position: center; /* 居中显示 */
  display: none;
}

/* 手机版 */
@media (max-width: 768px) {
  .notice-bar {
  padding: 10px;
  }

  .main-header {
    height: auto;
    padding: 0 0 20px 0;
  }

  .header-bg {
    display: none;      /* SP隐藏PC图 */
  }

  .header-bg-sp {
    display: block;     /* SP显示SP图 */
  }
}

.pc-menu a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #3c3c43;
}

#pc-menu a:hover {
  text-decoration: underline;
}


/* 自定义鼠标浮沉 */
#cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;        
  height: 60px;
  background: url('../images/shubiao.png') no-repeat center center;
  background-size: contain;
  pointer-events: none;  
  transform: translate(-50%, -50%);
  transition: transform 0.05s linear;
  z-index: 99999999;
}

/* =========================
   手机版隐藏浮沉鼠标
========================= */
@media screen and (max-width: 768px) {
  #cursor {
    display: none !important;
  }
}



    /* 基本样式 */
    :root{
      --gap: 30px;         /* 两结构之间的间距 */
      --max-width: 1200px; /* 页面最大宽度（可调整） */
    }

    /* 容器：居中并提供左右内边距 */
    .wrapper{
      max-width: var(--max-width);
      margin: 450px auto 0;
      padding: 20px;
      box-sizing: border-box;
      position: relative;
      z-index: 999;
    }

    /* 主布局：默认使用列方向（移动端优先）*/
    .layout{
      display: flex;
      flex-direction: column; /* SP：上下结构 */
      gap: var(--gap);        /* 两结构之间间距 30px */
      align-items: stretch;
    }

    .panel{
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.9);
      border: 0.5px solid #ccc;
      padding: 30px;
      box-sizing: border-box;
      border-radius: 8px;
      box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.04);
    }

    .panel h2{
      margin:0 0 10px 0;
      color: #3c3c43;
      font-size:18px;
      font-weight:700;
      text-align: left;
      /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
      font-family:'Google Sans Medium';
    }

    .panel p{
      margin:0;
      line-height:1.8;
      color: #3c3c43;
      font-size:13px;
      text-align: left;
      /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
      font-family:'Google Sans Medium';
    }

    /* 桌面端样式：左右结构 */
    @media screen and (min-width: 769px){
      .layout{
        flex-direction: row;
      }
      /* 示例：左侧 60% 右侧 40%（可按需调整） */
      .panel.left{
        flex: 6 1 0%;
        margin-top: -320px;
      }
      .panel.right{
        flex: 4 1 0%;
        margin-top: -520px;
      }
    }

    /* 小屏优化（可选）：减小内边距 */
    @media screen and (max-width: 420px){
      .wrapper{ padding:12px; }
      .panel{ padding:14px; }
    }



    /* 基本样式 */
    :root{
      --gap: 30px;         /* 两结构之间的间距 */
      --max-width: 1200px; /* 页面最大宽度（可调整） */
    }

    /* 容器：居中并提供左右内边距 */
    .wrapper1{
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 20px;
      box-sizing: border-box;
      position: relative;
      z-index: 999;
    }

    /* 主布局：默认使用列方向（移动端优先）*/
    .layout1{
      display: flex;
      flex-direction: column; /* SP：上下结构 */
      gap: var(--gap);        /* 两结构之间间距 30px */
      align-items: stretch;
    }

    .panel1{
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.9);
      border: 0.5px solid #ccc;
      padding: 30px;
      box-sizing: border-box;
      border-radius: 8px;
      box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.04);
    }

    .panel1 h2{
      margin:0 0 10px 0;
      color: #3c3c43;
      font-size:18px;
      font-weight:700;
      text-align: left;
      /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
      font-family:'Google Sans Medium';
    }

    .panel1 p{
      margin:0;
      line-height:1.8;
      color: #3c3c43;
      font-size:13px;
      text-align: left;
      /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
      font-family:'Google Sans Medium';
    }

    /* 桌面端样式：左右结构 */
    @media screen and (min-width: 769px){
      .layout1{
        flex-direction: row;
      }
      /* 示例：左侧 60% 右侧 40%（可按需调整） */
      .panel1.left{
        flex: 6 1 0%;
      }
      .panel1.right{
        flex: 4 1 0%;
      }
    }

    /* 小屏优化（可选）：减小内边距 */
    @media screen and (max-width: 420px){
      .wrapper1{ padding:12px; }
      .panel1{ padding:14px; }
    }



#openModal {
  color: #3c3c43;
  text-decoration: underline;
  cursor: pointer;
}

.modal-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.4);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
  /*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  font-family: 
    "Noto Sans SC", "PingFang SC", "Microsoft YaHei",
    "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI",
    Arial, sans-serif;
}

.modal-content {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  max-width: 600px;
  width: 70%;
  max-height: 50vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  line-height: 1.6;
  font-size: 14px;
  color: #3c3c43;
  z-index: 99997;
}

.modal-content p {
  font-size: 12px;
  color: #666;
}

.modal-content h2 {
  font-size: 18px;
  color: #3c3c43;
}

table {
  border-collapse: collapse; /* 合并边框 */
  width: 100%;
  font-size: 12px;
  color: #3c3c43;
}

table, th, td {
  border: 1px dashed #ccc; /* 设置边框宽度和颜色 */
}

th, td {
  padding: 8px 12px; /* 内边距，可根据需要调整 */
  text-align: left;
}

.close-btn {
  position: absolute;
  right: 22px;
  background: none;
  border: none;
  font-size: 24px;
  color: #3c3c43;
  cursor: pointer;
}

.modal-content h2 {
  margin-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}





.zbbj {
  position: relative;
  max-width: 100%;
  margin: 15px auto 0;
  background-image: url('../images/bj002.jpg');
  background-repeat: no-repeat;
  background-size: cover; /* 让图片铺满整个屏幕 */
  background-position: center center; /* 图片居中 */
}

/* 背景图 */
.zbbj img {
  display: block;
  width: 600px;
  height: auto;
  margin: 0 auto;
}

/* 太极图在上面旋转 */
#rotImg1000 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 406px; /* 太极图尺寸可调整 */
  height: auto;
  transform: translate(-50%, -50%);
  animation: rotateTaiji 120s linear infinite;
  pointer-events: none; /* 不影响点击 */
  filter: opacity(18%);
}

/* 旋转动画 */
@keyframes rotateTaiji {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* 手机版 */
@media screen and (max-width: 768px) {
  .zbbj img {
    width: 100%;
  }

  #rotImg1000 {
    width: 288px; /* 太极图尺寸可调整 */
  }
}



.footer {
  text-align: center;
  padding: 40px 20px;
  background: #fff;
  color: #3c3c43;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

.footer div {
  max-width: 1200px;
  margin: 0 auto;
}

.footer img {
  display: block;
  margin: 0 auto 10px;
}

.footer h1,
.footer p {
  margin: 5px 0;
}

/* 链接组：基线样式 */
.footer p.link-group {
  font-weight: normal;
  font-size: 12px;
  display: inline-block;    /* 整组作为一块 inline-block，方便居中 */
  margin: 30px 0;
  padding: 0;
  line-height: 2.2;
}

/* 关键：确保 a 为 inline-block，这样 ::after 更可靠 */
.footer p.link-group a {
  display: inline-block;
  color: #3c3c43;
  text-decoration: none;
  margin: 0 6px;
  line-height: 1;
}

/* 桌面端：自动生成 “｜” 分隔符（注意：HTML 中不要有手写的“｜”） */
.footer p.link-group a:not(:last-child)::after {
  content: "｜";
  display: inline-block;
  margin-left: 16px;    /* 分隔符与文本间距 */
  color: #3c3c43;
  line-height: 1;
}

/* 手机端：上下排列 + 去掉分隔符 */
@media screen and (max-width: 768px) {
  .footer p.link-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
  }

  .footer p.link-group a {
    display: block;   /* 在手机上每个 a 占一行 */
    margin: 0 3px;
  }

  /* 移除桌面端添加的分隔符 */
  .footer p.link-group a::after {
    content: none !important;
  }
}

/* 可选：更高优先级以防被 reset 覆盖 */
@supports (display: grid) {
  /* nothing — just a placeholder if你想加入更高级的 fallback */
}



/* 公共样式 */
.fixed-banner {
  position: fixed;
  left: 160px;
  bottom: 260px;
  z-index: 9999999999;
  display: flex;
  align-items: flex-start;
}

.fixed-banner img {
  width: 180px; /* PC 默认大小 */
  height: auto;
  border-radius: 8px;
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.3);*/
}

/* 关闭按钮 */
.fixed-banner .close-btn {
  position: absolute;
  /*top: -8px;
  right: -8px;*/
  color: #3c3c43;
  border: none;
  cursor: pointer;
  font-size: 30px;
  text-align: center;
  right: 38px;
}

/* 手机版自适应 */
@media screen and (max-width: 768px) {
  .fixed-banner {
    left: 30px;
    bottom: -10px;
  }
  .fixed-banner img {
    width: 100px; /* 手机小一点 */
  }
  .fixed-banner .close-btn {
  font-size: 16px;
  right: 18px;
}
}