/* main.css - 全国公共资源交易CA办理平台核心样式（REM响应式+IE11兼容） */
h2,
p {
  padding: 0;
  margin: 0;
}

/* ========== 核心：REM响应式基准配置（兼容IE11） ========== */
html,
body {
  height: auto; /* 关键：高度由内容决定，不再固定100% */
  margin: 0;
  padding: 0;
  overflow-x: auto; /* 隐藏横向滚动条 */
  overflow-y: auto; /* 纵向滚动随内容自适应 */
}

*:focus {
  outline: none !important;
}

html {
  /* 移除原有calc，改用JS动态计算 */
  font-size: 16px; /* 基准值，JS会覆盖 */
  /* 最小/最大限制 */
  min-font-size: 12px;
  max-font-size: 20px;
  /* IE11兼容 */
  font-size: \0/9001 16px; 
  font-family: "PingFang SC" !important;
   /* 新增：修复系统缩放后的布局 */
  box-sizing: border-box;
  -ms-text-size-adjust: 100%; /* IE11禁止文本自动缩放 */
  -webkit-text-size-adjust: 100%; /* 禁止移动端文本缩放 */
  text-size-adjust: 100%;
}

/* IE11单独处理 */
.ie html {
  font-size: 16px !important;
  font-family: "PingFang SC" !important;
}
.ie body{
    font-family: "PingFang SC" !important;
}


body {
   font-family: "PingFang SC" !important;
  background-color: #f8f9fa;
  min-width: 85.375rem; /* 最小宽度，避免窗口过小布局错乱 */
}

/* ========== 头部样式（REM响应式） ========== */
.header {
  text-align: center;
  position: relative;
  height: 4rem;
  display: -ms-flexbox; /* IE11 flex前缀 */
  display: flex;
  -ms-flex-align: center; /* IE11 flex垂直居中 */
  align-items: center;
  -ms-flex-pack: center; /* IE11 flex水平居中 */
  justify-content: center;
  width: 100%;
}

.header-logo {
  position: absolute;
  left: 26.5rem; 
  top: 1.125rem; 
  width: 23.1875rem;
  height: 1.75rem; 
  -ms-object-fit: contain;
  object-fit: contain;
}

.header h1 {
  margin: 0;
  color: #000;
  font-size: 1.5rem; 
}

.search-bar {
  position: absolute;
  right: 22.25rem; 
  display: -ms-flexbox; /* IE11 flex前缀 */
  display: flex;
  -ms-flex-align: center; /* IE11 flex垂直居中 */
  align-items: center;
  gap: 0;
  margin-top: 0;
}

/* IE 专属样式（移到基础样式后，确保优先级） */
.ie .search-bar {
  margin-top: -1.25rem !important; 
}

.search-bar input {
  padding: 0.5rem 2.5rem 0.5rem 0.75rem; /* 8px/40px/8px/12px 转REM */
  width: 20rem; /* 320px = 320/16 = 20rem */
  height: 2.5rem; /* 40px = 40/16 = 2.5rem */
  border: 1px solid #ccc;
  border-radius: 0.25rem; /* 4px = 4/16 = 0.25rem */
  box-sizing: border-box;
  font-size: 1rem; /* 16px = 16/16 = 1rem */
}
.search-bar input:focus {
  border-color: #266fff;
  box-shadow: 0 0 0 0.125rem rgba(38, 111, 255, 0.1); /* 2px = 0.125rem */
}

.search-bar button {
  position: absolute;
  right: 0.3125rem; /* 5px = 5/16 = 0.3125rem */
  top: 50%;
  -ms-transform: translateY(-50%); /* IE11 transform前缀 */
  transform: translateY(-50%);
  background: transparent;
  color: #666;
  border: none;
  padding: 0;
  width: 1.875rem; /* 30px = 30/16 = 1.875rem */
  height: 1.875rem; /* 30px = 30/16 = 1.875rem */
  border-radius: 0.25rem; /* 4px = 4/16 = 0.25rem */
  cursor: pointer;
}

.search-bar button img {
  width: 1.25rem; /* 20px = 20/16 = 1.25rem */
  height: 1.25rem; /* 20px = 20/16 = 1.25rem */
  display: block;
}

/* ========== 主内容样式（REM响应式） ========== */
.main-content {
  background-color: #f2f3f7;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1); /* 10px = 10/16 = 0.625rem */
  min-height: calc(100vh - 5rem - 5rem); /* 对应原calc(100vh - 64px - 80px) */
  padding-bottom: 1.25rem; /* 20px = 20/16 = 1.25rem */
}

