/* Longgang portal structural primitives. Colors and type roles are in site-theme.css. */
:root{color-scheme:light;--portal-font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-sans:var(--portal-font-sans)}
*{box-sizing:border-box}html{scroll-padding-top:76px}html,body{margin:0;min-width:320px}body{font-family:var(--font-sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{vertical-align:middle}img{max-width:100%}a{color:inherit;text-decoration:none}button{appearance:none}h1,h2,h3,h4,p,figure,dl,dd{margin:0}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}
.longgang-site{min-height:100vh}.wrap{margin-inline:auto}.longgang-site main{display:block;min-width:0}.sec-head,.events-head{display:flex;justify-content:space-between;align-items:center}.sec-more{display:inline-flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{border:1px solid transparent}.brand{display:flex;align-items:center}.brand-logo{display:block;width:auto;object-fit:contain}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{white-space:nowrap}.header-right{display:flex;align-items:center}.portal-header-top{display:flex;align-items:center;justify-content:space-between}.portal-nav-sticky{position:sticky;top:0;z-index:50}.portal-nav-sticky-inner{display:block}.portal-nav{height:100%}.portal-nav ul{height:100%;display:flex;align-items:center}.portal-nav li{flex:1;min-width:0}.portal-nav li a{display:flex;align-items:center;justify-content:center;position:relative;color:#fff;white-space:nowrap}.portal-nav a.active:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}.portal-nav-mobile{display:none;justify-content:space-between;align-items:center}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;padding:8px}.menu-toggle i{display:block;width:20px;height:2px}.main-nav-panel{display:none}.main-nav-panel.open{display:block}.collapse-cta{padding:16px}.lg-skip{position:absolute;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.lg-skip:focus{top:0}
.service-grid{display:grid;gap:24px}.lg-accordion{transition:grid-template-columns .35s ease}.service-card-wrap{position:relative;min-width:0}.service-card{display:block;position:relative;overflow:hidden;border-radius:10px}.service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-overlay{position:absolute;inset:0}.lg-card-heading{margin:0}.lg-service-toggle{position:absolute;inset:0;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:none;border:0;color:white;text-align:left;z-index:2;cursor:pointer}.lg-service-heading{font-size:20px;font-weight:600}.lg-service-indicator{display:grid;place-items:center;flex:none;border:1px solid #ffffffa3;border-radius:50%}.lg-service-indicator svg{width:18px;height:18px}.lg-service-panel{position:absolute;z-index:3;color:#fff}.lg-service-links{display:flex;flex-wrap:wrap;gap:10px}.lg-service-links a{display:inline-flex;align-items:center;gap:8px}.event-grid{display:grid;gap:20px}.event-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:24px}.event-card .etitle{font-size:20px}.event-card .etime,.event-card .eloc{font-size:14px;color:var(--text-muted)}
.rel-tabs{display:flex;gap:8px}.rel-tab{cursor:pointer}.rel-grid{display:grid}.partner-card{display:flex;flex-direction:column;overflow:hidden}.partner-logo-area{display:flex;align-items:center;justify-content:center}.partner-logo-area img{width:100%;height:100%;object-fit:contain}.partner-name{display:flex;align-items:center;justify-content:center;text-align:center}.partner-name>span{width:100%;overflow-wrap:anywhere}.portal-footer{background:#edf4f9}.footer-grid{display:grid}.footer-brand-logo{display:block;object-fit:contain}.footer-bottom{text-align:center}.footer-col .ft{font-weight:600}
.lg-platform-entry{display:flex;align-items:center;justify-content:space-between;gap:24px}.lg-service-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.lg-placeholder.large{display:flex;align-items:center;justify-content:center;text-align:center}.lg-contact-layout{display:grid}.lg-contact-list div{display:flex;border-bottom:1px solid var(--border-color)}.lg-contact-list dd{margin:0}.lg-filter{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.na-home-list{background:#fff;overflow:hidden}.na-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.na-row+.na-row{border-top:1px solid var(--border-color)}.na-row-copy{flex:1;min-width:0}.na-meta{display:flex;align-items:center;gap:12px}.na-tag{display:inline-block}.business-text-link{display:inline-flex;align-items:center;gap:8px}.about-media{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.about-media__video{position:relative;overflow:hidden}.about-media__video-placeholder{height:100%;display:grid;place-items:center;color:var(--brand-blue)}.about-media__video-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.about-media__brochure{display:flex;justify-content:space-between;align-items:center}.about-media__brochure-copy{min-width:0}.about-media__brochure>svg{flex:none;color:var(--brand-blue)}

/* Shared brand bar: the approved image contains the brand lettering already. */
#site-header .portal-header-top{height:84px;min-height:84px;flex-wrap:nowrap;align-items:center;gap:20px;padding-block:0!important}
#site-header .brand{width:auto;flex:0 0 auto;gap:0}
#site-header .header-right{width:auto;margin-left:auto;flex:0 0 auto}
#site-header .header-right .btn-primary{width:auto;white-space:nowrap}
@media(max-width:767px){#site-header .portal-header-top{height:72px;min-height:72px;gap:12px}}

/* Portal typography and spacing authority. Admin UI never loads this stylesheet. */
.longgang-site{
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
 --content:1200px;--type-h1:44px;--type-h2:32px;--type-h3:20px;--type-list:18px;--type-body:15px;--type-meta:13px;
 --weight-heading:600;--leading-title:1.35;--leading-body:1.75;--leading-meta:1.6;
 --eyebrow-size:12px;--eyebrow-leading:18px;--eyebrow-weight:500;--eyebrow-tracking:.16em;--eyebrow-gap:10px;--eyebrow-rule:28px;--eyebrow-title-gap:14px;
 --section-space:var(--space-16);--section-head-gap:var(--space-7);--title-intro-gap:var(--space-3);
}
.longgang-site :is(button,input,select,textarea){font-family:var(--portal-font-sans)}
@media(max-width:1199px){.longgang-site{--type-h1:36px;--type-h2:28px;--section-space:56px}}
@media(max-width:767px){.longgang-site{--type-h1:32px;--type-h2:24px;--section-space:var(--space-10);--section-head-gap:var(--space-6)}}