/* One typography and Hero system for portal inner pages; homepage is excluded. */
.longgang-site:not(.page-home){--inner-h1:var(--type-h1);--inner-h2:var(--type-h2);--inner-h3:var(--type-h3);--inner-body:var(--type-body);--inner-leading:var(--leading-body);--inner-title-gap:var(--title-intro-gap);--inner-section-gap:var(--section-space)}
.longgang-site:not(.page-home) #migration-content{--font-serif:var(--portal-font-sans);font-family:var(--portal-font-sans)}
.longgang-site:not(.page-home) main{font-family:var(--portal-font-sans);background:#f7fafc}
.longgang-site:not(.page-home) main :is(h1,h2,h3){font-family:var(--portal-font-sans)!important;font-weight:600!important;letter-spacing:0}
.longgang-site:not(.page-home)  #main h1{font-size:var(--inner-h1)!important;line-height:1.25!important;color:#18316A!important}
.longgang-site:not(.page-home) main h2{font-size:var(--inner-h2)!important;line-height:1.35!important;color:#18316A!important}
.longgang-site:not(.page-home) main h3{font-size:var(--inner-h3)!important;line-height:1.4!important;color:#18316A!important}
.longgang-site:not(.page-home) main p{font-family:var(--portal-font-sans);font-size:var(--inner-body);line-height:var(--inner-leading)}
.longgang-site:not(.page-home) #svc-core .mcore-title{--inner-h3:21px}
.longgang-site:not(.page-home) #svc-core .mcore-description{line-height:1.6}
.longgang-site:not(.page-home) .about-core__copy h3{color:#fff!important}
.longgang-site:not(.page-home) .about-core__copy p{font-size:14px;line-height:1.65}
.longgang-site:not(.page-home) :is(.sp-sec-head,.ops-editorial-head,.about-section-heading){margin-bottom:var(--section-head-gap)}
.longgang-site:not(.page-home) :is(.sp-sec-intro,.ops-editorial-lead){max-width:640px;margin-top:var(--inner-title-gap)}
.longgang-site:not(.page-home) .about-section-heading h2{margin-top:var(--eyebrow-title-gap)}
.longgang-site:not(.page-home) .inner-page-hero{position:relative;isolation:isolate;width:100%;max-width:none;min-height:348px;display:flex;align-items:center;overflow:hidden;padding:64px 0;background:#f7fafc;border:0}
.inner-page-hero__art{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f7fafc}
.inner-page-hero__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.inner-page-hero__art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fafc 0%,rgba(247,250,252,.65) 28%,rgba(247,250,252,.05) 55%,transparent 78%)}
.inner-page-hero__art::after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,#f7fafc)}
.longgang-site:not(.page-home) .inner-page-hero__container{width:min(var(--content),calc(100% - var(--page-gutter)*2));max-width:var(--content);margin-inline:auto;position:relative}
.inner-page-hero__copy{max-width:640px}
.inner-page-hero__eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:18px;letter-spacing:.16em;color:#18316a;text-transform:uppercase;margin:0 0 14px}
.inner-page-hero__eyebrow::before{content:"";flex:none;width:28px;height:1px;background:#2678be}
.longgang-site:not(.page-home) .inner-page-hero h1{margin:0!important;max-width:none}
.longgang-site:not(.page-home) .inner-page-hero__description{margin:18px 0 0;font-size:15px;line-height:1.7;max-width:640px;color:#566c80}
.longgang-site:not(.page-home) .inner-page-hero__identity{margin:12px 0 0;font-size:16px;font-weight:500;line-height:1.65;color:#18316a}
.longgang-site:not(.page-home) .inner-page-hero__identity+.inner-page-hero__description{margin-top:12px}
.inner-page-hero__slogan{margin:12px 0 0}
.longgang-site.page-finance .finance-intro .business-intro-row{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:56px}
.longgang-site.page-finance .finance-intro .business-intro-copy{max-width:640px}
.longgang-site.page-finance .finance-intro .business-intro-title{margin:0 0 18px}
.longgang-site.page-finance .finance-intro .business-intro-body{font-size:15px;line-height:1.75;max-width:38em}
.finance-support-visual{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#eaf3f9}
.finance-support-visual img{width:100%;height:100%;object-fit:contain;display:block}
.longgang-site:not(.page-home) .reference-detail{max-width:900px}
.longgang-site:not(.page-home) #main .reference-detail h1{font-size:clamp(28px,3vw,38px)!important;line-height:1.4!important;overflow-wrap:anywhere;text-wrap:balance}
.longgang-site:not(.page-home) .reference-article{max-width:72ch;font-size:16px;line-height:1.8;margin-inline:auto}
.longgang-site:not(.page-home) .reference-article p{font-size:16px;line-height:1.8;white-space:pre-line}
.longgang-site:not(.page-home) :is(.reference-source,.cr-footnote){font-size:13px;line-height:1.65}
.longgang-site:not(.page-home) .home-section-heading-copy{display:flex;flex-direction:column;gap:14px}
.longgang-site:not(.page-home) .home-section-eyebrow{display:flex;align-items:center;gap:10px;font:500 12px/18px var(--font-sans);letter-spacing:.16em;color:#18316a}
.longgang-site:not(.page-home) .home-section-eyebrow::before{content:"";width:28px;height:1px;background:#2678be}
@media(max-width:900px){
 .longgang-site:not(.page-home){--inner-h1:var(--type-h1);--inner-h2:var(--type-h2);--inner-h3:var(--type-h3)}
 .longgang-site:not(.page-home) .inner-page-hero{padding:44px 0;min-height:320px;display:flex;align-items:center}
 .inner-page-hero__art{position:absolute;inset:0;z-index:-1}
 .inner-page-hero__art img{object-fit:cover;object-position:right center}
 .inner-page-hero__art::before{background:linear-gradient(90deg,rgba(247,250,252,.95),rgba(247,250,252,.45) 65%,rgba(247,250,252,.15))}
 .inner-page-hero__container{order:1}
 .longgang-site.page-finance .finance-intro .business-intro-row{gap:28px}
}
@media(max-width:600px){
 .longgang-site:not(.page-home){--inner-h1:var(--type-h1);--inner-h2:var(--type-h2);--inner-h3:var(--type-h3)}
 .longgang-site:not(.page-home) .inner-page-hero{padding-top:36px}
 .inner-page-hero__art img{object-position:70% center}
 .longgang-site.page-finance .finance-intro .business-intro-row{grid-template-columns:1fr;gap:24px}
 .finance-support-visual{aspect-ratio:4/3;max-height:340px}
 .longgang-site:not(.page-home) #main .reference-detail h1{font-size:28px!important}
}
/* Legacy body wrappers share the same grid as the new Hero. */
.longgang-site:not(.page-home) main :is(.wrap,.cr-wrap){width:min(var(--content),calc(100% - var(--page-gutter)*2));max-width:var(--content);margin-inline:auto;padding-inline:0!important}


/* Same compact CTA structure as the source portal; only service Hero has an aside. */
#migration-content #service-hero .service-hero-layout{display:flex;align-items:center;justify-content:space-between;gap:40px}
#migration-content #service-hero .inner-page-hero__copy{flex:1 1 0;min-width:0;max-width:640px}
#migration-content #service-hero .service-hero-entry{flex:0 0 340px;max-width:100%;min-width:0;min-height:144px;padding:20px;border:1px solid #D8E5EF;border-radius:13px;background:#EDF4FA;color:#18316A;box-shadow:none;gap:12px;cursor:pointer;pointer-events:auto;transition:background-color .2s ease}
#migration-content #service-hero .service-hero-entry::before,#migration-content #service-hero .service-hero-entry::after{display:none}
#migration-content #service-hero .service-hero-entry-title{color:#18316A;font-family:var(--font-sans);font-size:19px;font-weight:600;letter-spacing:0;line-height:1.4}
#migration-content #service-hero .service-hero-entry-summary{color:#64788B;font-size:13px;line-height:1.6;margin-top:6px}
#migration-content #service-hero .service-hero-entry-action{display:block;margin-top:8px;font-size:13px;line-height:1.5;font-weight:500;color:#2678BE}
#migration-content #service-hero .service-hero-entry-arrow{width:28px;height:28px;border-radius:50%;font-size:20px;background:rgba(38,120,190,.07);color:#2678BE;opacity:1}
#migration-content #service-hero .service-hero-entry:hover{background:#E6F0F8}
#migration-content #service-hero .service-hero-entry:focus-visible{outline:3px solid #57BCA4;outline-offset:4px}
@media(min-width:901px) and (max-width:1199px){#migration-content #service-hero .service-hero-layout{gap:28px}#migration-content #service-hero .service-hero-entry{flex-basis:340px;padding:20px}}
@media(max-width:900px){#migration-content #service-hero .service-hero-layout{flex-direction:column;align-items:stretch;gap:28px}#migration-content #service-hero .service-hero-entry{flex:auto;width:340px;max-width:100%;min-height:144px;margin-block:20px;padding:20px}#migration-content #service-hero .inner-page-hero__copy{flex:auto}}

/* Keep the approved mobile Hero height while its CTA becomes smaller. */
@media(max-width:600px){#migration-content #service-hero{min-height:465px}}

/* Grid and reading rhythm fixes, scoped to frontend inner pages. */
#migration-content #app.contact-reservation .cr-wrap{width:min(var(--content),calc(100% - var(--page-gutter)*2));max-width:var(--content);margin-inline:auto;padding-inline:0}
#migration-content #app.contact-reservation .cr-phone-pending{font-family:var(--portal-font-sans);font-size:var(--type-body);line-height:var(--leading-body);color:#566c80}
#migration-content #app.contact-reservation .cr-steps h3{font-size:var(--type-list)!important;line-height:1.5!important}
#migration-content #app.contact-reservation :is(input,select,textarea){font-size:16px;line-height:1.6}
#migration-content .about-intro p{font-family:var(--portal-font-sans);max-width:860px;text-align:left;font-size:var(--type-body);line-height:1.85;color:#344b61}
#migration-content .about-offline__text p{color:#566c80}
.longgang-site.page-finance .finance-intro{padding-bottom:var(--section-space)}
.longgang-site:is(.page-news,.page-events) main>.portal-news,.longgang-site.page-events main>.portal-events{padding-block:var(--section-space)!important}
.longgang-site:not(.page-home) .reference-detail{padding-block:var(--section-space)}
.longgang-site:not(.page-home) .reference-detail header{margin-block:var(--section-head-gap)}
.longgang-site:not(.page-home) .reference-article p{font-size:16px;line-height:1.8;margin-bottom:var(--space-6);color:#344b61}

/* Articles use a narrower reading container inside the shared portal grid. */
.longgang-site:not(.page-home) main .reference-detail.wrap{width:min(900px,calc(100% - var(--page-gutter)*2));max-width:900px}

.longgang-site:not(.page-home) main h2{text-wrap:balance}
#migration-content .about-offline__photo-wrap{margin-top:auto}