.text-center {
  background-image: url("../img/banner.png"); /* 路径调整：相对CSS文件的位置 */
  height: 13.125rem; /* 210px = 210/16 = 13.125rem */
  margin-bottom: 1.3125rem; /* 21px = 21/16 = 1.3125rem */
  /* 核心修复：背景图适配属性 */
  background-repeat: no-repeat; /* 禁止背景图重复 */
  background-size: cover; /* 覆盖整个元素，保持比例，裁剪超出部分 */
  /* 可选：如果希望完整显示背景图，不裁剪，用下面这行替代cover
  background-size: contain; 
  */
  background-position: center center; /* 背景图居中显示 */
  background-attachment: local; /* 背景图随元素缩放，而非视口 */
  /* 禁止背景图被选中/拖拽的核心样式 */
  user-select: none; /* 禁止内容选择 */
  -webkit-user-drag: none; /* Safari/Chrome禁止拖拽 */
  -khtml-user-drag: none; /* 老版webkit内核禁止拖拽 */
  -moz-user-drag: none; /* Firefox禁止拖拽 */
  -o-user-drag: none; /* Opera禁止拖拽 */
  pointer-events: auto; /* 确保事件正常触发 */
  /* ========== 新增：IE浏览器专属兼容 ========== */
  -ms-user-select: none; /* IE10+/Edge 禁止内容选择 */
  -ms-touch-action: none; /* IE10+ 禁止触摸拖拽 */
}

.text-center h2 {
  color: #000;
  font-size: 2.75rem; /* 44px = 44/16 = 2.75rem */
  text-align: center;
  padding-top: 2.875rem; /* 46px = 46/16 = 2.875rem */
  padding-bottom: 1.25rem; /* 20px = 20/16 = 1.25rem */
  font-weight: bold;
}

.text-center p:nth-of-type(1) {
  color: #9a9a9a;
  font-size: 1rem; /* 16px = 16/16 = 1rem */
  text-align: center;
  font-weight: bold;
}

.text-center p:nth-of-type(2) {
  color: #266fff;
  font-size: 1.25rem; /* 20px = 20/16 = 1.25rem */
  text-align: center;
  font-weight: bold;
}

/* main-box 水平居中（IE11兼容） */
.main-box {
  width: 74.875rem; /* 1198px = 1198/16 = 74.875rem */
  margin: 0 auto; /* 核心：左右margin自动，实现水平居中 */
}

/* 省份选择区：IE11兼容（替换Grid为Flex，因为IE11 Grid支持差） */
.province-selection {
  margin-bottom: 1.25rem; /* 20px = 20/16 = 1.25rem */
  background-color: white;
  min-height: 5rem; /* 80px = 80/16 = 5rem */
  height: auto;
  padding: 0.625rem; /* 10px = 10/16 = 0.625rem */
  box-sizing: border-box;
  display: -ms-flexbox; /* IE11 flex前缀 */
  display: flex;
  -ms-flex-align: start; /* IE11 flex align-start */
  align-items: flex-start;
}

.province-selection.hidden {
  display: none;
}

.province-label {
  font-size: 1rem; /* 16px = 16/16 = 1rem */
  color: #333333;
  font-weight: bold;
  margin-right: 0.625rem; /* 10px = 10/16 = 0.625rem */
  margin-left: 0.625rem; /* 10px = 10/16 = 0.625rem */
  -ms-flex-negative: 0; /* IE11 flex-shrink */
  flex-shrink: 0;
  margin-top: 0.125rem; /* 2px = 2/16 = 0.125rem */
 font-family: PingFang SC;
}

/* 省份按钮容器：取消固定宽度限制，改为流式布局，左对齐 */
.province-buttons {
  -ms-flex: 1; /* IE11 flex */
  flex: 1;
  max-height: 5rem; /* 80px = 80/16 = 5rem */
  overflow: hidden;
  position: relative;
  /* 改为流式布局，左对齐，取消固定列数 */
  display: -ms-flexbox; /* IE11 flex */
  display: flex;
  -ms-flex-wrap: wrap; /* IE11 换行 */
  flex-wrap: wrap;
  align-content: flex-start; /* 多行左对齐 */
  gap: 0.5rem 0.75rem; /* 8px/12px 转REM（IE11兼容：用margin替代） */
  padding: 0;
  margin: 0;
}

