/*
 * Qiaolian Association visual corrections.
 *
 * This file intentionally overrides only exported presentation defects.  The
 * original vendor styles and page markup remain intact so desktop and mobile
 * layouts retain their established structure.
 */

/* Use one reliable current-section underline.  A few exported pages retained
   an underline node under the wrong item, so the old node is hidden and the
   runtime-selected item receives the same visual through a pseudo-element. */
.header_navWrap__3W5de .header_navCont__1sYhH li a > b {
  display: none !important;
}

.header_navWrap__3W5de .header_navCont__1sYhH li.header_cur__2Fswl > a::after {
  content: "";
  position: absolute;
  left: 30%;
  bottom: 5px;
  width: 40%;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

.header_user__3g1Q6.qiaolian-current-service > a {
  position: relative;
  font-weight: 700;
}

.header_user__3g1Q6.qiaolian-current-service > a::after {
  content: "";
  position: absolute;
  left: 30%;
  bottom: 5px;
  width: 40%;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

/* The new 3:1 mark has a different optical centre from the former header
   artwork.  Desktop uses a left-weighted composition; the mobile header
   remains fluid and uncluttered. */
@media screen and (min-width: 769px) {
  .header_headerTop__1NQ26 > a {
    position: relative;
    display: block;
    transform: translateX(clamp(-112px, calc((1100px - 100vw) / 2 + 16px), 0px));
  }
}

/* The official mark stays primary.  A hairline global-connection flourish and
   a restrained descriptor use the otherwise empty lower edge of the desktop
   header without becoming a second logo or a boxed slogan. */
@media screen and (min-width: 1200px) {
  .header_headerTop__1NQ26 > a::before {
    content: "";
    position: absolute;
    bottom: -32px;
    left: 143px;
    width: 360px;
    height: 18px;
    background: url("../images/brand/qiaolian-global-network-accent.png") center / 100% 100% no-repeat;
    opacity: .82;
    pointer-events: none;
  }

  .header_headerTop__1NQ26 > a::after {
    content: "全球侨商 · 产业人才 · 企业出海";
    position: absolute;
    bottom: -13px;
    left: 143px;
    width: 360px;
    padding: 0;
    border: 0;
    color: #a97722;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.1;
    text-align: center;
    text-indent: .14em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    white-space: nowrap;
    pointer-events: none;
  }
}

/* The pure-static site has no publishing backend.  Hiding the old fixed write
   control removes the large pencil overlay seen across member/content pages. */
.news_news__2Oljp .news_write__1-vcj,
.news_news__1NtDC .news_write__1-vcj,
.article_page__PhXX9 .article_write__25WHV {
  display: none !important;
}

/* The mobile compatibility sheet intentionally makes article media fluid, but
   its old selector also catches the tiny view/like/share icons in the article
   metadata row.  Keep only real article media fluid and restore the controls
   to their original compact dimensions. */
.article_page__PhXX9 .article_contentRow2__3DjJH {
  height: auto !important;
  min-height: 33px !important;
}

.article_page__PhXX9 .article_contentRow2_right__NsVNr .article_zan__R-2xx {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

.article_page__PhXX9 .article_contentRow2_right__NsVNr img.article_icon__2TO5f {
  display: block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

.article_page__PhXX9 .article_contentRow2_right__NsVNr img.addLike_icon__1la3M {
  display: block !important;
  flex: 0 0 19px !important;
  width: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  height: 18px !important;
  margin-right: 5px !important;
  object-fit: contain !important;
}

.article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF > img,
.article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF .ant-avatar,
.article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF .ant-avatar > img {
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

/* "侨联之光" is a small profile marker, not a title overlay. */
.home_item__23U0Q {
  position: relative;
}

.home_nftTag__2Q-l0 {
  top: 142px !important;
  right: 4px !important;
  left: auto !important;
  width: 72px !important;
  height: 27px !important;
  margin-left: 0 !important;
  z-index: 4 !important;
}

.home_nftTag__2Q-l0 > a:first-child {
  display: none !important;
}

.home_nftTag__2Q-l0 > a:last-child {
  display: block !important;
  width: 72px !important;
  height: 27px !important;
}

.home_nftTag__2Q-l0 .home_tag__2fiwn {
  display: block !important;
  width: 72px !important;
  height: 26px !important;
  object-fit: contain !important;
}

/* The legacy hover preview was a tall 205x316 popup that covered adjacent
   cards.  Profile pages remain accessible through the normal card links. */
.home_nftTag__2Q-l0 .home_light__17Gdh,
.home_nftTag__2Q-l0:hover .home_light__17Gdh,
.cards_light__1vrx- img:nth-child(2),
.cards_light__1mQa8 img:nth-child(2),
.userIntro_light__1SnaK img:nth-child(2) {
  display: none !important;
}

.cards_pic__3IYeH,
.cards_pic__vhgeX,
.userIntro_pic__25cDb {
  position: relative !important;
}

.cards_pic__3IYeH .cards_light__1vrx-,
.cards_pic__vhgeX .cards_light__1mQa8 {
  position: absolute !important;
  right: 3px !important;
  bottom: 5px !important;
  left: auto !important;
  z-index: 5 !important;
  display: block !important;
  width: 72px !important;
  height: 27px !important;
}

.cards_pic__3IYeH .cards_light__1vrx- img:first-child,
.cards_pic__vhgeX .cards_light__1mQa8 img:first-child {
  position: static !important;
  display: block !important;
  width: 72px !important;
  height: 26px !important;
  max-height: none !important;
  object-fit: contain !important;
}

.userIntro_pic__25cDb .userIntro_light__1SnaK {
  position: absolute !important;
  right: -2px !important;
  bottom: -2px !important;
  left: auto !important;
  z-index: 5 !important;
  display: block !important;
  width: 72px !important;
  height: 32px !important;
}

.userIntro_pic__25cDb .userIntro_light__1SnaK img:first-child {
  position: static !important;
  display: block !important;
  width: 72px !important;
  height: auto !important;
  max-height: 32px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* Historical/regional card variant uses a third exported badge class. */
.cardsLiShi_card2__1_DHk {
  position: relative !important;
}

.cardsLiShi_card2__1_DHk > a:first-child {
  margin-inline: auto !important;
}

.cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K {
  position: absolute !important;
  top: 94px !important;
  left: 50% !important;
  transform: translateX(-15%) !important;
  width: 72px !important;
  height: 27px !important;
  margin: 0 !important;
  z-index: 5 !important;
}

.cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K img:first-child {
  position: static !important;
  display: block !important;
  width: 72px !important;
  height: 26px !important;
  object-fit: contain !important;
}

.cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K img:nth-child(2),
.cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K:hover img:nth-child(2) {
  display: none !important;
}

/* Re-enable the exported 16-card roadmap without React. */
.home_history__3kbFn .adm-swiper-track {
  overflow: hidden !important;
}

.home_history__3kbFn .adm-swiper-track-inner {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  transition: transform 360ms cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

.home_history__3kbFn .adm-swiper-slide {
  position: relative !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 51% !important;
  width: 51% !important;
}

.home_history__3kbFn .home_btn__2yTMZ {
  cursor: pointer;
}

.home_history__3kbFn .home_btn__2yTMZ:focus-visible,
.home_nftTag__2Q-l0 a:focus-visible,
.cards_light__1vrx-:focus-visible,
.userIntro_light__1SnaK:focus-visible,
.cardsLiShi_light__XaC0K:focus-visible {
  outline: 3px solid #d79b26;
  outline-offset: 3px;
}

@media screen and (max-width: 768px) {
  .header_headerTop__1NQ26 > a {
    transform: none !important;
  }

  .home_nftTag__2Q-l0 {
    top: auto !important;
    right: 4px !important;
    bottom: 68px !important;
    width: 62px !important;
    height: 24px !important;
  }

  .home_councilList__3m0Kp .home_nftTag__2Q-l0 {
    top: calc(clamp(96px, 30vw, 116px) - 25px) !important;
    bottom: auto !important;
  }

  .home_nftTag__2Q-l0 > a:last-child,
  .home_nftTag__2Q-l0 .home_tag__2fiwn,
  .cards_pic__3IYeH .cards_light__1vrx-,
  .cards_pic__vhgeX .cards_light__1mQa8,
  .cards_pic__3IYeH .cards_light__1vrx- img:first-child,
  .cards_pic__vhgeX .cards_light__1mQa8 img:first-child,
  .userIntro_pic__25cDb .userIntro_light__1SnaK,
  .cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K,
  .cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K img:first-child {
    width: 62px !important;
    height: 23px !important;
  }

  .userIntro_pic__25cDb .userIntro_light__1SnaK {
    height: 28px !important;
  }

  .userIntro_pic__25cDb .userIntro_light__1SnaK img:first-child {
    width: 62px !important;
    height: auto !important;
    max-height: 28px !important;
  }

  .home_history__3kbFn .adm-swiper-slide {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  .home_history__3kbFn .home_controller__Xd9kb,
  .home_history__3kbFn .home_customIndicator__3mONE {
    touch-action: manipulation;
  }

  .article_page__PhXX9 .article_contentRow2__3DjJH {
    align-items: flex-start !important;
    padding-bottom: 12px !important;
  }

  .article_page__PhXX9 .article_contentRow2_right__NsVNr {
    display: flex !important;
    align-items: center !important;
    gap: 8px 16px !important;
  }

  .article_page__PhXX9 .article_contentRow2_right__NsVNr .article_zan__R-2xx {
    margin-right: 0 !important;
  }

  .article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF {
    gap: 8px !important;
    margin-top: 0 !important;
  }

  .article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF > img,
  .article_page__PhXX9 .article_contentRow2_right__NsVNr .article_share__33MiF .ant-avatar {
    margin-left: 0 !important;
  }
}

/* Mobile keeps the real Login action visible; its two-row grid placement is
   defined with the main navigation below. */
@media screen and (max-width: 768px) {
  .header_navWrap__3W5de .header_navBox__27EWQ .header_user__3g1Q6 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 2 !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_user__3g1Q6 > a {
    display: flex !important;
    color: #fff !important;
    cursor: pointer;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home_history__3kbFn .adm-swiper-track-inner {
    transition: none !important;
  }
}

/* Editorial reading: body paragraphs use the conventional two-character indent. */
.article_page__PhXX9 .article_content__3mM_S article p {
  text-indent: 2em;
}

.article_page__PhXX9 .article_content__3mM_S article p[style*="text-align:right"],
.article_page__PhXX9 .article_content__3mM_S article p[style*="text-align: right"] {
  text-indent: 0;
}

/* The supplied mark has a white rectangular canvas. Crop it into a deliberate footer badge. */
.footer_footer__2L9Kk .footer_footerCont__3Xol1,
.footer .footer-inner {
  align-items: center !important;
  gap: 20px !important;
}

.footer_footer__2L9Kk .footer_footerCont__3Xol1 .footer_logo__1GRCB,
.footer .footer-inner > img {
  display: block !important;
  box-sizing: border-box;
  flex: 0 0 64px;
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(226, 170, 61, .58), 0 5px 14px rgba(0, 0, 0, .16);
}

.footer_footer__2L9Kk .footer_copyright__HeYDR > div:first-child,
.footer .footer-inner > p:first-of-type {
  font-weight: 600;
  letter-spacing: .01em;
}

@media screen and (max-width: 768px) {
  .footer_footer__2L9Kk .footer_footerCont__3Xol1,
  .footer .footer-inner {
    gap: 14px !important;
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 .footer_logo__1GRCB,
  .footer .footer-inner > img {
    flex-basis: 52px;
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
  }
}

/* Directory portraits: keep every member and the original five/seven-column
   rhythm, while giving the page a quieter, less oversized visual density. */
@media screen and (min-width: 769px) {
  .cards_page__3-z_O .cards_content__1zE3P .cards_content2__7hvi2 .cards_card2__1wyGn .cards_pic__3IYeH,
  .cards_page__3-z_O .cards_content__1zE3P .cards_content2__7hvi2 .cards_card2__1wyGn .cards_pic__3IYeH > a:first-child,
  .cards_page__3-z_O .cards_content__1zE3P .cards_content2__7hvi2 .cards_card2__1wyGn .cards_headimg___ycl- {
    width: 154px !important;
    height: 154px !important;
  }

  .cards_page__3-z_O .cards_content__1zE3P .cards_content2__7hvi2 .cards_card2__1wyGn h5,
  .cards_page__3-z_O .cards_content__1zE3P .cards_content2__7hvi2 .cards_card2__1wyGn h6 {
    width: 154px !important;
  }

  .cardsLiShi_page__23wPc .cardsLiShi_content__1LPlB .cardsLiShi_content2__1AbHG .cardsLiShi_card2__1_DHk > a:first-child,
  .cardsLiShi_page__23wPc .cardsLiShi_content__1LPlB .cardsLiShi_content2__1AbHG .cardsLiShi_card2__1_DHk > a:first-child img {
    width: 108px !important;
    height: 108px !important;
  }

  .cardsLiShi_page__23wPc .cardsLiShi_content__1LPlB .cardsLiShi_content2__1AbHG .cardsLiShi_card2__1_DHk h5,
  .cardsLiShi_page__23wPc .cardsLiShi_content__1LPlB .cardsLiShi_content2__1AbHG .cardsLiShi_card2__1_DHk h6 {
    width: 108px !important;
  }

  .cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K {
    top: 82px !important;
  }
}

@media screen and (max-width: 768px) {
  .cards_page__3-z_O .cards_pic__3IYeH,
  .cards_page__3-z_O .cards_pic__3IYeH > a:first-child,
  .cards_page__2vamI .cards_pic__vhgeX,
  .cards_page__2vamI .cards_pic__vhgeX > a:first-child {
    width: clamp(104px, 32vw, 128px) !important;
    height: clamp(104px, 32vw, 128px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .cards_page__3-z_O .cards_card2__1wyGn h5,
  .cards_page__3-z_O .cards_card2__1wyGn h6,
  .cards_page__2vamI .cards_card2__Jajbg h5,
  .cards_page__2vamI .cards_card2__Jajbg h6 {
    max-width: 128px !important;
  }

  .cardsLiShi_page__23wPc .cardsLiShi_card2__1_DHk > a:first-child,
  .cardsLiShi_page__23wPc .cardsLiShi_card2__1_DHk > a:first-child img {
    width: clamp(92px, 27vw, 108px) !important;
    height: clamp(92px, 27vw, 108px) !important;
  }

  .cardsLiShi_page__23wPc .cardsLiShi_card2__1_DHk h5,
  .cardsLiShi_page__23wPc .cardsLiShi_card2__1_DHk h6 {
    width: clamp(92px, 27vw, 108px) !important;
  }

  .cardsLiShi_card2__1_DHk .cardsLiShi_light__XaC0K {
    top: calc(clamp(92px, 27vw, 108px) - 23px) !important;
  }
}

/* On wide desktop canvases the brand descriptor lives in the deliberate
   breathing room between the mark and the portrait cloud, never beneath the
   logo or inside the navigation bar.  Narrow desktops retain the quiet
   under-mark treatment above, and mobile keeps the header free of ornaments. */
@media screen and (min-width: 1440px) {
  .header_headerTop__1NQ26 > a::before {
    left: calc(100% + 26px);
    bottom: 41px;
    /* Keep a deliberate clear channel before the portrait cloud at every
       desktop width; the descriptor must never touch either visual. */
    width: clamp(220px, 13vw, 270px);
    height: 16px;
    opacity: .68;
  }

  .header_headerTop__1NQ26 > a::after {
    left: calc(100% + 26px);
    bottom: 63px;
    width: clamp(220px, 13vw, 270px);
    font-size: 9px;
    letter-spacing: .15em;
    opacity: .94;
  }
}

/* At mid-size desktop widths there is not a clean enough channel between
   the two header visuals.  Prefer a calm, uncluttered masthead to squeezing
   the slogan back under the logo. */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .header_headerTop__1NQ26 > a::before,
  .header_headerTop__1NQ26 > a::after {
    display: none;
  }
}

/* Mobile navigation is a stable two-by-four grid: seven primary destinations
   plus Login in the eighth cell.  The final three primary destinations retain
   enough vertical room for bilingual labels without forcing a third row. */
@media screen and (max-width: 768px) {
  .header_navWrap__3W5de .header_navBox__27EWQ {
    position: relative !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_navCont__1sYhH > li:nth-child(n + 5) {
    width: 25% !important;
    min-width: 25% !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_navCont__1sYhH > li:nth-child(n + 5) > a {
    min-height: 56px !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_navCont__1sYhH > li:nth-child(7) > a > span:not(.header_hot__1kKvZ) {
    font-size: 9px !important;
    line-height: 1.15 !important;
    transform: none !important;
    white-space: normal !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_user__3g1Q6 {
    position: absolute !important;
    right: 6px !important;
    bottom: 4px !important;
    width: calc(25% - 1.5px) !important;
    min-width: 0 !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_user__3g1Q6 > a {
    min-height: 56px !important;
    height: 56px !important;
  }
}

/* Preserve the original earth-and-radial-node composition on phones.
   The only adjustment is true geometric centering of the existing 900px
   canvas, eliminating the old left drift and oversized empty area. */
@media screen and (max-width: 768px) {
  /* Keep normal pan and pinch gestures, but prevent accidental double-tap
     page magnification on the compact layout. */
  html {
    touch-action: manipulation;
  }

  .home_citiesList__26RLR .home_citiesListInner__3Kuqe {
    position: relative !important;
    display: block !important;
    height: 370px !important;
    margin-top: 12px !important;
    overflow: hidden !important;
  }

  .home_citiesList__26RLR .home_citiesListInner__3Kuqe .home_menu__rFSnx {
    touch-action: manipulation;
  }

  .home_citiesList__26RLR .home_citiesListInner__3Kuqe .home_menu__rFSnx {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 900px !important;
    height: 900px !important;
    margin: 0 0 0 -450px !important;
    transform: scale(.40) !important;
    transform-origin: top center !important;
  }
}

/* Keep the original global-network circle. A node opens its own image in
   the preview layer below, rather than following the original member link. */
.home_citiesList__26RLR .home_menu__rFSnx,
.home_citiesList__26RLR .home_menu__rFSnx > ul,
.home_citiesList__26RLR .home_menu__rFSnx > ul > li,
.home_citiesList__26RLR .home_menu__rFSnx > ul > li > a {
  pointer-events: auto !important;
  cursor: zoom-in !important;
  touch-action: manipulation;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent;
}

.home_citiesList__26RLR .home_menu__rFSnx > ul > li,
.home_citiesList__26RLR .home_menu__rFSnx > ul > li > a .home_avatar__2jvxZ {
  transition: transform .2s ease, box-shadow .2s ease;
}

.home_citiesList__26RLR .home_menu__rFSnx > ul > li > a:hover .home_avatar__2jvxZ {
  transform: scale(1.08);
}

.home_citiesList__26RLR .home_menu__rFSnx > ul > li > a:focus-visible {
  outline: 3px solid #c8962e;
  outline-offset: 4px;
  border-radius: 8px;
}

.qiaolian-network-preview {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 24px;
  background: rgba(8, 17, 31, .62);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility 0s linear .2s;
}

.qiaolian-network-preview.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .2s ease;
}

.qiaolian-network-preview__panel {
  position: relative;
  box-sizing: border-box;
  width: min(560px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  margin: 0;
  padding: 16px;
  overflow: auto;
  border: 1px solid rgba(230, 192, 110, .45);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
  transform: translateY(14px) scale(.97);
  transition: transform .2s ease;
}

.qiaolian-network-preview.is-open .qiaolian-network-preview__panel {
  transform: translateY(0) scale(1);
}

.qiaolian-network-preview__image {
  display: block;
  width: 100%;
  max-height: min(70dvh, 620px);
  border-radius: 10px;
  background: #f4f6f9;
  object-fit: contain;
}

.qiaolian-network-preview__caption {
  padding: 12px 40px 1px 2px;
  color: #243247;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.qiaolian-network-preview__close {
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 24px;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(18, 31, 51, .82);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.qiaolian-network-preview__close:hover,
.qiaolian-network-preview__close:focus-visible {
  background: #9f6b09;
}

body.qiaolian-network-preview-open {
  overflow: hidden !important;
}

@media screen and (max-width: 768px) {
  .qiaolian-network-preview {
    padding: 12px;
  }

  .qiaolian-network-preview__panel {
    width: min(560px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    padding: 12px;
    border-radius: 14px;
  }

  .qiaolian-network-preview__image {
    max-height: min(68dvh, 560px);
  }

  .qiaolian-network-preview__caption {
    padding-top: 10px;
    font-size: 15px;
  }

  .qiaolian-network-preview__close {
    top: 20px;
    right: 20px;
  }
}

@media screen and (max-width: 380px) {
  .home_citiesList__26RLR .home_citiesListInner__3Kuqe {
    height: 294px !important;
  }

  .home_citiesList__26RLR .home_citiesListInner__3Kuqe .home_menu__rFSnx {
    transform: scale(.32) !important;
  }
}

/* Footer: retain the existing dark brand field, then give the small block a
   clearer hierarchy instead of making the mark dominate the footer. */
.footer_footer__2L9Kk .footer_copyright__HeYDR::after {
  content: '连接侨商 · 汇聚人才 · 协同全球';
  display: block;
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid rgba(229, 194, 113, .28);
  color: #e2bb68;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.35;
}

.footer_footer__2L9Kk .footer_copyright__HeYDR > div:first-child {
  color: #fff;
  font-weight: 700;
}

.footer_footer__2L9Kk .footer_copyright__HeYDR > div:last-child {
  color: rgba(255, 255, 255, .78);
}

@media screen and (max-width: 768px) {
  .newLayout_footerWrap__3n8z7 {
    box-sizing: border-box;
    padding: 0 12px 22px !important;
  }

  .footer_footer__2L9Kk {
    box-sizing: border-box;
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 20px 18px !important;
    overflow: hidden;
    border: 1px solid rgba(231, 196, 117, .24);
    border-radius: 15px !important;
    box-shadow: 0 12px 26px rgba(21, 27, 38, .16);
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 .footer_logo__1GRCB,
  .footer_footer__2L9Kk .footer_footerCont__3Xol1 img.footer_logo__1GRCB {
    box-sizing: border-box;
    width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 5px;
    border-radius: 14px !important;
    background: #fff;
    object-fit: contain !important;
    box-shadow: 0 0 0 2px rgba(226, 170, 61, .62), 0 7px 16px rgba(0, 0, 0, .22);
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 .footer_copyright__HeYDR {
    width: auto !important;
    min-width: 0;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: left;
  }

  .footer_footer__2L9Kk .footer_copyright__HeYDR > div:first-child {
    font-size: 13px;
    line-height: 1.35;
  }

  .footer_footer__2L9Kk .footer_copyright__HeYDR::after {
    margin-top: 5px;
    padding-top: 5px;
    font-size: 10px;
    letter-spacing: .08em;
  }
}

@media screen and (max-width: 380px) {
  .footer_footer__2L9Kk {
    width: calc(100% - 16px) !important;
    padding: 16px 14px !important;
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 {
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .footer_footer__2L9Kk .footer_footerCont__3Xol1 .footer_logo__1GRCB,
  .footer_footer__2L9Kk .footer_footerCont__3Xol1 img.footer_logo__1GRCB {
    width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
  }
}