/* 关于我们页面样式（沿用主站设计规范） */
.about-banner {
    overflow: hidden;
    background: url(../images/other-banner.png) no-repeat center / cover;
}

.about-banner .row > div:nth-child(2) img {
    width: 100%;
    height: 100%;
}

/* 公司简介 */
.about-intro-text p {
    color: #444;
}

.about-facts {
    height: 100%;
}

.about-fact {
    background: #F7F7F8;
    border-radius: 16px;
    text-align: center;
    padding: 30px 12px;
    margin-bottom: 24px;
}

.about-fact h3 {
    color: #6a40fe;
}

.about-fact p {
    color: #6b7777;
}

/* 发展历程 */
.about-history-wrap {
    background: #F7F7F8;
    padding: 80px 0;
}

.about-timeline {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 28px;
}

.about-timeline::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, #6a40fe, #ef588c);
    border-radius: 2px;
}

.about-tl-item {
    position: relative;
    display: flex;
    gap: 22px;
    margin-bottom: 34px;
}

.about-tl-item::before {
    content: '';
    position: absolute;
    left: -28px;
    top: 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #6a40fe;
}

.about-tl-year {
    color: #6a40fe;
    flex-shrink: 0;
    width: 62px;
    line-height: 34px;
}

.about-tl-card {
    flex: 1;
    background: #fff;
    border-radius: 16px;
    padding: 24px 26px;
    box-shadow: 0px 6px 20px rgba(26, 26, 46, 0.05);
}

.about-tl-card p {
    color: #6b7777;
}

/* 价值观 */
.about-value {
    height: 100%;
    background: #fff;
    border: 1px solid #F0F1F5;
    border-radius: 16px;
    padding: 32px 26px;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.about-value:hover {
    transform: translateY(-5px);
    box-shadow: 0px 16px 40px rgba(106, 64, 254, 0.12);
    border-color: rgba(106, 64, 254, 0.3);
}

.about-value img {
    width: 48px;
    height: 48px;
}

.about-value p {
    color: #6b7777;
}

/* 联系我们 */
.about-contact-wrap {
    background: #F7F7F8;
    padding: 80px 0;
}

.about-contact-card {
    background: #fff;
    border-radius: 16px;
    padding: 36px 24px;
    height: 100%;
    box-shadow: 0px 6px 20px rgba(26, 26, 46, 0.05);
}

.about-contact-card a {
    color: #6a40fe;
}

.about-contact-card p:last-child {
    color: #6b7777;
}

/* 底部 CTA */
.about-cta-wrap {
    margin-bottom: 100px;
}

.about-cta {
    background: linear-gradient(120deg, #6a40fe, #ef588c);
    border-radius: 20px;
    padding: 64px 24px;
    color: #fff;
}

.about-cta p {
    color: rgba(255, 255, 255, 0.85);
}

@media screen and (max-width: 768px) {
    .about-banner {
        margin-top: 60px !important;
    }

    .about-history-wrap,
    .about-contact-wrap {
        padding: 56px 0;
    }

    .about-tl-item {
        gap: 14px;
    }

    .about-tl-year {
        width: 50px;
    }

    .about-cta {
        padding: 44px 18px;
    }
}

/* GEO 板块沿用关于页现有 16px 卡片与轻阴影规范 */
.geo-tldr,
.geo-def,
.geo-table-wrap {
    border-radius: 16px;
}
.geo-def {
    border-color: #F0F1F5;
    box-shadow: 0 6px 20px rgba(26, 26, 46, 0.05);
}
.geo-table-wrap { box-shadow: none; }

@media screen and (max-width: 768px) {
    .geo-tldr,
    .geo-def,
    .geo-table-wrap {
        border-radius: 16px;
    }
}

/* 视觉统一：沿用原站紫色主色、浅灰底、轻边框与低强度阴影 */
.about-banner .row > div:nth-child(2) img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    margin: 0 auto;
    padding: 24px 12px;
    object-fit: contain;
}

.about-fact {
    background: #F7F7F8;
    border: 1px solid #F0F1F5;
    box-shadow: 0 6px 20px rgba(26, 26, 46, 0.04);
}

.about-cta {
    border-radius: 26px;
}

.about-history-wrap .geo-tldr,
.about-contact-wrap .geo-tldr,
section > .container > .geo-tldr {
    background: #F7F7F8;
    border-color: #F0F1F5;
}

.geo-def h3 {
    color: #1A1A2E;
}

@media screen and (max-width: 768px) {
    .about-banner .row > div:nth-child(2) img {
        max-height: 330px;
        padding: 20px 8px 0;
    }

    .about-cta {
        border-radius: 20px;
    }
}