/* 展开后显示所有按钮 */
.province-buttons.expanded {
  max-height: 12.5rem; /* 200px = 200/16 = 12.5rem */
}

/* 省份按钮：取消固定宽度，自适应内容宽度，左对齐 */
.province-btn {
  padding: 0.25rem 0.5rem; /* 4px/8px 转REM */
  background-color: #ffffff;
  border-radius: 0.25rem; /* 4px = 4/16 = 0.25rem */
  cursor: pointer;
  -ms-transition: background-color 0.3s; /* IE11 transition */
  transition: background-color 0.3s;
  font-size: 1rem; /* 16px = 16/16 = 1rem */
  color: #333333;
  /* 取消固定宽度，自适应内容 */
  width: auto !important;
  white-space: nowrap; /* 文字不换行 */
  text-align: left; /* 左对齐 */
  box-sizing: border-box;
  /* 移除原有margin，改用gap（IE11用子元素margin兼容） */
  margin: 0 0 0.5rem 0 !important; /* 8px = 8/16 = 0.5rem */
  min-width: 5.375rem;
}

.province-btn.active {
  background-color: #266fff;
  color: white;
  text-align: center;
}

/* 展开按钮：适配流式布局，左对齐 */
.expand-btn {
  color: #266fff;
  cursor: pointer;
  white-space: nowrap;
  padding: 0.25rem 0.875rem; /* 4px/14px 转REM */
  text-align: left;
  background-color: white;
  /* 自适应宽度，与省份按钮样式统一 */
  width: auto !important;
  min-width: 5rem; /* 80px = 80/16 = 5rem */
  box-sizing: border-box;
  margin: 0 0 0.5rem 0 !important; /* 8px = 8/16 = 0.5rem */
}
 .expand-btn--open{
  margin-left: 3.4375rem !important;
}
.ie .expand-btn--open{
  margin-left: 12.9rem !important;
}
 .expand-btn--close{
  margin-left: 31.5625rem !important;
}
.ie .expand-btn--close{
  margin-left: 50.5rem !important;
}

/* 搜索结果头部：IE11 Flex兼容 */
.search-result-header {
  display: none !important;
  display: -ms-flexbox; /* IE11 flex */
  -ms-flex-pack: justify; /* IE11 justify-content: space-between */
  justify-content: space-between;
  -ms-flex-align: center; /* IE11 align-items */
  align-items: center;
  margin-bottom: 1.25rem; /* 20px = 20/16 = 1.25rem */
  width: 100%;
  box-sizing: border-box;
  background-color: #f8f9fa;
  border-radius: 0.25rem; /* 4px = 4/16 = 0.25rem */
}

.search-result-header.show {
  display: -ms-flexbox !important; /* IE11 强制显示 */
  display: flex !important;
}

.result-count {
  font-size: 0.875rem; /* 14px = 14/16 = 0.875rem */
  color: #333;
  text-align: left;
  -ms-flex: 1; /* IE11 flex */
  flex: 1;
  background-color: #f2f3f7;
}

.back-btn {
  color: #007bff;
  cursor: pointer;
  font-size: 0.875rem; /* 14px = 14/16 = 0.875rem */
  text-decoration: none;
  text-align: right;
  margin-left: auto;
  padding-left: 1.25rem; /* 20px = 20/16 = 1.25rem */
    background-color: #f2f3f7;
}

.back-btn:hover {
  text-decoration: none;
}

/* 平台卡片容器：IE11 Grid深度兼容（彻底修复堆叠问题） */
.platform-container {
  display: -ms-grid; /* IE11 Grid前缀 */
  display: grid;
  /* IE11 3列定义：1fr + 20px间距 + 1fr + 20px间距 + 1fr */
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr; /* 20px = 20/16 = 1.25rem */
  /* 现代浏览器3列 */
  grid-template-columns: repeat(3, 1fr);
  /* 现代浏览器间距 */
  gap: 1.25rem; /* 20px = 20/16 = 1.25rem */
  margin-top: 1.25rem; /* 20px = 20/16 = 1.25rem */
  /* IE11 修复：清除默认间距，避免叠加 */
  padding: 0;
  overflow-y: auto !important;
  overflow: visible !important;
}
.ie .platform-container {
  overflow: visible !important;
}

