/* ===== 响应式补丁 - 大屏PC样式保持原 style.css，小屏用此文件 ===== */

/* ---------- 移动端通用重置 ---------- */
@media screen and (max-width: 768px) {
  html { font-size: 100px; }
  body { font-size: .24rem; background: #f6f7f9; }

  /* 隐藏 PC 专用区块 */
  .topNav,
  .wrapper > .appR,
  .botNavList,
  .backTop,
  .apNav,
  .openAp,
  .hideImg,
  .apHTopic,
  .aprank,
  .apother,
  .h23 { display: none !important; }

  /* 显示移动端专用区块 */
  .mobile-only { display: block !important; }
  .mobile-flex { display: flex !important; }

  /* 重置整页宽度 */
  .wrap, .wrapper {
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    position: relative;
  }

  /* ---------- header ---------- */
  header {
    background: #008bff;
    height: 1rem;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
  }
  header > a { display: none; } /* 隐藏PC版logo链接 */
  header .logo { display: flex; flex: 1; height: 1rem; line-height: 1rem; overflow: hidden; position: relative; }
  header .logo a { margin-left: .26rem; }
  header .logo img { margin: .26rem .05rem 0 0; height: .47rem; width: auto; display: inline-block; }
  .hdMenu { width: .96rem; height: 1rem; text-align: center; line-height: 1rem; cursor: pointer; }
  .hdMenu i { width: .46rem; height: .5rem; background-position: -4.57rem -1.09rem; position: relative; top: .19rem; }
  .hdNav { width: 100%; max-width: 7.5rem; padding-bottom: .1rem; position: absolute; top: 1rem; z-index: 8; left: 0; background-color: #fff; border-top: 1px solid #e6e6e6; }
  .hdnTop { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 .26rem; }
  .hdnTop a { display: block; width: .94rem; height: 1.74rem; padding-top: .46rem; color: #424242; line-height: .56rem; font-size: .3rem; border-radius: .1rem; text-align: center; }
  .hdnTop a i { display: block; width: .92rem; height: .92rem; background-image: url(/public_m/img/icon.png); background-size: 6rem 6rem; }
  .hdnBot { padding: .3rem 0; margin: 0 .26rem; border-top: 1px solid #e6e6e6; display: flex; justify-content: space-between; }
  .hdnBot > a { display: block; width: 1.6rem; min-height: 3rem; font-size: .3rem; color: #008bff; line-height: .68rem; font-weight: bold; text-align: center; border-radius: .06rem; }
  .hdnBot .list { width: 5.36rem; display: flex; flex-wrap: wrap; }
  .hdnBot .list a { display: block; width: 1.58rem; height: .62rem; line-height: .62rem; color: #424242; font-size: .28rem; text-align: center; border: 1px solid #e2e2e2; background-color: #f8f8f8; border-radius: .32rem; overflow: hidden; white-space: nowrap; margin: .1rem .02rem .1rem .14rem; }

  /* PC 的大导航栏 nav (header 里的) 隐藏 */
  header > nav { display: none !important; }

  /* ---------- 全局 nav（移动底部导航）---------- */
  nav ul { border-bottom: 1px solid rgba(255,255,255,.6); overflow-x: auto; white-space: nowrap; font-size: 0; }
  nav li { display: inline-block; font-size: .32rem; }
  nav li a { display: inline-block; height: .87rem; line-height: .87rem; text-align: center; color: #99d1ff; font-size: .32rem; padding: 0 .3rem; }
  nav li.current a { color: #fff; font-weight: 600; }

  /* ---------- 列表页 ---------- */
  .aplist ul { display: flex; flex-wrap: wrap; padding: .2rem; gap: .2rem; }
  .aplist ul li { width: calc(33.33% - .14rem); }
  .aplist ul li a { display: block; text-align: center; }
  .aplist ul li img { width: 1.36rem; height: 1.36rem; border-radius: .3rem; margin: 0 auto; }
  .aplist ul li .name { font-size: .26rem; color: #333; margin-top: .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .aplist ul li p:nth-child(3), .aplist ul li p:nth-child(4) { font-size: .22rem; color: #999; }
  .aplist ul li .btn { font-size: .22rem; color: #008bff; border: 1px solid #008bff; border-radius: .2rem; margin: .1rem auto 0; padding: .04rem .2rem; display: inline-block; }
  .pagecode { display: flex; justify-content: space-between; margin: .2rem .3rem .42rem; }
  .pagecode a { min-width: .58rem; height: .58rem; color: #75757d; font-size: .24rem; line-height: .58rem; text-align: center; border-radius: .06rem; background: #f4f4f4; padding: 0 .1rem; }
  .pagecode .current { background: #008bff; color: #fff; }

  /* ---------- 详情页 ---------- */
  .wrapper { display: block !important; }
  .wrapper > .appL { width: 100% !important; float: none !important; }
  .apIntro .cont { flex-direction: column; }
  .apIntro .cont img { width: 1.6rem; height: 1.6rem; border-radius: .3rem; margin: 0 auto .2rem; }
  .apIntro .cont .info { width: 100%; }
  .apIntro .cont .info h1 { font-size: .36rem; text-align: center; }
  .apIntro .cont .info .catalog, .apIntro .cont .info ul { text-align: center; }
  .apIntro .cont .info .adown { margin: .2rem .3rem; }
  .apIntro .cont .info .adown .btnAnd { display: flex; align-items: center; justify-content: center; width: 100%; height: .8rem; border-radius: .4rem; background: #008bff; color: #fff; font-size: .32rem; font-weight: 600; }
  .apCont { padding: .2rem; }
  .apCont .cont { font-size: .28rem; line-height: .48rem; color: #424242; }
  .apCont .cont img { max-width: 100%; height: auto; }
  .apInfo { padding: .2rem; }
  .apInfo ul li { display: flex; justify-content: space-between; padding: .15rem 0; border-bottom: 1px solid #eee; font-size: .28rem; }
  .apRec { padding: .2rem; }
  .apNEnter ul { display: flex; flex-wrap: wrap; gap: .2rem; padding: .2rem; }
  .apNEnter ul li { width: calc(33.33% - .14rem); text-align: center; }
  .apNEnter ul li img { width: 1.2rem; height: 1.2rem; border-radius: .25rem; margin: 0 auto; }
  .apNEnter ul li p { font-size: .24rem; color: #333; }
  .apNEnter ul li span { font-size: .22rem; color: #999; }

  /* ---------- footer ---------- */
  footer { height: auto !important; background: #1a1a2e; padding: .3rem .32rem; position: static; }
  footer img { display: none; }
  footer span { display: none; }
  footer .info { position: static; }
  footer p, footer p a { font-size: .24rem; color: #b3cbff; text-align: center; line-height: .48rem; }
  footer .pccom, footer .mcom { display: none; }
}

/* ---------- 超小屏（手机横屏以下） ---------- */
@media screen and (max-width: 480px) {
  .aplist ul li { width: calc(50% - .1rem); }
}

/* footer 响应式 */
.footer-pc { display: block; }
@media screen and (max-width: 768px) {
  .footer-pc { display: none; }
  footer .info { display: block; }
}
@media screen and (min-width: 769px) {
  footer .info { display: none; }
}