/* 关于我们页面 */
.about-page .about-section{padding:80px 0}
.about-page .about-section.gray{background-color:#f7f8fa}

/* 板块标题 — 基础样式 A：居中 + 下方渐变短线 */
.about-page .section-title{font-size:32px;font-weight:600;text-align:center;color:#111;margin:0;line-height:1.4;word-break:break-word}
.about-page .section-title::after{content:"";display:block;width:60px;height:3px;border-radius:2px;background:linear-gradient(to right,var(--primary-color),var(--primary-color-light));margin:16px auto 0}

/* 标题样式 B：左对齐 + 左侧渐变竖条（图库板块） */
.about-page .section-title.style-bar{text-align:left;position:relative;padding-left:22px}
.about-page .section-title.style-bar::after{display:none}
.about-page .section-title.style-bar::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-light))}

/* 标题样式 C：居中 + 两侧渐隐细线 */
.about-page .section-title.style-lines{display:flex;align-items:center;gap:28px;text-align:center}
.about-page .section-title.style-lines::before{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#c9d2de)}
.about-page .section-title.style-lines::after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,#c9d2de)}

/* 标题样式 D：深色文字 + 加宽渐变细线 */
.about-page .section-title.style-gradient{color:#111}
.about-page .section-title.style-gradient::after{width:80px;height:2px}

/* 内容排版 */
.about-page .section-content{margin-top:32px;font-size:16px;line-height:1.8;color:#333;word-break:break-word}
.about-page .section-content img{max-width:100%;height:auto}
.about-page .section-content p{margin:0 0 1em}
.about-page .section-content table{width:100%;border-collapse:collapse}
.about-page .section-content table td,.about-page .section-content table th{border:1px solid #ddd;padding:8px 12px}

/* 白色内容卡片（灰底板块内） */
.about-page .content-card{background:#fff;border-radius:12px;padding:40px 48px;margin-top:40px;box-shadow:0 2px 12px rgba(0,0,0,0.04)}
.about-page .content-card .section-content{margin-top:0}

/* 生产车间 */
.about-page .workshop-list{display:flex;flex-direction:column;gap:40px;margin-top:48px}
.about-page .workshop-item{background:#fff;border-radius:12px;padding:36px 48px;box-shadow:0 2px 12px rgba(0,0,0,0.04)}
.about-page .workshop-head{display:flex;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid #ececec;margin-bottom:24px}
.about-page .workshop-num{font-size:44px;font-weight:700;line-height:1;flex-shrink:0;background-image:linear-gradient(to right,var(--primary-color),var(--primary-color-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-page .workshop-title{font-size:24px;font-weight:600;color:#111;margin:0;word-break:break-word}
.about-page .workshop-item .section-content{margin-top:0}

/* 图库网格（设备展示/荣誉证书，一行3个） */
.about-page .gallery-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:48px}
.about-page .gallery-item{width:calc(100% / 3 - 20px);margin:0;background:#fff;border:1px solid #ececec;border-radius:10px;overflow:hidden;transition:box-shadow .35s ease,transform .35s ease}
.about-page .gallery-item:hover{box-shadow:0 12px 32px rgba(11,63,142,0.12);transform:translateY(-6px)}
.about-page .gallery-item .image-wrapper{aspect-ratio:4 / 3;overflow:hidden;background-color:#f7f8fa;padding:16px}
.about-page .gallery-item .image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform .5s ease}
.about-page .gallery-item:hover .image-wrapper img{transform:scale(1.05)}
.about-page .gallery-caption{padding:14px 16px;text-align:center;font-size:15px;color:#333;border-top:1px solid #f4f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 响应式 */
@media screen and (max-width:992px){
  .about-page .about-section{padding:48px 0}
  .about-page .section-title{font-size:22px}
  .about-page .section-title::after{width:40px;margin-top:12px}
  .about-page .section-title.style-bar{padding-left:14px}
  .about-page .section-title.style-bar::before{width:4px}
  .about-page .section-title.style-lines{gap:16px}
  .about-page .section-title.style-gradient::after{width:50px}
  .about-page .content-card{padding:24px 20px;margin-top:28px}
  .about-page .workshop-list{gap:24px;margin-top:32px}
  .about-page .workshop-item{padding:24px 20px}
  .about-page .workshop-head{gap:14px;padding-bottom:14px;margin-bottom:18px}
  .about-page .workshop-num{font-size:32px}
  .about-page .workshop-title{font-size:19px}
  .about-page .gallery-grid{gap:16px;margin-top:32px}
  .about-page .gallery-item{width:calc(50% - 8px)}
}
@media screen and (max-width:576px){
  .about-page .gallery-item{width:100%}
}