/* Longgang portal shared visual standards. */

.longgang-site {
  --brand-navy: #18316a;
  --brand-blue: #2678be;
  --brand-mint: #57bca4;
  --surface-page: #f7fafc;
  --surface-card: #fff;
  --surface-soft: #edf4f9;
  --border-color: #dce6ee;
  --text-primary: #344b61;
  --text-muted: #566c80;
  --page-gutter: 40px;
  --section-gap: 80px;
  --heading-gap: 28px;
  --card-gap: 24px;
  --card-padding: 28px;
  --radius-card: 10px;
  --font-display-size: clamp(38px, 4vw, 56px);
  --font-section-size: var(--type-h2);
  --font-card-size: 20px;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-sans);
  line-height: 1.75;
}
.longgang-site :is(h1,h2,h3,p) { margin-top: 0; }
.longgang-site :is(h1,h2,h3) { font-family: var(--font-sans); letter-spacing: 0; }
.longgang-site :is(a,button,input) { -webkit-tap-highlight-color: transparent; }
.longgang-site :is(a,button,input):focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
.longgang-site ::selection { background: #d3eee7; color: var(--brand-navy); }
.longgang-site .wrap {
  width: min(var(--content), calc(100% - var(--page-gutter) * 2));
  max-width: var(--content);
  margin-inline: auto;
  padding: 0 !important;
}

.longgang-site main { background: var(--surface-page); }
.longgang-site main > :is(.portal-services,.portal-news,.portal-events,.portal-related) {
  background: transparent !important;
  padding: var(--section-gap) 0 0 !important;
  margin: 0;
}
.longgang-site main > .portal-services { padding-top: 32px !important; }
.longgang-site :is(.sec-head,.events-head) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0 0 var(--heading-gap) !important;
}
.longgang-site :is(.sec-title,.portal-services .sec-title) {
  font-family: var(--font-sans);
  color: var(--brand-navy);
  font-size: var(--font-section-size) !important;
  font-weight: var(--weight-heading);
  line-height: var(--leading-title);
  margin: 0 !important;
}
.longgang-site .sec-tag { display: none; }
.longgang-site .sec-more { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--brand-blue); border-radius: 4px; }
.longgang-site .sec-more svg { width: 18px; height: 18px; }

