/* 移动端优化样式 */

/* 防止body被添加zoom样式 */
body {
    zoom: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
  }
  
  /* 移动端Header样式 */
  .mobile-header {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
  
  /* PC端Header样式 */
  .main-header {
    display: block;
  }
  
  /* 移动端顶部栏 */
  .mobile-header-top {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background: white;
  }
  
  .mobile-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
  }
  
  /* 汉堡菜单按钮 */
  .mobile-menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
  }
  
  .mobile-menu-toggle span {
    width: 100%;
    height: 3px;
    background: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
  }
  
  .mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  
  .mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  
  .mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  
  /* Logo */
  /*.mobile-logo {*/
  /*  position: absolute;*/
  /*  left: 50%;*/
  /*  transform: translateX(-50%);*/
  /*  z-index: 10;*/
  /*}*/
  
  .mobile-logo img {
    height: 40px;
    width: auto;
  }
  
  /* 头部操作按钮 */
  .mobile-header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
    flex-shrink: 0;
  }
  
  .mobile-search-btn,
  .mobile-cart-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }
  
  .mobile-search-btn:hover,
  .mobile-cart-btn:hover {
    background: #e9ecef;
    transform: scale(1.05);
  }
  
  .mobile-cart-btn {
    text-decoration: none;
    color: #333;
  }
  
  .cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #e74c3c;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
  }
  
  /* 移动端导航菜单 */
  .mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .mobile-nav-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .mobile-nav {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100vh;
    background: white;
    z-index: 1002;
    transition: left 0.3s ease;
    overflow-y: auto;
  }
  
  .mobile-nav.active {
    left: 0;
  }
  
  .mobile-nav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #eee;
  }
  
  .mobile-nav-logo img {
    height: 35px;
    width: auto;
  }
  
  .mobile-nav-close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #333;
  }
  
  .mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .mobile-nav-menu li {
    border-bottom: 1px solid #f0f0f0;
  }
  
  .mobile-nav-link {
    display: block;
    padding: 20px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
  }
  
  .mobile-nav-link:hover {
    background: #f8f9fa;
    color: #007bff;
    padding-left: 30px;
  }
  
  /* 移动端搜索框 */
  .mobile-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1003;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .mobile-search-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .mobile-search-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 20px;
    border-radius: 0 0 20px 20px;
  }
  
  .mobile-search-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }
  
  .mobile-search-form {
    flex: 1;
  }
  
  .mobile-search-input-group {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border-radius: 25px;
    padding: 5px;
  }
  
  .mobile-search-input {
    flex: 1;
    border: none;
    background: none;
    padding: 15px 20px;
    font-size: 16px;
    outline: none;
  }
  
  .mobile-search-submit {
    width: 45px;
    height: 45px;
    background: #007bff;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }
  
  .mobile-search-submit:hover {
    background: #0056b3;
    transform: scale(1.05);
  }
  
  .mobile-search-close {
    width: 40px;
    height: 40px;
    background: #f8f9fa;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
  }
  
  .mobile-search-hot h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
  }
  
  .mobile-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .mobile-search-tag {
    display: inline-block;
    padding: 8px 16px;
    background: #f8f9fa;
    color: #333;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
  }
  
  .mobile-search-tag:hover {
    background: #007bff;
    color: white;
  }
  
  /* 防止滚动 */
  body.nav-open,
  body.search-open {
    overflow: hidden;
  }
  .newlist li span {
        display: flex;
        justify-content: space-around;
  }
  
      .jingangqu .jgq img {
          display: block;
          width: 120px;
          height: 120px;
          border-radius: 0px 0px 0px 0px;
          /*border: 1px solid #dfdede;*/
          border-radius: 55px;
          /*background: #dfdede;*/
    }
  /* 关于我们页面移动端兼容样式 */
  
  /* 基础移动端设置 */
  @media screen and (max-width: 768px) {
      .mobile-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
       .jingangqu .jgq span {
         padding-top: 10px;
       }
       
       /* 商品名称单行显示，超出省略号 */
       .newlist li span:first-of-type {
         display: block !important;
         white-space: nowrap !important;
         overflow: hidden !important;
         text-overflow: ellipsis !important;
         width: 100% !important;
         font-size: 14px !important;
         line-height: 1.4 !important;
         margin-bottom: 5px !important;
         color: #333 !important;
         font-weight: 500 !important;
       }
       

    .mobile-header {
      display: block;
    }
    
    .main-header {
      display: none;
    }
    /*.jingangqu .jgq img {*/
    /*      display: block;*/
    /*      width: 120px;*/
    /*      height: unset; */
    /*      border-radius: 0px 0px 0px 0px;*/
    /*      border: 1px solid #dfdede;*/
    /*      border-radius: 55px;*/
    /*      background: #dfdede;*/
    /*}*/
  
    /* 为移动端header留出空间 */
    body {
      padding-top: 60px;
    }
      /* 重置最小宽度限制 */
      body {
          min-width: auto !important;
          font-size: 16px !important;
          line-height: 1.6 !important;
      }
      
      /* 关于我们页面移动端适配 */
      .w-1000 {
          width: 100% !important;
          min-width: auto !important;
          margin: 0 auto !important;
          padding: 0 20px !important;
      }
      
      .newsnr {
          width: 100% !important;
          min-width: auto !important;
          margin: 0 auto 20px !important;
          min-height: auto !important;
          padding: 20px !important;
      }
      
      .newsbt {
          padding-bottom: 15px !important;
          margin-bottom: 20px !important;
      }
      
      .newsbt p {
          font-size: 20px !important;
          text-align: center !important;
          margin-bottom: 15px !important;
          font-weight: bold !important;
          color: #333 !important;
      }
      
      .newsbt div {
          font-size: 14px !important;
          text-align: center !important;
          color: #666 !important;
      }
      
      /* 特价列表移动端适配 */
      .tejilist {
          width: 100% !important;
          margin: 0 auto !important;
          padding: 20px !important;
      }
      
      .tejilist li {
          display: block !important;
          width: 100% !important;
          margin: 10px 0 !important;
          position: relative !important;
      }
      
      /* 新闻列表移动端适配 */
      .newlist {
          width: 100% !important;
          margin: 0 auto !important;
          min-height: auto !important;
          padding: 20px !important;
          position: relative !important;
      }
      
      .newlist li {
          display: inline-block !important;
          width: calc(48% - 8px) !important;
          margin: 10px 4px !important;
          position: relative !important;
          vertical-align: top !important;
      }
      
      .newlist li img {
          display: block !important;
          width: 100% !important;
          height: auto !important;
          border-radius: 0 !important;
          max-width: 100% !important;
      }
      
      /* 金刚区图片移动端适配 */
      /*.jingangqu .jgq img {*/
      /*    display: block;*/
      /*    width: 120px;*/
      /*    height: unset; */
      /*    border-radius: 0px 0px 0px 0px;*/
      /*    border: 1px solid #dfdede;*/
      /*    border-radius: 55px;*/
      /*    background: #dfdede;*/
      /*}*/
     .jingangqu .jgq img {
         
          height: 80px;
        
      }
      .tejilist li img{
               max-width: 100%;
               max-height: max-content;
      }
      /* 商品详情页面移动端适配 */
      .pro-xqbox {
          display: block !important;
          justify-content: flex-start !important;
          padding: 20px !important;
      }
      
      #MagnifierWrap2 {
          width: 100% !important;
          margin: 0 0 20px 0 !important;
      }
      
      #MagnifierWrap2 .MagnifierMain {
          width: 100% !important;
          height: auto !important;
          max-width: 400px !important;
          margin: 0 auto !important;
      }
      
      #MagnifierWrap2 .MagnifierMain img {
          width: 100% !important;
          height: auto !important;
          max-width: 100% !important;
      }
      
      #MagnifierWrap2 .spec-items {
          width: 100% !important;
          height: auto !important;
          max-width: 400px !important;
          margin: 10px auto 0 !important;
          padding: 10px 0 !important;
      }
      
      #MagnifierWrap2 .spec-items ul {
          display: flex !important;
          flex-wrap: wrap !important;
          justify-content: center !important;
          gap: 8px !important;
      }
      
      #MagnifierWrap2 .spec-items li {
          width: 60px !important;
          height: 60px !important;
          margin: 0 !important;
          border: 2px solid transparent !important;
      }
      
      #MagnifierWrap2 .spec-items li img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover !important;
      }
      
      .pro-xq {
          min-width: auto !important;
          padding: 20px 0 0 0 !important;
          width: 100% !important;
      }
      
      .pro-xq .name {
          font-size: 18px !important;
          line-height: 1.4 !important;
          margin-bottom: 10px !important;
      }
      
      .pro-xq .price {
          font-size: 22px !important;
          line-height: 1.2 !important;
          padding: 10px 0 !important;
          color: #e74c3c !important;
          font-weight: bold !important;
      }
      
      .pro-xq .info {
          font-size: 14px !important;
          line-height: 1.6 !important;
          margin-top: 15px !important;
      }
      
      /* 面包屑导航移动端适配 */
      .crumbs {
          padding: 10px 20px !important;
          font-size: 14px !important;
          background: #f8f9fa !important;
          margin-bottom: 10px !important;
      }
      
      .crumbs a {
          color: #666 !important;
          text-decoration: none !important;
      }
      
      .crumbs span {
          margin: 0 8px !important;
          color: #666 !important;
      }
      
      .content {
          font-size: 16px !important;
          line-height: 1.8 !important;
      }
      
      .content img {
          max-width: 100% !important;
          height: auto !important;
          border-radius: 8px !important;
      }
      
      /* 地图和公司信息移动端布局 */
      .content > div {
          display: flex !important;
          flex-direction: column !important;
          gap: 20px !important;
      }
      
      #container {
          width: 100% !important;
          height: 250px !important;
          float: none !important;
          border-radius: 8px !important;
          border: 1px solid #ddd !important;
      }
      
      .content > div > div:last-child {
          float: none !important;
          margin: 0 !important;
          text-align: center !important;
          background: #f8f9fa !important;
          padding: 20px !important;
          border-radius: 8px !important;
      }
      
      .content > div > div:last-child p:first-child {
          font-size: 18px !important;
          font-weight: bold !important;
          margin-bottom: 15px !important;
      }
      
      .content > div > div:last-child p {
          font-size: 14px !important;
          line-height: 1.5 !important;
          margin-bottom: 8px !important;
      }
      
      .w1200, .body .order-empty, .v {
          width: 100% !important;
          margin: 0 !important;
          padding: 0 20px !important;
      }
      
      /* 头部导航优化 */
      .main-header {
          position: relative !important;
      }
      
      .header-upper {
          padding: 15px 0 !important;
      }
      
      .container-1660 {
          padding: 0 20px !important;
      }
      
      .top-menu {
          width: 100% !important;
          display: flex !important;
          flex-wrap: wrap !important;
          justify-content: space-between !important;
          align-items: center !important;
      }
      
      .mobile-logo {
          order: 1 !important;
          flex: 0 0 auto !important;
      }
      
      .mobile-logo img {
          max-height: 50px !important;
          width: auto !important;
      }
      
      .menu-li {
          display: none !important;
      }
      
      .menu-li.mobile-menu-item {
          display: block !important;
          flex: 1 !important;
          text-align: center !important;
          padding: 12px 8px !important;
      }
      
      .menu-li.mobile-menu-item a {
          font-size: 16px !important;
          color: #333 !important;
          text-decoration: none !important;
          font-weight: 500 !important;
      }
      
      .nav-search {
          order: 2 !important;
          flex: 0 0 auto !important;
          margin-left: 15px !important;
      }
      
      .fa-search-btn, .fa-search-bag {
          width: 45px !important;
          height: 45px !important;
          padding: 8px !important;
          border-radius: 8px !important;
      }
      
      .fa-search-btn img, .fa-search-bag img {
          width: 24px !important;
          height: 24px !important;
      }
      
      /* 搜索框优化 */
      .form.hide {
          position: fixed !important;
          top: 0 !important;
          left: 0 !important;
          right: 0 !important;
          bottom: 0 !important;
          background: rgba(0,0,0,0.8) !important;
          z-index: 9999 !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          padding: 20px !important;
      }
      
      .form.hide form {
          width: 100% !important;
          max-width: 400px !important;
          background: white !important;
          padding: 20px !important;
          border-radius: 10px !important;
      }
      
      .searchbox {
          width: 100% !important;
          padding: 20px !important;
          font-size: 18px !important;
          border: 2px solid #ddd !important;
          border-radius: 10px !important;
          height: 60px !important;
      }
      
      /* 商品分类优化 */
      .mobile-category {
          width: 100% !important;
          margin-bottom: 25px !important;
          background: #f8f8f8 !important;
          border-radius: 12px !important;
          padding: 20px !important;
      }
      
      .cpfl {
          margin-bottom: 20px !important;
      }
      
      .cpfl-bt {
          font-size: 20px !important;
          font-weight: bold !important;
          margin-bottom: 15px !important;
          padding: 15px 0 !important;
          border-bottom: 2px solid #ddd !important;
      }
      
      .cpfl li {
          display: inline-block !important;
          margin: 8px 10px 8px 0 !important;
      }
      
      .cpfl li a {
          display: block !important;
          padding: 12px 18px !important;
          background: white !important;
          border: 2px solid #ddd !important;
          border-radius: 25px !important;
          font-size: 16px !important;
          text-decoration: none !important;
          color: #333 !important;
          font-weight: 500 !important;
          min-height: 50px !important;
          line-height: 1.4 !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
      }
      
      .cpfl li.active a {
          background: #007bff !important;
          color: white !important;
          border-color: #007bff !important;
      }
      
      /* 商品列表优化 */
      .mobile-goods-container {
          width: 100% !important;
          float: none !important;
      }
      
      .mobile-goods-list {
          width: 100% !important;
      }
      
      .mobile-goods-grid {
          display: grid !important;
          grid-template-columns: repeat(2, 1fr) !important;
          gap: 20px !important;
          padding: 0 !important;
      }
      
      .mobile-goods-grid li {
          width: 100% !important;
          margin: 0 !important;
          background: white !important;
          border-radius: 12px !important;
          box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
          overflow: hidden !important;
          transition: transform 0.2s ease, box-shadow 0.2s ease !important;
      }
      
      .mobile-goods-grid li.touch-active {
          transform: scale(0.98) !important;
          box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
      }
      
      .goods-info {
          position: relative !important;
          padding: 15px !important;
      }
      
      .goods-info .cover {
          width: 100% !important;
          height: 160px !important;
          overflow: hidden !important;
          border-radius: 8px !important;
      }
      
      .goods-info .cover img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover !important;
      }
      
      .info-list {
          padding: 15px 0 !important;
      }
      
      .info-list .title {
          font-size: 16px !important;
          line-height: 1.5 !important;
          margin-bottom: 12px !important;
          height: 3em !important;
          overflow: hidden !important;
          font-weight: 500 !important;
      }
      
      .info-list .price {
          font-size: 20px !important;
          font-weight: bold !important;
          color: #e74c3c !important;
      }
      
      /* 分页优化 */
      .mobile-pages {
          margin: 40px 0 !important;
          text-align: center !important;
      }
      
      .mobile-pagination {
          display: flex !important;
          justify-content: center !important;
          align-items: center !important;
          flex-wrap: wrap !important;
          gap: 8px !important;
      }
      
      .mobile-pagination a {
          display: inline-block !important;
          padding: 12px 18px !important;
          margin: 4px !important;
          background: white !important;
          border: 2px solid #ddd !important;
          border-radius: 8px !important;
          text-decoration: none !important;
          color: #333 !important;
          font-size: 16px !important;
          min-width: 50px !important;
          text-align: center !important;
          font-weight: 500 !important;
          min-height: 50px !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
      }
      
      .mobile-pagination a:hover,
      .mobile-pagination a.active {
          background: #007bff !important;
          color: white !important;
          border-color: #007bff !important;
      }
      
      .mobile-pagination span {
          padding: 12px 18px !important;
          margin: 4px !important;
          color: #666 !important;
          font-size: 16px !important;
          font-weight: 500 !important;
      }
      
      .group2 {
          margin-top: 20px !important;
          display: flex !important;
          justify-content: center !important;
          align-items: center !important;
          flex-wrap: wrap !important;
          gap: 15px !important;
      }
      
      .group2 input {
          width: 80px !important;
          height: 50px !important;
          text-align: center !important;
          border: 2px solid #ddd !important;
          border-radius: 8px !important;
          font-size: 16px !important;
      }
      
      .group2 .ok {
          padding: 12px 20px !important;
          height: 50px !important;
          line-height: 1 !important;
          font-size: 16px !important;
          font-weight: 500 !important;
          border-radius: 8px !important;
      }
      
      /* 底部优化 */
      .foot {
          margin-top: 40px !important;
      }
      
      .foot-logo {
          padding: 30px 0 !important;
      }
      
      .foot-logo img {
          height: 40px !important;
      }
      
      .foot-ewm {
          /*flex-direction: column !important;*/
          align-items: center !important;
          padding: 30px 0 !important;
              justify-content: space-evenly;
      }
      
      .foot-ewm div {
          margin: 15px 0 !important;
      }
      
      .foot-ewm div img {
          width: 100px !important;
          height: 100px !important;
      }
      
      .foot-ewm div span {
          font-size: 16px !important;
          margin-top: 10px !important;
      }
      
      .foot-copy {
          height: auto !important;
          padding: 20px 0 !important;
      }
      
      .copyright-text {
          font-size: 14px !important;
          line-height: 1.6 !important;
          padding: 0 20px !important;
      }
      
      .scroll-top {
          width: 50px !important;
          height: 50px !important;
          bottom: 30px !important;
          right: 30px !important;
          border-radius: 50% !important;
      }
      
      .scroll-top img {
          width: 24px !important;
          height: 24px !important;
      }
  }
  
  /* 小屏幕手机优化 */
  @media screen and (max-width: 480px) {
      .mobile-goods-grid {
          grid-template-columns: 1fr !important;
          gap: 15px !important;
      }
      
      .mobile-pagination a {
          padding: 10px 15px !important;
          font-size: 14px !important;
          min-width: 45px !important;
          min-height: 45px !important;
      }
      
      .cpfl li {
          margin: 5px 8px 5px 0 !important;
      }
      
      .cpfl li a {
          padding: 10px 15px !important;
          font-size: 14px !important;
          min-height: 45px !important;
      }
      
      .menu-li.mobile-menu-item {
          padding: 8px 4px !important;
      }
      
      .menu-li.mobile-menu-item a {
          font-size: 14px !important;
      }
      
      .info-list .title {
          font-size: 15px !important;
      }
      
      .info-list .price {
          font-size: 18px !important;
      }
      
      .cpfl-bt {
          font-size: 18px !important;
      }
      
      /* 关于我们页面小屏幕优化 */
      .newsnr {
          padding: 15px !important;
      }
      
      .newsbt p {
          font-size: 18px !important;
      }
      
      .newsbt div {
          font-size: 13px !important;
      }
      
      /* 特价列表小屏幕优化 */
      .tejilist {
          padding: 15px !important;
      }
      
      .tejilist li {
          margin: 8px 0 !important;
      }
      
      /* 新闻列表小屏幕优化 */
      .newlist {
          padding: 15px !important;
      }
      
       .newlist li {
         width: calc(48% - 6px) !important;
         margin: 8px 3px !important;
       }
       
       /* 小屏幕商品名称优化 */
       .newlist li span:first-of-type {
         font-size: 14px !important;
       }
       
       .newlist li span:last-of-type {
         font-size: 14px !important;
       }
      
      /* 商品详情页面小屏幕优化 */
      .pro-xqbox {
          padding: 15px !important;
      }
      
      #MagnifierWrap2 .MagnifierMain {
          max-width: 100% !important;
      }
      
      #MagnifierWrap2 .spec-items {
          max-width: 100% !important;
      }
      
      #MagnifierWrap2 .spec-items li {
          width: 50px !important;
          height: 50px !important;
      }
      
      .pro-xq .name {
          font-size: 16px !important;
      }
      
      .pro-xq .price {
          font-size: 20px !important;
      }
      
      .pro-xq .info {
          font-size: 13px !important;
      }
      
      .crumbs {
          padding: 8px 15px !important;
          font-size: 13px !important;
      }
      
      .content > div > div:last-child p:first-child {
          font-size: 16px !important;
      }
      
      .content > div > div:last-child p {
          font-size: 13px !important;
      }
      
      #container {
          height: 200px !important;
      }
  }
  
  /* 横屏优化 */
  @media screen and (max-width: 768px) and (orientation: landscape) {
      .mobile-goods-grid {
          grid-template-columns: repeat(3, 1fr) !important;
      }
      
      .mobile-category {
          display: none !important;
      }
  }
  
  /* 触摸优化 */
  @media (hover: none) and (pointer: coarse) {
      .mobile-goods-grid li:hover {
          transform: none !important;
      }
      
      .mobile-pagination a:hover {
          background: white !important;
          color: #333 !important;
          border-color: #ddd !important;
      }
      
      .mobile-pagination a:active {
          background: #007bff !important;
          color: white !important;
          border-color: #007bff !important;
      }
      
      .cpfl li a:hover {
          background: white !important;
          color: #333 !important;
          border-color: #ddd !important;
      }
      
      .cpfl li a:active {
          background: #007bff !important;
          color: white !important;
          border-color: #007bff !important;
      }
  }