.header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #041225;
  padding: 10px 0;
}
.logo {
  height: 40px;
}
.site-name {
  font-size: 20px;
  font-weight: 700;
}

  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Microsoft Yahei", sans-serif;
    color: #fff;
    background: #061a3a;
  }
  .container {
    max-width: 900px; /* 限制最大宽度 */
    margin: 0 auto;
  }
  .hero-section {
    background: url('download.jpg') no-repeat center/cover;
    padding: 40px 20px 60px;
    text-align: center;
  }
  .hero-section h1 {
    font-size: clamp(36px, 5vw, 60px); /* 根据屏幕自适应 */
    font-weight: 900;
    margin: 0;
    line-height: 1.2;
  }
  .hero-section h1 span {
    font-size: clamp(56px, 8vw, 96px);
    color: #ffd158;
    display: block;
    margin-top: 10px;
    text-shadow: 0 6px 20px rgba(255, 180, 0, .4);
  }
  .hero-section .sub {
    margin-top: 12px;
    font-size: clamp(18px, 2vw, 28px);
    font-weight: 700;
  }

  /* 优惠码卡片 */
  .coupon {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #ff8f1a, #ffb300);
    padding: 10px 12px;
    border-radius: 14px;
    margin-top: 20px;
  }
  .coupon .code {
    background: #ffe9b3;
    color: #000;
    font-weight: 800;
    font-size: clamp(20px, 2.2vw, 26px);
    padding: 10px 20px;
    border-radius: 10px;
    margin-right: 8px;
  }
  .coupon button {
    border: 0;
    background: #1c1c1c;
    color: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
  }

  /* 功能区块 */
  .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 30px 20px;
    margin-top: -20px;
    background: #081c42;
    border-radius: 20px 20px 0 0;
    text-align: center;
  }
  @media (min-width: 768px) {
    .features {
      grid-template-columns: repeat(4, 1fr); /* 宽屏四列 */
    }
  }
  .feat {
    font-size: clamp(18px, 1.8vw, 22px);
    font-weight: 700;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    padding: 28px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, background 0.25s ease;
  }
  .feat:hover {
    transform: scale(1.05);
    background: rgba(255, 255, 255, 0.1);
  }

  /* CTA 区域 */
  .cta {
    text-align: center;
    background: #0b2047;
    padding: 40px 20px;
  }
  .cta button {
    display: inline-block;
    background: linear-gradient(90deg, #ff7a00, #ffae00);
    border: none;
    color: #2a1700;
    font-weight: 900;
    font-size: clamp(18px, 2.5vw, 32px);
    white-space: nowrap;
    padding: 18px 50px;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(255, 157, 0, 0.3);
    transition: all 0.25s ease;
  }
  .cta button:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
  }
  .cta .routes {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  .cta .route-btn {
    background: #ffffff22;
    color: #fff;
    border: 1px solid #ffffff55;
    border-radius: 999px;
    font-size: clamp(14px, 1.5vw, 18px);
    padding: 10px 22px;
    cursor: pointer;
    transition: all 0.25s ease;
  }
  .cta .route-btn:hover {
    background: #ffffff44;
    transform: scale(1.05);
  }

  /* 永久地址 */
  .linkcard {
    background: #081c42;
    padding: 30px 20px;
    text-align: center;
  }
  .domain {
    font-weight: 800;
    font-size: clamp(18px, 1.8vw, 24px);
    background: #0b214e;
    padding: 10px 18px;
    border-radius: 10px;
    display: inline-block;
  }
  .copy-btn {
    background: #1f7ae0;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    margin-left: 8px;
    cursor: pointer;
  }

  /* 右下角社交图标 - 默认显示 (移动端) */
  .social-bar {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
  }
  .social-bar img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #000000aa;
    padding: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    transition: transform 0.2s ease;
  }
  .social-bar img:hover { transform: scale(1.1); }

  /* 电脑端隐藏浮动栏 */
  @media (min-width: 768px) {
    .social-bar { display: none; }
  }

  /* 页面内嵌社交图标：仅电脑端显示 */
  .social-inline {
    display: none;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .social-inline img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #000000aa;
    padding: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    transition: transform 0.2s ease;
  }
  .social-inline img:hover { transform: scale(1.1); }

  @media (min-width: 768px) {
    .social-inline { display: flex; }
  }