 .modal-header .close{
        color: #997837;
        font-size: 36px;
    }
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    body {
        font-family: 'PingFang SC', sans-serif;
        /* 只在移动端添加底部padding */
    }
    .bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 56px;
        background: #333;
        display: flex;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
        z-index: 100;
        /* 默认在PC端隐藏 */
        display: none;
    }
    .nav-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #f5d382;
        text-decoration: none;
        font-size: 12px;
    }
    .nav-item i {
        font-size: 20px;
        margin-bottom: 2px;
    }
    .register-btn {
        animation: blink 1.5s infinite;
        color: #e93069;
    }
    @keyframes blink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.6; }
    }
    
    #float-desktop {
        position: fixed;
        top: 150px;
        right: 25px;
        z-index: 999;
        display: block;
    }

    /* 移动端样式 */
    @media screen and (max-width: 768px) {
        body {
            padding-bottom: 56px; /* 只在移动端添加底部padding */
        }
        
        .bottom-nav {
            display: flex; /* 只在移动端显示底部导航 */
        }
        
        #float-desktop {
            display: none; /* 移动端隐藏右侧悬浮图 */
        }
    }
.STYLE1 {
	color: #FFFFFF;
	font-weight: bold;
}
.STYLE1 a {
	color: #FFFFFF;
	font-weight: bold;
}
/* ================================
   弹窗宽度控制
================================ */
.backup-dialog {
  max-width: 420px;
}

/* ================================
   弹窗主体（含高度控制）
================================ */
.backup-modal {
  border-radius: 14px;
  overflow: hidden;
  max-height: 65vh;          /* ★ 控制弹窗最大高度（PC） */
  background: #ffffff;
}

/* ================================
   头部
================================ */
.backup-modal .modal-header {
  padding: 12px 18px;
  border-bottom: 1px solid #eee;
}

.backup-modal .modal-title {
  font-size: 16px;
  font-weight: 600;
}

/* ================================
   内容区（可滚动）
================================ */
.backup-modal .modal-body {
  padding: 16px 18px;
  max-height: calc(65vh - 60px);  /* ★ 扣除 header 高度 */
  overflow-y: auto;               /* ★ 内容过多自动滚动 */
}

/* ================================
   提示文字
================================ */
.backup-tip {
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
  line-height: 1.6;
}

/* ================================
   灰色网址容器
================================ */
.backup-links {
  background: #2f2f2f;
  border-radius: 12px;
  padding: 14px 12px;
  margin-bottom: 14px;
}

/* ================================
   单条网址
================================ */
.backup-url {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  margin: 6px 0;
  letter-spacing: 0.5px;
}

/* 数字强调 */
.backup-url strong {
  color: #ff4d4f;
  font-weight: 700;
}

/* ================================
   规则说明
================================ */
.backup-rule {
  font-size: 13px;
  color: #777;
  line-height: 1.6;
}

/* ================================
   手机端适配（宽度 + 高度）
================================ */
@media (max-width: 768px) {
  .backup-dialog {
    max-width: 92vw;
  }

  .backup-modal {
    max-height: 85vh;               /* ★ 手机端更高 */
  }

  .backup-modal .modal-body {
    max-height: calc(85vh - 56px);  /* ★ 手机 header 较矮 */
  }

  .backup-url {
    font-size: 14px;
  }
}
/* ===============================
   亚星官方 APP 下载区
================================ */
.app-download-wrap {
  padding: 10px 0;
  background: #121212;
}

