/*==========CSS名称：mobile-adapt==========*/
/* 全局重置，避免尺寸计算混乱 */
*, *::before, *::after {
  box-sizing: border-box; /* 宽度包含padding和border，不额外扩容 */
  margin: 0;
  padding: 0;
}

/* 👇 PC端基础样式（只在PC生效，不会乱） */
/* 导航 */
.nav {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
/* 主体布局 */
.main-container {
  width: 1200px;
  margin: 20px auto;
  display: flex;
  gap: 20px;
}
.left-bar {
  width: 800px;
  float: left;
}
.right-bar {
  width: 350px;
  float: right;
}
/* 图片防止溢出 */
img {
  max-width: 100%;
  height: auto;
}

/* &#128071; 移动端样式（仅屏幕<768px生效，不影响PC） */
@media screen and (max-width: 768px) {
  .nav, .main-container {
    width: 100%;
    padding: 0 10px;
    flex-direction: column; /* 纵向排列 */
  }
  .left-bar, .right-bar {
    float: none;
    width: 100%;
    margin: 0;
  }
  /* 这里可加导航折叠等之前的移动端样式 */
}

/*--Powered by:CreateLive CMS Version 4.2 CreateDate:2026-1-11 8:52:10--*/