.longgang-site .portal-brand-bar { background: #fff; border-bottom: 1px solid var(--border-color); }
.longgang-site .portal-header-top { height: 84px; gap: 24px; }
.longgang-site .portal-brand-bar .brand { gap: 20px; min-width: 0; }
.longgang-site .portal-brand-bar .brand-logo { width: auto; height: 46px; object-fit: contain; }
.longgang-site .brand-name { font-size: 21px; font-weight: 650; color: var(--brand-navy); line-height: 1.4; }
.longgang-site .brand-sub { display: none; }
.longgang-site .portal-nav-sticky { background: var(--brand-blue); box-shadow: none; }
.longgang-site .portal-nav-sticky-inner { height: 52px; }
.longgang-site .portal-nav li a { height: 52px; margin: 0; font-size: 15px; font-weight: 500; border-radius: 0; }
.longgang-site .portal-nav li a.active { background: #216da9 !important; }
.longgang-site .portal-nav li a.active::after { height: 3px; width: 28px; background: var(--brand-mint); }
.longgang-site .portal-nav li a:not(.active):hover { background: #216da9 !important; }
.longgang-site :is(.btn,.lg-service-links a) { min-height: 44px; padding: 10px 18px; border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 1.5; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.longgang-site .portal-brand-bar .btn-primary,
.longgang-site .main-nav-panel .btn-primary { height: 44px; border-radius: 6px; padding-inline: 18px; background: var(--brand-blue); color: #fff; }
.longgang-site .btn-primary:hover { background: #216da9; }
.longgang-site :is(button:disabled,.btn[aria-disabled=true]) { cursor: default; opacity: .55; }

.longgang-site .portal-hero { height: auto; min-height: 540px; background: var(--surface-page); display: flex; align-items: center; }
.longgang-site .portal-hero-inner { padding: 100px 0 108px !important; }
.longgang-site .portal-hero-bg { background: var(--surface-page); }
.longgang-site .portal-hero-bg img {
  object-position: center center;
  opacity: .9;
  filter: none;
  transform: none;
  mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
}
.longgang-site .portal-hero-bg::before { display: none; }
.longgang-site .portal-hero-bg::after {
  background: linear-gradient(90deg, rgba(247,250,252,.94), rgba(247,250,252,.38) 48%, rgba(247,250,252,0) 75%);
  mask-image: none;
  -webkit-mask-image: none;
}
.longgang-site .portal-hero-title { font-family: var(--font-sans); font-size: var(--font-display-size) !important; line-height: 1.28; font-weight: 650; max-width: 800px; margin: 0; }
.longgang-site .portal-hero-title .gold { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.4; color: var(--brand-blue); margin-top: 16px; }
.longgang-site .portal-hero-sub { max-width: 620px; font-size: 16px !important; line-height: 1.8 !important; margin: 24px 0 0 !important; color: var(--text-muted); }

.longgang-site #core-services .lg-accordion { gap: var(--card-gap) !important; grid-template-columns: 1.65fr 1fr 1fr !important; }
.longgang-site #core-services .lg-accordion[data-active="1"] { grid-template-columns: 1fr 1.65fr 1fr !important; }
.longgang-site #core-services .lg-accordion[data-active="2"] { grid-template-columns: 1fr 1fr 1.65fr !important; }
.longgang-site #core-services .lg-accordion-card .service-card { height: 312px !important; border-radius: var(--radius-card); box-shadow: none; }
.longgang-site #core-services .lg-accordion-card .service-card > img,
.longgang-site #core-services .lg-accordion-card.is-expanded .service-card > img { transform: none; filter: saturate(.7); }
.longgang-site .lg-accordion-card .sc-overlay { background: linear-gradient(180deg, rgba(30,85,130,.25) 0%, #205f94 100%) !important; }
.longgang-site .lg-service-toggle { padding: var(--card-padding); }
.longgang-site .lg-service-heading { font-size: 22px; line-height: 1.4; font-weight: 600; }
.longgang-site .is-expanded .lg-service-toggle { padding-bottom: 164px; }
.longgang-site .lg-service-indicator { width: 28px; height: 28px; }
.longgang-site .lg-service-panel { left: var(--card-padding); right: var(--card-padding); bottom: var(--card-padding); }
.longgang-site .lg-service-panel p { font-size: 14px; line-height: 1.7; margin-bottom: 20px; color: #fff; }
.longgang-site .lg-service-links { gap: 10px; }
.longgang-site .lg-service-links a { padding-inline: 12px; background: #fff; color: #205f94; border-color: #fff; font-size: 13px; }
.longgang-site .lg-service-links a + a { background: #205f94; color: #fff; border-color: #c8dceb; }
.longgang-site .lg-service-links a:hover { background: #e6f0f7; color: #18316a; }
.longgang-site .lg-service-toggle:focus-visible { outline-color: #fff; }

.longgang-site .na-home-grid { grid-template-columns: 1fr 1.08fr; gap: var(--card-gap); }
.longgang-site .na-feature { display: flex; flex-direction: column; min-height: 0; border-radius: var(--radius-card); background: #fff; color: var(--brand-navy); border: 1px solid var(--border-color); }
.longgang-site .na-feature::after { display: none; }
.longgang-site .lg-news-image { display: grid; place-items: center; padding: 24px; min-height: 220px; flex: 1; background: var(--surface-soft); color: var(--text-muted); font-size: 14px; }
.longgang-site .na-feature-copy { position: static; padding: var(--card-padding); }
.longgang-site .na-feature-copy h3 { color: var(--brand-navy); font-size: 22px; font-weight: 600; line-height: 1.5; margin: 0 0 10px; }
.longgang-site .na-feature-copy p { display: block; color: var(--text-primary); font-size: 15px; line-height: 1.75; margin: 0 0 16px; }
.longgang-site .na-feature-copy span { color: var(--text-muted); font-size: 13px; }
.longgang-site .na-home-list { border: 1px solid var(--border-color); border-radius: var(--radius-card); padding: 0 var(--card-padding); }
.longgang-site .na-home-list .na-row { flex: 1; min-height: 108px; padding: 18px 0; gap: 16px; }
.longgang-site .na-row + .na-row { border-color: var(--border-color); }
.longgang-site .na-row-copy { width: auto; flex: 1; min-width: 0; }
.longgang-site .na-meta { position: static; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.longgang-site .na-tag { position: static; float: none; display: inline-flex; font-size: 12px; line-height: 1.5; padding: 3px 8px; color: #24689c; background: #edf4f9; border: 1px solid #d7e5ef; border-radius: 4px; font-weight: 500; }
.longgang-site .na-meta > span:not(.na-tag) { font-size: 13px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.longgang-site .na-home-list .na-row h3 { margin: 10px 0 4px; padding: 0; font-size: 17px; line-height: 1.5; font-weight: 600; color: var(--brand-navy); }
.longgang-site .na-row p { font-size: 14px; line-height: 1.7; color: var(--text-muted); margin: 0; }
.longgang-site .na-row > svg { flex: none; width: 18px; height: 18px; color: var(--brand-blue); }
.longgang-site .na-row:hover h3 { color: var(--brand-blue); }

.longgang-site .events-title-row { margin-top: 8px; }
.longgang-site .events-sub { font-size: 14px; line-height: 1.7; color: var(--text-muted); margin: 0; }
.longgang-site .event-grid { display: block; }
.longgang-site .lg-events-empty { display: flex; align-items: center; gap: 24px; min-height: 140px; padding: var(--card-padding); border: 1px solid var(--border-color); background: #fff; border-radius: var(--radius-card); }
.longgang-site .lg-empty-icon { width: 56px; height: 56px; display: grid; place-items: center; flex: none; border-radius: 10px; background: var(--surface-soft); color: var(--brand-blue); }
.longgang-site .lg-events-empty h3 { font-size: var(--font-card-size); font-weight: 600; line-height: 1.5; margin: 0 0 8px; color: var(--brand-navy); }
.longgang-site .lg-events-empty p { margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.75; }
.longgang-site .pending-label { font-size: 12px; line-height: 1.5; padding: 4px 8px; border: 1px solid var(--border-color); color: var(--text-muted); background: #f7fafc; border-radius: 4px; white-space: nowrap; }

.longgang-site .partner-source { color: var(--text-muted); font-size: 13px; line-height: 1.7; margin: -12px 0 24px; }
.longgang-site .rel-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 20px; border: none; }
.longgang-site .rel-tab { padding: 10px 16px; min-height: 44px; border: 1px solid var(--border-color); background: #fff; color: var(--text-primary); font-size: 14px; font-weight: 500; border-radius: 6px; }
.longgang-site .rel-tab.on { background: #e8f1f8; color: #215f91; border-color: #adcce3; }
.longgang-site .rel-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.longgang-site .partner-card { border: 1px solid var(--border-color); border-radius: 8px; box-shadow: none; transform: none; }
.longgang-site .partner-card:hover { transform: none; box-shadow: none; border-color: #8cb9da; }
.longgang-site .partner-logo-area { height: 100px; min-height: 100px; background: #fff; padding: 22px; }
.longgang-site .partner-logo-area img { width: 100%; height: 100%; object-fit: contain; }
.longgang-site .partner-name { padding: 10px 12px; min-height: 60px; background: #fff; border-top: 1px solid var(--border-color); font-size: 13px; line-height: 1.55; font-weight: 500; color: var(--text-primary); }

.longgang-site .portal-footer { margin-top: var(--section-gap); background: #edf4f9; border-top: 1px solid #d7e5ef; color: var(--text-primary); }
.longgang-site .footer-grid { width: min(1200px, calc(100% - var(--page-gutter)*2)); max-width: var(--content); margin-inline: auto; padding: 44px 0 36px; gap: 36px; grid-template-columns: 1.55fr .8fr .8fr 1.2fr; align-items: start; }
.longgang-site .footer-brand-logo { height: auto; width: 150px; max-width: 100%; margin: 0 0 16px; object-fit: contain; }
.longgang-site .footer-brand h3 { font-size: 16px; line-height: 1.5; font-weight: 600; margin: 0 0 8px; }
.longgang-site .footer-brand p { color: var(--text-muted); font-size: 13px; line-height: 1.8; margin: 0; }
.longgang-site .footer-col .ft { font-size: 15px; font-weight: 600; line-height: 1.5; margin: 0 0 16px; color: var(--brand-navy); }
.longgang-site .footer-col li { margin: 0 0 8px; }
.longgang-site .footer-col li a { display: inline-flex; align-items: center; min-height: 30px; color: var(--text-muted); font-size: 13px; line-height: 1.6; }
.longgang-site .footer-contact p { margin: 0 0 10px; font-size: 13px; line-height: 1.8; color: var(--text-muted); }
.longgang-site .footer-bottom { background: transparent; border-top: 1px solid #d7e5ef; padding: 16px var(--page-gutter); font-size: 12px; line-height: 1.8; color: var(--text-muted); }
@media(max-width:1100px) {
  .longgang-site { --page-gutter: 32px; --section-gap: 72px; --card-padding: 24px; }
  .longgang-site .brand-name { font-size: 19px; }
  .longgang-site .portal-brand-bar .brand-logo { height: 42px; }
  .longgang-site .portal-brand-bar .brand { gap: 16px; }
  .longgang-site .lg-service-heading { font-size: 20px; }
  .longgang-site .lg-service-links { flex-direction: column; align-items: start; }
  .longgang-site .lg-service-links a { min-height: 40px; }
  .longgang-site .is-expanded .lg-service-toggle { padding-bottom: 194px; }
  .longgang-site .na-home-grid { grid-template-columns: 1fr 1fr; }
  .longgang-site .na-home-list { padding-inline: 20px; }
  .longgang-site .na-home-list .na-row h3 { font-size: 16px; }
  .longgang-site .footer-grid { grid-template-columns: 1.3fr 1fr; gap: 32px 48px; }
}
@media(max-width:900px) {
  .longgang-site { --section-gap: 64px; --heading-gap: 24px; --card-gap: 20px; }
  .longgang-site .portal-nav { display: none; }
  .longgang-site .portal-nav-mobile { display: flex; height: 52px; align-items: center; justify-content: space-between; }
  .longgang-site .portal-nav-sticky-inner { height: 52px; }
  .longgang-site .main-nav-panel.open { display: block; }
  .longgang-site .main-nav-panel { background: #fff; }
  .longgang-site .main-nav-panel ul { list-style: none; padding: 8px 0; margin: 0; }
  .longgang-site .main-nav-panel a { color: var(--brand-navy); min-height: 44px; padding: 10px var(--page-gutter); display: flex; align-items: center; font-size: 15px; }
  .longgang-site .main-nav-panel a.active { color: var(--brand-blue); background: #edf4f9; }
  .longgang-site .collapse-cta { display: none; }
  .longgang-site .portal-hero { min-height: 460px; }
  .longgang-site .na-home-grid { grid-template-columns: 1fr; }
  .longgang-site .lg-news-image { min-height: 240px; }
  .longgang-site .na-home-list .na-row { min-height: 108px; }
  .longgang-site .lg-service-heading { font-size: 19px; }
  .longgang-site .lg-service-indicator { width: 24px; height: 24px; }
  .longgang-site .rel-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .longgang-site { --page-gutter: 20px; --section-gap: 56px; --heading-gap: 24px; --card-gap: 12px; --card-padding: 24px; --font-section-size: var(--type-h2); }
  .longgang-site .portal-header-top { min-height: 128px; height: auto; padding-block: 18px !important; display: flex; flex-wrap: wrap; gap: 16px; }
  .longgang-site .portal-brand-bar .brand { width: 100%; gap: 14px; }
  .longgang-site .portal-brand-bar .brand-logo { width: auto !important; height: 36px !important; }
  .longgang-site .portal-brand-bar .brand-name { font-size: 17px !important; white-space: normal; }
  .longgang-site .header-right { width: 100%; }
  .longgang-site .header-right .btn-primary { width: 100%; }
  .longgang-site .portal-hero { min-height: 400px; }
  .longgang-site .portal-hero-inner { padding: 72px 0 88px !important; }
  .longgang-site .portal-hero-title { font-size: 34px !important; line-height: 1.35; }
  .longgang-site .portal-hero-title .gold { font-size: 26px; margin-top: 14px; }
  .longgang-site .portal-hero-sub { font-size: 15px !important; margin-top: 20px !important; }
  .longgang-site main > .portal-services { padding-top: 16px !important; }
  .longgang-site #core-services .lg-accordion,
  .longgang-site #core-services .lg-accordion[data-active] { grid-template-columns: 1fr !important; }
  .longgang-site #core-services .lg-accordion-card .service-card { height: 96px !important; }
  .longgang-site #core-services .lg-accordion-card.is-expanded .service-card { height: 272px !important; }
  .longgang-site .lg-service-heading { font-size: 21px; }
  .longgang-site .lg-service-toggle { padding: 24px; }
  .longgang-site .is-expanded .lg-service-toggle { padding-bottom: 186px; }
  .longgang-site .lg-service-panel { bottom: 24px; left: 24px; right: 24px; }
  .longgang-site .lg-service-links { flex-direction: row; align-items: stretch; gap: 8px; }
  .longgang-site .lg-service-links a { min-height: 44px; font-size: 12px; padding-inline: 10px; }
  .longgang-site .lg-news-image { min-height: 190px; }
  .longgang-site .na-feature-copy h3 { font-size: 20px; }
  .longgang-site .na-home-list { padding-inline: 20px; }
  .longgang-site .na-meta { gap: 8px; }
  .longgang-site .lg-events-empty { align-items: flex-start; gap: 16px; padding: 24px; min-height: 0; }
  .longgang-site .lg-empty-icon { width: 44px; height: 44px; }
  .longgang-site .lg-events-empty h3 { font-size: 18px; }
  .longgang-site .lg-events-empty p { font-size: 14px; }
  .longgang-site .pending-label { font-size: 12px; }
  .longgang-site .partner-source { margin-top: -8px; font-size: 12px; }
  .longgang-site .rel-tabs { flex-wrap: wrap; gap: 8px; }
  .longgang-site .rel-tab { font-size: 13px; min-height: 44px; padding: 10px 12px; }
  .longgang-site .rel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .longgang-site .partner-logo-area { height: 88px; min-height: 88px; padding: 16px; }
  .longgang-site .partner-name { min-height: 62px; padding: 10px; font-size: 12px; }
  .longgang-site .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; padding: 32px 0; }
  .longgang-site .footer-brand,.longgang-site .footer-contact { grid-column: 1 / -1; }
  .longgang-site .footer-col li a { min-height: 44px; }
  .longgang-site .footer-brand-logo { width: 140px; }
  .longgang-site .footer-col .ft { margin-bottom: 10px; }
  .longgang-site .footer-bottom { text-align: left; }
}
@media(prefers-reduced-motion:reduce) {
  .longgang-site *, .longgang-site *::before, .longgang-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.longgang-site :is(.sec-head,.events-head) { flex-direction: row; text-align: left; }
.longgang-site .na-feature { aspect-ratio: auto !important; height: auto !important; }
.longgang-site .na-feature-copy { flex: none; }
.longgang-site .na-row-copy { display: block; }
@media(max-width:900px) {
  .longgang-site .menu-toggle { display: flex; width: 44px; height: 44px; color: #fff; border: 1px solid #ffffffa3; border-radius: 6px; }
  .longgang-site .menu-toggle i { background: #fff; }
  .longgang-site .portal-nav-mobile-current { color: #fff; }
}
@media(max-width:767px) {
  .longgang-site .na-feature .lg-news-image { flex: none; min-height: 0; aspect-ratio: 16/9; }
}

.longgang-site .home-hero-digital { position: relative; isolation: isolate; overflow: hidden; background: var(--surface-page); }
.longgang-site .home-hero-backdrop { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.longgang-site .home-hero-backdrop img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.longgang-site .home-hero-backdrop::after { content: ""; position: absolute; inset: auto 0 0; height: 120px; background: linear-gradient(to bottom, rgba(247,250,252,0), var(--surface-page)); }
.longgang-site .home-hero-grid { position: relative; min-height: clamp(540px,41vw,680px); display: flex; align-items: center; padding-block: 100px !important; }
.longgang-site .home-hero-copy { max-width: 560px; padding-bottom: 32px; }
.longgang-site .home-hero-copy h1 { color: var(--brand-navy); font-size: clamp(38px,3.6vw,52px); font-weight: 650; line-height: 1.32; margin: 0; text-wrap: balance; }
.longgang-site .home-hero-description { color: var(--text-muted); font-size: 16px; line-height: 1.85; margin: 20px 0 0; max-width: 29em; }
@media(max-width:1100px) {
  .longgang-site .home-hero-grid { min-height: 510px; padding-block: 80px !important; }
  .longgang-site .home-hero-copy { max-width: 460px; }
  .longgang-site .home-hero-copy h1 { font-size: 42px; }
  .longgang-site .home-hero-description { font-size: 15px; }
  .longgang-site .home-hero-backdrop img { object-position: 54% center; }
}
@media(max-width:900px) {
  .longgang-site .home-hero-grid { min-height: 490px; padding-block: 72px !important; align-items: flex-start; }
  .longgang-site .home-hero-copy { max-width: 400px; padding-bottom: 0; }
  .longgang-site .home-hero-copy h1 { font-size: 36px; }
  .longgang-site .home-hero-backdrop img { object-position: 42% center; }
}
@media(max-width:767px) {
  .longgang-site .home-hero-grid { min-height: 0; padding-block: 44px 0 !important; display: block; }
  .longgang-site .home-hero-copy { max-width: none; }
  .longgang-site .home-hero-copy h1 { font-size: 34px; line-height: 1.35; }
  .longgang-site .home-hero-description { margin-top: 16px; font-size: 15px; max-width: 24em; }
  .longgang-site .home-hero-digital { display: flex; flex-direction: column; }
  .longgang-site .home-hero-grid { order: 0; }
  .longgang-site .home-hero-backdrop { position: relative; inset: auto; order: 1; z-index: 0; width: 100%; height: 250px; margin-top: 20px; }
  .longgang-site .home-hero-backdrop img { object-position: right center; }
  .longgang-site .home-hero-backdrop::after { height: 60px; }
  .longgang-site .home-hero-backdrop::before { content: ""; position: absolute; inset: 0 0 auto; height: 40px; background: linear-gradient(to bottom, var(--surface-page), rgba(247,250,252,0)); }
}


.longgang-site .home-hero-copy { max-width: 500px; padding-bottom: 20px; }
.longgang-site .home-hero-copy h1 { font-size: clamp(44px,4.2vw,60px); font-weight: 650; line-height: 1.16; letter-spacing: -.025em; margin: 0; max-width: 8em; }
.longgang-site .home-hero-copy h1 > span { display: block; white-space: nowrap; }
.longgang-site .home-hero-description { max-width: 29em; font-size: 15px; line-height: 1.85; margin: 24px 0 0; }
@media(max-width:1100px) {
  .longgang-site .home-hero-copy { max-width: 440px; }
  .longgang-site .home-hero-copy h1 { font-size: 52px; }
}
@media(max-width:900px) {
  .longgang-site .home-hero-copy { max-width: 390px; padding-bottom: 0; }
  .longgang-site .home-hero-copy h1 { font-size: 46px; }
  .longgang-site .home-hero-description { max-width: 24em; }
}
@media(max-width:767px) {
  .longgang-site .home-hero-copy { max-width: 100%; }
  .longgang-site .home-hero-copy h1 { font-size: clamp(36px,10.5vw,42px); line-height: 1.2; }
  .longgang-site .home-hero-description { font-size: 14px; margin-top: 20px; max-width: 23em; }
}

.longgang-site {
  --site-section-space: 64px;
  --site-h1: clamp(32px,3.2vw,42px);
  --site-h2: clamp(24px,2.2vw,30px);
  --site-h3: 20px;
  --site-radius: var(--radius-card);
  --site-border: var(--border-color);
}
.longgang-site main { min-width: 0; }
.longgang-site main > section { min-width: 0; }
.longgang-site .sp-sec { padding: var(--site-section-space) 0 !important; background: transparent; }
.longgang-site .sp-hero,
.longgang-site .ops-hero,
.longgang-site.page-about .about-hero { position: relative; min-height: 300px; display: flex; align-items: center; background-color: var(--surface-page); overflow: hidden; border: none; }
.longgang-site .sp-hero-bg,
.longgang-site .ops-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.longgang-site .sp-hero-bg img,
.longgang-site .ops-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: right center; opacity: .55; filter: none; }
.longgang-site .sp-hero::after,
.longgang-site .ops-hero::after,
.longgang-site.page-about .about-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 100px; background: linear-gradient(0deg,var(--surface-page),rgba(247,250,252,0)); pointer-events: none; }
.longgang-site .sp-hero > .wrap,
.longgang-site .ops-hero > .wrap,
.longgang-site.page-about .about-hero__inner { position: relative; z-index: 1; width: min(1200px,calc(100% - var(--page-gutter)*2)); min-height: 300px; display: flex; align-items: center; }
.longgang-site .sp-hero-inner,
.longgang-site .ops-hero-inner,
.longgang-site.page-about .about-hero__copy { padding: 56px 0 !important; max-width: 760px; }
.longgang-site :is(.sp-hero-title,.ops-hero-title),
.longgang-site.page-about .about-hero h1 { font-family: var(--font-sans); font-size: var(--site-h1) !important; font-weight: 650; line-height: 1.35; letter-spacing: 0; margin: 0; color: var(--brand-navy); }
.longgang-site .sp-hero-lead,
.longgang-site .ops-hero-lead,
.longgang-site.page-about .about-hero__intro { max-width: 44em; font-family: var(--font-sans); font-size: 16px; line-height: 1.85; color: var(--text-muted); margin: 18px 0 0; }
.longgang-site .ops-hero-title br { display: none; }
.longgang-site .ops-hero-title { max-width: 26em; }

.longgang-site .ops-hero-title .ops-hero-qualifier { display: block; font-size: 15px; color: var(--text-muted); font-weight: 400; margin-top: 12px; line-height: 1.7; }
.longgang-site :is(.ops-eyebrow,.sp-eyebrow,.about-hero__eyebrow) { display: none; }
.longgang-site .ops-editorial-section { background: transparent !important; padding: 56px 0; border: none; }
.longgang-site .ops-editorial-section + .ops-editorial-section > .wrap { border-top: 1px solid var(--site-border); padding-top: 56px !important; }
.longgang-site .business-intro-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center; }
.longgang-site .business-intro-copy { min-width: 0; }
.longgang-site .business-intro-title { font-family: var(--font-sans); font-size: var(--site-h2); font-weight: 600; line-height: 1.45; color: var(--brand-navy); margin: 0 0 16px; }
.longgang-site .ops-editorial-lead { font-size: 15px; font-weight: 500; color: var(--text-muted); margin: 0 0 10px; line-height: 1.75; }
.longgang-site .business-intro-body { font-size: 15px; color: var(--text-muted); line-height: 1.85; margin: 0; max-width: 38em; }
.longgang-site .business-text-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; color: var(--brand-blue); margin-top: 22px; font-size: 14px; font-weight: 500; }
.longgang-site .ops-editorial-aside { display: none; }
.longgang-site .ops-editorial-visual { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: #fff; }
.longgang-site .ops-editorial-image { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; border-radius: 4px; }
.longgang-site .ops-image-note { font-size: 12px; color: var(--text-muted); line-height: 1.7; margin-top: 10px; text-align: right; }
.longgang-site .lg-platform-entry { padding: 28px; background: #edf4f9; border: 1px solid var(--site-border); border-radius: var(--site-radius); }
.longgang-site .lg-platform-entry h2 { font-family: var(--font-sans); font-size: var(--site-h2); font-weight: 600; line-height: 1.4; color: var(--brand-navy); margin: 0 0 12px; }
.longgang-site .lg-platform-entry p { font-size: 15px; line-height: 1.85; color: var(--text-muted); margin: 0; }
.longgang-site .lg-placeholder { padding: 28px; border: 1px solid var(--site-border); border-radius: var(--site-radius); color: var(--text-muted); background: #fff; font-size: 15px; line-height: 1.85; }
.longgang-site .lg-placeholder h2 { font-family: var(--font-sans); font-size: 22px; line-height: 1.45; margin: 0 0 12px; font-weight: 600; }
.longgang-site .lg-placeholder p { margin: 0; }
.longgang-site .lg-placeholder.large { min-height: 220px; margin: 0; }
.longgang-site .lg-service-info { gap: 24px; margin-top: 24px; }
.longgang-site .lg-service-info .lg-placeholder { margin-top: 0; min-height: 150px; }
.longgang-site .lg-contact-layout { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 48px; align-items: start; }
.longgang-site .lg-contact-layout > div { min-width: 0; }
.longgang-site .lg-contact-layout .sec-title { font-size: 26px !important; line-height: 1.5; }
.longgang-site .lg-contact-list { margin: 24px 0 0; }
.longgang-site .lg-contact-list div { align-items: center; gap: 20px; padding: 16px 0; font-size: 15px; line-height: 1.7; }
.longgang-site .lg-contact-list dt { width: 90px; flex: none; color: var(--text-muted); }
.longgang-site .lg-contact-list dd { color: var(--text-primary); }
.longgang-site .lg-filter { gap: 16px; margin: 0 0 24px; }
.longgang-site .lg-filter > div { display: flex; flex-wrap: wrap; gap: 8px; }
.longgang-site .lg-filter button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--site-border); border-radius: 6px; background: #fff; color: var(--text-primary); font: inherit; font-size: 14px; cursor: pointer; }
.longgang-site .lg-filter button[aria-pressed=true] { background: var(--brand-blue); color: #fff; border-color: var(--brand-blue); }
.longgang-site .lg-filter input { min-height: 44px; padding: 10px 14px; border: 1px solid #b9cddb; border-radius: 6px; background: #fff; color: var(--text-primary); font-family: var(--font-sans); font-size: 14px; width: 260px; max-width: 100%; }
.longgang-site .lg-filter input::placeholder { color: var(--text-muted); }
.longgang-site.page-news main > .na-home { padding-top: 40px !important; }
.longgang-site.page-news .na-feature { min-width: 0; width: 100%; }
.longgang-site.page-news #news-content { margin-top: 28px; padding: 24px 28px; }
.longgang-site.page-news #news-content h2 { font-size: 20px; }
.longgang-site .activity-detail-note { font-size: 14px; line-height: 1.8; color: var(--text-muted); margin-top: 20px; }
.longgang-site.page-events main > .portal-events { padding-top: 40px !important; }
.longgang-site.page-events .month-switch { display: none; }

.longgang-site.page-about .about-hero { background-position: right center; background-size: cover; }
.longgang-site.page-about .about-hero::before { background: rgba(247,250,252,.52); z-index: 0; }
.longgang-site.page-about .about-hero__name { font-family: var(--font-sans); font-size: 18px; line-height: 1.65; font-weight: 500; color: var(--text-primary); margin: 16px 0 0; }
.longgang-site.page-about .about-media { padding-top: 48px !important; gap: 24px; }
.longgang-site.page-about .about-media__video,
.longgang-site.page-about .about-media__brochure { height: 280px; border: 1px solid var(--site-border); background: #fff; border-radius: var(--site-radius); }
.longgang-site.page-about .about-media__video-placeholder { background: #edf4f9; }
.longgang-site.page-about .about-media__play { width: auto; height: auto; border: none; color: var(--brand-blue); padding: 0; }
.longgang-site.page-about .about-media__video-caption { color: var(--text-primary); text-shadow: none; font-size: 16px; font-weight: 500; left: 24px; right: 24px; bottom: 22px; line-height: 1.6; }
.longgang-site.page-about .about-media__video-caption small { color: var(--text-muted); font-size: 12px; }
.longgang-site.page-about .about-media__brochure { padding: 28px; gap: 20px; }
.longgang-site.page-about .about-media__brochure-copy { max-width: 65%; }
.longgang-site.page-about .about-media__brochure-copy > span:first-child { font-size: 12px; color: var(--text-muted); font-weight: 400; }
.longgang-site.page-about .about-media__brochure h2 { font-family: var(--font-sans); font-size: 25px; line-height: 1.4; font-weight: 600; color: var(--brand-navy); margin: 12px 0; }
.longgang-site.page-about .about-media__brochure p { font-size: 14px; line-height: 1.8; color: var(--text-muted); margin: 0; }
.longgang-site.page-about .about-media__pending { background: #f7fafc; color: var(--text-muted); border: 1px solid var(--site-border); padding: 5px 8px; font-size: 12px; line-height: 1.6; font-weight: 400; border-radius: 4px; margin-top: 20px; }
.longgang-site.page-about .about-media__cover-placeholder { transform: none; box-shadow: none; height: 160px; width: 28%; border: 1px solid #c7d8e6; border-radius: 4px; background: linear-gradient(0deg,#e9f2f8 0 25%,#fff 25%); }
.longgang-site.page-about .about-intro { background: transparent; padding: 32px 0 0; text-align: left; }
.longgang-site.page-about .about-intro p { max-width: none; margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.85; }
.longgang-site.page-about .about-address { background: transparent; padding: 48px 0 0; }
.longgang-site.page-about .about-address .lg-placeholder { margin-top: 24px; min-height: 180px; }
@media(max-width:1100px) {
  .longgang-site .business-intro-row { gap: 32px; }
  .longgang-site .business-intro-title { font-size: 26px; }
  .longgang-site .lg-contact-layout { gap: 32px; }
}
@media(max-width:900px) {
  .longgang-site { --site-section-space: 48px; }
  .longgang-site .sp-hero,.longgang-site .ops-hero,.longgang-site.page-about .about-hero { min-height: 260px; }
  .longgang-site .sp-hero > .wrap,.longgang-site .ops-hero > .wrap,.longgang-site.page-about .about-hero__inner { min-height: 260px; }
  .longgang-site .business-intro-row { grid-template-columns: 1fr 1fr; gap: 28px; }
  .longgang-site .ops-editorial-section { padding: 40px 0; }
  .longgang-site .ops-editorial-section + .ops-editorial-section > .wrap { padding-top: 40px !important; }
  .longgang-site.page-about .about-media { grid-template-columns: 1fr; }
  .longgang-site .lg-service-info { gap: 16px; }
}
@media(max-width:767px) {
  .longgang-site { --site-section-space: 40px; --site-h1: 32px; --site-h2: 26px; }
  .longgang-site .sp-hero,.longgang-site .ops-hero,.longgang-site.page-about .about-hero { min-height: 240px; }
  .longgang-site .sp-hero > .wrap,.longgang-site .ops-hero > .wrap,.longgang-site.page-about .about-hero__inner { min-height: 240px; }
  .longgang-site .sp-hero-inner,.longgang-site .ops-hero-inner,.longgang-site.page-about .about-hero__copy { padding: 40px 0 !important; }
  .longgang-site .sp-hero-lead,.longgang-site .ops-hero-lead,.longgang-site.page-about .about-hero__intro { font-size: 15px; margin-top: 14px; }
  .longgang-site .business-intro-row { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .longgang-site .business-intro-title { font-size: 25px; }
  .longgang-site .ops-editorial-visual { padding: 10px; }
  .longgang-site .lg-platform-entry { align-items: flex-start; flex-direction: column; padding: 24px; }
  .longgang-site .lg-service-info { grid-template-columns: minmax(0,1fr) !important; }
  .longgang-site .lg-service-info .lg-placeholder { min-height: 0; padding: 24px; }
  .longgang-site .lg-contact-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .longgang-site .lg-contact-layout .sec-title { font-size: 22px !important; }
  .longgang-site .lg-placeholder.large { min-height: 180px; }
  .longgang-site .lg-filter input { width: 100%; }
  .longgang-site .lg-filter button { font-size: 13px; padding: 10px 12px; }
  .longgang-site.page-about .about-media { padding-top: 32px !important; }
  .longgang-site.page-about .about-media__video,.longgang-site.page-about .about-media__brochure { height: 240px; }
  .longgang-site.page-about .about-media__video-caption { flex-direction: column; align-items: flex-start; gap: 4px; font-size: 15px; }
  .longgang-site.page-about .about-media__brochure { padding: 24px; }
  .longgang-site.page-about .about-media__brochure h2 { font-size: 22px; }
  .longgang-site.page-about .about-hero__name { font-size: 16px; }
  .longgang-site.page-about .about-address { padding-top: 40px; }
}


.longgang-site .na-home .sec-head { flex-direction: row; align-items: center; text-align: left; }
.longgang-site:not(.page-home) main { padding-bottom: var(--site-section-space); }
.longgang-site:not(.page-home) main > section:last-child { padding-bottom: 0 !important; }
.longgang-site:not(.page-home) .portal-footer { margin-top: 0; }
.longgang-site.page-about main { background: var(--surface-page); }
.longgang-site .ops-editorial-section { padding: 0 0 32px !important; }
.longgang-site .ops-editorial-section + .ops-editorial-section > .wrap { padding-top: 32px !important; }
.longgang-site .ops-editorial-image { max-height: 320px; }
/* Delivery title roles: content headings are separate from content status. */
.longgang-site{






  --weight-heading:600;
}
.longgang-site main h1:not(#home-hero-title){font-size:var(--type-h1)!important;line-height:1.35;font-weight:650}
.longgang-site main h2,.longgang-site .sec-title{font-size:var(--type-h2)!important;line-height:1.4;font-weight:var(--weight-heading);color:var(--brand-navy)}
.longgang-site main h3,.longgang-site .lg-service-heading{font-size:var(--type-h3)!important;line-height:1.45;font-weight:var(--weight-heading)}
.longgang-site .na-row h3{font-size:var(--type-list)!important;line-height:1.55}
.longgang-site .lg-card-heading{margin:0}
.longgang-site .content-empty{padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-card);color:var(--text-muted)}
.longgang-site .empty-title{font-size:17px;line-height:1.6;font-weight:500;color:var(--text-primary);margin:0 0 8px}
.longgang-site .content-empty>p:not(.empty-title){font-size:var(--type-body);line-height:1.8;margin:0}
.longgang-site .content-state-note{font-size:var(--type-meta);line-height:1.8;color:var(--text-muted);margin:20px 0 0}
.longgang-site .lg-events-empty .empty-title{margin:0 0 8px;color:var(--text-primary);font-size:17px;font-weight:500}
.longgang-site .lg-placeholder>h3{margin:0 0 12px;color:var(--brand-navy)}
.longgang-site .ops-services-section{padding:48px 0 0}
.longgang-site .ops-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.longgang-site .ops-service-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-card);padding:28px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.longgang-site .ops-service-card h3{margin:0 0 16px;color:var(--brand-navy)}
.longgang-site .ops-service-card p{font-size:var(--type-body);line-height:1.85;color:var(--text-muted);margin:0 0 16px}
.longgang-site .ops-service-card .business-text-link{margin-top:auto;min-height:44px}
.longgang-site .about-media__video-caption h3{margin:0;color:var(--brand-navy)}
.longgang-site .about-media__brochure-copy h3{margin:0 0 12px;color:var(--brand-navy)}
.longgang-site .about-media__brochure-copy .pending-label{margin-top:16px}
.longgang-site .portal-header-top .btn-primary:after{content:"→";font-size:18px;line-height:1}
.longgang-site .portal-nav-mobile-current{font-size:14px;color:white}
.longgang-site #core-services .lg-accordion-card .service-card>img{filter:none;object-position:center 42%}
.longgang-site .lg-accordion-card .sc-overlay{background:linear-gradient(180deg,rgba(24,49,106,.02) 0%,rgba(24,49,106,.1) 28%,rgba(24,49,106,.9) 100%)!important}
.longgang-site .lg-service-toggle{padding:28px}
.longgang-site .is-expanded .lg-service-toggle{padding-bottom:168px}
.longgang-site .lg-service-panel{left:28px;right:28px;bottom:28px}
.longgang-site .lg-service-panel p{font-size:14px;font-weight:400;color:white;margin:0 0 18px;line-height:1.7}
.longgang-site .lg-service-links a{min-height:44px;background:white;color:var(--brand-navy);border:1px solid #fff}
.longgang-site .lg-service-links a+a{background:transparent;color:#fff;border-color:#ffffffa3}
.longgang-site .lg-service-links a:hover{background:#edf4f9;color:var(--brand-navy)}
.longgang-site .lg-service-toggle:focus-visible{outline:3px solid white;outline-offset:-5px;border-radius:10px}
.longgang-site .sp-hero,.longgang-site .ops-hero,.longgang-site.page-about .about-hero{background:var(--surface-page);border-bottom:1px solid var(--border-color)}
.longgang-site .sp-hero::after,.longgang-site .ops-hero::after,.longgang-site.page-about .about-hero::after,.longgang-site.page-about .about-hero::before{display:none}
@media(max-width:900px){.longgang-site .ops-services-grid{gap:20px}.longgang-site .is-expanded .lg-service-toggle{padding-bottom:194px}}
@media(max-width:767px){
 .longgang-site{--type-meta:12px}
 .longgang-site .ops-services-grid{grid-template-columns:1fr;gap:16px}
 .longgang-site .ops-services-section{padding-top:32px}
 .longgang-site .ops-service-card,.longgang-site .content-empty{padding:24px}
 .longgang-site .lg-service-toggle{padding:24px}
 .longgang-site .is-expanded .lg-service-toggle{padding-bottom:186px}
 .longgang-site .lg-service-panel{left:24px;right:24px;bottom:24px}
 .longgang-site .lg-service-heading{font-size:20px!important}
 .longgang-site .about-media__brochure-copy{max-width:72%}
}

/* Digital trade artwork v2: preserve the generated compositions at each card size. */
.longgang-site .home-hero-digital .home-hero-backdrop img{object-position:center center}
.longgang-site .home-hero-digital .home-hero-backdrop::after{height:100px}
.longgang-site #core-services .lg-accordion-card .service-card{height:420px!important;background:#092b57}
.longgang-site #core-services .lg-accordion-card .service-card>img{height:100%;object-fit:cover;object-position:center top;filter:none;transition:opacity .25s ease}
.longgang-site #core-services .lg-accordion-card.is-expanded .service-card>img{height:72%;object-fit:contain;object-position:center top;mask-image:linear-gradient(#000 80%,transparent 100%)}
.longgang-site .lg-accordion-card .sc-overlay{background:linear-gradient(180deg,transparent 35%,rgba(9,43,87,.12) 54%,rgba(9,43,87,.8) 100%)!important}
.longgang-site .is-expanded .lg-service-toggle{padding-bottom:156px}
.longgang-site .lg-service-panel p{margin-bottom:14px}
@media(max-width:1100px) and (min-width:901px){
 .longgang-site .lg-service-toggle{padding:22px}
 .longgang-site .lg-service-heading{font-size:21px!important}
 .longgang-site .is-expanded .lg-service-toggle{padding-bottom:174px}
 .longgang-site .lg-service-panel{left:22px;right:22px;bottom:24px}
}
@media(max-width:900px){
 .longgang-site .home-hero-digital{display:flex;flex-direction:column}
 .longgang-site .home-hero-digital .home-hero-grid{order:0;min-height:0;padding-block:48px 0!important;display:block;width:100%}
 .longgang-site .home-hero-digital .home-hero-copy{max-width:500px;padding-bottom:0}
 .longgang-site .home-hero-digital .home-hero-backdrop{position:relative;inset:auto;order:1;z-index:0;width:100%;height:320px;margin-top:16px}
 .longgang-site .home-hero-digital .home-hero-backdrop img{object-position:right center}
 .longgang-site .home-hero-digital .home-hero-backdrop::before{content:"";position:absolute;inset:0 0 auto;height:36px;background:linear-gradient(var(--surface-page),transparent)}
 .longgang-site #core-services .lg-accordion,.longgang-site #core-services .lg-accordion[data-active]{grid-template-columns:1fr!important;gap:16px!important}
 .longgang-site #core-services .lg-accordion-card .service-card{height:96px!important}
 .longgang-site #core-services .lg-accordion-card.is-expanded .service-card{height:360px!important}
 .longgang-site #core-services .lg-accordion-card:not(.is-expanded) .service-card>img{width:170px;right:28px;left:auto;object-position:center 25%;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent)}
 .longgang-site #core-services .lg-accordion-card.is-expanded .service-card>img{height:67%;width:100%;object-fit:contain;object-position:center top}
 .longgang-site .is-expanded .lg-service-toggle{padding-bottom:150px}
 .longgang-site .lg-service-panel{bottom:24px}
 .longgang-site .lg-service-links{flex-wrap:wrap}
}
@media(max-width:480px){
 .longgang-site .home-hero-digital .home-hero-grid{padding-top:36px!important}
 .longgang-site .home-hero-digital .home-hero-backdrop{height:240px;margin-top:12px}
 .longgang-site .home-hero-digital .home-hero-backdrop img{object-position:90% center}
 .longgang-site #core-services .lg-accordion-card.is-expanded .service-card{height:370px!important}
 .longgang-site #core-services .lg-accordion-card.is-expanded .service-card>img{height:59%}
 .longgang-site .is-expanded .lg-service-toggle{padding-bottom:170px}
 .longgang-site .lg-service-panel p{margin-bottom:12px}
}

/* Image-led service entries. Scope stays inside the homepage service module. */
.longgang-site #core-services .wrap{max-width:1248px}
.longgang-site #core-services .service-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.longgang-site #core-services .service-image-card{position:relative;isolation:isolate;min-width:0;height:340px;overflow:hidden;border-radius:14px;background:#e6f0f8}
.longgang-site #core-services .service-image-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
.longgang-site #core-services .service-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,37,69,.2),transparent 35%),linear-gradient(180deg,transparent 38%,rgba(12,37,69,.24) 58%,rgba(12,37,69,.85) 83%,#122d50 100%);transition:background-color 350ms ease}
.longgang-site #core-services .is-expanded .service-image-shade{background-color:rgba(12,37,69,.54)}
.longgang-site #core-services .is-expanded .service-image-art{transform:scale(1.035)}
.longgang-site #core-services .service-image-number{position:absolute;top:22px;left:24px;color:#fff;font-size:20px;line-height:1.4;font-weight:600;z-index:1;transition:color 350ms ease}
.longgang-site #core-services .is-expanded .service-image-number{color:white}
.longgang-site #core-services .service-image-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;z-index:2;cursor:pointer;border-radius:inherit;color:#fff}
.longgang-site #core-services .service-image-toggle:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}
.longgang-site #core-services .service-image-indicator{position:absolute;top:18px;right:20px;width:36px;height:36px;display:grid;place-items:center;color:inherit;transition:color 350ms ease}
.longgang-site #core-services .service-image-indicator svg{width:22px;height:22px}
.longgang-site #core-services .is-expanded .service-image-toggle{color:white}
.longgang-site #core-services .service-image-content{position:absolute;left:24px;right:24px;bottom:24px;color:white;z-index:3;pointer-events:none}
.longgang-site #core-services .service-image-content h3{margin:0;color:white;font-size:24px!important;line-height:1.4}
.longgang-site #core-services .service-image-summary{margin:8px 0 0;color:#fff;font-size:14px;line-height:1.7}
.longgang-site #core-services .service-image-panel{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translateY(6px);transition:transform 300ms ease,grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 250ms ease,visibility 0s linear 420ms}
.longgang-site #core-services .is-expanded .service-image-panel{grid-template-rows:1fr;opacity:1;visibility:visible;transform:translateY(0);transition:transform 300ms ease,grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 300ms ease 100ms,visibility 0s}
.longgang-site #core-services .service-image-panel ul{overflow:hidden;min-height:0;margin:0;padding:0;list-style:none}
.longgang-site #core-services .service-image-panel li:first-child{margin-top:14px}
.longgang-site #core-services .service-image-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 0;border-top:1px solid #ffffff42;color:white;font-size:14px;line-height:1.5;pointer-events:auto;text-decoration:none}
.longgang-site #core-services .service-image-panel a:hover{text-decoration:underline;text-underline-offset:4px}
.longgang-site #core-services .service-image-panel a:focus-visible{outline:2px solid white;outline-offset:-2px}
.longgang-site #core-services .service-image-panel svg{flex:none}
@media(max-width:900px){.longgang-site #core-services .service-image-grid{gap:16px}.longgang-site #core-services .service-image-card{height:360px}.longgang-site #core-services .service-image-content{left:18px;right:18px;bottom:22px}.longgang-site #core-services .service-image-content h3{font-size:21px!important}.longgang-site #core-services .service-image-panel a{font-size:13px}}
@media(max-width:600px){.longgang-site #core-services .service-image-grid{grid-template-columns:1fr;gap:16px}.longgang-site #core-services .service-image-card{height:340px}.longgang-site #core-services .service-image-art{object-position:center 40%}.longgang-site #core-services .service-image-content{left:24px;right:24px;bottom:24px}.longgang-site #core-services .service-image-content h3{font-size:24px!important}.longgang-site #core-services .service-image-panel a{font-size:14px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.longgang-site #core-services .service-image-card *{transition:none!important}}

/* Comprehensive platform page: reuses the portal's heading, color and spacing tokens. */
.longgang-site .lp-service{--lp-gap:var(--section-gap)}
.longgang-site .lp-service p{font-size:var(--type-body);line-height:1.75;color:var(--text-muted)}
.longgang-site .lp-service-hero{background:linear-gradient(110deg,#edf4f9,var(--surface-page) 75%)}
.longgang-site .lp-service-hero-grid{min-height:370px;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-block:40px!important}
.longgang-site .lp-service-hero h1{margin:0 0 20px;color:var(--brand-navy)}
.longgang-site .lp-service-hero-copy>p{max-width:34em;margin:0 0 28px}
.longgang-site .lp-service-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.longgang-site .lp-entry-status{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13px;line-height:1.6}
.longgang-site .lp-entry-status>span{width:7px;height:7px;border-radius:50%;background:var(--brand-blue)}
.longgang-site .lp-service .business-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--brand-blue);font-size:14px;min-height:44px}
.longgang-site .lp-service-map{max-width:440px;width:100%;justify-self:end;color:var(--brand-navy)}
.longgang-site .lp-map-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-inline:20px}
.longgang-site .lp-map-row>span{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 12px;background:rgba(255,255,255,.85);border:1px solid var(--border-color);border-radius:10px;font-size:14px}
.longgang-site .lp-map-row svg{color:var(--brand-blue);flex:none}
.longgang-site .lp-map-connector{height:23px;width:1px;margin:auto;background:var(--brand-mint)}
.longgang-site .lp-map-hub{padding:20px 28px;display:flex;gap:20px;align-items:center;justify-content:center;background:var(--brand-navy);border-radius:12px;color:white}
.longgang-site .lp-map-hub>svg{color:var(--brand-mint)}
.longgang-site .lp-map-hub strong{display:block;font-size:20px;font-weight:600}
.longgang-site .lp-map-hub small{display:block;color:#dce8f5;font-size:12px;margin-top:4px}
.longgang-site .lp-service .lp-section{padding-top:var(--lp-gap);scroll-margin-top:100px}
.longgang-site .lp-section-head{margin-bottom:28px}
.longgang-site .lp-section-head h2{margin:0 0 12px}
.longgang-site .lp-section-head>p{margin:0;max-width:48em}
.longgang-site .lp-scope-note{margin:0 0 24px!important;padding:14px 18px;border:1px solid var(--border-color);border-radius:6px;font-size:13px!important;background:var(--surface-soft)}
.longgang-site .lp-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.longgang-site .lp-core-card{display:flex;gap:24px;padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-card)}
.longgang-site .lp-service-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--brand-blue)}
.longgang-site .lp-core-card h3{margin:0 0 12px;color:var(--brand-navy)}
.longgang-site .lp-core-card p{margin:0 0 14px}
.longgang-site .lp-service-meta{font-size:var(--type-meta);line-height:1.7;color:var(--text-muted)}
.longgang-site .lp-flow-surface{border:1px solid var(--border-color);border-radius:12px;background:var(--surface-card);padding:36px 28px 24px}
.longgang-site .lp-flow-track{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;gap:24px}
.longgang-site .lp-flow-track li{position:relative;text-align:center;min-width:0}
.longgang-site .lp-flow-track li:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 37px);right:calc(-50% + 13px);top:31px;height:1px;background:#b9cddd}
.longgang-site .lp-flow-track li:not(:last-child)::before{content:'';position:absolute;top:28px;right:-14px;width:6px;height:6px;border-top:1px solid var(--brand-blue);border-right:1px solid var(--brand-blue);transform:rotate(45deg)}
.longgang-site .lp-flow-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:var(--brand-blue);background:var(--surface-soft)}
.longgang-site .lp-flow-track li:last-child .lp-flow-icon{background:#e6f4ef;color:var(--brand-navy)}
.longgang-site .lp-flow-track h3{margin:0 0 8px;color:var(--brand-navy)}
.longgang-site .lp-flow-track p{font-size:13px;margin:0}
.longgang-site .lp-flow-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}
.longgang-site .lp-flow-lanes>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--brand-blue);font-size:14px}
.longgang-site .lp-flow-lanes strong{font-weight:600;color:var(--brand-navy)}
.longgang-site .lp-flow-lanes span{flex-basis:100%;font-size:13px;color:var(--text-muted);padding-left:27px}
.longgang-site .lp-flow-caption{font-size:12px!important;margin:24px 0 0}
.longgang-site .lp-value-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px}
.longgang-site .lp-value-layout .lp-section-head>p{margin-bottom:20px;font-size:18px}
.longgang-site .lp-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.longgang-site .lp-value-grid article{padding-top:20px;border-top:1px solid var(--border-color)}
.longgang-site .lp-value-icon{color:var(--brand-blue);margin-bottom:14px}
.longgang-site .lp-value-grid h3{margin:0 0 10px;color:var(--brand-navy)}
.longgang-site .lp-value-grid p{margin:0}
.longgang-site .lp-entry-panel{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:32px;background:var(--surface-soft);border-radius:12px;border:1px solid var(--border-color)}
.longgang-site .lp-entry-panel h2{margin:0 0 12px}
.longgang-site .lp-entry-panel p{margin:0;max-width:42em}
.longgang-site .lp-entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:none}
.longgang-site .lp-contact-button{display:inline-flex;align-items:center;gap:20px;min-height:44px;background:var(--brand-blue);color:white;border:1px solid var(--brand-blue);border-radius:6px;padding:10px 20px}
.longgang-site .lp-contact-button:hover{background:var(--brand-navy);border-color:var(--brand-navy);color:white}
@media(max-width:1000px){.longgang-site .lp-service-hero-grid{gap:36px}.longgang-site .lp-core-card{gap:18px;padding:24px}.longgang-site .lp-value-layout{gap:36px;grid-template-columns:1fr 2fr}.longgang-site .lp-entry-panel{align-items:flex-start;flex-direction:column}.longgang-site .lp-entry-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px}}
@media(max-width:767px){
 .longgang-site .lp-service-hero-grid{grid-template-columns:1fr;padding-block:36px!important;gap:28px}
 .longgang-site .lp-service-hero-copy>p{margin-bottom:20px}
 .longgang-site .lp-service-map{max-width:420px;justify-self:start}
 .longgang-site .lp-map-row{gap:16px;padding-inline:8px}
 .longgang-site .lp-map-row>span{font-size:13px;gap:8px;padding:12px 8px}
 .longgang-site .lp-map-hub{padding:16px 20px}
 .longgang-site .lp-section-head{margin-bottom:24px}
 .longgang-site .lp-core-grid{grid-template-columns:1fr;gap:16px}
 .longgang-site .lp-core-card{padding:24px;gap:18px}
 .longgang-site .lp-service-icon{width:44px;height:44px}
 .longgang-site .lp-flow-surface{padding:24px}
 .longgang-site .lp-flow-track{grid-template-columns:1fr;gap:26px}
 .longgang-site .lp-flow-track li{display:flex;text-align:left;align-items:center;gap:18px}
 .longgang-site .lp-flow-icon{width:52px;height:52px;flex:none;margin:0}
 .longgang-site .lp-flow-track li:not(:last-child)::after{left:26px;top:58px;bottom:-20px;right:auto;width:1px;height:auto}
 .longgang-site .lp-flow-track li:not(:last-child)::before{left:23px;top:auto;bottom:-18px;right:auto;transform:rotate(135deg)}
 .longgang-site .lp-flow-track h3{margin-bottom:4px}
 .longgang-site .lp-flow-lanes{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:20px}
 .longgang-site .lp-flow-lanes>div{gap:8px}
 .longgang-site .lp-flow-lanes span{flex-basis:auto;padding-left:0;font-size:12px}
 .longgang-site .lp-value-layout{grid-template-columns:1fr;gap:8px}
 .longgang-site .lp-value-grid{grid-template-columns:1fr;gap:24px}
 .longgang-site .lp-value-icon{margin-bottom:10px}
 .longgang-site .lp-entry-panel{padding:24px;gap:24px}
}

/* Shared inner-page foundation, scoped to the four editorial surfaces. */
.longgang-site .inner-page{--inner-section-space:var(--section-gap);--inner-card-space:var(--card-gap);--inner-radius:var(--radius-card)}
.longgang-site .inner-page p{font-size:var(--type-body);line-height:1.75;color:var(--text-muted)}
.longgang-site .inner-page-hero{background:linear-gradient(to bottom,transparent 60%,var(--surface-page)),linear-gradient(110deg,#edf4f9,var(--surface-page) 75%)}
.longgang-site .inner-hero-layout{min-height:232px;display:grid;align-items:center;padding-block:48px!important}
.longgang-site .inner-hero-layout.has-visual{min-height:340px;grid-template-columns:1fr 1fr;gap:64px;padding-block:36px!important}
.longgang-site .inner-hero-copy h1{color:var(--brand-navy);margin:0 0 18px}
.longgang-site .inner-hero-copy p{max-width:34em;margin:0}
.longgang-site .inner-hero-visual{min-width:0;display:flex;justify-content:flex-end}
.longgang-site .inner-hero-visual img{width:100%;max-width:450px;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:12px;display:block}
.longgang-site .inner-section{padding-top:var(--inner-section-space);scroll-margin-top:100px}
.longgang-site .inner-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-bottom:28px}
.longgang-site .inner-section-head h2{margin:0 0 12px}
.longgang-site .inner-section-head p{margin:0;max-width:46em}
.longgang-site .inner-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:10px;background:var(--surface-soft);color:var(--brand-blue)}
.longgang-site .inner-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;color:var(--brand-blue)}
.longgang-site .inner-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.longgang-site .inner-meta{font-size:var(--type-meta);line-height:1.75;color:var(--text-muted)}
.longgang-site .inner-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
.longgang-site .inner-ops-card{display:flex;align-items:stretch;gap:24px;padding:28px;border:1px solid var(--border-color);border-radius:var(--inner-radius);background:var(--surface-card);scroll-margin-top:100px}
.longgang-site .inner-ops-card>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.longgang-site .inner-ops-card h3{margin:0 0 14px;color:var(--brand-navy)}
.longgang-site .inner-ops-card p{margin:0 0 16px}
.longgang-site .inner-ops-card .inner-text-link{margin-top:auto}
.longgang-site .inner-company-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:start}
.longgang-site .inner-company-identity>svg{color:var(--brand-blue);margin-bottom:20px}
.longgang-site .inner-company-identity h2{margin:0 0 18px;max-width:17em;overflow-wrap:anywhere}
.longgang-site .inner-company-copy h2{margin:0 0 20px}
.longgang-site .inner-company-copy>p{margin:0 0 28px;max-width:38em}
.longgang-site .inner-company-note{padding-top:24px;border-top:1px solid var(--border-color)}
.longgang-site .inner-company-note h3{margin:0 0 12px;color:var(--brand-navy)}
.longgang-site .inner-company-note p{margin:0 0 14px}
.longgang-site .inner-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
.longgang-site .inner-resource{display:flex;align-items:center;gap:20px;padding:28px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--inner-radius);scroll-margin-top:100px}
.longgang-site .inner-resource>svg{color:var(--brand-blue);flex:none}
.longgang-site .inner-resource>div{min-width:0;flex:1}
.longgang-site .inner-resource h3{margin:0 0 8px;color:var(--brand-navy)}
.longgang-site .inner-resource p{margin:0;font-size:14px}
.longgang-site .inner-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inner-card-space)}
.longgang-site .inner-contact-group{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--inner-radius);padding:28px}
.longgang-site .inner-contact-group h3{margin:0 0 24px;color:var(--brand-navy)}
.longgang-site .inner-contact-group dl{margin:0}
.longgang-site .inner-contact-group dl>div{display:flex;align-items:center;gap:18px;padding:18px 0}
.longgang-site .inner-contact-group dl>div+div{border-top:1px solid var(--border-color)}
.longgang-site .inner-contact-group dl>div:last-child{padding-bottom:0}
.longgang-site .inner-contact-group dl svg{color:var(--brand-blue);flex:none}
.longgang-site .inner-contact-group dt{font-size:13px;line-height:1.7;color:var(--text-muted);margin:0 0 5px}
.longgang-site .inner-contact-group dd{font-size:var(--type-body);color:var(--brand-navy);margin:0}
.longgang-site .inner-visit-note{display:flex;gap:20px;align-items:flex-start;margin-top:28px;padding:24px;background:var(--surface-soft);border:1px solid var(--border-color);border-radius:var(--inner-radius)}
.longgang-site .inner-visit-note>svg{color:var(--brand-blue);flex:none;margin-top:3px}
.longgang-site .inner-visit-note h3{margin:0 0 8px;color:var(--brand-navy)}
.longgang-site .inner-visit-note p{margin:0}
@media(max-width:1000px){
 .longgang-site .inner-hero-layout.has-visual{gap:36px}
 .longgang-site .inner-company-layout{gap:40px}
 .longgang-site .inner-resource{flex-wrap:wrap;padding:24px;gap:16px}
 .longgang-site .inner-resource>.pending-label{margin-left:44px}
 .longgang-site .inner-ops-card{padding:24px;gap:18px}
}
@media(max-width:767px){
 .longgang-site .inner-hero-layout{min-height:0;padding-block:36px!important}
 .longgang-site .inner-hero-layout.has-visual{grid-template-columns:1fr;gap:28px;padding-block:36px!important;min-height:0}
 .longgang-site .inner-hero-visual img{height:auto;max-width:none;aspect-ratio:3/2;object-fit:contain}
 .longgang-site .inner-section-head{margin-bottom:24px;align-items:flex-start}
 .longgang-site .inner-ops-grid,.longgang-site .inner-contact-grid,.longgang-site .inner-resource-grid{grid-template-columns:1fr;gap:16px}
 .longgang-site .inner-company-layout{grid-template-columns:1fr;gap:36px}
 .longgang-site .inner-company-identity h2{overflow-wrap:normal}
 .longgang-site .inner-company-copy>p{margin-bottom:24px}
 .longgang-site .inner-contact-group{padding:24px}
 .longgang-site .inner-visit-note{padding:24px;gap:16px}
 .longgang-site .inner-resource>.pending-label{margin-left:44px}
}

.longgang-site .inner-company-identity h2>span{display:inline-block}
@media(max-width:767px){
 .longgang-site .inner-resource{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px 16px;align-items:start}
 .longgang-site .inner-resource>svg{grid-column:1;grid-row:1;margin-top:4px}
 .longgang-site .inner-resource>div{grid-column:2;grid-row:1}
 .longgang-site .inner-resource>.pending-label{grid-column:2;grid-row:2;justify-self:start;margin:0}
}

/* Imported public reference content: scoped to news and activity presentation. */
.longgang-site .reference-source{font-size:13px;line-height:1.7;color:#596b81;margin:10px 0 0;font-weight:400}
.longgang-site .reference-news .sec-head{align-items:center}
.longgang-site .reference-news .na-row{gap:24px;padding:24px 0;align-items:center}
.longgang-site .reference-news .na-row-copy{min-width:0;flex:1}
.longgang-site .reference-news .na-meta{display:flex;gap:14px;align-items:center;color:#596b81;font-size:13px;margin-bottom:8px}
.longgang-site .reference-news .na-row h3{font-size:20px;line-height:1.5;margin:0;color:var(--brand-navy,#18316A)}
.longgang-site .reference-summary{font-size:14px;line-height:1.75;color:#52647c;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:880px}
.longgang-site .reference-news .na-row>span{font-size:23px;color:#2678BE;flex-shrink:0}
.longgang-site .reference-detail{max-width:900px;padding-top:48px;padding-bottom:72px}
.longgang-site .reference-detail header{margin:28px 0}
.longgang-site .reference-detail h1{font-size:clamp(26px,3vw,38px);line-height:1.45;color:#18316A;margin:12px 0 16px;overflow-wrap:anywhere}
.longgang-site .reference-detail time{font-size:14px;color:#596b81}
.longgang-site .reference-notice{padding:16px 20px;background:#f0f6fb;border-left:3px solid #2678BE;color:#52647c;font-size:14px;line-height:1.75;margin-bottom:28px}
.longgang-site .reference-article p{font-size:16px;line-height:1.9;color:#34445b;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 24px}
.longgang-site .reference-article img{max-width:100%;height:auto;display:block;margin:auto}
.longgang-site .reference-article figure{margin:28px 0}
.longgang-site .reference-article figcaption{font-size:13px;color:#596b81;margin-top:10px}
.longgang-site .reference-facts{margin-bottom:28px}
.longgang-site .reference-facts>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #dde7ef}
.longgang-site .reference-facts dt{color:#596b81}.longgang-site .reference-facts dd{margin:0;color:#18316A}
.longgang-site .portal-events .event-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.longgang-site .reference-news .na-row h3{font-size:18px}.longgang-site .reference-news .na-row{padding:20px 0;gap:12px}.longgang-site .reference-detail{padding-top:32px;padding-bottom:48px}.longgang-site .reference-notice{padding:14px 16px}.longgang-site .reference-news .lg-filter{align-items:stretch;gap:16px;flex-direction:column}.longgang-site .reference-news .lg-filter input{max-width:100%;width:100%;box-sizing:border-box}}
/* Populated activity state; empty state keeps its existing layout. */
.longgang-site .portal-events .event-grid:has(.event-card){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.longgang-site .portal-events .event-card{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--border-color,#dce7ef);border-radius:12px;background:#fff;color:#18316A;text-decoration:none;min-width:0;transition:border-color .2s,background .2s}
.longgang-site .portal-events .event-card:hover{border-color:#2678BE;background:#f5faff}
.longgang-site .portal-events .event-card:focus-visible{outline:3px solid #2678BE;outline-offset:4px}
.longgang-site .portal-events .edate{display:flex;align-items:baseline;gap:9px;margin:0 0 8px;color:#2678BE;line-height:1}
.longgang-site .portal-events .edate .day{font-size:36px;font-weight:600;font-variant-numeric:tabular-nums}
.longgang-site .portal-events .edate .mon{font-size:14px;font-weight:500}
.longgang-site .portal-events .etime{font-size:13px;color:#596b81;line-height:1.6}
.longgang-site .portal-events .etitle{font-size:20px;font-weight:600;line-height:1.5;margin:2px 0}
.longgang-site .portal-events .eloc{font-size:14px;color:#52647c;line-height:1.6}
.longgang-site .portal-events .event-card__summary{font-size:13px;line-height:1.7;color:#596b81;border-top:1px solid #e4edf4;padding-top:12px;margin-top:auto}
.longgang-site .portal-events .events-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:12px}
.longgang-site .portal-events .events-sub{font-size:13px;color:#596b81;line-height:1.7}
.longgang-site .portal-events .month-switch{display:flex;align-items:center;gap:12px}
.longgang-site .portal-events .month-btn{width:36px;height:36px;border:1px solid #dce7ef;border-radius:6px;background:#fff;color:#2678BE;font-size:22px;cursor:pointer}
.longgang-site .portal-events .month-btn:disabled{opacity:.4;cursor:default}
@media(max-width:900px){.longgang-site .portal-events .event-grid:has(.event-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.longgang-site .portal-events .event-grid:has(.event-card){grid-template-columns:1fr}.longgang-site .portal-events .event-card{padding:24px}.longgang-site .portal-events .month-btn{width:44px;height:44px}}

/* Company identity: full legal name wraps within the existing brand bar. */
.longgang-site .portal-brand-bar .brand-text{min-width:0;flex:1}
.longgang-site .portal-brand-bar .brand-name{display:block;white-space:normal;overflow-wrap:break-word}
.longgang-site .portal-brand-bar .brand-logo{flex-shrink:0}

/* Homepage final headings: P3 typography, with shared geometry and navy H2. */
.longgang-site.page-home .home-section-heading{align-items:flex-end;gap:16px 24px;margin-bottom:var(--heading-gap)!important}
.longgang-site.page-home .home-section-heading-copy{display:flex;flex-direction:column;gap:var(--eyebrow-title-gap);min-width:0}
.longgang-site.page-home .home-section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:18px;font-weight:500;letter-spacing:.16em;color:#18316a;text-transform:uppercase;font-family:var(--font-sans)}
.longgang-site.page-home .home-section-eyebrow::before{content:"";width:28px;height:1px;background:#2678be;flex:none}
.longgang-site.page-home .home-section-heading .sec-title{color:#18316A;font-size:var(--font-section-size)!important;font-weight:var(--weight-heading);line-height:var(--leading-title);margin:0!important}
.longgang-site.page-home .home-events-meta{margin:0 0 20px}
.longgang-site.page-home .home-hero-copy{padding-bottom:0}
/* Transparent orbit glints follow the original 1935×812 image coordinates. */
.longgang-site .hero-orbit-motion{position:absolute;pointer-events:none;overflow:visible;opacity:0}
.longgang-site .hero-orbit-motion.is-ready{opacity:1}
.hero-orbit-node{offset-path:path("M668 490 C660 425 700 380 761 337 C800 300 860 264 943 234 C1100 148 1260 130 1378 132 C1475 126 1570 128 1636 144 C1740 152 1820 208 1846 270 C1885 350 1880 395 1856 445 C1835 517 1735 572 1639 610 C1550 654 1470 680 1390 689 C1185 725 955 723 823 650 C723 604 680 550 668 490 Z");offset-rotate:0deg;animation:hero-orbit-travel 38s linear infinite;animation-play-state:paused}
.hero-orbit-motion[data-running="true"] .hero-orbit-node{animation-play-state:running}
.hero-orbit-node:nth-child(2){animation-delay:-19s}
@keyframes hero-orbit-travel{from{offset-distance:0%}to{offset-distance:100%}}
@media(max-width:768px),(prefers-reduced-motion:reduce){.longgang-site .hero-orbit-motion{display:none}.hero-orbit-node{animation:none}}
@media(max-width:900px){
  .longgang-site.page-home .home-hero-digital .home-hero-grid{width:min(var(--content),calc(100% - var(--page-gutter)*2))}
}

/* One entrance per mount; the orbit owns only its child motion path. */
.longgang-site .home-hero-backdrop{overflow:hidden}
.longgang-site .home-hero-visual{position:absolute;inset:0;--hero-entry-scale:1.10;--hero-entry-duration:2800ms;transform-origin:76% 48%;opacity:0;transform:scale(var(--hero-entry-scale))}
.longgang-site .home-hero-visual.is-ready{animation:hero-opening-zoom var(--hero-entry-duration) cubic-bezier(0.22,1,0.36,1) 1 both;will-change:transform,opacity}
.longgang-site .home-hero-visual.is-settled{animation:none;transform:none;opacity:1;will-change:auto}
@keyframes hero-opening-zoom{from{transform:scale(var(--hero-entry-scale));opacity:.85}to{transform:scale(1);opacity:1}}
@media(max-width:900px){.longgang-site .home-hero-visual{--hero-entry-scale:1.04;--hero-entry-duration:2100ms;transform-origin:72% 50%}}
@media(max-width:480px),(prefers-reduced-motion:reduce){.longgang-site .home-hero-visual,.longgang-site .home-hero-visual.is-ready{animation:none;transform:none;opacity:1;will-change:auto}}
/* Keep the existing edge fades above the new positioned visual stage. */
.longgang-site .home-hero-backdrop::before,.longgang-site .home-hero-backdrop::after{z-index:1;pointer-events:none}

.longgang-site .activity-registration{margin-top:32px;padding-top:24px;border-top:1px solid #dde7ef}.longgang-site .activity-registration h2{color:#18316A;font-size:24px;margin:0 0 16px}.longgang-site .activity-registration img{width:240px;max-width:100%;height:auto}.longgang-site .activity-registration .activity-registration-note{font-size:14px;color:#596b81;margin-top:16px}