/* ==========================================================================
   style_enhance.css —— 山东龙辉起重 官网增强样式（追加式覆盖）
   加载顺序：css/style.css 之后
   主色 #F37021 / hover #d9601a / 浅橙底 #FFF1E8
   仅覆盖增强，不改动 HTML 结构与类名
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 首页 Banner 区块：圆角 + 柔和阴影
   -------------------------------------------------------------------------- */
.banner-section{
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.banner-item{
  border-radius: 12px;
  overflow: hidden;
}
.banner-cta{
  border-radius: 24px;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.banner-cta:hover{
  background-color: #d9601a;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(243, 112, 33, 0.28);
}

/* --------------------------------------------------------------------------
   2. 主导航下拉菜单 .nav-sub
   -------------------------------------------------------------------------- */
.nav-sub{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.nav-sub li a{
  transition: background-color .2s ease, color .2s ease;
}
.nav-sub li a:hover,
.nav-sub li a:focus{
  background-color: #FFF1E8;
  color: #F37021;
}
.nav-main > li > a{
  transition: color .2s ease;
}
.nav-main > li > a:hover{
  color: #F37021;
}

/* --------------------------------------------------------------------------
   3. 产品分类卡片 .home-cat-item
   -------------------------------------------------------------------------- */
.home-cat-item{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eee;
  background-color: #fff;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.home-cat-item:hover{
  transform: translateY(-4px);
  border-color: #F37021;
  box-shadow: 0 10px 24px rgba(243, 112, 33, 0.16);
}
.home-cat-thumb{
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.home-cat-thumb img{
  border-radius: 12px 12px 0 0;
  display: block;
  width: 100%;
  transition: transform .35s ease;
}
.home-cat-item:hover .home-cat-thumb img{
  transform: scale(1.04);
}
.home-cat-main{
  transition: color .2s ease;
}
.home-cat-item:hover .home-cat-main{
  color: #F37021;
}
.home-cat-sub-list a{
  transition: color .2s ease;
}
.home-cat-sub-list a:hover{
  color: #F37021;
}

/* --------------------------------------------------------------------------
   4. 文章 / 新闻条目 .article-item
   -------------------------------------------------------------------------- */
.article-item{
  border-radius: 10px;
  padding: 14px 16px;
  transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.article-item:hover{
  background-color: #FFFDF7;
  transform: translateX(3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}
.article-item a{
  transition: color .2s ease;
}
.article-item a:hover{
  color: #F37021;
}

/* --------------------------------------------------------------------------
   5. 区块标题 .section-title / .section-heading
   -------------------------------------------------------------------------- */
.section-title{
  font-weight: 700;
  letter-spacing: 0.5px;
}
.section-heading{
  margin-bottom: 18px;
}
.section-more{
  border-radius: 6px;
  transition: color .2s ease;
}
.section-more:hover{
  color: #d9601a;
}

/* --------------------------------------------------------------------------
   6. 内页面包屑 .breadcrumb-bar
   -------------------------------------------------------------------------- */
.breadcrumb-bar{
  background: #f7f7f7;
  border-radius: 6px;
  padding: 8px 14px;
}
.breadcrumb-bar a{
  transition: color .2s ease;
}
.breadcrumb-bar a:hover{
  color: #F37021;
}

/* --------------------------------------------------------------------------
   7. 内页侧栏 .sidebar / aside
   -------------------------------------------------------------------------- */
.sidebar,
aside.sidebar,
aside{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.sidebar .side-list li a,
.sidebar ul li a,
aside ul li a{
  transition: background-color .2s ease, color .2s ease;
  border-radius: 6px;
  display: block;
}
.sidebar .side-list li a:hover,
.sidebar ul li a:hover,
aside ul li a:hover{
  background-color: #FFF1E8;
  color: #F37021;
}

/* --------------------------------------------------------------------------
   8. 分页 .pagination
   -------------------------------------------------------------------------- */
.pagination a,
.pagination span,
.pagination li a,
.pagination li span{
  border-radius: 8px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.pagination a:hover,
.pagination li a:hover{
  background-color: #FFF1E8;
  color: #F37021;
  border-color: #F37021;
}
.pagination .current,
.pagination .active,
.pagination li.current a,
.pagination li.active a,
.pagination span.current{
  background-color: #F37021;
  color: #fff;
  border-color: #F37021;
  border-radius: 8px;
}
.pagination .current:hover,
.pagination .active:hover,
.pagination li.current a:hover,
.pagination li.active a:hover{
  background-color: #d9601a;
  color: #fff;
  border-color: #d9601a;
}

/* --------------------------------------------------------------------------
   9. 通用元素：图片、表单、按钮
   -------------------------------------------------------------------------- */
.container img,
.section img,
.article-section img,
.product-section img{
  border-radius: 8px;
}
input,
textarea,
select{
  border-radius: 6px;
}
.btn,
.button,
input[type="submit"],
input[type="button"],
button.btn{
  border-radius: 6px;
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button.btn:hover{
  background-color: #d9601a;
}

/* --------------------------------------------------------------------------
   10. 页脚 .site-footer / .footer
   -------------------------------------------------------------------------- */
.site-footer{
  position: relative;
}
.site-footer::before,
.footer::before{
  content: "";
  display: block;
  height: 3px;
  background-color: #F37021;
  width: 100%;
}
.site-footer a,
.footer a{
  transition: color .2s ease;
}
.site-footer a:hover,
.footer a:hover{
  color: #F37021;
}

/* --------------------------------------------------------------------------
   11. 响应式：移动端圆角适当缩小
   -------------------------------------------------------------------------- */
@media (max-width: 768px){
  .banner-section,
  .banner-item{
    border-radius: 8px;
  }
  .banner-cta{
    border-radius: 20px;
  }
  .nav-sub{
    border-radius: 8px;
  }
  .home-cat-item,
  .home-cat-thumb,
  .home-cat-thumb img{
    border-radius: 8px;
  }
  .home-cat-thumb,
  .home-cat-thumb img{
    border-radius: 8px 8px 0 0;
  }
  .article-item{
    border-radius: 8px;
    padding: 12px 12px;
  }
  .sidebar,
  aside.sidebar,
  aside{
    border-radius: 8px;
  }
  .pagination a,
  .pagination span,
  .pagination li a,
  .pagination li span,
  .pagination .current,
  .pagination .active{
    border-radius: 6px;
  }
  .breadcrumb-bar{
    border-radius: 6px;
    padding: 6px 10px;
  }
  .container img,
  .section img{
    border-radius: 6px;
  }
  input,
  textarea,
  select,
  .btn,
  .button{
    border-radius: 6px;
  }
}