/* ============================================================
   easyfun.me 响应式适配（2026-09-22 追加，不修改原 index.css）
   仅通过媒体查询覆盖固定宽度，桌面端（>1199px）保持原样。
   ============================================================ */

/* ---------- 通用：<1200px 解除 1200px 死宽度，图片流体化 ---------- */
@media (max-width: 1199px) {
  body { overflow-x: hidden; }
  body > div { width: 100% !important; }

  body img { max-width: 100%; height: auto; }

  /* 顶部固定导航：原本用 calc(50% - 600px) 居中，窄屏会变负内边距挤出内容 */
  body .head { padding: 0 15px !important; }

  /* 各 1200 内栏改为 100% 并加左右留白 */
  body .profile .top,
  body .business .top,
  body .footer .top {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  body .profile .bottom ul {
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  body .partner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }

  /* 公司介绍：两栏改为流体百分比，避免 595+521 固定宽度在窄容器溢出 */
  body .profile .top .content-text {
    width: 50% !important;
    box-sizing: border-box;
    padding-right: 15px;
    vertical-align: top;
  }
  body .profile .top .content-img {
    width: 46% !important;
    box-sizing: border-box;
  }

  /* 合作伙伴：固定 296px → 百分比 */
  body .partner .content-img ul li {
    width: 25% !important;
    box-sizing: border-box;
    padding: 0 8px;
  }
  /* 合作产品留白 */
  body .product .content-img {
    padding: 0 7px;
    box-sizing: border-box;
  }

  /* 横幅：高度自适应，图片铺满不溢出 */
  body .banner { height: auto !important; }
  body .banner img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* 主营业务描述固定 928px → 流体 */
  body .business .top .content-text .text {
    width: 100% !important;
    max-width: 928px;
  }
}

/* ---------- 平板：<992px 多栏收为更少的列 / 堆叠 ---------- */
@media (max-width: 991px) {
  body .profile .top .content-text,
  body .profile .top .content-img {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }
  body .profile .top .content-img { margin-top: 30px; }

  body .business .top .content-img ul li { width: 50% !important; }
  body .product .content-img ul li { width: 33.333% !important; }
  body .partner .content-img ul li { width: 33.333% !important; }

  body .footer .top .logo,
  body .footer .top .contact {
    width: 100% !important;
    display: block !important;
  }
}

/* ---------- 手机：<768px 全部单列堆叠、导航换行、字号收敛 ---------- */
@media (max-width: 767px) {
  /* 头部：固定高度改自适应，导航换行居中，不再横向挤出 */
  body .head { height: auto !important; padding: 10px 15px !important; }
  body .head div.logo { display: block !important; }
  body .head .nav { float: none !important; margin-top: 6px; }
  body .head .nav ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 0 2px;
  }
  body .head .nav ul li { display: inline-block !important; }
  body .head .nav ul li a {
    line-height: normal !important;
    margin-left: 0 !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
  }

  /* 标题/正文收敛 */
  body .top .content-text .title { font-size: 22px !important; }
  body .top .content-text .title-en { font-size: 14px !important; }
  body .top .content-text .text { font-size: 14px !important; line-height: 26px !important; }

  /* 公司介绍 */
  body .profile .top { padding: 50px 15px !important; }
  body .profile .bottom ul li { width: 50% !important; margin-bottom: 24px; }

  /* 主营业务：单列 */
  body .business .top .content-img { padding: 18px 15px 30px !important; }
  body .business .top .content-img ul li {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 28px;
  }
  body .business .top .content-img ul li .item-content {
    width: auto !important;
    padding-left: 12px !important;
  }

  /* 合作产品：两列 */
  body .product .content-img ul li { width: 50% !important; }
  body .product .content-img ul li div { height: 150px !important; }
  body .product .content-img ul li div .wrap p { padding-left: 15px !important; margin-top: 55px !important; }
  body .product .content-img ul li div .wrap p:nth-of-type(2) { margin-top: 10px !important; }

  /* 合作伙伴：两列 */
  body .partner .content-img ul li { width: 50% !important; }

  /* 页脚 */
  body .footer .top { padding: 0 15px !important; }
  body .footer .top .copyright { margin-top: 40px !important; }

  /* 横幅文案：取消绝对定位固定像素，改为底部自适应 */
  body .banner .banner-text {
    width: auto !important;
    height: auto !important;
    bottom: 18px !important;
    left: 15px !important;
    right: 15px !important;
  }
  body .banner p { font-size: 22px !important; position: static !important; }
  body .banner p:first-of-type { display: none !important; }   /* 隐藏装饰竖条 */
  body .banner p:last-of-type { width: auto !important; line-height: 32px !important; margin-left: 0 !important; }
}

/* ---------- 小屏手机：<480px 进一步收敛 ---------- */
@media (max-width: 479px) {
  body .product .content-img ul li { width: 50% !important; }
  body .partner .content-img ul li { width: 50% !important; }
  body .head .nav ul li a { font-size: 12px !important; padding: 5px 6px !important; }
  body .top .content-text .title { font-size: 20px !important; }
}