/* =========================================================
   mi-style.css — 小米风格视觉覆盖层
   加载于 style.css 之后：仅覆盖颜色/圆角/阴影/hover 等视觉层，
   不改动 DOM、布局与 TDK。整文件删除即可完全回滚。
   主色 #ff6700 / hover 深橙 #e65c00 / 浅橙底 #fff5ed
   ========================================================= */

/* ---------- 全局基础 ---------- */
body {
  font-family: "MiSans", "PingFang SC", "Microsoft YaHei", -apple-system, "Helvetica Neue", Arial, sans-serif;
}
a {
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease, opacity .25s ease;
}
::selection {
  background: #ff6700;
  color: #fff;
}

/* 图片封面：溢出裁切 + hover 微放大 */
.img-cover {
  overflow: hidden;
}
.list-1 li a .img-cover span,
.list-2 li .img-cover span {
  transition: transform .5s ease;
}
.list-1 li a:hover .img-cover span,
.list-2 li a:hover .img-cover span {
  transform: scale(1.05);
}

/* ---------- 标题体系：黑粗体 + 橙色点缀 ---------- */
.section-title strong {
  color: #333;
}
.section-title-1 h4 {
  color: #333;
}
.section-title-1 h4:before,
.section-title-1 h4:after {
  background-color: #ff6700;
}
.yunu-link h4 {
  color: #333;
}

/* ---------- 顶部信息条 ---------- */
.header .tel {
  color: #666;
}
.header .tel strong {
  color: #ff6700;
}

/* ---------- 按钮 ---------- */
.btn {
  background-color: #ff6700;
  border-radius: 4px;
}
.btn:hover {
  background-color: #e65c00;
}
.btn-1 input {
  border-radius: 4px;
}
.btn-1 input.focus {
  background: #ff6700;
}
.btn-1 input.focus:hover {
  background: #e65c00;
}
.more-big {
  background-color: #ff6700;
  border-radius: 0 4px 4px 0;
}
.more-big:after {
  border-top-color: #e65c00;
}
.more-big:hover {
  color: #fff;
}

/* ---------- 产品卡（list-1）：圆角 + hover 上浮 ---------- */
.list-1 li a {
  border-radius: 8px;
}
.list-1 li a:hover {
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .09);
  transform: translateY(-4px);
}

/* ---------- 案例卡（list-2）：圆角 + hover 上浮 + 橙色遮罩 ---------- */
.list-2 li a {
  border-radius: 8px;
}
.list-2 li a:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .09);
  transform: translateY(-4px);
}
.list-2 li .more {
  background-color: rgba(255, 103, 0, .82);
  border-radius: 8px 8px 0 0;
}

/* ---------- 优势三列（in-adv）：hover 橙底上浮 ---------- */
.in-adv li a {
  border-radius: 8px;
  transition: all .3s ease;
}
.in-adv li a:hover {
  background-color: rgba(255, 103, 0, .92);
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(255, 103, 0, .28);
}

/* ---------- 产品分类 tab：白底描边，active 实橙 ---------- */
.in-prd-menu li a {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.in-prd-menu li a:hover {
  background-color: #fff5ed;
  border-color: #ff6700;
  color: #ff6700;
}
.in-prd-menu li.active a {
  background-color: #ff6700;
  border-color: #ff6700;
  color: #fff;
}
.in-prd-menu .hform input:focus {
  border-color: #ff6700;
  outline: none;
}
.in-prd-menu .hform button {
  background-color: #ff6700;
}

/* ---------- 新闻侧栏 tab ---------- */
.news-act-menu li a {
  border: 1px solid transparent;
}
.news-act-menu li.active a {
  background-color: #ff6700;
  color: #fff;
  border-radius: 4px;
}

/* ---------- 页脚 ---------- */
.footer dt:after {
  background-color: #ff6700;
}
.footer a:hover {
  color: #ff6700;
}
.footer-fix li a:hover {
  color: #ff6700;
}

/* ---------- 桌面端导航白底化（≥768px，不影响移动端抽屉） ---------- */
@media (min-width: 768px) {
  .header .nav {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    color: #333;
  }
  .header .nav .container:after {
    display: none;
  }
  .header .nav li a {
    color: #333;
  }
  /* 原斜切填充块 → 底部 2px 橙色横线（hover 展开沿用原 width 机制） */
  .header .nav li a:after {
    height: 2px;
    top: auto;
    bottom: 0;
    background: #ff6700;
    -webkit-transform: none;
    transform: none;
  }
  .header .nav li.active a,
  .header .nav li.open a,
  .header .nav li a:hover {
    color: #ff6700;
  }
  .header .nav .dropdown-box {
    background: #fff;
    border-radius: 0 0 8px 8px;
    border-top: 2px solid #ff6700;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  }
  .header .nav .dropdown-box a {
    color: #333;
  }
  .header .nav .dropdown-box a:hover {
    background-color: #fff5ed;
    color: #ff6700;
  }
}