/* 关于我们：公司、能力、方向、实践及到访信息。 */
.about-story{--about-muted:#526176;color:var(--ink)}
.about-wrap{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}
.about-story h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.35}
.about-story p{color:var(--about-muted);line-height:1.9}
.about-kicker{display:block;font-size:13px;color:var(--blue);margin-bottom:15px;letter-spacing:.06em}
.about-company{padding-block:80px 44px}
.about-company>h2{margin-bottom:32px}
.about-company-copy{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.about-company-copy>p+p{border-left:1px solid #dfe7ef;padding-left:40px}
.about-company-copy>p{font-size:17px;max-width:680px}
.about-capabilities{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:80px;gap:32px}
.about-capabilities>div{border-top:1px solid #dfe7ef;padding-top:23px}
.about-number{color:#6d8cac;font-size:12px;letter-spacing:.12em}
.about-capabilities h3{font-size:22px;margin:13px 0 10px}
.about-capabilities p{font-size:14px}
.about-focus{padding-block:40px 96px}
.about-section-heading{margin-bottom:38px}
.about-section-heading>p{margin-top:18px;max-width:650px;font-size:16px}
.about-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.about-focus-grid figure{position:relative;overflow:hidden;aspect-ratio:3/2;background:#eff4f7}
.about-focus-grid img{width:100%;height:100%;object-fit:cover}
.about-focus-grid figcaption{position:absolute;bottom:8px;right:10px;color:#fff;background:#14263880;border-radius:3px;padding:2px 6px;font-size:10px}
.about-focus-grid h3{margin:25px 0 15px;font-size:26px}
.about-focus-grid p{font-size:15px}
.about-focus-grid small{display:block;margin-top:21px;color:#647a91;font-size:12px}
.about-practice{padding-block:75px;background:#f5f8fc}
.about-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.about-practice-grid article{border-top:1px solid #d6e1ed;padding-top:24px}
.about-practice-grid h3{font-size:22px;margin:16px 0}
.about-practice-grid p{font-size:15px;max-width:330px}
.about-team{padding-block:85px;text-align:center}
.about-team>p{margin:20px auto 32px}
.about-team-fields{display:flex;justify-content:center;gap:0;flex-wrap:wrap}
.about-team-fields span{padding:0 28px;font-size:15px;color:#36536a}
.about-team-fields span+span{border-left:1px solid #dbe3ed}
.about-visit{padding-block:72px 88px;background:#f5f8fc}
.about-visit-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.about-map{min-width:0}
.about-map-surface{display:block;border:1px solid #e0e7ed;background:white}
.about-map img{width:100%;height:auto}
.about-map>p{font-size:12px;margin-top:10px}
.about-arrival h3{font-size:21px;margin-bottom:14px}
.about-arrival address{font-size:15px;font-style:normal;color:#526176;line-height:1.9}
.about-arrival dl{margin:24px 0}
.about-arrival dl>div{margin-bottom:16px}
.about-arrival dt{font-size:14px;font-weight:600;margin-bottom:4px}
.about-arrival dd{margin:0;color:#526176;font-size:14px;line-height:1.8}
.about-qr{display:flex;gap:16px;align-items:center}
.about-qr img{width:112px;height:112px;object-fit:contain;background:#fff}
.about-qr figcaption{font-size:14px;color:#526176;line-height:1.8}
@media(max-width:1100px){.about-wrap{width:calc(100% - 64px)}.about-company-copy{gap:32px}.about-focus-grid{gap:22px}.about-visit-grid{grid-template-columns:1.1fr 1fr;gap:28px}}
@media(max-width:760px){
 .about-wrap{width:calc(100% - 36px)}
 .about-company{padding-block:44px 30px}.about-company>h2{margin-bottom:24px}.about-company-copy{grid-template-columns:1fr;gap:20px}.about-company-copy>p+p{border-left:0;padding-left:0}.about-company-copy>p{font-size:15px}
 .about-capabilities{grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:38px}.about-capabilities h3{font-size:20px}.about-capabilities p{font-size:13px}
 .about-focus{padding-block:30px 48px}.about-section-heading{margin-bottom:28px}
 .about-focus-grid{grid-template-columns:1fr;gap:36px}.about-focus-grid h3{margin:18px 0 12px;font-size:24px}.about-focus-grid small{margin-top:15px}
 .about-practice{padding-block:44px}.about-practice-grid{grid-template-columns:1fr;gap:28px}.about-practice-grid p{max-width:none}
 .about-team{padding-block:48px;text-align:left}.about-team-fields{justify-content:flex-start;gap:14px;flex-direction:column}.about-team-fields span{padding:0}.about-team-fields span+span{border:0}
 .about-visit{padding-block:44px 52px}.about-visit-grid{grid-template-columns:1fr;gap:26px}.about-arrival h3{font-size:20px}
}

/* 用户原始底图保持不变，标注相对图片坐标固定。 */
.about-map-surface{position:relative}
.about-map-label{position:absolute;left:50%;top:29%;display:flex;flex-direction:column;background:#fff;border:2px solid #0756e8;border-radius:8px;padding:7px 11px;box-shadow:0 3px 12px #163a6320;color:#124eac;line-height:1.3;pointer-events:none}
.about-map-label strong{font-size:17px;white-space:nowrap}
.about-map-label small{font-size:12px;margin-top:3px;white-space:nowrap}
.about-map-surface::after{content:"";position:absolute;left:46.5%;top:48.5%;width:11%;height:2px;background:#0756e8;transform:rotate(-49deg);transform-origin:left center;pointer-events:none}
@media(max-width:760px){.about-map-label{top:23%;padding:4px 7px;border-radius:5px}.about-map-label strong{font-size:13px}.about-map-label small{font-size:10px}.about-map-surface::after{width:15%}}
.about-map-label{z-index:1}

.about-company-copy>p+p{margin-top:0}
button.about-map-surface{padding:0;width:100%;cursor:zoom-in;text-align:left}
.about-map-dialog{width:min(1200px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:0;border-radius:12px;overflow:auto;color:var(--ink)}
.about-map-dialog::backdrop{background:rgb(10 22 40 / 72%)}
.about-map-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.about-map-dialog h2{font-size:18px;margin:0}
.about-map-dialog header button{width:40px;height:40px;border:0;border-radius:50%;background:#eef3f9;font-size:28px;cursor:pointer}
.about-map-dialog .about-map-surface{width:min(100%,calc((100dvh - 120px)*1490/891));margin:auto}
.about-map-dialog img{display:block;width:100%;height:auto}
html:has(#about-map-dialog[open]){overflow:hidden}

.about-contact-email{margin-top:22px;padding-bottom:22px;border-bottom:1px solid #dfe7ef}
.about-contact-email h4{font-size:14px;font-weight:600;margin:0 0 8px}

/* 紧凑手机首屏：保留蓝白品牌造型，左侧浅底承托文字。 */
@media(max-width:760px){
 .about-focus-grid figure{aspect-ratio:auto}.about-focus-grid img{height:auto}
 .about-hero{height:clamp(220px,59vw,240px);background:#f7f9fc}
 .about-hero .hero-art{inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;mask-image:none}
 .about-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f7f9fc 0%,#f7f9fcf0 30%,#f7f9fc80 48%,transparent 66%)}
 .about-hero .hero-copy{width:calc(100% - 40px);height:100%;padding:24px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
 .about-hero .hero-copy h1{font-size:clamp(26px,7vw,28px);line-height:1.3;text-wrap:initial}
 .about-hero .hero-copy p{text-wrap:balance;max-width:48%;font-size:13px;line-height:1.75;margin-top:12px;color:#435369}
}