/* 平台卡片：IE11 Grid+Flex深度兼容 + REM响应式 */
.platform-card {
  position: relative; /* 作为背景图的定位父容器 */
  padding-right: 3.5625rem !important; /* 105px = 105/16 = 6.5625rem */
  overflow: hidden; /* 防止背景图超出卡片范围 */
  border: 1px solid #ddd;
  background-color: #ffffff;
  height: 5rem; /* 80px = 80/16 = 5rem */
  display: -ms-flexbox; /* IE11 flex */
  display: flex;
  -ms-flex-align: center; /* IE11 垂直居中 */
  align-items: center;
  -ms-flex-pack: start; /* IE11 水平靠左 */
  justify-content: flex-start;
  padding: 0 0.625rem; /* 10px = 10/16 = 0.625rem */
  cursor: pointer;
  text-decoration: none;
  color: #333;
  /* IE11 Grid关键修复：每个卡片占1列 */
  -ms-grid-column-span: 1;
  /* IE11 间距模拟：替代gap */
  margin: 0 0 0.625rem 0 !important; /* 20px = 20/16 = 1.25rem */
  box-sizing: border-box;
  /* 禁止背景图被选中/拖拽的核心样式 */
  user-select: none; /* 禁止内容选择 */
  -webkit-user-drag: none; /* Safari/Chrome禁止拖拽 */
  -khtml-user-drag: none; /* 老版webkit内核禁止拖拽 */
  -moz-user-drag: none; /* Firefox禁止拖拽 */
  -o-user-drag: none; /* Opera禁止拖拽 */
  pointer-events: auto; /* 确保事件正常触发 */
  /* ========== 新增：IE浏览器专属兼容 ========== */
  -ms-user-select: none; /* IE10+/Edge 禁止内容选择 */
  -ms-touch-action: none; /* IE10+ 禁止触摸拖拽 */
}

/* IE11 手动指定每个卡片的位置，扩展到足够多的行号 */
.platform-container > .platform-card:nth-child(3n + 1) {
  -ms-grid-column: 1;
  margin-left: 0 !important;
}

.platform-container > .platform-card:nth-child(3n + 2) {
  -ms-grid-column: 3;
}

.platform-container > .platform-card:nth-child(3n + 3) {
  -ms-grid-column: 5;
  margin-right: 0 !important;
}

/* 第1-3个卡片：第1行 */
.platform-container > .platform-card:nth-child(1),
.platform-container > .platform-card:nth-child(2),
.platform-container > .platform-card:nth-child(3) {
  -ms-grid-row: 1;

}

/* 第4-6个卡片：第2行 */
.platform-container > .platform-card:nth-child(4),
.platform-container > .platform-card:nth-child(5),
.platform-container > .platform-card:nth-child(6) {
  -ms-grid-row: 2;
}

/* 第7-9个卡片：第3行 */
.platform-container > .platform-card:nth-child(7),
.platform-container > .platform-card:nth-child(8),
.platform-container > .platform-card:nth-child(9) {
  -ms-grid-row: 3;
}

/* 第10-12个卡片：第4行（新增） */
.platform-container > .platform-card:nth-child(10),
.platform-container > .platform-card:nth-child(11),
.platform-container > .platform-card:nth-child(12) {
  -ms-grid-row: 4;
}

/* 第13-15个卡片：第5行（新增） */
.platform-container > .platform-card:nth-child(13),
.platform-container > .platform-card:nth-child(14),
.platform-container > .platform-card:nth-child(15) {
  -ms-grid-row: 5;
}

/* 第16-18个卡片：第6行（新增，可根据实际数量扩展） */
.platform-container > .platform-card:nth-child(16),
.platform-container > .platform-card:nth-child(17),
.platform-container > .platform-card:nth-child(18) {
  -ms-grid-row: 6;
}

/* 第19-21个卡片：第7行（新增，可根据实际数量扩展） */
.platform-container > .platform-card:nth-child(19),
.platform-container > .platform-card:nth-child(20),
.platform-container > .platform-card:nth-child(21) {
  -ms-grid-row: 7;
}

/* 第22-24个卡片：第8行（新增，可根据实际数量扩展） */
.platform-container > .platform-card:nth-child(22),
.platform-container > .platform-card:nth-child(23),
.platform-container > .platform-card:nth-child(24) {
  -ms-grid-row: 8;
}

.platform-card:hover {
  /* box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); 2px/8px 转REM */
  box-shadow: 0px 0px 0.5625rem 0.0625rem rgba(38,111,255,0.3); /* 9px/1px 转REM */
  text-decoration: none;
}

