/* ============================================================
   关于我们 4 页面统一样式（浅蓝清新版 v2.0 20260831）
   适用：企业简介 introduction / 公司品牌 brand
        / 联系我们 contactus / 企业文化 culture
   深蓝科技版备份：about_dark.css
   ============================================================ */

/* ===== 页面布局容器 ===== */
.about-wrap {
    background: #f2f7fd;
    min-height: 600px;
    padding-bottom: 50px;
}

/* ===== 浅蓝 Banner ===== */
.about-banner {
    position: relative;
    background: linear-gradient(135deg, #dcecff 0%, #eef6ff 45%, #e0edff 100%);
    padding: 66px 0 74px;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #d3e6ff;
}

/* 科技网格背景（浅蓝描线） */
.about-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(rgba(56, 132, 255, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 132, 255, 0.10) 1px, transparent 1px);
    background-size: 42px 42px;
    transform: perspective(500px) rotateX(38deg) scale(1.6);
    transform-origin: center 110%;
    opacity: 0.5;
}

/* 发光圆点装饰 */
.about-banner::after {
    content: '';
    position: absolute;
    top: -80px; right: -60px;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(84, 150, 255, 0.28) 0%, transparent 70%);
}

.about-banner .container { position: relative; z-index: 2; }

.about-banner h1 {
    color: #1e5bbf;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 6px;
    margin: 0 0 10px;
    text-shadow: 0 2px 16px rgba(84, 150, 255, 0.35);
}

.about-banner .banner-sub {
    color: #6d93cf;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0;
}

