/* 基础动画效果无 */
/* 轮播图样式无 */
/*新的*/
/* 轮播图容器：溢出隐藏（关键） */
/* 精确指定轮播滑动容器（ID + 类名，优先级更高） */
/* 精确指定单个幻灯片（ID + 类名 + 子元素） */


/* 安全方案：不修改缩放，只让网页自适应所有设备 */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}

/* 让所有容器自动居中、不超出屏幕 */
.container,
header > div,
footer > div,
section {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 图片永远不会超出屏幕 */
img {
  max-width: 100% !important;
  height: auto !important;
}

/* 禁止浏览器自动调整文字大小 */
* {
  text-size-adjust: 100% !important;
}





/* 静态图片样式（可选） */
.static-banner {
    width: 100%;
    overflow: hidden;
}


/*box-shadow阴影，0.8的颜色*/
/*transition过渡*/
/*@layer 语法在 CSS 文件中定义工具类*/
@layer utilities {
    .nav-shadow {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .transition-height {
        transition: max-height 0.3s ease-in-out;
    }
}

/*background-color背景颜色，font-weigh文字粗细，color文字颜色*/
.nav-link.active {
  background-color: #f8f9fa; /* 和你页面的高亮背景色一致 */
  color: #dc3545; /* 比如红色，和你页面的主色匹配 */
  font-weight: bold;
}