.platform-card img {
  height: 3.125rem; /* 30px = 30/16 = 1.875rem */
  -ms-flex-negative: 0; /* IE11 不收缩 */
  flex-shrink: 0;
  margin-right: 0.75rem; /* 12px = 12/16 = 0.75rem（IE11 gap兼容） */
  object-fit: contain;
  margin-left: .625rem;
}

.platform-card p {
  font-size: 1.125rem; /* 16px = 16/16 = 1rem */
  color: #333;
  margin: 0;
  white-space: nowrap; /* 文字不换行 */
}
.platform-card p:hover{
  color: #266fff;
}

/* 无数据提示：IE11 Grid跨列兼容，确保只定义一次 */
.no-data-tip {
  /* IE11 跨3列 */
  -ms-grid-column: 1;
  -ms-grid-column-span: 5; /* IE11中3列+2个间距=5个网格单元，跨5个才是整行 */
  /* 现代浏览器跨列 */
  grid-column: 1 / -1;
  text-align: center;
  font-size: 1.125rem; /* 18px = 18/16 = 1.125rem */
  color: #666;
  padding: 2.5rem 0; /* 40px = 40/16 = 2.5rem */
  /* IE11 修复：清除margin，避免错位 */
  margin: 0 !important;
}

/* ========== 平台卡片hover背景图样式（REM响应式） ========== */
/* 平台背景图容器：默认隐藏，hover时显示 */
.platform-bg {
  position: absolute;
  right: 0px; /* 右侧留3px间距 */
  top: 50%;
  -ms-transform: translateY(-50%); /* IE11垂直居中前缀 */
  transform: translateY(-50%);
  width: 6.1875rem; /* 99px = 99/16 = 6.1875rem */
  height: 4.875rem; /* 78px = 78/16 = 4.875rem */
  background: url("../img/pingtaibeijing.png") center center no-repeat; /* 替换为实际图片路径 */
  background-size: 100% 100%; /* 填满容器 */
  /* 默认隐藏 */
  display: none;
  -ms-opacity: 0; /* IE11透明度前缀 */
  opacity: 0;
  /* 过渡动画，显示更顺滑 */
  -ms-transition: opacity 0.3s ease; /* IE11过渡前缀 */
  transition: opacity 0.3s ease;
  /* 确保在最上层，不被遮挡 */
  z-index: 1;
}

/* hover时显示背景图 */
.platform-card:hover .platform-bg {
  display: block;
  -ms-opacity: 1;
  opacity: 1;
}

/* IE11专属兼容：确保hover生效 */
.ie .platform-card:hover .platform-bg {
  display: block !important;
  -ms-opacity: 1 !important;
  opacity: 1 !important;
}

/* ========== 侧边栏及人工客服提示框样式（REM响应式+IE11兼容） ========== */
.sidebar {
  position: fixed;
  top: calc(13.125rem + 9.75rem); /* 210+156px 转REM：210/16=13.125，156/16=9.75 */
  right: .625rem; /* 20px = 20/16 = 1.25rem */
  z-index: 1000;
  width: 5rem; /* 80px = 80/16 = 5rem */
  background: #ffffff;
  border-radius: 2.5rem; /* 40px = 40/16 = 2.5rem */
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1); /* 2px/10px 转REM */
  padding: .625rem 0; /* 20px = 20/16 = 1.25rem */
  display: -ms-flexbox; /* IE11 flex */
  display: flex;
  -ms-flex-direction: column; /* IE11 垂直排列 */
  flex-direction: column;
  -ms-flex-align: center; /* IE11 水平居中 */
  align-items: center;
  gap: 1.25rem; /* 20px = 20/16 = 1.25rem */
  height: 12.5rem;  
}

.sidebar-item {
  display: -ms-flexbox; /* IE11 flex */
  display: flex;
  -ms-flex-direction: column; /* IE11 垂直排列 */
  flex-direction: column;
  -ms-flex-align: center; /* IE11 水平居中 */
  align-items: center;
  margin-bottom: 1.25rem; /* 20px = 20/16 = 1.25rem（IE11 gap兼容） */
  cursor: pointer;
  -ms-transition: transform 0.3s; /* IE11 transition */
  transition: transform 0.3s;
  position: relative; /* 作为提示框的定位父级 */
  text-decoration: none !important;
  margin-top: 10px;
}

.ie .sidebar-item {
  padding-bottom: 1.25rem !important; /* 20px = 20/16 = 1.25rem（IE11兼容gap） */
  margin-top: 0px;
}

.ie .sidebar-item:first-child {
  padding-top: 1.25rem !important; /* 20px = 20/16 = 1.25rem（IE11兼容gap） */
}

