/* ================================================================
   honors.css — 荣誉资质页面专用样式
   通用样式见 common.css
   ================================================================ */

/* Banner 背景图 */
.page-banner{background-image:url('assets/about/page-banner.jpg')}

/* ===== 荣誉资质页面专用样式 ===== */
.honors-main{padding:80px var(--side-pad) 100px}
.honors-head{text-align:center;margin-bottom:60px}
.honors-head h2{font-size:32px;font-weight:700;color:var(--c-primary);letter-spacing:4px;margin-bottom:14px}
.honors-head .h-line{width:50px;height:3px;background:var(--c-gold);margin:0 auto 16px;border-radius:2px}
.honors-head p{font-size:18px;color:var(--c-gray-500);letter-spacing:2px;line-height:1.8}

/* 证书分类标题 */
.honors-section-title{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-left:16px;border-left:4px solid var(--c-gold)}
.honors-section-title h3{font-size:24px;font-weight:700;color:var(--c-primary);letter-spacing:3px}
.honors-section-title span{font-size:14px;color:var(--c-gray-300);font-family:var(--font-en);letter-spacing:2px;text-transform:uppercase}

/* 证书网格 */
.honors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}
.honor-cert{position:relative;background:var(--c-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06);transition:all 0.4s var(--ease-out-expo);cursor:pointer;border:1px solid var(--c-gray-100)}
.honor-cert:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(26,57,130,.15);border-color:rgba(200,164,92,.4)}
.honor-cert::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-gold));transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease-out-expo);z-index:2}
.honor-cert:hover::before{transform:scaleX(1)}
.cert-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--c-gray-50)}
.cert-img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform 0.5s var(--ease-out-expo)}
.honor-cert:hover .cert-img-wrap img{transform:scale(1.05)}
.cert-info{padding:18px 20px;text-align:center;position:relative}
.cert-info::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--c-gray-200),transparent)}
.cert-info h4{font-size:15px;font-weight:600;color:var(--c-primary);letter-spacing:1px;line-height:1.5}
.cert-info p{font-size:12px;color:var(--c-gray-500);margin-top:6px;letter-spacing:1px}

/* 知识产权数据 */
.ip-section{background:linear-gradient(135deg,var(--c-gray-50),var(--c-white));border-radius:var(--radius-xl);padding:60px 48px;margin-bottom:60px;position:relative;overflow:hidden}
.ip-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-gold),var(--c-primary))}
.ip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}
.ip-card{position:relative}
.ip-card:not(:last-child)::after{content:'';position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:60px;background:var(--c-gray-200)}
.ip-num{font-size:48px;font-weight:700;color:var(--c-primary);line-height:1;margin-bottom:12px;font-family:var(--font-en)}
.ip-num .ip-unit{font-size:20px;color:var(--c-gold);margin-left:4px}
.ip-label{font-size:16px;color:var(--c-gray-500);letter-spacing:2px}

/* 资质标签 */
.qual-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.qual-tag{padding:12px 24px;background:var(--c-white);border:1px solid var(--c-gray-100);border-radius:30px;font-size:14px;color:var(--c-gray-700);letter-spacing:1px;transition:all var(--transition);display:flex;align-items:center;gap:8px}
.qual-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--c-gold);flex-shrink:0}
.qual-tag:hover{border-color:var(--c-gold);color:var(--c-primary);transform:translateY(-2px);box-shadow:0 4px 16px rgba(200,164,92,.15)}

/* 响应式 - 页面专用 */
@media(max-width:1200px){
  .honors-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .honors-main{padding:48px var(--side-pad) 60px}
  .honors-grid{grid-template-columns:repeat(2,1fr)}
  .ip-section{padding:40px 24px}
  .ip-grid{grid-template-columns:1fr;gap:28px}
  .ip-card:not(::last-child)::after{display:none}
}
@media(max-width:640px){
  .honors-main{padding:32px var(--side-pad) 40px}
  .honors-grid{grid-template-columns:1fr;gap:20px}
  .honors-head h2{font-size:24px}
  .honors-head p{font-size:14px}
  .honors-section-title h3{font-size:18px}
  .ip-section{padding:28px 16px}
  .ip-num{font-size:32px}
}