@charset "utf-8";

/* Compact English investor contact copy on phones without truncating the message. */
@media (max-width: 600px) {
  html[lang="en"] .investor-contact-anchor .investor-contact-box { padding-inline: 16px; }
  html[lang="en"] .investor-contact-copy .investor-contact-message {
    font-size: clamp(10px, 2.9vw, 17px);
    max-width: 22em;
    margin-inline: auto;
    line-height: 1.6;
    white-space: normal;
    text-wrap: balance;
    word-break: normal;
    overflow-wrap: normal;
  }
}

/* Recruitment labels share two rows so their arrow buttons align. */
html[lang="en"] .join-enter .info-box { align-items: stretch; }
html[lang="en"] .join-enter .info { display: flex; }
html[lang="en"] .join-enter .info > a { width: 100%; height: 100%; box-sizing: border-box; }
html[lang="en"] .join-enter .info .name {
  white-space: nowrap;
  font-size: clamp(12px, 2.8vw, 16px);
  line-height: 1.5;
  min-height: 3em;
}
html[lang="en"] .join-enter .info .button { flex-shrink: 0; margin-top: auto; }

/* Typography and navigation use the shared Chinese baseline. English rules only make room for longer copy. */
html[lang="en"] :is(.title, .name, .summary, .cont, .content-inner, .contact-info-r) {
  overflow-wrap: break-word;
  word-break: normal;
}
html[lang="en"] :is(.home-title-box .title, .sub-title-box .title, .case-bottom .name) {
  height: auto;
}

/* Product and news cards grow with their complete titles and descriptions. */
@media (min-width: 993px) {
  html[lang="en"] .home-cpfw-section .ind-pro ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
html[lang="en"] .home-cpfw-section .ind-pro ul {
  display: grid;
  gap: 20px;
}
html[lang="en"] .home-cpfw-section .ind-pro li { width: auto; margin: 0; min-width: 0; }
html[lang="en"] .home-cpfw-section .pro-card-link { display: flex; flex-direction: column; height: 100%; }
html[lang="en"] .home-cpfw-section .pro-card-text { flex: 1; height: auto; min-height: 128px; padding: 20px 18px; }
html[lang="en"] .home-cpfw-section .pro-card-text .title { line-height: 1.4; height: auto; white-space: normal; }
html[lang="en"] .home-cpfw-section .pro-card-text .summary { height: auto; margin-top: 16px; line-height: 1.55; }
html[lang="en"] .home-cpfw-section .pro-card-text .summary-l { height: auto; white-space: normal; overflow: visible; }
html[lang="en"] .home-zxzx-inner > .edit-container { display: grid; grid-template-columns: 1.25fr 1.5fr; gap: 24px; }
html[lang="en"] .home-zxzx-inner .left-pic-box,
html[lang="en"] .home-zxzx-inner .right-list-inner { width: auto; float: none; min-width: 0; padding: 0; }
html[lang="en"] .home-zxzx-inner .left-pic-box a { display: flex; flex-direction: column; height: 100%; }
html[lang="en"] .home-zxzx-inner .left-pic-box .pic { height: auto; aspect-ratio: 16 / 9; flex: none; }
html[lang="en"] .home-zxzx-inner .left-pic-box .cont-box { height: auto; flex: 1; padding: 24px; line-height: 1.5; }
html[lang="en"] .home-zxzx-inner .left-pic-box .cont .title { line-height: 1.4; margin-bottom: 0; }
html[lang="en"] .home-zxzx-inner .right-list-inner ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; }
html[lang="en"] .home-zxzx-inner .right-list-inner li { width: auto; padding: 0; min-width: 0; }
html[lang="en"] .home-zxzx-inner .right-list-inner li a { height: 100%; }
html[lang="en"] .home-zxzx-inner .right-list-inner .block-box { display: flex; flex-direction: column; height: 100%; min-height: 300px; padding: 22px 16px; }
html[lang="en"] .home-zxzx-inner .right-list-inner .cont-box { flex: 1; height: auto; padding: 0; }
html[lang="en"] .home-zxzx-inner .right-list-inner :is(.title, .cont) { display: block; height: auto; max-height: none; overflow: visible; -webkit-line-clamp: unset; white-space: normal; text-overflow: clip; }
html[lang="en"] .home-zxzx-inner .right-list-inner .title { line-height: 1.45; }
html[lang="en"] .home-zxzx-inner .right-list-inner .cont { margin-top: 16px; line-height: 1.55; }
html[lang="en"] .home-zxzx-inner .right-list-inner .time { position: relative; }
html[lang="en"] .news-list-box .cont-inner { min-width: 0; height: auto; }
html[lang="en"] .news-list-box .cont-inner .title { display: block; height: auto; max-height: none; line-height: 1.45; white-space: normal; overflow: visible; -webkit-line-clamp: unset; }
html[lang="en"] .news-list-box .cont-inner p { height: auto; max-height: none; display: block; line-height: 1.65; overflow: visible; -webkit-line-clamp: unset; }
html[lang="en"] .news-list-box .time { position: static; margin-top: 20px; }
html[lang="en"] .news-activities-section .news-activities-foucs .swiper-slide .block-box .cont-box .title { display: block; height: auto; min-height: 0; max-height: none; line-height: 1.5; -webkit-line-clamp: unset; overflow: visible; }
html[lang="en"] .news-activities-section .news-activities-foucs .swiper-slide .block-box .cont-box { height: auto; }
html[lang="en"] .news-detail-section .title-box .title { line-height: 1.35; height: auto; }
html[lang="en"] .content-inner { line-height: 1.8; overflow-wrap: anywhere; }
html[lang="en"] .content-inner :is(p, h1, h2, h3, h4, li) { max-width: 100%; height: auto !important; white-space: normal !important; line-height: 1.8 !important; }
html[lang="en"] .content-inner :is(img, video, iframe) { max-width: 100% !important; }
html[lang="en"] .content-inner img { height: auto !important; }
html[lang="en"] .content-inner table { display: block; max-width: 100%; overflow-x: auto; }

