/* ===== 关于我们页面 - PC 端 ===== */
.about-wrapper { background: #f5f7fa; padding: 24px 0 40px; min-height: 60vh; }
.about-container { width: 1200px; margin: 0 auto; display: flex; gap: 20px; }

/* 左侧导航 */
.about-side { width: 200px; flex-shrink: 0; }
.about-side-inner { background: #fff; border-radius: 8px; box-shadow: 0 1px 6px rgba(0,0,0,.06); overflow: hidden; position: sticky; top: 80px; }
.about-side-title { padding: 14px 18px; font-size: 15px; font-weight: 700; color: #333; background: #fafbfc; border-bottom: 1px solid #f0f0f0; }
.about-side-nav { padding: 6px 0; list-style: none; margin: 0; }
.about-side-nav li { border-left: 3px solid transparent; transition: all .2s; }
.about-side-nav li a { display: block; padding: 10px 18px; font-size: 14px; color: #555; text-decoration: none; transition: all .2s; }
.about-side-nav li:hover { background: #f6fffe; border-left-color: #16baaa; }
.about-side-nav li:hover a { color: #16baaa; }
.about-side-nav li.on { background: #f6fffe; border-left-color: #16baaa; }
.about-side-nav li.on a { color: #16baaa; font-weight: 600; }

/* 右侧内容 */
.about-main { flex: 1; min-width: 0; background: #fff; border-radius: 8px; box-shadow: 0 1px 6px rgba(0,0,0,.06); }
.about-breadcrumb { padding: 12px 20px; border-bottom: 1px solid #f0f0f0; font-size: 13px; color: #999; }
.about-breadcrumb a { color: #666; text-decoration: none; }
.about-breadcrumb a:hover { color: #16baaa; }
.about-breadcrumb .sep { margin: 0 6px; color: #ccc; }
.about-breadcrumb cite { color: #333; font-style: normal; }
.about-content { padding: 24px 28px; min-height: 400px; }
.about-text { line-height: 1.8; color: #333; font-size: 15px; }
.about-text img { max-width: 80% !important; max-height: 750px !important; height: auto !important; display: block !important; margin: 16px 0 !important; }

.about-empty { text-align: center; padding: 80px 0; color: #999; }
.about-empty i { font-size: 50px; display: block; margin-bottom: 16px; color: #ddd; }
.about-empty p { font-size: 15px; }

/* 联系我们 */
.contact-info { margin-top: 8px; }
.contact-item { display: flex; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #f2f2f2; }
.contact-item:last-child { border-bottom: none; }
.contact-item > i { width: 38px; height: 38px; border-radius: 50%; background: #f2f9f8; color: #16baaa; text-align: center; line-height: 38px; font-size: 18px; flex-shrink: 0; }
.contact-item .info { flex: 1; margin-left: 14px; }
.contact-item label { display: inline-block; width: 70px; font-size: 14px; color: #999; }
.contact-item .val { font-size: 15px; color: #333; }
.contact-item .val a { color: #16baaa; text-decoration: none; }

/* 资质照片 */
.aptitude-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 20px; }
.aptitude-list li { width: calc(33.33% - 14px); }
.aptitude-img { display: block; width: 100%; height: 280px; background: #f5f5f5; overflow: hidden; border-radius: 6px; cursor: pointer; }
.aptitude-img img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s; }
.aptitude-img img:hover { transform: scale(1.03); }
.aptitude-list h3 { font-size: 14px; color: #666; text-align: center; margin-top: 8px; }

/* 特色功能 */
.feature-list { padding: 0; }
.feature-item { display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.feature-item:last-child { border-bottom: none; }
.feature-icon { width: 56px; height: 56px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background: #f5f5f5; display: flex; align-items: center; justify-content: center; margin-right: 18px; }
.feature-icon img { max-width: 40px; max-height: 40px; }
.feature-icon i { font-size: 24px; color: #f0ad4e; }
.feature-body { flex: 1; }
.feature-title { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 6px; }
.feature-desc { font-size: 14px; color: #666; line-height: 1.7; }

/* 响应式 */
@media screen and (max-width: 768px) {
    .about-container { width: 100%; flex-direction: column; padding: 0 12px; }
    .about-side { width: 100%; }
}

/* ===== WAP 端 ===== */
.wap-about { padding: 0; }
.wa-tabs { display: flex; overflow-x: auto; background: #fff; border-bottom: 1px solid #eee; padding: 0 8px; -webkit-overflow-scrolling: touch; }
.wa-tabs a { flex-shrink: 0; padding: 12px 14px; font-size: 14px; color: #666; text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; transition: all .2s; }
.wa-tabs a.active { color: #16baaa; border-bottom-color: #16baaa; font-weight: 600; }
.wa-content { padding: 16px; background: #fff; margin-top: 8px; min-height: 50vh; }

/* WAP 资质照片网格 */
.aptitude-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.aptitude-card img { width: 100%; height: 160px; object-fit: contain; border-radius: 6px; cursor: pointer; }
.aptitude-card p { font-size: 13px; color: #666; text-align: center; margin-top: 6px; }

/* WAP 特色功能 */
.wa-content .feature-item { padding: 14px 0; }
.wa-content .feature-icon { width: 44px; height: 44px; margin-right: 12px; }
.wa-content .feature-icon img { max-width: 32px; max-height: 32px; }
.wa-content .feature-title { font-size: 15px; }
.wa-content .feature-desc { font-size: 13px; }