/* 移除最后一个item的margin */
.sidebar-item:last-child {
  margin-bottom: -0.3125rem;
}

/* .sidebar-item:hover {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
} */

.sidebar-item img {
  width: 1.875rem; /* 30px = 30/16 = 1.875rem */
  height: 1.875rem; /* 30px = 30/16 = 1.875rem */
}

.sidebar-item span {
  font-size: 0.875rem; /* 14px = 14/16 = 0.875rem */
  color: #313131;
  margin-top: 0.5rem; /* 8px = 8/16 = 0.5rem（IE11 gap兼容） */
}

/* 人工客服提示框：默认隐藏，REM响应式 */
.service-tip-box {
  /* 定位：侧边栏左侧 */
  position: absolute;
  right: 100%; /* 贴紧侧边栏右侧（相对父级） */
  top: 50%;
  -ms-transform: translateY(-50%); /* IE11 垂直居中 */
  transform: translateY(-50%);
  margin-right: 0.9375rem; /* 15px = 15/16 = 0.9375rem */
  /* 尺寸：按要求设置 */
  width: 12.5rem; /* 200px = 200/16 = 12.5rem */
  height: 3.125rem; /* 50px = 50/16 = 3.125rem */
  /* 样式 */
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15); /* 2px/8px 转REM */
  /* 内容居中 */
  display: -ms-flexbox; /* IE11 flex */
  display: flex;
  -ms-flex-align: center; /* IE11 垂直居中 */
  align-items: center;
  -ms-flex-pack: center; /* IE11 水平居中 */
  justify-content: center;
  /* 默认隐藏 */
  display: none;
  z-index: 1001; /* 高于侧边栏 */
}

/* 提示框文字样式 */
.service-tip-box .tip-text {
  font-size: 0.875rem; /* 14px = 14/16 = 0.875rem */
  color: #333333;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 0.3125rem;
}
/* 鼠标移入时显示提示框（IE11兼容:hover） */
.sidebar-item.manual-service:hover .service-tip-box {
  display: -ms-flexbox !important; /* IE11 强制显示flex */
  display: flex !important;
}

/* ========== 底部样式（REM响应式） ========== */
.footer {
  border-top: 1px solid #ddd;
  text-align: center;
  padding: 1rem; /* 20px = 20/16 = 1.25rem */
  background-color: #f2f3f7;
  font-size: .875rem; /* 12px = 12/16 = 0.75rem */
  color: #9B9B9B;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  margin-top: auto;
}

/* ========== 新增：移除输入框自动填充的背景色 ========== */
/* 针对Webkit内核浏览器（Chrome/Safari） */
.form-item input:-webkit-autofill,
.form-item input:-webkit-autofill:hover,
.form-item input:-webkit-autofill:focus,
.form-item input:-webkit-autofill:active {
  /* 强制背景色透明/和输入框默认背景一致 */
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  box-shadow: 0 0 0px 1000px #ffffff inset !important;
  /* 可选：设置文字颜色，防止自动填充后文字色变化 */
  -webkit-text-fill-color: #333 !important;
  text-fill-color: #333 !important;
  /* 取消过渡动画，避免样式闪烁 */
  transition: background-color 5000s ease-in-out 0s !important;
}

/* 通用样式：确保输入框默认样式统一 */
.form-item input {
  background-color: #fff !important; /* 强制输入框背景为白色 */
  border: 1px solid #ddd !important; /* 可选：统一边框样式 */
  outline: none !important; /* 可选：去掉聚焦时的默认轮廓 */
  font-size: 1rem; /* 16px = 16/16 = 1rem */
}

.form-item input:focus {
  border-color: #66afe9 !important; /* 可选：聚焦时的边框色，保持bootstrap风格 */
  box-shadow: inset 0 0.0625rem 0.0625rem rgba(0,0,0,.075), 0 0 0.5rem rgba(102, 175, 233, .6) !important; /* 1px/1px/8px 转REM */
}

/* 移除智能客服链接的下划线（包括所有状态） */
.sidebar-link {
  text-decoration: none !important; /* 移除下划线 */
  color: inherit !important; /* 继承父元素颜色，避免链接默认蓝色 */
  display: inline-block; /* 确保点击区域覆盖整个sidebar-item */
  margin-top: .625rem;
}

/* 移除hover、active、visited状态的下划线 */
.sidebar-link:hover,
.sidebar-link:active,
.sidebar-link:visited {
  text-decoration: none !important;
  color: inherit !important;
}