html[lang="en"] .sub-banner .banner-inner :is(.about-title, .about-title *) { font-family: "SourceHanSansCN-Regular", Arial, Helvetica, sans-serif; }

/* Keep banner text editable in SQLite instead of lettering inside an image. */
html[lang="en"] .english-banner-copy {
  position: absolute; inset: 0 auto 0 0; width: 43%; z-index: 3;
  background: linear-gradient(90deg, #000 0%, #000 82%, transparent 100%);
  display: flex; align-items: center; padding: 7% 5% 9% 7%; pointer-events: none;
}
html[lang="en"] .english-banner-copy h1 { margin: 0; color: #fff; font-size: clamp(24px, 3.4vw, 54px); line-height: 1.2; font-weight: 600; }
html[lang="en"] .english-banner-copy-light { background: linear-gradient(90deg, #f4f6fb 0%, #f4f6fb 82%, transparent 100%); }
html[lang="en"] .english-banner-copy-light h1 { color: #485cb2; }
html[lang="en"] .case-banner .english-banner-copy { width: 47%; padding: 3% 6%; }
html[lang="en"] .case-banner .english-banner-copy p { margin: 0; color: #fff; font-size: clamp(12px, 1.6vw, 26px); font-weight: 600; line-height: 1.45; }
html[lang="en"] .english-banner-copy h1::after { content: ""; display: block; width: 28px; height: 8px; margin-top: 20px; background: #00aaff; }
html[lang="en"] .sub-banner .sub-nav { width: 90%; left: 5%; margin-left: 0; }
html[lang="en"] .sub-banner .banner-tabs ul { white-space: normal; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 0; }
html[lang="en"] .sub-banner .banner-tabs li { line-height: 1.4; padding: 0 18px 8px; max-width: 280px; }
html[lang="en"] .jhxt-section :is(.title-box .cn, .title-box .en, .cont) { height: auto; }
html[lang="en"] .jhxt-section .title-box .cn { overflow-wrap: anywhere; }
html[lang="en"] .cpys-section-inner .swiper-container { max-height: none !important; overflow: visible; }
html[lang="en"] .cpys-section-inner .block-box { align-items: flex-start; min-height: 112px; }
html[lang="en"] .cpys-section-inner .block-box .icon { width: 36px; min-width: 36px; height: 36px; margin-right: 24px; }
html[lang="en"] .cpys-section-inner .swiper-slide .block-box .cont { line-height: 1.6; overflow-wrap: break-word; }
html[lang="en"] .gjxg-slider-list { display: flex; align-items: stretch; }
html[lang="en"] .gjxg-slider-list li { flex-shrink: 0; display: flex; height: auto; }
html[lang="en"] .gjxg-slider-list .block-box { height: auto; min-height: 220px; width: 100%; }
html[lang="en"] .gjxg-slider-list .cont { height: auto; max-height: none; line-height: 1.6; overflow: visible; }
/* Match smaller English body text across product functions and implementation benefits. */
html[lang="en"] .cpys-section-inner .swiper-slide .block-box .cont,
html[lang="en"] .gjxg-section .gjxg-slider-list .block-box .cont {
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 600px) {
  html[lang="en"] .cpys-section-inner .swiper-slide .block-box .cont,
  html[lang="en"] .gjxg-section .gjxg-slider-list .block-box .cont { font-size: 14px; }
}
html[lang="en"] .solution-classify ul { gap: 16px; justify-content: flex-start; }
html[lang="en"] .solution-classify li { flex: 1 1 180px; width: auto; margin: 0; }
html[lang="en"] .solution-classify li a { min-height: 82px; padding: 16px; line-height: 1.4; }
html[lang="en"] .solution-classify li a img { flex-shrink: 0; }
/* Break industry names at spaces, never in the middle of Display or Panels. */
html[lang="en"] .industry-selector-section .solution-classify .industry-selector-label {
  min-width: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
/* Twelve industry selectors stay in two equal rows on desktop. */
@media (min-width: 993px) {
  html[lang="en"] .industry-selector-section .solution-classify ul {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
  }
  html[lang="en"] .industry-selector-section .solution-classify li { min-width: 0; width: auto; margin: 0; }
  html[lang="en"] .industry-selector-section .solution-classify li a {
    height: 100%;
    box-sizing: border-box;
    padding: 16px 10px;
    font-size: 14px;
    line-height: 1.4;
  }
  html[lang="en"] .industry-selector-section .industry-selector-label { min-width: 0; overflow-wrap: break-word; }
}
@media (max-width: 360px) {
  html[lang="en"] .solution-classify li a { flex-direction: column; gap: 8px; padding: 12px 8px; height: 100%; text-align: center; }
  html[lang="en"] .solution-classify li a img { margin: 0; }
}
html[lang="en"] .case-visual :is(.h2, .summary),
html[lang="en"] .case-solution-about .name { height: auto; line-height: 1.55; white-space: normal; }
html[lang="en"] .case-visual .content { height: auto; min-height: 0; }
html[lang="en"] .case-bottom .button { width: auto; min-width: 150px; padding: 12px 28px; line-height: 1.4; }

/* Map labels match the Chinese page: the active city shows its name beside the dot; hover/focus also reveals it. */
html[lang="en"] .dot-box .dot span { display: none; white-space: nowrap; z-index: 10; }
html[lang="en"] .dot-box .dot.active span,
html[lang="en"] .dot-box .dot:hover span,
html[lang="en"] .dot-box .dot:focus span { display: block; }
html[lang="en"] .inner-s8 .items { height: auto; min-height: 68px; }
html[lang="en"] .inner-s8 .items .swiper-slide { height: auto; }
html[lang="en"] .inner-s8 .items a { line-height: 1.5; white-space: normal; }
html[lang="en"] .join :is(.join-top li, .join-info li) { height: auto; white-space: normal; word-break: normal; }
html[lang="en"] .registerModal .form_zd,
html[lang="en"] .contact-input :is(h1, h2),
html[lang="en"] .contact-input2 :is(h1, h2) { line-height: 1.4; white-space: normal; height: auto; }
html[lang="en"] .investor-tab-box :is(a, button),
html[lang="en"] .filter-btn { height: auto; white-space: normal; line-height: 1.4; }

/* Contact rows stay intact; office addresses below retain natural wrapping. */
html[lang="en"] .side-floating .hidden-box { width: 240px; line-height: 1.6; }
html[lang="en"] .contactus-block .cont-inner .contactus-list {
  display: grid !important; width: 100%; margin: 0; padding: 0;
  grid-template-columns: max-content max-content max-content; gap: 24px 32px; align-items: start;
  justify-content: space-between;
}
html[lang="en"] .contactus-block .cont-inner .contactus-list > li {
  float: none; width: auto; min-width: 0; height: auto; margin: 0; padding: 0 0 0 14px;
  grid-column: auto !important; grid-row: auto !important; align-self: start; justify-self: stretch;
}
html[lang="en"] .contactus-block .cont-inner .contactus-list > .contactus-col { display: grid !important; gap: 8px; }
html[lang="en"] .contactus-block .contactus-col p {
  margin: 0; padding: 0; line-height: 1.65; white-space: nowrap; word-break: normal; overflow-wrap: normal;
  font-size: 14px;
}
html[lang="en"] .contactus-block .cont-inner .contactus-list > .social-links-group {
  grid-column: 1 / -1 !important; display: flex; align-items: center; justify-self: start; justify-content: flex-start; padding: 0; gap: 18px;
}
html[lang="en"] .contactus-block .cont-inner::after { right: 0; }
html[lang="en"] .footer-headquarters .contact-info {
  display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: start;
  gap: 12px; width: 100%; margin: 0; padding: 0;
}
html[lang="en"] .footer-headquarters :is(.contact-info-l, .contact-info-r) {
  position: static; float: none; width: auto; min-width: 0; margin: 0; line-height: 1.65;
}
html[lang="en"] .footer-headquarters .contact-info-l { justify-self: start; }
@media (min-width: 993px) {
  html[lang="en"] .footer-headquarters { margin-bottom: 16px; }
}
html[lang="en"] .footer-headquarters .contact-info-r { padding: 0; word-break: normal; overflow-wrap: anywhere; }
html[lang="en"] .footer-inner-block .cont-inner .bottom-contact {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;
  gap: 12px 36px; width: 100%; margin: 0; padding: 0;
}
html[lang="en"] .bottom-contact > :is(.contact-l, .contact-r) {
  display: grid; align-content: start; gap: 12px; width: auto; min-width: 0; margin: 0; padding: 0;
}
html[lang="en"] .bottom-contact .contact-info { display: block; width: 100%; min-width: 0; margin: 0; padding: 0 0 0 14px; }
html[lang="en"] .bottom-contact :is(.contact-info-l, .contact-info-r) {
  position: static; float: none; width: auto; min-width: 0; margin: 0; padding: 0; line-height: 1.65;
}
html[lang="en"] .bottom-contact .contact-info-l { position: relative; margin-bottom: 2px; font-weight: 600; }
html[lang="en"] .bottom-contact .contact-info-l::before { left: -14px; }
html[lang="en"] .bottom-contact .contact-info-r { white-space: normal; word-break: normal; overflow-wrap: anywhere; }
html[lang="en"] .bottom-contact .singapore-address-pc { display: block; }
html[lang="en"] .bottom-contact .singapore-address-pc::after { content: none; }
@media (min-width: 601px) and (max-width: 1200px) {
  html[lang="en"] .contactus-block .cont-inner .contactus-list {
    grid-template-columns: max-content max-content;
    justify-content: space-between;
    column-gap: 24px;
  }
  html[lang="en"] .contactus-block .cont-inner .contactus-list > .social-links-group {
    grid-column: 1 / -1 !important;
    justify-self: start;
  }
}
@media (max-width: 992px) {
  html[lang="en"] .footer-inner-block .cont-inner .bottom-contact { column-gap: 24px; }
}
@media (max-width: 600px) {
  html[lang="en"] .contactus-block .cont-inner .contactus-list { grid-template-columns: minmax(0, 1fr); }
  html[lang="en"] .contactus-block .cont-inner .contactus-list > .social-links-group { justify-self: start; }
  html[lang="en"] .footer-headquarters .contact-info { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  html[lang="en"] .footer-inner-block .cont-inner .bottom-contact { grid-template-columns: minmax(0, 1fr); }
}

/* Compact English dropdown labels without truncating or changing the Chinese menus. */
@media (min-width: 993px) {
  html[lang="en"] .header :is(.down-menu a, .nav-submenu-trigger, .nav-submenu-panel a),
  html[lang="en"] .one-nav-side :is(.tab-buttons p, .tab-content p, .tab-content a, .right-menu p, .right-menu a) {
    font-size: 13px !important;
    line-height: 1.5;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }
  html[lang="en"] .header .down-menu { min-width: 220px; width: max-content; }
  html[lang="en"] .header .down-menu a { gap: 12px; }
  html[lang="en"] .header .nav-submenu-panel a { padding-left: 24px; }
  html[lang="en"] .one-nav-side .nav-case-title { font-size: 20px; white-space: nowrap; }
  html[lang="en"] .one-nav-side .tab-buttons p { padding-inline: 12px; }
  html[lang="en"] .one-nav-side .tab-content p { padding-inline: 12px; }
  /* Long industry names need two columns rather than the Chinese four-column grid. */
  html[lang="en"] .one-nav-side .right-menu p { width: 50% !important; }
  html[lang="en"] .one-nav-side .right-menu p a { justify-content: flex-start; }
  html[lang="en"] .one-nav-side :is(.tab-content a img, .down-menu a img) { flex-shrink: 0; }
}
@media (max-width: 992px) {
  html[lang="en"] .menu-layer :is(.secondNav, .thirdNav) a { font-size: 13px; line-height: 1.5; }
  html[lang="en"] .menu-layer .mobile-nav-section-label { font-size: 13px; }
}
@media (max-width: 1100px) {
  html[lang="en"] .home-zxzx-inner > .edit-container { grid-template-columns: 1fr; }
  html[lang="en"] .home-zxzx-inner .left-pic-box a { display: grid; grid-template-columns: 1fr 1fr; }
  html[lang="en"] .home-zxzx-inner .left-pic-box .pic { height: 100%; aspect-ratio: auto; }
}
@media (max-width: 992px) {
  html[lang="en"] .side-floating { display: none; }
  html[lang="en"] .home-cpfw-section .ind-pro li:first-child[style] { display: none; }
  html[lang="en"] .home-cpfw-section .home-title-box { position: static; width: 100%; padding: 0; margin-bottom: 28px; }
  html[lang="en"] .english-banner-copy { width: 45%; padding-left: 6%; }
  html[lang="en"] .english-banner-copy h1 { font-size: clamp(18px, 3.8vw, 32px); }
  html[lang="en"] .english-banner-copy h1::after { width: 18px; height: 5px; margin-top: 12px; }
}
@media (max-width: 600px) {
  html[lang="en"] .home-zxzx-inner .left-pic-box > a {
    display: flex;
    flex-direction: column;
    flex: none;
    height: auto;
    min-height: 0;
  }
  html[lang="en"] .home-zxzx-inner .left-pic-box .pic {
    flex: none;
    height: auto;
    aspect-ratio: auto;
  }
  html[lang="en"] .home-zxzx-inner .left-pic-box .pic img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  html[lang="en"] .home-zxzx-inner .left-pic-box .cont-box {
    flex: none;
    height: auto;
    min-height: 0;
    box-sizing: border-box;
    padding: 20px;
  }
  html[lang="en"] .home-zxzx-inner .left-pic-box .cont-box .cont { width: 100%; padding: 0; }
  html[lang="en"] .home-zxzx-inner .left-pic-box .cont-box .cont .title { font-size: 18px; line-height: 1.5; }
  html[lang="en"] .home-zxzx-inner .right-list-inner li > a,
  html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box { height: auto; }
  html[lang="en"] .home-zxzx-inner .right-list-inner ul { grid-template-columns: 1fr; }
  html[lang="en"] .home-zxzx-inner .right-list-inner .block-box { min-height: 0; padding: 24px; }
  html[lang="en"] .home-cpfw-section .pro-card-text .summary { text-align: left; }
  html[lang="en"] .cpys-section-inner .swiper-wrapper { grid-template-columns: 1fr; }
  html[lang="en"] .sub-banner .banner-tabs ul { flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap; }
  html[lang="en"] .sub-banner .banner-tabs li { flex-shrink: 0; max-width: none; padding: 0 14px 4px; }
  html[lang="en"] .gjxg-slider-list .block-box { min-height: 270px; padding: 20px 16px; }
  html[lang="en"] .solution-classify li { flex-basis: 140px; }
  html[lang="en"] .news-list-box .block-box > a { display: flex; flex-direction: column; }
  html[lang="en"] .news-list-box :is(.pic-box, .cont-inner) { float: none; width: 100%; }
  html[lang="en"] .news-list-box .cont-inner { padding: 20px 0; }
}

/* Long article copy wraps naturally while preserving the shared typography and saved rich-text styles. */
html[lang="en"] .content-inner :is(section,div,p,span,strong,b,em,a):not(.cms-rich-content *) {
  white-space: normal !important; letter-spacing: normal !important; word-break: normal !important;
}
html[lang="en"] .content-inner :is(p,span,strong,b,em,a):not(.cms-rich-content *) { line-height: 1.8 !important; }
html[lang="en"] .content-inner :is(p,li):not(.cms-rich-content *) { text-align: left !important; }
html[lang="en"] .content-inner :is(table,td,th) { overflow-wrap: anywhere; }

html[lang="en"] .home-cpfw-section .ind-pro li { height: auto; min-height: 0; }
html[lang="en"] .home-cpfw-section .pro-card-pic { height: auto; aspect-ratio: 1.6; flex-shrink: 0; }
html[lang="en"] .home-zxzx-inner .left-pic-box { height: auto; }
html[lang="en"] .home-zxzx-inner .left-pic-box .cont-box .cont { height: auto; }
html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box .cont-box :is(.title,.cont) { display: block; height: auto; max-height: none; overflow: visible; -webkit-line-clamp: unset; line-height: 1.6; }
html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box .cont-box .title { line-height: 1.4; }
/* Use the shared Chinese image/card layout; only omit image overlap while no English image is set. */
html[lang="en"] .case-visual-no-image .case-feature-wrap { margin-top: 0; padding-top: 24px; }
html[lang="en"] .about-company-middle-bg { height: auto; }
html[lang="en"] .about-company-middle-bg .edit-container { height: auto; }
html[lang="en"] .about-company-middle-cards { height: auto; }
html[lang="en"] .about-company-middle-card { height: auto; min-width: 0; }
html[lang="en"] .about-company-middle-card-text { line-height: 1.65; }
html[lang="en"] .contactus-block .contactus-col a { overflow-wrap: anywhere; }
html[lang="en"] .board-committee-table-wrapper { overflow-x: auto; }
html[lang="en"] .board-committee-table { min-width: 560px; }
@media (max-width: 600px) {
  html[lang="en"] .about-company-middle-bg { padding: 40px 0; }
  html[lang="en"] .about-company-middle-cards { grid-template-columns: 1fr; gap: 20px; }
  html[lang="en"] .about-company-middle-card { padding: 24px 20px; }
}
html[lang="en"] .honor-box ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
html[lang="en"] .honor-box li { float: none; width: auto; min-width: 0; margin: 0; height: auto; padding: 22px 40px; line-height: 1.5; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; }
@media (max-width: 992px) {
  html[lang="en"] .honor-box ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html[lang="en"] .honor-box ul { grid-template-columns: 1fr; gap: 16px; }
}
html[lang="en"] .about-box .content p { margin: 16px 0; line-height: 1.8; }
html[lang="en"] .about-title > div:first-child { line-height: inherit; }
html[lang="en"] .inner-s8 .items > div:not(.buttons) { height: auto; min-height: 68px; }
html[lang="en"] .inner-s8 .items .swiper { height: auto; width: 100%; }
html[lang="en"] .inner-s8 .items .item { width: 110px; min-width: 110px; }
html[lang="en"] .inner-s8 .items .item:first-child { width: 150px; min-width: 150px; }
html[lang="en"] .inner-s8 .items .box { min-height: 68px; padding: 10px 4px; }
/* Smaller city names so longer English names (Guangzhou, Zhengzhou) fit their tab without clipping. */
html[lang="en"] .inner-s8 .items .tit { white-space: normal; line-height: 1.4; font-size: 15px; }
/* Keep English governance committee headings compact and aligned in two lines. */
@media (min-width: 701px) {
html[lang="en"] .investor-roster-title,
html[lang="en"] .investor-position-title {
  min-height: 76px;
  font-size: 17px;
  line-height: 1.35;
  padding-left: 4px;
  padding-right: 4px;
  overflow-wrap: normal;
  word-break: normal;
}
html[lang="en"] .investor-roster-title { text-wrap: balance; }
}

html[lang="en"] .committee-legend { flex-wrap: wrap; gap: 16px !important; }
html[lang="en"] .contactus-block .contactus-col p,
html[lang="en"] .contactus-block .contactus-col p a { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
@media (max-width: 800px) {
  html[lang="en"] .contactus-block .cont-inner .contactus-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  html[lang="en"] .footer .contactus-block .contactus-col p { font-size: clamp(9px, 2.6vw, 14px); }
}
html[lang="en"] .home-zxzx-inner .left-pic-box > a { overflow: visible; }
/* Both news columns stretch to the same row height, including their visible cards. */
html[lang="en"] .home-zxzx-inner > .edit-container { align-items: stretch; }
html[lang="en"] .home-zxzx-inner > .edit-container::after,
html[lang="en"] .home-zxzx-inner .right-list-inner > ul::after { content: none; display: none; }
html[lang="en"] .home-zxzx-inner :is(.left-pic-box, .right-list-inner) { display: flex; flex-direction: column; }
html[lang="en"] .home-zxzx-inner .left-pic-box > a { flex: 1; }
html[lang="en"] .home-zxzx-inner .right-list-inner > ul { flex: 1; align-items: stretch; }
html[lang="en"] .home-zxzx-inner .right-list-inner li { display: flex; flex-direction: column; margin-bottom: 0; }
html[lang="en"] .home-zxzx-inner .right-list-inner li > a { display: flex; flex-direction: column; flex: 1; }
html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box { flex: 1; box-sizing: border-box; }
@media (min-width: 1101px) {
  /* Override the more specific legacy fixed card heights at every desktop breakpoint. */
  html[lang="en"] .home-zxzx-inner .left-pic-box > a,
  html[lang="en"] .home-zxzx-inner .right-list-inner li > a,
  html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box {
    height: auto;
    min-height: 0;
    align-self: stretch;
  }
  html[lang="en"] .home-zxzx-inner .right-list-inner > ul { grid-template-rows: 1fr; }
  html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box .cont-box { height: auto; flex: 1; }
  html[lang="en"] .home-zxzx-inner .right-list-inner li .block-box .time { margin-top: 24px; }
}
html[lang="en"] .case-feature :is(li,.content,.summary) { height: auto !important; max-height: none !important; overflow: visible; }

@media (max-width: 992px) {
  html[lang="en"] .footer-contact-m ul { display: flex; justify-content: space-between; gap: 16px; margin: 0; }
  html[lang="en"] .footer-contact-m li { flex: 1; min-width: 0; width: auto; padding: 0; }
  /* Keep Phone / Contact / WeChat inside the 1.2rem circular buttons. */
  html[lang="en"] .footer-contact-m li .icon p {
    font-size: 0.19rem;
    line-height: 1.3;
    white-space: nowrap;
    text-align: center;
    margin: 0.04rem 0.08rem 0;
    padding: 0;
    letter-spacing: 0;
  }
}

/* Keep English floating contact labels inside the desktop circular buttons. */
html[lang="en"] .side-floating li:not(.return-top) .icon p {
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  margin: 0.08em 2px 0;
  letter-spacing: 0;
}

/* News banners use a pale background; keep the navigation readable at the top. */
html[lang="en"] .header-light:not(.hoverActive) .header-main:not(.active) { background: #fff !important; }
html[lang="en"] .header-light .header-main .nav > ul > li > a,
html[lang="en"] .header-light .header-main .language a { color: #333; }
html[lang="en"] .header-light .header-main .language a.active { color: #fff; }
html[lang="en"] .header-light .header-main .logo.yc { display: none; }
html[lang="en"] .header-light .header-main .logo.yc1 { display: block; }
@media (max-width: 992px) {
  html[lang="en"] .header-light .header-main .icon-menu { background-image: url(../images/icon/icon-menu1.png); }
  html[lang="en"] .header-light .header-main .icon-menu.current { background-image: url(../images/icon/icon-close1.png); }
}


/* English governance rosters keep parallel groups readable in narrow windows. */
html[lang="en"] .investor-governance-panel { overflow-x: auto; }
html[lang="en"] :is(#governance-panel-board,#governance-panel-committees,#governance-panel-management) .investor-governance-body h2 { font-size: 18px; line-height: 1.5; overflow-wrap: normal; word-break: normal; }
html[lang="en"] #governance-panel-board .investor-governance-body h2 { min-height: 110px; }
html[lang="en"] #governance-panel-committees .investor-governance-body h2 { min-height: 110px; }
html[lang="en"] #governance-panel-management .investor-governance-body h2 { min-height: 76px; }
html[lang="en"] :is(#governance-panel-board,#governance-panel-committees,#governance-panel-management) .investor-governance-body p { font-size: 16px; line-height: 1.8; overflow-wrap: normal; word-break: normal; }
@media (max-width: 992px) {
  html[lang="en"] #governance-panel-board :is(.investor-governance-body,.investor-board-note):not(:empty) { min-width: 640px; }
  html[lang="en"] #governance-panel-committees :is(.investor-governance-body,.investor-committee-note):not(:empty) { min-width: 880px; }
  html[lang="en"] #governance-panel-management .investor-governance-body:not(:empty) { min-width: 560px; }
}
@media (max-width: 600px) {
  html[lang="en"] #governance-panel-board .investor-governance-body:not(:empty) { padding: 28px 36px; column-gap: 32px; }
  html[lang="en"] #governance-panel-committees .investor-governance-body:not(:empty) { padding: 28px 36px; column-gap: 24px; }
  html[lang="en"] #governance-panel-management .investor-governance-body:not(:empty) { padding: 28px 36px; column-gap: 32px; }
  html[lang="en"] #governance-panel-board .investor-board-note:not(:empty),
  html[lang="en"] #governance-panel-committees .investor-committee-note:not(:empty) { padding: 0 36px 24px; }
}


/* English Corporate Governance document titles: smaller type, at most four lines. */
html[lang="en"] .investor-cards-grid .investor-card .card-title {
  font-size: 14px;
  line-height: 1.4;
  word-break: normal;
  overflow-wrap: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  max-height: 5.6em;
  overflow: hidden;
}

/* Long English main-navigation labels need less space between sections. */
@media (min-width: 993px) {
  html[lang="en"] .header-main .nav > ul > li { margin-inline: 17.5px; }
}

/* Keep 35px gaps clear of the three-language investor switch at the desktop breakpoint. */
@media (min-width: 993px) and (max-width: 1100px) {
  html[lang="en"] .header-main:has(.language [data-language-switch="tw"]) .nav { margin-left: 36px; }
}