@media screen and (max-width: 768px) {
  .container { width: 92vw; margin: 0 auto;}


  .main-header{position: fixed; /* 改为固定定位 */ top: 0; left: 0; width: 100%; z-index: 610; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 可选 */ padding-block: 10px;}

  /* 2. 调整顶部Logo行内部元素 */
  .header-logo img{width: auto; height: 40px;} .header-slogan{display: none;} .desktop-use{display: none;} .nav{display: none;} .site-footer{display: none;} .mobile-toggle{display:block} .search-terms{display: none;}

  /* 3. 汉堡菜单图标 */
  #menuDrawer i{color: var(--text-tertiary); font-size:25px;}

  /* 4. 搜索栏改为非固定，随文档流 */
  .search-bar{display: flex; /* 关键：启用弹性布局 */ align-items: center; /* 垂直居中对齐子元素 */ justify-content: space-between; /* 子项两端对齐，效果是输入框和按钮分开在两端 */ position: static; width: 100%; height: 40px; background-color: #fff; padding: 5px 5%; box-sizing: border-box; margin-top: 0; border-top: 1px solid #eee;}

  /* 输入框容器（占据剩余空间） */
  .search-bar .sc_ipt{width: 100%; /* 或者 flex: 1; */ height: 30px; margin: 0; padding: 0; /* 移除 position: static; 如果存在 */}

  /* 按钮容器（不再需要绝对定位） */
  .search-bar .sc_btn{position: static; /* 或 relative，但不再需要 top/right/transform */ width: 50px; height: 30px; transform: none; /* 移除变换 */ /* 移除 top, right 属性 */}


  /* 5. 底部导航栏保持固定，并设置不遮挡内容的间距 */
  .ax-btmnav{display: block; background: linear-gradient(to right, #f03535, #ce0f0f); box-shadow: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 3.5rem; /* 明确高度 */ z-index: 610;} .ax-btmnav a{color: #FFF;}

  /* 6. 为整个页面内容添加上下内边距，防止被固定栏遮挡 */
  body{padding-top: 60px; /* 等于 .main-header 的估算高度 (40px logo + 20px padding) */ padding-bottom: 3.5rem; /* 等于 .ax-btmnav 的高度 */ box-sizing: border-box; /* 确保padding包含在总高度内 */}
  
  
  
  
  
/* 轮播图*/  
  *[class*="ax-swiper"] .ax-pages .ax-pages-bullet{width: 0.5rem; height: 0.5rem; margin: 0 0.4rem; display: inline-block; border-radius: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0.2; transition: all 100ms linear;}
/* 轮播图容器与项通用样式 */
.ax-wrapper{display: flex; flex-shrink: 0; /* 图片不被压缩 */}
.ax-slide{flex-shrink: 0; /* 图片保持原尺寸 */ width: 100%;}
/* 轮播图中下部轮播点定位 */
.ax-swiper .ax-pages-fraction,
.ax-swiper .ax-pages-custom,
.ax-swiper .ax-horizontal > .ax-pages-bullets,
.ax-swiper .ax-pages-bullets.ax-pages-horizontal{bottom: 0.8rem; left: 0; width: 100%;}

[class*="ax-swiper"] .ax-pages .ax-pages-bullet-active{opacity: 1; background: rgba(255, 90, 0, 0.8);}
}


/* 中屏设备（手机横屏 / 小平板） */
@media screen and (min-width: 769px) {
  .container { width: 90vw; margin: 0 auto;}

  /*顶部标语和tab、菜单开关*/
  .header-slogan{display:none;}
  .desktop-use{display: block;}
  .mobile-toggle{display:none;}
  .site-footer{display: block;}

}

/* 大屏设备（平板 / 小桌面） */
@media screen and (min-width: 992px) {
  .container { width: 90vw; margin: 0 auto;}

  /*顶部标语*/
	.header-slogan{display:block;}


}

/* 超大屏设备（桌面 / 大显示器） */
@media screen and (min-width: 1200px) {
  .container { width: 80vw; margin: 0 auto;}
  
  
}

/* 超大屏增强（4K / 多屏工作站） */
@media screen and (min-width: 1400px) {
  .container { width: 70vw; margin: 0 auto;}
  .search-terms{width:65vw;margin:0 auto}
  
}

















/*============================*/