/* 页面最大宽度限制（只影响样式，不影响 SEO） */
.page {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 12px;
}

/* 避免搜索引擎误判隐藏内容 */
main,
article,
section {
  display: block;
}

/* 图片 SEO */
img {
  max-width: 100%;
  height: auto;
}

/* 文字可读性（SEO 间接加分） */
body {
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background: #f8f9fc;
}

.site-header {
  border-bottom: 1px solid #eee;
  background: #fff;
}

.header-container {
  max-width: 1200px;
  margin: 0 auto;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
}

.logo img {
  height: 56px;
}

.header-download .download-btn {
  padding: 8px 18px;
  background: #d4a373;
  color: #fff;
  border-radius: 20px;
  font-weight: bold;
  text-decoration: none;
}

.site-nav ul {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-nav a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
}

.site-nav a:hover {
  color: #d4a373;
}


/* Banner 容器 */
.banner {
  width: 100%;
  background: #f8f8f8;
  padding: 16px 0;
}

/* 轮播窗口 */
.banner-slider {
  max-width: 1200px;
  height: 360px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}

/* 轮播轨道 */
.banner-track {
  display: flex;
  width: 300%;
  animation: bannerSlide 12s infinite;
}

/* 图片 */
.banner-track img {
  width: 1200px;
  height: 360px;
  object-fit: cover;
  display: block;
}

.content{
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

/* 动画 */
@keyframes bannerSlide {
  0%   { transform: translateX(0); }
  30%  { transform: translateX(0); }

  35%  { transform: translateX(-1200px); }
  65%  { transform: translateX(-1200px); }

  70%  { transform: translateX(-2400px); }
  100% { transform: translateX(-2400px); }
}

/* 移动端适配 */
@media (max-width: 768px) {
  .banner-slider {
    height: 180px;
  }

  .banner-track img {
    width: 100vw;
    height: 180px;
  }
}


/* 移除 a 标签所有默认样式 */
a {
  /* 移除下划线 */
  text-decoration: none;
  /* 继承父元素的文字颜色（不再是默认的蓝色） */
  color: inherit;
  /* 移除点击后的外边框（部分浏览器会有） */
  outline: none;
  /* 移除鼠标悬停时的手型光标（可选，如需保留可删除此行） */
  cursor: default;
  /* 移除可能的内边距/外边距 */
  padding: 0;
  margin: 0;
  /* 移除背景色 */
  background: none;
  /* 移除边框 */
  border: none;
}

/* 移除访问过的链接样式 */
a:visited {
  color: inherit;
  text-decoration: none;
}

/* 移除鼠标悬停样式 */
a:hover {
  color: inherit;
  text-decoration: none;
}

/* 移除点击激活时的样式 */
a:active {
  color: inherit;
  text-decoration: none;
}


.appimg img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 10px;
}

ul, ol {
      padding-left: 0;
      margin: 0;
      list-style: none;
    }
    li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: block;
    }
.list_app{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list_app li {
    width: 44%;
    padding: 20px;
    margin: 20px 0 0 0;
    overflow: hidden;
    display: inline-block;
    background-color: white;
    border-radius: 10px;
}
.app_down{
    display: inline-block;
    padding: 0 15px;
    background: #8ebae8;
    color: #fff;
}