/* ============================================================
   en 模板全站统一风格 + HTML5 滚动动画增强
   设计基准：index.html（品牌蓝 #003093 / #0078d7）
   加载于所有页面 CSS 之后，仅做增强，不破坏既有布局
   ============================================================ */

:root{
  --unify-primary:#003093;
  --unify-accent:#0078d7;
  --unify-radius:12px;
  --unify-shadow:0 6px 24px rgba(0,48,147,.10);
  --unify-shadow-hover:0 14px 36px rgba(0,48,147,.18);
  --unify-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 滚动进入动画（配合 unify.js 的 IntersectionObserver） ---------- */
html.has-anim .wow,
html.has-anim [data-animate]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s var(--unify-ease), transform .8s var(--unify-ease);
  will-change:opacity,transform;
}
html.has-anim .wow.is-visible,
html.has-anim [data-animate].is-visible{
  opacity:1;
  transform:none;
}
html.has-anim .wow.animate__fadeInUp,
html.has-anim [data-animate="fadeInUp"]{ transform:translateY(28px); }
html.has-anim .wow.animate__zoomIn,
html.has-anim [data-animate="zoomIn"]{ transform:scale(.92); }
html.has-anim .wow.animate__fadeIn,
html.has-anim [data-animate="fadeIn"]{ transform:none; opacity:0; }
.wow.is-visible.animate__zoomIn,
html.has-anim [data-animate="zoomIn"].is-visible{ transform:none; }

@media (prefers-reduced-motion: reduce){
  .wow,[data-animate]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ---------- 卡片统一：产品/新闻/案例/列表项 ---------- */
.product-list .swiper-slide,
.newswrap .item,
.honorwrap .item,
.videowrap .videoitem,
.case-list .item,
.news-list .item,
.list-item,
.pro-list .item,
.caselist .item,
.fanganlist .item,
.forumlist .item,
.joblist .item,
.card{
  border-radius:var(--unify-radius);
  overflow:hidden;
  transition:transform .45s var(--unify-ease), box-shadow .45s var(--unify-ease);
}
.product-list .swiper-slide:hover,
.newswrap .item:hover,
.honorwrap .item:hover,
.videowrap .videoitem:hover,
.list-item:hover,
.card:hover{
  transform:translateY(-6px);
  box-shadow:var(--unify-shadow-hover);
}

/* 图片 hover 缩放 */
.product-list .img img,
.news-img img,
.honorwrap .item img,
.case-list img,
.news-list img,
.pro-list img,
.item img{
  transition:transform .6s var(--unify-ease);
}
.product-list .swiper-slide:hover img,
.newswrap .item:hover img,
.case-list .item:hover img,
.news-list .item:hover img{
  transform:scale(1.06);
}

/* ---------- 按钮统一 ---------- */
.btn, .search-btn, .more a, .more button,
input[type=submit], input[type=button], button.submit{
  border-radius:24px;
  transition:all .35s var(--unify-ease);
}
.btn:hover, .more a:hover, input[type=submit]:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,120,215,.35);
}

/* ---------- 区块标题（与 index.html home-title 一致） ---------- */
.home-title, .page-title, .section-title, .title-bar h3, .cont-title{
  position:relative;
  letter-spacing:.02em;
}
.home-title-line{
  height:3px;
  width:60px;
  background:linear-gradient(90deg,var(--unify-primary),var(--unify-accent));
  border-radius:2px;
  margin-top:10px;
}

/* ---------- 表格美化（订单/购物车/会员中心） ---------- */
table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  border-radius:var(--unify-radius);
  overflow:hidden;
  box-shadow:var(--unify-shadow);
}
table th{
  background:linear-gradient(90deg,var(--unify-primary),var(--unify-accent));
  color:#fff;
  font-weight:600;
}
table th, table td{
  padding:12px 14px;
  border-bottom:1px solid #eef2f8;
}
table tbody tr{
  transition:background .25s var(--unify-ease);
}
table tbody tr:hover{
  background:#f0f6ff;
}

/* ---------- 表单美化（登录/注册/询价/留言） ---------- */
input[type=text], input[type=password], input[type=email], input[type=tel],
textarea, select{
  border:1px solid #d7dee9;
  border-radius:8px;
  padding:10px 14px;
  transition:border-color .3s, box-shadow .3s;
}
input:focus, textarea:focus, select:focus{
  outline:none;
  border-color:var(--unify-accent);
  box-shadow:0 0 0 3px rgba(0,120,215,.15);
}

/* ---------- 侧栏导航（与首页品牌色一致） ---------- */
.side_nav1, .side-nav a, .left-nav a{
  transition:all .3s var(--unify-ease);
}
.side_nav1:hover, .side-nav a:hover, .left-nav a:hover{
  padding-left:6px;
}

/* ---------- 页脚/顶部渐入 ---------- */
header{
  animation:unifySlideDown .6s var(--unify-ease);
}
@keyframes unifySlideDown{
  from{ opacity:0; transform:translateY(-12px); }
  to{ opacity:1; transform:none; }
}

/* ---------- 图片淡入（lazyload 兜底） ---------- */
img.lazy, img[data-src]{
  background:#f2f5fa;
}

/* 大标题始终可见（不依赖动画库初始化） */
html.has-anim .home-title, .home-title{opacity:1 !important;transform:none !important;}