/* 替换主色调为现代蓝，降低饱和度 */
:root {
  --primary: #3b82f6; /* 现代蓝主色 */
  --primary-dark: #2563eb; /* 深色变体 */
  --secondary: #f97316; /* 橙色强调色（保持活力但降低饱和） */
  --neutral: #f3f4f6; /* 浅灰背景 */
  --neutral-dark: #1f2937; /* 深色背景 */
  --text-primary: #111827; /* 主要文本 */
  --text-secondary: #6b7280; /* 次要文本 */
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* 基础阴影 */
  --shadow-hover: 0 10px 15px rgba(0, 0, 0, 0.1); /*  hover阴影 */
  --radius: 8px; /* 统一圆角 */
  --transition: all 0.3s ease; /* 统一过渡 */
}

/* 全局样式替换 */
body {
  color: var(--text-primary);
  background-color: #fff;
}

a {
  color: var(--primary);
  transition: var(--transition);
}

a:hover {
  color: var(--primary-dark);
  text-decoration: none; /* 现代设计减少下划线，用颜色变化表示交互 */
}

/* 替换原主色 */
.header {
  background-color: var(--primary) !important;
}

#magic-line {
  background: var(--primary-dark) !important;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-comm {
  background-color: var(--primary);
  transition: var(--transition);
}

.btn-comm:hover {
  background-color: var(--primary-dark);
  transform: translateY(-2px); /* 轻微上浮效果 */
  box-shadow: var(--shadow-hover);
}

/* 卡片与容器样式优化 */
.customer-reviews-list .item {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: var(--transition);
  border: none; /* 移除边框，用阴影替代 */
}

.customer-reviews-list .item:hover {
  box-shadow: var(--shadow-hover);
  transform: translateY(-5px); /* 悬浮上浮效果 */
}

/* 按钮圆角优化 */
.btn-comm, .btn-f90 {
  border-radius: var(--radius);
  border: none;
  box-shadow: var(--shadow);
}

/* 导航项优化 */
.header .menutop li a {
  border-radius: 4px;
  padding: 6px 12px; /* 增加点击区域 */
}

.header .menutop li a:hover {
  background-color: rgba(255, 255, 255, 0.1); /* 半透明背景 */
}

/* 广告栏圆角 */
.advers-banner {
  border-radius: var(--radius);
  overflow: hidden; /* 避免背景图溢出圆角 */
}
/* 导航切换动画 */
.header .menutop {
  transition: var(--transition);
}

/* 链接与按钮过渡 */
.top2bos, .navList a {
  transition: var(--transition);
}

.top2bos:hover, .navList a:hover {
  transform: translateX(3px); /* 轻微位移增强交互感 */
}

/* 图片加载过渡 */
img {
  transition: var(--transition);
}

img:hover {
  opacity: 0.9; /* 轻微透明效果 */
}

/* 滚动到顶部按钮动画 */
#scrolldiv {
  transition: var(--transition);
  opacity: 0.7;
}

#scrolldiv:hover {
  opacity: 1;
  transform: scale(1.1); /* 轻微放大 */
}
/* 移动端导航优化 */
@media screen and (max-width: 768px) {
  .header .menu-toggle {
    background-color: var(--primary);
    border-radius: var(--radius);
  }

  .header .menutop {
    background-color: var(--neutral-dark);
    border-radius: 0 0 var(--radius) var(--radius);
  }

  /* 移动端卡片宽度调整 */
  .customer-reviews-list .item {
    width: 90% !important;
    margin: 0 auto 20px !important;
    float: none;
  }
}

/* 平板端布局优化 */
@media screen and (max-width: 1020px) {
  .businessnewsbox, .w1180 {
    width: 95% !important;
    padding: 0 15px;
  }
}

/* 统一间距单位（使用rem更灵活） */
.row_top {
  padding: 3rem 0; /* 原55px转换为rem（假设1rem=16px） */
}

.news_list .clearfix {
  padding: 2.5rem 0; /* 原40px */
}
/* 字体层级优化 */
.background_p {
  font-size: clamp(2rem, 5vw, 2.4rem); /* 响应式字体大小 */
  font-weight: 600; /* 中等加粗更现代 */
  letter-spacing: -0.02em; /* 微调字距 */
}

.headline {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  margin-top: 2rem;
}

.Ltop1_within_p1 {
  font-size: 1.25rem;
  line-height: 1.4; /* 提升行高可读性 */
}

/* 次要文本弱化 */
.Ltop1_within_sp, .below_s {
  color: var(--text-secondary);
  line-height: 1.6;
}
.new-footer {
  background-color: var(--neutral-dark) !important;
  padding: 3rem 0;
}

.bottom-navigation dd a {
  color: #e5e7eb; /* 浅灰文本更现代 */
  transition: var(--transition);
}

.bottom-navigation dd a:hover {
  color: white;
  padding-left: 5px; /* hover时轻微位移 */
}

/* 社交图标优化 */
.followus a.followus-icon {
  transition: var(--transition);
  opacity: 0.8;
}

.followus a.followus-icon:hover {
  opacity: 1;
  transform: translateY(-3px) scale(1.1);
}