/* =========================================================
   关于我们页（about.html）专用样式
   包含：企业介绍 about-intro / 企业文化 corporate-culture / 发展历程 milestones
   ========================================================= */

/* ---------- 企业介绍 About Intro ---------- */
/* 仅 about-intro 区块标题下间距覆盖，其他板块与其他页面保持全局 48px */
.about-intro .section-title{margin-bottom:20px;}
.about-intro{position:relative;padding:120px 0;background-color:var(--servixa-white);overflow:hidden;}
.about-intro__lead{color:var(--servixa-gray);margin:0 0 14px;}
.about-intro__lead strong{color:var(--servixa-black);font-weight:600;}
.about-intro__stats{position:relative;display:flex;flex-wrap:wrap;margin:20px 0;padding:26px 0;border-top:1px solid var(--servixa-bdr-color);border-bottom:1px solid var(--servixa-bdr-color);}
.about-intro__stat{flex:0 0 33.333333%;max-width:33.333333%;text-align:center;padding-right:15px;}
.about-intro__stat+.about-intro__stat{padding-right:0;padding-left:15px;border-left:1px solid var(--servixa-bdr-color);}
.about-intro__stat-num{display:block;font-size:36px;font-weight:700;line-height:1.1;color:var(--servixa-base);}
.about-intro__stat-num small{font-size:16px;font-weight:600;color:var(--servixa-black);margin-left:2px;}
.about-intro__stat-label{display:block;margin-top:6px;font-size:14px;color:var(--servixa-gray);}
.about-intro__media{position:relative;padding:0 30px 30px 0;}
.about-intro__media::before{content:"";position:absolute;top:30px;right:0;bottom:0;left:30px;border:1px solid var(--servixa-base);border-radius:var(--servixa-bdr-radius);z-index:0;}
.about-intro__img{position:relative;z-index:1;border-radius:var(--servixa-bdr-radius);overflow:hidden;}
.about-intro__img img{width:100%;display:block;}
.about-intro__badge{position:absolute;z-index:2;left:-14px;bottom:52px;background-color:var(--servixa-base);color:var(--servixa-white);border-radius:var(--servixa-bdr-radius);padding:20px 24px;box-shadow:0 16px 32px rgba(0,137,166,.28);}
.about-intro__badge-en{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.85;}
.about-intro__badge-num{display:block;font-size:26px;font-weight:700;line-height:1.3;margin-top:4px;}
@media (max-width:1199px){.about-intro__badge{left:10px;}}
@media (max-width:991px){.about-intro{padding:80px 0;}.about-intro__media{margin-top:50px;}}
@media (max-width:575px){.about-intro__stat{flex:0 0 100%;max-width:100%;padding:0 0 14px;border-left:none!important;}.about-intro__stat+.about-intro__stat{padding-left:0;border-top:1px solid var(--servixa-bdr-color);padding-top:14px;}.about-intro__stats{margin-bottom:10px;}}

/* ---------- 企业文化 Corporate Culture ---------- */
.corporate-culture{position:relative;padding:120px 0;background-color:var(--servixa-primary);overflow:hidden;}
.corporate-culture__intro{max-width:760px;margin:0 auto 50px;text-align:center;}
.corporate-culture__intro p{margin:0;color:var(--servixa-gray);}
.corporate-culture__card{position:relative;height:100%;background-color:var(--servixa-white);border:1px solid var(--servixa-bdr-color);border-radius:var(--servixa-bdr-radius);padding:45px 32px 20px;margin-bottom:30px;transition:all .4s ease;}
.corporate-culture__card::before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background-color:var(--servixa-base);border-radius:10px 10px 0 0;transition:width .4s ease;}
.corporate-culture__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(17,17,17,.08);border-color:transparent;}
.corporate-culture__card:hover::before{width:100%;}
.corporate-culture__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:28px;border-radius:50%;background-color:var(--servixa-black);transition:all .4s ease;}
.corporate-culture__icon span{font-size:32px;color:#fff;line-height:1;transition:all .4s ease;}
.corporate-culture__card:hover .corporate-culture__icon{background-color:var(--servixa-base);}
.corporate-culture__card:hover .corporate-culture__icon span{color:var(--servixa-white);}
.corporate-culture__tagline{position:relative;font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--servixa-base);text-transform:uppercase;line-height:14px;margin:0 0 12px;}
.corporate-culture__title{font-size:22px;font-weight:600;line-height:32px;color:var(--servixa-black);margin:0 0 12px;overflow-wrap:anywhere;word-break:break-word;}
.corporate-culture__text{color:var(--servixa-gray);margin:0;}
@media (max-width:991px){.corporate-culture{padding:80px 0;}}

/* ---------- 发展历程 Milestones ---------- */
.milestones{position:relative;padding:120px 0;background-color:var(--servixa-white);overflow:hidden;}
.milestones__intro{max-width:720px;margin:0 auto 50px;text-align:center;}
.milestones__intro p{margin:0;color:var(--servixa-gray);}
.milestones__timeline{position:relative;max-width:960px;margin:0 auto;padding:10px 0;}
.milestones__timeline::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;margin-left:-1px;background:linear-gradient(to bottom,rgba(0,137,166,0) 0%,var(--servixa-bdr-color) 8%,var(--servixa-bdr-color) 92%,rgba(0,137,166,0) 100%);}
.milestones__item{position:relative;width:50%;padding:0 50px 50px 0;}
.milestones__item:nth-child(even){left:50%;padding:0 0 50px 50px;}
.milestones__dot{position:absolute;top:22px;right:-7px;width:14px;height:14px;border-radius:50%;background-color:var(--servixa-white);border:3px solid var(--servixa-base);z-index:2;transition:all .3s ease;}
.milestones__item:nth-child(even) .milestones__dot{right:auto;left:-7px;}
.milestones__item:hover .milestones__dot{background-color:var(--servixa-base);box-shadow:0 0 0 6px rgba(0,137,166,.12);}
.milestones__card{position:relative;background-color:var(--servixa-white);border:1px solid var(--servixa-bdr-color);border-radius:var(--servixa-bdr-radius);padding:30px 30px 28px;transition:all .4s ease;}
.milestones__item:hover .milestones__card{transform:translateY(-6px);box-shadow:0 18px 36px rgba(17,17,17,.08);border-color:rgba(0,137,166,.35);}
.milestones__year{display:inline-block;font-size:28px;font-weight:600;line-height:28px;color:var(--servixa-base);margin-bottom:12px;}
.milestones__title{font-size:22px;font-weight:600;line-height:32px;color:var(--servixa-black);margin:0 0 12px;}
.milestones__text{color:var(--servixa-gray);margin:0;}
@media (max-width:767px){
    .milestones{padding:80px 0;}
    .milestones__timeline::before{left:10px;}
    .milestones__item,.milestones__item:nth-child(even){width:100%;left:0;padding:0 0 40px 36px;}
    .milestones__dot,.milestones__item:nth-child(even) .milestones__dot{left:3px;right:auto;}
    .milestones__year{font-size:24px;}
}