/* 面包屑 */
.about-crumb {
    padding: 12px 0;
    background: #fff;
    border-bottom: 1px solid #e8f0fa;
    font-size: 13px;
    color: #888;
}
.about-crumb a { color: #2d7de0; text-decoration: none; }
.about-crumb .sep { margin: 0 6px; color: #c3d6ef; }
.about-crumb .now { color: #44546a; }

/* ===== 主体两栏：左导航 + 右内容 ===== */
.about-main {
    display: flex;
    gap: 24px;
    padding: 24px 0;
    align-items: flex-start;
}

/* 左侧 tab 导航 */
.about-side {
    width: 200px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(56, 132, 255, 0.08);
    overflow: hidden;
    border: 1px solid #e3efff;
}
.about-side .side-title {
    background: linear-gradient(135deg, #4b9bff, #2d7de0);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 16px 10px;
    letter-spacing: 2px;
}
.about-side .side-item {
    display: block;
    padding: 14px 20px;
    font-size: 14px;
    color: #55708f;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all .25s;
    position: relative;
}
.about-side .side-item:hover { background: #f0f7ff; color: #2d7de0; }
.about-side .side-item.active {
    background: #e6f2ff;
    color: #1e6fd0;
    font-weight: 600;
    border-left-color: #2d7de0;
}
.about-side .side-item .fa { margin-right: 8px; color: #a5c4ee; width: 16px; text-align: center; }
.about-side .side-item.active .fa { color: #2d7de0; }

/* 右侧内容区 */
.about-content {
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(56, 132, 255, 0.08);
    padding: 36px 40px;
    border: 1px solid #e3efff;
}

/* ===== 通用板块标题 ===== */
.about-sec-title {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #1c3e6b;
    margin: 0 0 8px;
    padding-left: 16px;
}
.about-sec-title::before {
    content: '';
    position: absolute;
    left: 0; top: 4px; bottom: 4px;
    width: 4px;
    border-radius: 2px;
    background: linear-gradient(180deg, #6db1ff, #2d7de0);
}
.about-sec-sub {
    color: #93a9c4;
    font-size: 13px;
    margin: 0 0 24px;
    padding-left: 16px;
}

/* ===== 公司简介页 ===== */

/* 首段图文区 */
.about-intro-top {
    display: flex;
    gap: 30px;
    margin-bottom: 36px;
}
.about-intro-top .intro-img {
    width: 46%;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(56, 132, 255, 0.14);
}
.about-intro-top .intro-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-intro-top .intro-text { flex: 1; }
.about-intro-top .intro-text p {
    color: #51698a;
    font-size: 14.5px;
    line-height: 2;
    text-indent: 2em;
    margin: 0 0 14px;
}

/* 数据亮点 */
.about-stats {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(135deg, #4b9bff, #2d7de0);
    border-radius: 10px;
    padding: 26px 34px;
    margin-bottom: 36px;
}
.about-stats .stat-item { text-align: center; flex: 1; position: relative; }
.about-stats .stat-item + .stat-item::before {
    content: '';
    position: absolute;
    left: 0; top: 8px; bottom: 8px;
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
}
.about-stats .stat-num {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 24px rgba(120, 180, 255, 0.55);
}
.about-stats .stat-label { color: rgba(255, 255, 255, 0.85); font-size: 13px; margin-top: 4px; }

/* 优势卡片 */
.about-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 36px;
}
.about-card {
    background: #f7fbff;
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 24px 18px;
    text-align: center;
    transition: all .3s;
}
.about-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(56, 132, 255, 0.14);
    border-color: #9cc4ff;
}
.about-card .card-icon {
    width: 56px; height: 56px;
    margin: 0 auto 14px;
    border-radius: 14px;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 24px;
    box-shadow: 0 4px 12px rgba(45, 125, 224, 0.32);
}
.about-card h3 { font-size: 16px; color: #1c3e6b; margin: 0 0 8px; }
.about-card p { font-size: 13px; color: #8aa0bb; line-height: 1.8; margin: 0; }

/* 发展历程时间轴 */
.about-timeline { position: relative; padding-left: 28px; margin-bottom: 8px; }
.about-timeline::before {
    content: '';
    position: absolute;
    left: 8px; top: 6px; bottom: 6px;
    width: 2px;
    background: linear-gradient(180deg, #6db1ff, #2d7de0, rgba(45, 125, 224, 0.1));
}
.about-tl-item { position: relative; padding-bottom: 26px; }
.about-tl-item::before {
    content: '';
    position: absolute;
    left: -25px; top: 6px;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #2d7de0;
    box-shadow: 0 0 0 3px rgba(45, 125, 224, 0.15);
}
.about-tl-item .tl-year {
    display: inline-block;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 14px;
    border-radius: 20px;
    margin-bottom: 8px;
}
.about-tl-item h4 { font-size: 15px; color: #1c3e6b; margin: 0 0 4px; }
.about-tl-item p { font-size: 13.5px; color: #8aa0bb; line-height: 1.8; margin: 0; }

/* ===== 公司品牌页 ===== */
.about-brand-hero {
    background: linear-gradient(135deg, #edf5ff, #e2eeff);
    border: 1px solid #cfe4ff;
    border-radius: 10px;
    padding: 28px 32px;
    margin-bottom: 32px;
}
.about-brand-hero p { color: #51698a; font-size: 14.5px; line-height: 2; margin: 0; text-indent: 2em; }

.brand-system {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 36px;
}
.brand-sys-card {
    border-radius: 10px;
    padding: 28px 26px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.brand-sys-card.zkrm {
    background: linear-gradient(135deg, #4b9bff, #2d7de0);
}
.brand-sys-card.zkcc {
    background: linear-gradient(135deg, #2eb0a4, #1f8a80);
}
.brand-sys-card::after {
    content: '';
    position: absolute;
    right: -40px; bottom: -40px;
    width: 160px; height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
}
.brand-sys-card .brand-name { font-size: 24px; font-weight: 700; margin-bottom: 4px; }
.brand-sys-card .brand-en { font-size: 12px; opacity: .75; letter-spacing: 1px; margin-bottom: 14px; }
.brand-sys-card p { font-size: 13.5px; line-height: 1.9; opacity: .95; margin: 0 0 10px; position: relative; z-index: 1; }
.brand-sys-card .brand-tag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-size: 12px;
    padding: 3px 12px;
    border-radius: 20px;
    margin: 0 6px 6px 0;
    position: relative;
    z-index: 1;
}

/* 资质荣誉墙 */
.about-qualify {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 8px;
}
.qualify-item {
    border: 1px solid #dfecfc;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
}
.qualify-item:hover { box-shadow: 0 8px 20px rgba(56, 132, 255, 0.12); transform: translateY(-3px); }
.qualify-item .q-img {
    height: 120px;
    background: #f2f8ff;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.qualify-item .q-img img { max-width: 85%; max-height: 85%; object-fit: contain; }
.qualify-item .q-name { text-align: center; font-size: 13px; color: #55708f; padding: 12px 8px; }

/* ===== 联系我们页 ===== */
.about-contact-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}
.contact-card {
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 26px 22px;
    text-align: center;
    transition: all .3s;
    background: #f8fbff;
}
.contact-card:hover { box-shadow: 0 8px 24px rgba(56, 132, 255, 0.14); transform: translateY(-3px); }
.contact-card .c-icon {
    width: 52px; height: 52px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    color: #fff;
    font-size: 22px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(45, 125, 224, 0.3);
}
.contact-card h3 { font-size: 15px; color: #1c3e6b; margin: 0 0 6px; }
.contact-card .c-val { font-size: 16px; color: #2d7de0; font-weight: 600; margin: 0 0 4px; }
.contact-card .c-sub { font-size: 12.5px; color: #8aa0bb; margin: 0; }

/* 联系页地图 */
.about-map {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dfecfc;
    margin-bottom: 32px;
    height: 320px;
}
.about-map iframe { width: 100%; height: 100%; border: 0; display: block; }

/* 业务合作板块 */
.about-coop {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.coop-item {
    display: flex;
    gap: 16px;
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 20px;
    background: #f8fbff;
    transition: all .3s;
}
.coop-item:hover { border-color: #9cc4ff; box-shadow: 0 6px 18px rgba(56, 132, 255, 0.1); }
.coop-item .coop-icon {
    width: 46px; height: 46px;
    flex-shrink: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    color: #fff;
    font-size: 20px;
    display: flex; align-items: center; justify-content: center;
}
.coop-item h4 { font-size: 15px; color: #1c3e6b; margin: 0 0 6px; }
.coop-item p { font-size: 13px; color: #8aa0bb; line-height: 1.8; margin: 0; }
.coop-item p a { color: #2d7de0; text-decoration: none; }

/* ===== 企业文化页 ===== */
.about-culture-quote {
    text-align: center;
    background: linear-gradient(135deg, #4b9bff, #2d7de0);
    border-radius: 10px;
    padding: 36px 40px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
}
.about-culture-quote::before {
    content: '\201C';
    position: absolute;
    top: -30px; left: 20px;
    font-size: 160px;
    color: rgba(255, 255, 255, 0.15);
    font-family: Georgia, serif;
}
.about-culture-quote p {
    color: #fff;
    font-size: 18px;
    line-height: 1.9;
    margin: 0;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}
.about-culture-quote .q-source { color: rgba(255, 255, 255, 0.8); font-size: 13px; margin-top: 12px; }

.culture-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 8px;
}
.culture-item {
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 24px 22px;
    background: #f8fbff;
    border-top: 3px solid #2d7de0;
    transition: all .3s;
}
.culture-item:hover { box-shadow: 0 8px 24px rgba(56, 132, 255, 0.12); transform: translateY(-3px); }
.culture-item .c-label {
    display: inline-block;
    font-size: 12px;
    color: #2d7de0;
    background: #e6f2ff;
    padding: 2px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}
.culture-item h3 { font-size: 17px; color: #1c3e6b; margin: 0 0 8px; }
.culture-item p { font-size: 13.5px; color: #8aa0bb; line-height: 1.9; margin: 0; }

/* 团队风采 */
.about-team {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.team-item {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #dfecfc;
    transition: all .3s;
}
.team-item:hover { box-shadow: 0 8px 24px rgba(56, 132, 255, 0.12); transform: translateY(-4px); }
.team-item .t-img {
    height: 160px;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 40px;
}
.team-item .t-name { text-align: center; font-size: 14px; font-weight: 600; color: #1c3e6b; padding: 12px 8px 2px; }
.team-item .t-role { text-align: center; font-size: 12px; color: #8aa0bb; padding: 0 8px 12px; }

/* 企业定位双栏 */
.about-culture-dual {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}
.dual-item {
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 26px 24px;
    background: #f8fbff;
    transition: all .3s;
}
.dual-item:hover { box-shadow: 0 8px 24px rgba(56, 132, 255, 0.12); transform: translateY(-3px); }
.dual-icon {
    width: 48px; height: 48px;
    border-radius: 10px;
    background: linear-gradient(135deg, #6db1ff, #2d7de0);
    color: #fff; font-size: 22px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 14px;
}
.dual-item h3 { font-size: 16px; color: #1c3e6b; margin: 0 0 10px; }
.dual-item p { font-size: 13.5px; color: #5a7393; line-height: 1.9; margin: 0; text-align: justify; }

/* 服务准则 */
.about-culture-principles {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 32px;
}
.principle-item {
    border: 1px solid #dfecfc;
    border-radius: 10px;
    padding: 20px 14px;
    text-align: center;
    background: #fff;
    transition: all .3s;
}
.principle-item:hover { box-shadow: 0 8px 24px rgba(56, 132, 255, 0.12); transform: translateY(-3px); }
.principle-item .p-label {
    display: inline-block;
    font-size: 12px;
    color: #2d7de0;
    background: #eef5ff;
    border-radius: 20px;
    padding: 3px 12px;
    margin-bottom: 10px;
    font-weight: 600;
}
.principle-item p { font-size: 13.5px; color: #1c3e6b; margin: 0; font-weight: 500; }

/* ===== 响应式 ===== */
@media (max-width: 1200px) {
    .about-contact-cards { grid-template-columns: repeat(2, 1fr); }
    .about-culture-dual { grid-template-columns: 1fr; }
    .about-culture-principles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 992px) {
    .about-main { flex-direction: column; }
    .about-side { width: 100%; display: flex; flex-wrap: wrap; }
    .about-side .side-title { width: 100%; }
    .about-side .side-item { flex: 1; min-width: 120px; text-align: center; border-left: none; border-bottom: 3px solid transparent; }
    .about-side .side-item.active { border-bottom-color: #2d7de0; }
    .about-intro-top { flex-direction: column; }
    .about-intro-top .intro-img { width: 100%; }
    .about-cards { grid-template-columns: repeat(2, 1fr); }
    .about-stats { flex-wrap: wrap; gap: 16px; }
    .about-stats .stat-item { flex: 1 1 40%; }
    .about-stats .stat-item + .stat-item::before { display: none; }
    .brand-system { grid-template-columns: 1fr; }
    .about-qualify { grid-template-columns: repeat(2, 1fr); }
    .about-contact-cards { grid-template-columns: 1fr; }
    .about-coop { grid-template-columns: 1fr; }
    .culture-grid { grid-template-columns: 1fr; }
    .about-team { grid-template-columns: repeat(2, 1fr); }
}


/* ===== 资质荣誉缩略图网格 (brand.html) ===== */
.honor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
.honor-item{background:#fff;border:1px solid #e8f0fa;border-radius:10px;padding:10px 10px 14px;text-align:center;transition:all .3s;box-shadow:0 2px 8px rgba(30,91,191,.05)}
.honor-item:hover{border-color:#cfe4ff;box-shadow:0 8px 20px rgba(30,91,191,.10);transform:translateY(-3px)}
.honor-img{height:200px;position:relative;overflow:hidden;border-radius:6px;background:#f7fafd}
.honor-img img{position:absolute;inset:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-user-drag:none;user-select:none;pointer-events:none}
.honor-name{margin-top:10px;font-size:13px;color:#44546a;line-height:1.4;padding:0 2px}
@media (max-width:1200px){.honor-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:992px){.honor-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.honor-grid{grid-template-columns:repeat(2,1fr);gap:10px}.honor-img{height:150px}}

/* ============================================================
   移动端单独适配（20260906 手机/平板直开 /p/*.html 可正常阅读）
   解锁全站桌面固定宽度：shop_layout.css html,body min-width:1256px / .container width:1170px
   ============================================================ */
@media (max-width:991px){
    html, body, .group-page { min-width: 0 !important; }
    .container { width: auto !important; }
    /* PC 桌面页脚（内部固定 1200px）在手机/平板下直接隐藏，内容到页脚即止 */
    .footer-container { display: none !important; }
    html, body { overflow-x: hidden; }
}
@media (max-width:767px){
    .top-bar { display: none !important; }
    html, body { overflow-x: hidden; }

    .about-wrap { min-height: 0; padding-bottom: 30px; }
    .about-banner { padding: 30px 0 34px; }
    .about-banner h1 { font-size: 26px; letter-spacing: 3px; margin-bottom: 6px; }
    .about-banner .banner-sub { font-size: 12px; letter-spacing: 1px; }
    .about-banner::after { width: 140px; height: 140px; top: -40px; right: -30px; }

    .about-crumb { padding: 9px 0; font-size: 12px; }
    .about-main { padding: 12px 0; gap: 12px; }

    /* 左侧四标签 → 顶部可横滑胶囊条 */
    .about-side { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; }
    .about-side .side-title { display: none; }
    .about-side .side-item { flex: 0 0 auto; min-width: 0; padding: 11px 18px; white-space: nowrap; font-size: 13px; text-align: center; border-left: none; border-bottom: 2px solid transparent; }
    .about-side .side-item .fa { display: none; }
    .about-side .side-item.active { border-bottom-color: #2d7de0; border-left: none; background: #e6f2ff; }

    .about-content { padding: 18px 14px; border-radius: 8px; }
    .about-sec-title { font-size: 18px; padding-left: 12px; margin-bottom: 6px; }
    .about-sec-title::before { width: 3px; }
    .about-sec-sub { font-size: 12px; margin-bottom: 16px; padding-left: 12px; }

    .about-intro-top { gap: 16px; margin-bottom: 22px; }
    .about-intro-top .intro-text p { font-size: 14px; }

    .about-stats { padding: 18px 10px; margin-bottom: 22px; gap: 10px; }
    .about-stats .stat-item { flex: 1 1 40%; }
    .about-stats .stat-num { font-size: 22px; }
    .about-stats .stat-label { font-size: 11px; }

    .about-cards { gap: 12px; margin-bottom: 22px; }
    .about-card { padding: 16px 10px; }
    .about-card .card-icon { width: 44px; height: 44px; font-size: 20px; border-radius: 12px; margin-bottom: 10px; }
    .about-card h3 { font-size: 14px; }
    .about-card p { font-size: 12px; }

    .about-timeline { padding-left: 22px; }
    .about-tl-item { padding-bottom: 20px; }
    .about-tl-item .tl-year { font-size: 12px; }
    .about-tl-item h4 { font-size: 14px; }
    .about-tl-item p { font-size: 12.5px; }

    /* 品牌页 */
    .about-brand-hero { padding: 18px 16px; margin-bottom: 22px; }
    .about-brand-hero p { font-size: 13.5px; }
    .brand-system { gap: 14px; margin-bottom: 22px; }
    .brand-sys-card { padding: 20px 16px; }
    .brand-sys-card .brand-name { font-size: 20px; }
    .brand-sys-card p { font-size: 13px; }
    .about-qualify { gap: 10px; margin-bottom: 4px; }
    .qualify-item .q-img { height: 92px; }
    .qualify-item .q-name { font-size: 12px; padding: 8px 4px; }
    .honor-grid { gap: 10px; }
    .honor-img { height: 120px; }
    .honor-name { font-size: 12px; }

    /* 联系我们 */
    .about-contact-cards { gap: 12px; margin-bottom: 22px; }
    .contact-card { padding: 18px 12px; }
    .contact-card .c-icon { width: 42px; height: 42px; font-size: 18px; margin-bottom: 10px; }
    .contact-card .c-val { font-size: 14px; }
    .about-map { height: 210px; margin-bottom: 22px; }
    .about-coop { gap: 12px; }
    .coop-item { padding: 14px 12px; gap: 12px; }
    .coop-item .coop-icon { width: 38px; height: 38px; font-size: 17px; border-radius: 10px; }
    .coop-item h4 { font-size: 14px; }
    .coop-item p { font-size: 12.5px; }

    /* 企业文化 */
    .about-culture-quote { padding: 22px 16px; margin-bottom: 22px; }
    .about-culture-quote p { font-size: 15px; }
    .about-culture-quote .q-source { font-size: 12px; }
    .culture-grid { gap: 12px; }
    .culture-item { padding: 18px 14px; }
    .culture-item h3 { font-size: 16px; }
    .culture-item p { font-size: 13px; }
    .about-team { gap: 10px; }
    .team-item .t-img { height: 120px; font-size: 30px; }
    .team-item .t-name { font-size: 13px; }
    .team-item .t-role { font-size: 11px; }
    .about-culture-dual { gap: 12px; margin-bottom: 22px; }
    .dual-item { padding: 18px 14px; }
    .dual-item p { font-size: 13px; }
    .about-culture-principles { gap: 10px; margin-bottom: 22px; }
    .principle-item { padding: 14px 8px; }
    .principle-item .p-label { font-size: 11px; padding: 2px 10px; }
    .principle-item p { font-size: 12px; }

    /* 总览页 about.html */
    .about-overview-hero { padding: 30px 0 36px; }
    .about-overview-hero h1 { font-size: 26px; letter-spacing: 1px; margin-bottom: 6px; }
    .about-overview-hero .banner-sub { font-size: 11px; letter-spacing: 1px; }
    .about-overview-hero .hero-desc { font-size: 14px; line-height: 1.8; margin-top: 14px; }
    .about-overview-hero .hero-stats { gap: 14px; margin-top: 20px; }
    .about-overview-hero .hs-item .hs-num { font-size: 24px; }
    .about-overview-hero .hs-item .hs-label { font-size: 11px; }
    .about-overview-nav a { padding: 12px 10px; font-size: 13px; gap: 6px; }
    .about-overview-nav a i { font-size: 15px; }
    .about-overview-sections { padding: 22px 0 20px; }
    .about-overview-grid { gap: 14px; }
    .about-overview-grid .ov-card { padding: 18px 16px; gap: 12px; }
    .ov-card .ov-icon { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; }
    .ov-card .ov-icon i { font-size: 20px; }
    .ov-card .ov-body h3 { font-size: 16px; margin-bottom: 6px; }
    .ov-card .ov-body p { font-size: 13px; }
    .about-overview-brief { padding: 18px 16px; gap: 14px; margin-bottom: 16px; }
    .about-overview-brief .brief-txt h3 { font-size: 17px; }
    .about-overview-brief .brief-txt p { font-size: 13px; }
}