/* 北海明珠“关于我们”V5：首屏采用酒店介绍+真实照片，联系信息移至页尾 */
.about-v5-page{overflow:hidden;background:#fff;color:#102b4e}
.about-v5-page *{box-sizing:border-box}
.about-v5-hero{padding:68px 0 0;background:linear-gradient(135deg,#f8fafc 0%,#edf4fb 58%,#f7f2e9 100%)}
.about-v5-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);gap:clamp(48px,6vw,98px);align-items:center;min-height:520px}
.about-v5-hero .breadcrumbs{margin:0 0 38px;color:#7d8da3}.about-v5-hero .breadcrumbs a{color:#315a8f}
.about-v5-kicker{display:inline-flex;align-items:center;gap:12px;color:#2466cf;font-size:10px;font-weight:900;letter-spacing:.18em}
.about-v5-kicker:before{content:"";width:30px;height:2px;background:currentColor}
.about-v5-hero h1{max-width:650px;margin:18px 0 22px;color:#102b4e;font-size:clamp(40px,4vw,62px);line-height:1.22;letter-spacing:-.045em}
.about-v5-hero-copy>p{max-width:620px;margin:0;color:#60738c;font-size:15px;line-height:1.95}
.about-v5-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.about-v5-text-btn{color:#1d62ca;font-size:12px;font-weight:850}.about-v5-text-btn span{display:inline-block;margin-left:4px;transition:transform .2s}
.about-v5-text-btn:hover span{transform:translateX(4px)}
.about-v5-hero-photo{position:relative;overflow:hidden;min-height:430px;margin:0;border-radius:26px;background:#dfe8f3;box-shadow:0 26px 70px rgba(16,43,78,.16)}
.about-v5-hero-photo img{display:block;width:100%;height:430px;object-fit:cover}
.about-v5-hero-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(5,23,48,.78))}
.about-v5-hero-photo figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff}
.about-v5-hero-photo strong{font-size:17px}.about-v5-hero-photo span{color:rgba(255,255,255,.75);font-size:10px}
.about-v5-quick-facts{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin-top:42px;transform:translateY(44px);overflow:hidden;border:1px solid #dbe5f0;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(24,54,91,.11)}
.about-v5-quick-facts span{display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:21px 30px;border-right:1px solid #e4eaf1}.about-v5-quick-facts span:last-child{border-right:0}
.about-v5-quick-facts b{color:#174c87;font-size:16px}.about-v5-quick-facts small{margin-top:6px;color:#7b899a;font-size:10px;line-height:1.5}
.about-v5-section{padding:100px 0}
.about-v5-intro{padding-top:145px}
.about-v5-intro-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(60px,8vw,130px);align-items:start}
.about-v5-section-title h2,.about-v5-section-head h2,.about-v5-contact h2{margin:15px 0 0;color:#102b4e;font-size:clamp(30px,3vw,44px);line-height:1.3;letter-spacing:-.035em}
.about-v5-intro-copy{padding:4px 0 4px 42px;border-left:1px solid #d8e2ed;color:#596d86;font-size:14px;line-height:2}
.about-v5-intro-copy p{margin:0 0 18px}.about-v5-intro-copy a{display:inline-flex;margin-top:5px;color:#2466cf;font-size:12px;font-weight:850}
.about-v5-services{background:linear-gradient(180deg,#f2f6fb,#edf3f9)}
.about-v5-section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:38px}
.about-v5-section-head>div{max-width:760px}.about-v5-section-head>p{max-width:420px;margin:0;color:#7c8999;font-size:12px;line-height:1.8;text-align:right}
.about-v5-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-v5-service-card{overflow:hidden;border:1px solid #dce5ee;border-radius:22px;color:inherit;background:#fff;box-shadow:0 14px 38px rgba(20,50,84,.055);transition:transform .25s,box-shadow .25s}
.about-v5-service-card img{display:block;width:100%;height:225px;object-fit:cover;transition:transform .45s}
.about-v5-service-card>div{padding:26px 27px 28px}.about-v5-service-card small{color:#6f94cc;font-size:9px;font-weight:900;letter-spacing:.16em}
.about-v5-service-card h3{margin:8px 0 11px;color:#14345d;font-size:23px}.about-v5-service-card p{min-height:48px;margin:0;color:#718096;font-size:12px;line-height:1.8}
.about-v5-service-card span{display:inline-flex;margin-top:20px;color:#2466cf;font-size:11px;font-weight:850}
.about-v5-values{color:#fff;background:linear-gradient(120deg,#0b2b54 0%,#124982 100%)}
.about-v5-values-grid{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);gap:clamp(58px,8vw,125px);align-items:start}
.about-v5-section-title>p{margin:20px 0 0;color:#75859a;font-size:12px;line-height:1.85}
.about-v5-values .about-v5-kicker{color:#9ec7ff}.about-v5-values .about-v5-section-title h2{color:#fff}.about-v5-values .about-v5-section-title>p{color:rgba(255,255,255,.68)}
.about-v5-value-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.about-v5-value-list article{display:grid;grid-template-columns:40px 1fr;gap:16px;min-height:150px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.about-v5-value-list b{color:#9ec7ff;font-size:11px}.about-v5-value-list h3{margin:0 0 8px;color:#fff;font-size:17px}.about-v5-value-list p{margin:0;color:rgba(255,255,255,.68);font-size:11px;line-height:1.8}
.about-v5-contact{padding:70px 0;color:#102b4e;background:linear-gradient(115deg,#f3eadc 0%,#f8f3ea 52%,#eef3f8 100%);border-top:1px solid #e7dccb}
.about-v5-contact-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}
.about-v5-contact .about-v5-kicker{color:#9a7444}.about-v5-contact h2{color:#102b4e}.about-v5-contact-grid>div:first-child>p{margin:16px 0 0;color:#6e7784;font-size:12px;line-height:1.8}
.about-v5-contact-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.about-v5-contact-phone{min-width:210px;padding:12px 18px;border:1px solid #dfd2bf;border-radius:13px;color:#173b68;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(93,72,43,.08)}
.about-v5-contact-phone small{display:block;color:#977954;font-size:9px}.about-v5-contact-phone strong{display:block;margin-top:3px;font-size:16px}.about-v5-contact-phone span{display:block;margin-top:2px;color:#758298;font-size:11px}
.about-v5-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #b9c8da;border-radius:12px;color:#173b68;background:rgba(255,255,255,.5);font-size:12px;font-weight:800}
@media(hover:hover){.about-v5-service-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(20,50,84,.12)}.about-v5-service-card:hover img{transform:scale(1.035)}}
@media(max-width:980px){.about-v5-hero-grid,.about-v5-intro-grid,.about-v5-values-grid,.about-v5-contact-grid{grid-template-columns:1fr}.about-v5-hero-grid{gap:38px}.about-v5-hero-copy{padding-top:15px}.about-v5-hero-photo{min-height:390px}.about-v5-hero-photo img{height:390px}.about-v5-intro-copy{padding-left:0;border-left:0}.about-v5-service-grid{grid-template-columns:1fr}.about-v5-service-card{display:grid;grid-template-columns:42% 1fr}.about-v5-service-card img{height:100%;min-height:230px}.about-v5-contact-actions{justify-content:flex-start}}
@media(max-width:720px){.about-v5-hero{padding-top:40px}.about-v5-hero h1{font-size:38px}.about-v5-hero-photo,.about-v5-hero-photo img{height:330px;min-height:330px}.about-v5-hero-photo figcaption{align-items:flex-start;flex-direction:column;gap:4px}.about-v5-quick-facts{grid-template-columns:1fr;margin-top:28px;transform:translateY(34px)}.about-v5-quick-facts span{min-height:82px;border-right:0;border-bottom:1px solid #e4eaf1}.about-v5-quick-facts span:last-child{border-bottom:0}.about-v5-intro{padding-top:100px}.about-v5-section{padding:72px 0}.about-v5-section-head{align-items:flex-start;flex-direction:column;gap:12px}.about-v5-section-head>p{text-align:left}.about-v5-service-card{display:block}.about-v5-service-card img{height:220px;min-height:0}.about-v5-value-list{grid-template-columns:1fr}.about-v5-contact-actions{align-items:stretch;flex-direction:column}.about-v5-contact-actions>*{width:100%}}
@media(max-width:480px){.about-v5-hero h1{font-size:33px}.about-v5-hero-copy>p{font-size:13px}.about-v5-actions{align-items:flex-start;flex-direction:column}.about-v5-hero-photo,.about-v5-hero-photo img{height:285px;min-height:285px}.about-v5-section-title h2,.about-v5-section-head h2,.about-v5-contact h2{font-size:29px}.about-v5-value-list article{min-height:auto}}
@media(prefers-reduced-motion:reduce){.about-v5-page *{transition:none!important}}

/* 联系与导航页：与酒店介绍、品牌故事分工，避免重复叙述。 */
.about-contact-only .about-v5-hero{padding-bottom:0}
.about-contact-directory{padding-top:142px;background:#fff}
.about-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-contact-card{display:flex;min-height:174px;padding:26px;border:1px solid #dce5ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:0 14px 36px rgba(18,48,85,.06);flex-direction:column;justify-content:space-between;color:#17375f;transition:transform .2s,box-shadow .2s,border-color .2s}
.about-contact-card small{color:#6986ad;font-size:10px;font-weight:900;letter-spacing:.08em}
.about-contact-card strong{margin:18px 0;color:#123a6c;font-size:clamp(18px,1.6vw,24px);line-height:1.45;word-break:break-word}
.about-contact-card span{color:#7a899d;font-size:11px}
a.about-contact-card:hover{transform:translateY(-4px);border-color:#a9c4e6;box-shadow:0 20px 44px rgba(18,48,85,.11)}
.about-contact-map{border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}
.about-company-info{background:#f6f9fc}
.about-company-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,120px);align-items:start}
.about-company-list{display:grid;gap:14px}
.about-company-list article{padding:24px 26px;border:1px solid #dbe5ef;border-radius:16px;background:#fff}
.about-company-list small{display:block;color:#71839a;font-size:10px}
.about-company-list strong{display:block;margin-top:9px;color:#153b69;font-size:18px;line-height:1.5}
.about-company-links{display:flex;gap:18px;flex-wrap:wrap;padding-top:8px}
.about-company-links a{color:#2466cf;font-size:12px;font-weight:850}
@media(max-width:1080px){.about-contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.about-contact-directory{padding-top:102px}.about-contact-grid,.about-company-grid{grid-template-columns:1fr}.about-contact-card{min-height:145px}.about-company-grid{gap:34px}}