.app-card {
  max-width: 1000px;
  margin: 0 auto;
  background: #000000;
  border-radius: 18px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* 左侧文字 */
.app-info {
  color: #fff;
  max-width: 520px;
}

.app-info h2 {
  font-size: 30px;
  color: #f5d382;
  font-weight: 700;
  margin-bottom: 6px;
}

.app-info .sub-title {
  font-size: 14px;
  color: #999;
  margin-bottom: 20px;
}

.app-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.app-features li {
  font-size: 15px;
  margin-bottom: 8px;
  color: #eaeaea;
}

.app-tip {
  background: rgba(245,211,130,0.1);
  border-left: 4px solid #f5d382;
  padding: 12px 14px;
  font-size: 14px;
  color: #f5d382;
  line-height: 1.6;
}

/* 右侧二维码 */
.app-qrcode-box {
  text-align: center;
}

.app-qrcode-box img {
  max-width: 180px;
  background: #fff;
  padding: 10px;
  border-radius: 14px;
}

.app-qrcode-box span {
  display: block;
  margin-top: 10px;
  color: #f5d382;
  font-size: 14px;
}

/* ===============================
   手机端适配
================================ */
@media (max-width: 768px) {
  .app-card {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }

  .app-info {
    max-width: 100%;
    margin-bottom: 25px;
  }

  .app-info h2 {
    font-size: 24px;
  }

  .app-qrcode-box img {
    max-width: 200px;
  }
}
/* 二维码整体容器 */
.app-qrcode-box {
  text-align: center;
}

/* 二维码图片放大 */
.app-qrcode-box img {
  max-width: 320px;        /* 原来 180，直接放大 */
  padding: 13px;
  background: #0b0b0b;                 /* 深色背景，融入APP下载区 */
  border-radius: 18px;
  border: 1px solid rgba(245,211,130,.35); /* 金色细边 */
  
  box-shadow: 0 12px 30px rgba(0,0,0,.6);
}

/* 扫码提示 */
.app-qrcode-box span {
  display: block;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #f5d382;
}

/* 手机端 */
@media (max-width: 768px) {
  .app-qrcode-box img {
    max-width: 280px;
  }
}

/* ===============================
   手机端再放大
================================ */
@media (max-width: 768px) {
  .app-qrcode-box img {
    max-width: 280px;      /* 手机端更大 */
  }
}
/* PC端导航 Logo 大小 */
.nav-logo img {
  height: 58px;      /* 👈 改这个就是大小 */
  width: auto;
}
.footer-bottom {
  border: none !important;
}
/* ===============================
   更多游戏 · 独立区块
================================ */

/* 更多游戏整体区块 */
.footer-bottom:first-of-type {
  background: linear-gradient(180deg, #0c0c0c, #060606);
  padding: 40px 0 32px;
  margin-top: 40px;
  position: relative;
}

/* 与上方“亚星游戏”拉开层级 */
.footer-bottom:first-of-type::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  max-width: 680px;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(245,211,130,.35),
    transparent
  );
}

/* ===============================
   更多游戏按钮（专属样式）
================================ */
.footer-bottom:first-of-type .btn-start {
  display: inline-block;
  padding: 14px 56px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  border-radius: 40px;

  background: linear-gradient(
    135deg,
    #f7d88a 0%,
    #caa24a 50%,
    #f7d88a 100%
  );
  color: #000;

  box-shadow:
    0 10px 30px rgba(245,211,130,.45),
    inset 0 1px 0 rgba(255,255,255,.35);

  transition: all .3s ease;
}

/* Hover 高级动效 */
.footer-bottom:first-of-type .btn-start:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow:
    0 18px 40px rgba(245,211,130,.6),
    inset 0 1px 0 rgba(255,255,255,.45);
}

/* ===============================
   版权区 · 单独干净收尾
================================ */
#footer {
  background: #000;
}

#footer .footer-bottom {
  padding: 22px 0 18px;
  background: none;
}

#footer .copyright {
  font-size: 13px;
  color: #aaa;
  line-height: 1.9;
  text-align: center;
}
/* ===== 高级底部版权区 ===== */
.footer {
  width: 100%;
  background:
    radial-gradient(
      80% 120% at 50% 0%,
      rgba(255, 218, 157, 0.06),
      rgba(0, 0, 0, 0.9) 60%
    );
  padding: 30px 15px 28px;
  box-sizing: border-box;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

/* ===== 高级分隔线 ===== */
.footer-divider-advanced {
  position: relative;
  width: 98%;
  height: 1px;
  margin: 0 auto 18px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 218, 157, 0.45),
    transparent
  );
}

/* 下层虚线 */
.footer-divider-advanced::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  border-top: 0px dashed rgba(255, 218, 157, 0.25);
}

/* 中央徽章点 */
.divider-dot {
  position: absolute;
  left: 50%;
  top: -4px;
  transform: translateX(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffd27d;
  box-shadow:
    0 0 6px rgba(255, 210, 125, 0.6),
    0 0 12px rgba(255, 210, 125, 0.3);
}

/* ===== 版权行 ===== */
.footer-copy {
  color: #f6dca2;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.6px;
  margin-bottom: 5px;
}

.footer-copy strong {
  color: #ffe8b5;
  font-weight: 600;
}

/* ===== 牌照说明行 ===== */
.footer-license {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12.5px;
  line-height: 1.8;
}

.footer-license span {
  color: #ffd27d;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ===== 手机端优化 ===== */
@media screen and (max-width: 768px) {
  .footer-divider-advanced {
    width: 85%;
    margin-bottom: 16px;
  }

  .footer-copy {
    font-size: 11.5px;
  }

  .footer-license {
    font-size: 11.5px;
  }

