/* ========== Footer 模块专属样式（作用域隔离） ========== */
    .footer-module {
      width: 90%;
      max-width: 1100px;
      margin: 20px auto;
      /* 上下留20px间距，水平居中 */
      margin-top: auto;
      /* 关键：自动顶开上方内容，固定在底部 */
      border-radius: 24px;
      background: rgba(255, 255, 255, .125);
      padding: 30px;
      display: flex;
      flex-direction: column;
      gap: 20px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    }

    /* 上层 4:6 布局 */
    .footer-module .top-row {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      /* 顶部对齐，避免图片拉伸 */
    }

    .footer-module .top-row .image,
    .footer-module .top-row .contact {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    /* 大屏：图片占比与最大宽度限制 */
    .footer-module .top-row .image {
      width: 40%;
      margin-right: 30px;
      max-width: 220px;
      /* 防止大屏下图过大 */
    }

    .footer-module .top-row .contact {
      width: 60%;
    }

    /* 图片样式 */
    .footer-module .image img {
      width: 100%;
      height: auto;
      /* 保持图片比例 */
      border-radius: 12px;
      cursor: pointer;
      transition: transform .2s;
      object-fit: cover;
      /* 避免图片变形 */
    }

    .footer-module .image img:active {
      transform: scale(.96);
    }

    /* 文字样式（响应式字体） */
    .footer-module,
    .footer-module a {
      color: #000;
    }

    .footer-module .contact h2 {
      font-size: clamp(1.2rem, 2.5vw, 24px);
      /* 屏幕自适应大小 */
      margin-bottom: 8px;
      margin-top: 30px;
      font-weight: 600;
    }

    .footer-module .contact p {
      font-size: clamp(0.9rem, 1.8vw, 16px);
      /* 屏幕自适应大小 */
      line-height: 1.6;
      align-items: center;
    }

    /* 滚动图片区域 */
    .footer-module .slides-wrap {
      height: 140px;
      overflow: hidden;
      border-top: 1px solid rgba(0, 0, 0, .08);
      padding-top: 15px;
    }

    .footer-module .track {
      display: flex;
      gap: 20px;
      width: max-content;
      animation: footerScroll 15s linear infinite;
    }

    /* 滚动动画 */
    @keyframes footerScroll {
      to {
        transform: translateX(-50%);
      }
    }

    .footer-module .bubble {
      flex-shrink: 0;
      height: 120px;
      padding: 8px;
      border-radius: 5%;
      background: rgba(255, 255, 255, .45);
      box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
    }

    .footer-module .bubble img {
      height: 100%;
      border-radius: 5%;
      display: block;
      object-fit: cover;
    }

    /* 版权区域 */
    .footer-module .copyright {
      text-align: center;
      font-size: 13px;
      border-top: 1px solid rgba(0, 0, 0, .08);
      padding-top: 15px;
    }

    .footer-module .copyright a {
      color: #9370DB;
    }

    /* 移动端响应式（≤768px） */
    @media (max-width: 768px) {
      .footer-module .top-row {
        flex-direction: column;
        align-items: center;
        /* 内容居中 */
      }

      .footer-module .top-row .image,
      .footer-module .top-row .contact {
        width: 100%;
        max-width: 400px;
        /* 限制最大宽度，避免拉伸 */
      }

      .footer-module .image img {
        max-width: 260px;
        /* 移动端图片最大尺寸 */
        margin: 0 auto;
        /* 图片居中 */
      }

      .footer-module .contact h2,
      .footer-module .contact p {
        text-align: center;
        align-items: center;
      }
    }

    /* 小屏手机优化（≤480px） */
    @media (max-width: 480px) {
      .footer-module {
        width: 95%;
        padding: 20px 15px;
        /* 减小内边距 */
      }

      .footer-module .slides-wrap {
        height: 120px;
        /* 减小滚动区高度 */
      }

      .footer-module .bubble {
        height: 100px;
      }
    }