/* Adapt fixed desktop widths; preserve navigation and secondary content. */
/* Narrow-screen member cards, selections and footer use their own layout. */
@media (max-width: 600px) {
  body .body .peoples .member-list .container { overflow: visible; }
  body .body .peoples .member-list .container ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 12px; padding: 0; margin: 0 !important; white-space: normal; transform: none !important; }
  body .body .peoples .member-list .container ul::before, body .body .peoples .member-list .container ul::after { display: none; }
  body .body .peoples .member-list .container ul > a { display: block; width: auto; min-width: 0; margin: 0; padding: 0; transform: none; }
  /* Legacy nested anchors are repaired by the browser into empty siblings. */
  body .body .peoples .member-list .container ul > a:not(:has(li)) { display: none; }
  body .body .peoples .member-list .container ul li { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: 0; max-width: none; height: 100%; min-height: 240px; box-sizing: border-box; margin: 0; padding: 16px 10px; border-radius: 8px; }
  body .body .peoples .member-list li h3, body .body .peoples .member-list li h5 { max-width: 100%; white-space: normal; height: auto; min-height: 18px; overflow-wrap: anywhere; }
  body .body .peoples .member-list li .blue-button { width: 100%; max-width: 100%; margin-top: auto; min-height: 40px; }
  body .body .join-container .select .hot-company-first { display: grid; grid-template-columns: 1fr; gap: 16px; padding-top: 16px; }
  body .body .join-container .select .hot-company-first .logo { width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; box-sizing: border-box; }
  body .body .join-container .select .hot-company-first .message { width: 100%; height: auto; padding: 0 0 16px; box-sizing: border-box; }
  body .body .join-container .select .hot-company-first .message .name { max-width: none; font-size: 18px; }
  body .body .join-container .select .hot-company-first .message .introduce { line-height: 1.6; }
  body .body .join-container .select ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 12px; padding: 16px 0; }
  body .body .join-container .select ul::before, body .body .join-container .select ul::after { display: none; }
  body .body .join-container .select ul li, body .body .join-container .select ul li:nth-child(even) { float: none; width: auto; min-width: 0; margin: 0; }
  body .body .join-container .select ul li a { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; height: 100%; }
  body .body .join-container .select ul li .company-logo { float: none; width: 100%; height: auto; aspect-ratio: 4 / 3; margin: 0; box-sizing: border-box; background-size: contain; background-repeat: no-repeat; }
  body .body .join-container .select ul li .company-name { float: none; max-width: 100%; max-height: none; line-height: 1.5; }
  body .footer > .mid-1200 { margin: 0 20px; }
  body .footer > .mid-1200 > .clearfix { justify-content: space-between; margin: 0; padding: 0; }
  body .footer > .mid-1200 > .clearfix::before, body .footer > .mid-1200 > .clearfix::after { display: none; }
  body .footer .logo { margin: 0; padding: 0; }
  body .footer .links p { gap: 0 20px; }
  body .footer > .mid-1200 .contact-icon { width: 100%; max-width: none; justify-items: center; gap: 20px 12px; }
  body .footer > .mid-1200 .copyright { text-align: center; padding-top: 16px; border-top: 1px solid #333; font-size: 12px; }
}
@media (max-width: 1649px) {
  html body.wider-page { min-width: 0 !important; }
  body .mid-container > .left-ad, body .mid-container > .right-ad { position: static; width: auto; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 16px 0; }
}
/* Home page: reflow individual modules instead of shrinking the desktop canvas. */
@media (max-width: 1200px) {
  body .introducte-box { height: auto; }
  body .introducte-box .introducte-list .item { padding: 0; }
  body .introducte-box .introducte-list .item .title h2 { font-size: 17px; line-height: 1.35; }
  body .introducte-box .introducte-list .item p.text { font-size: 13px; line-height: 1.5; }
  body .mid-container > .left-ad:not(:has(a)), body .mid-container > .right-ad:not(:has(a)) { margin: 0; }
  body .introducte-box .introducte-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; padding: 24px 0; height: auto; }
  body .introducte-list .item { width: auto !important; min-width: 0; margin: 0; float: none; }
  body .introducte-list .title { display: flex; align-items: center; height: auto; font-size: 18px; line-height: 1.4; white-space: normal; }
  body .introducte-list .title h2 { min-width: 0; white-space: normal; }
  body .introducte-list .title .intro-icon { flex: none; }
  body .introducte-list .text { white-space: normal; line-height: 1.5; }
  body .body:has(.introducte-box) .left-content, body .body:has(.introducte-box) .right-content { float: none; width: 100%; }
  body .body:has(.introducte-box) .left-content .information ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
  body .body:has(.introducte-box) .information li { max-height: none; height: auto; }
  body .body:has(.introducte-box) .information .title { font-size: 16px; line-height: 1.5; }
  body .body:has(.introducte-box) .right-content { margin-top: 28px; }
  body .body:has(.introducte-box) .mid-container { display: flex; flex-direction: column; }
  body .body:has(.introducte-box) .mid-container > .left-content { order: 2; margin-top: 28px; }
  body .right-content > .clearfix { display: grid; grid-template-columns: minmax(0,2fr) minmax(240px,1fr); gap: 24px; }
  body .right-content > .clearfix::after, body .right-content > .clearfix::before { display: none; }
  body .right-content .hot-news { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; width: auto; height: auto; overflow: visible; float: none; }
  body .right-content .hot-news .hot-news-main, body .right-content .hot-news-secondary, body .right-content .trading { width: auto; float: none; min-width: 0; }
  body .right-content .hot-news .hot-news-main .main-first-news .news-logo { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  body .right-content .hot-news .hot-news-main .main-first-news .news-logo .beautiful-img { width: 100%; height: 100%; background-size: cover; }
  body .right-content .hot-news .hot-news-main .main-first-news > a { display: block; }
  body .right-content .hot-news .hot-news-main .main-first-news a::before { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  body .hot-news-other ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
  body .hot-news-other ul::before, body .hot-news-other ul::after { display: none; }
  body .hot-news-other ul li { float: none; width: auto; margin: 0; min-width: 0; }
  body .hot-news-other ul li .news-img, body .hot-news-other ul li a::before { width: 100%; height: auto; aspect-ratio: 4 / 3; }
  body .join-container { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 24px; }
  body .join-container::before, body .join-container::after { display: none; }
  body .join-container .select, body .join-container .scan { width: auto; float: none; min-width: 0; }
  body .ad-a1 { height: auto; aspect-ratio: 24 / 5; }
  body .ad-a1 a { background-size: contain; background-repeat: no-repeat; }
}
/* Company directory cards: retain logos and metadata without fixed 880px rows. */
@media (max-width: 900px) {
  body .mid-container > .company-list { display: flex; flex-direction: column; gap: 24px; }
  body .mid-container > .company-list > .tabs, body .mid-container > .company-list > .list { float: none; width: 100%; min-width: 0; }
  body .mid-container > .company-list > .list { order: -1; }
  body .company-list .list .content, body .company-list .list-ul, body .company-list .list-ul-item { width: 100%; min-width: 0; }
  body .company-list .list-ul-item > li { width: 100%; height: auto; padding: 18px 0; box-sizing: border-box; }
  body .company-list .list-ul-item > li > a { display: flex; gap: 16px; width: 100%; box-sizing: border-box; }
  body .company-list .list-ul-item > li > a::before, body .company-list .list-ul-item > li > a::after { display: none; }
  body .company-list .list-ul-item .logo { flex: 0 0 96px; width: 96px; height: 72px; margin: 0; float: none; }
  body .company-list .list-ul-item .message { flex: 1; width: auto; min-width: 0; float: none; margin: 0; }
  body .company-list .list-ul-item h2 { font-size: 20px; white-space: normal; line-height: 1.4; }
  body .company-list .list-ul-item .category { display: flex; flex-wrap: wrap; gap: 6px; height: auto; }
  body .company-list .list-ul-item .text-label { max-width: 100%; white-space: normal; height: auto; }
  body .company-list [class^="skeleton-list-item-content"] { max-width: 100%; box-sizing: border-box; }
  body .newsdetail .RichTextHead { margin-top: 8px; }
  body .newsdetail .RichTextHead .flags { gap: 8px 16px; line-height: 1.6; }
  body .newsdetail .RichText { font-size: 17px; line-height: 1.8; }
  body .body .company-content .container > .list, body .body .company-content .container .homepage-list { width: 100% !important; min-width: 0; }
  body .company-content [class*="skeleton"] { max-width: 100%; box-sizing: border-box; }
  body .company-content .skeleton-comment-item-message { width: calc(100% - 64px); }
  body .company-content .company-introduce > div { max-width: 100%; }
  body .seo-news-item { gap: 16px; padding: 20px 0; }
  body .seo-news-item h2 { font-size: 18px; line-height: 1.45; margin-bottom: 8px; }
  body .seo-news-item p { font-size: 14px; line-height: 1.6; }
}
@media (max-width: 1649px) {
  body .companys .list, body .peoples .list { height: auto; }
  body .companys .list .container, body .peoples .list .container { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  body .companys .list .container ul, body .peoples .list .container ul { display: flex; width: max-content; position: static; transform: none; margin-left: 0 !important; }
  body .companys .list .container ul > a, body .peoples .list .container ul > a { flex: 0 0 208px; }
}
@media (max-width: 600px) {
  body .introducte-list { gap: 16px; }
  body .introducte-list .title { font-size: 16px; }
  body .introducte-list .text { font-size: 12px; }
  body .body:has(.introducte-box) .left-content .information ul { grid-template-columns: 1fr; }
  body .right-content > .clearfix, body .right-content .hot-news, body .join-container { grid-template-columns: 1fr; }
  body .right-content .hot-news-secondary { margin-top: 12px; }
  body .hot-news-other ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body .right-content .hot-news .news-title { font-size: 21px; line-height: 1.4; }
  body .right-content .hot-news-secondary .news-title { font-size: 16px; white-space: normal; }
  body .join-container .hot-company-first { display: flex; flex-wrap: wrap; gap: 16px; height: auto; }
  body .join-container .hot-company-first .message { width: auto; flex: 1 1 160px; }
  body .join-container .select ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body .join-container .select ul li { width: auto; margin: 0; }
  body .join-container .scan { margin-top: 24px; }
}
html body, body #wrapper { min-width: 0; }
.header { --responsive-navigation: ready; }
.mobile-nav-toggle { display: none; }
.seo-page-title { font-size: 28px; line-height: 1.35; margin: 20px 0; }
.RichText, .contact-us-text, .agree_content { overflow-wrap: anywhere; }
.RichText img, .RichText video, .contact-us-text img, .agree_content img { max-width: 100%; height: auto; }
.RichText iframe, .contact-us-text iframe { max-width: 100%; }
.RichText table, .contact-us-text table { display: block; max-width: 100%; overflow-x: auto; }
.RichText pre, .contact-us-text pre { overflow-x: auto; white-space: pre-wrap; }
.seo-news-item { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid #eee; }
.seo-news-item > a { flex: 0 0 180px; }
.seo-news-item img { width: 100%; height: 120px; object-fit: cover; }
.seo-news-item h2 { font-size: 20px; line-height: 1.4; margin: 0 0 12px; }
.seo-news-item p { line-height: 1.6; }
@media (max-width: 1200px) {
  html body.wider-page { min-width: 0 !important; }
  body .mid-1200, body .mid-container, body .contact-us-container, body .contact-us-text-bg { width: auto; min-width: 0; max-width: 100%; margin-left: 16px; margin-right: 16px; }
  body .header, body .footer, body .slide { min-width: 0; }
  body .header .navs-link { display: flex; overflow-x: auto; min-width: 0; }
  body .header .navs-link a { flex-shrink: 0; }
  body .newscont, body .newsdetail { display: flex; flex-wrap: wrap; }
  body .newscont > *, body .newsdetail > * { min-width: 0; max-width: 100%; }
  body .newsdetail > .detail { margin-right: 24px; }
}
@media (max-width: 900px) {
  body .newscont > .navstype, body .newscont > .Hots { width: 100%; flex: 1 1 100%; margin: 0 0 24px; }
  body .newscont .newsHot, body .newscont .listsR { width: 100%; }
  body .left-content, body .right-content { width: 100%; max-width: 100%; float: none; }
  body .company-content { display: flex; flex-wrap: wrap; }
  body .company-content > .container, body .company-content > .tabs-container, body .hot-company-right-container { width: 100%; max-width: 100%; margin: 0 0 20px; float: none; }
  body .company-content .tabs, body .company-content .free-fix-tab { position: static; width: 100%; }
  body .company-content .tabs ul { display: flex; overflow-x: auto; }
  body .company-content .tabs li { flex-shrink: 0; }
  body .addProduct, body .addPost, body .productSortModule { max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow: auto; }
  body .newsdetail > .detail, body .newsdetail > .Hots, body .newscont > .lists, body .newscont > .listsR { width: 100%; flex: 1 1 100%; margin: 0 0 24px; }
  body .newsdetail .detailtop { padding: 0; }
  body .newsdetail .share { position: static; }
  body .newsdetail .RichTextHead .flags { height: auto; display: flex; flex-wrap: wrap; gap: 8px; }
  body .newsdetail h1 { font-size: 28px; line-height: 1.4; }
  body .header { height: auto; position: relative; top: auto; }
  body .body { padding-top: 0; }
  body .header > .clearfix { display: flex; flex-wrap: wrap; width: auto; }
  body .header .left, body .header .right { float: none; max-width: 100%; }
  body .header .left { display: flex; flex-wrap: wrap; }
  body .header .navs-link { width: 100%; }
  body .contact-us-text-bg { padding: 24px 16px; }
  body .footer { height: auto; }
  body .footer .links { display: flex; flex-wrap: wrap; gap: 12px; }
  body .footer .links a { margin: 0; }
  .seo-news-item > a { flex-basis: 100px; }
  .seo-news-item img { height: 76px; }
  .seo-news-item h2 { font-size: 18px; }
}
@media (max-width: 480px) {
  body .mid-1200, body .mid-container { margin-left: 12px; margin-right: 12px; }
  body .newsdetail h1 { font-size: 24px; }
  body .newsdetail .RichText { font-size: 16px; line-height: 1.75; }
  body .newsdetail .newsHot { width: 100% !important; }
}
/* Separate mobile navigation and footer layout; desktop geometry is unchanged. */
@media (max-width: 900px) {
  body .header > .clearfix { display: grid; grid-template-columns: minmax(100px, 1fr) auto 40px; align-items: center; gap: 0 8px; margin: 0 12px; min-height: 64px; }
  body .header > .clearfix::before, body .header > .clearfix::after { display: none; }
  body .header .left { display: contents; }
  body .header .left .logo { grid-column: 1; grid-row: 1; float: none; height: auto; line-height: 1; margin: 0; }
  body .header .left .logo a { display: block; }
  body .header .left .logo-image { width: min(138px, 100%); height: auto; vertical-align: middle; }
  body .header .right { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: 4px; height: 64px; width: auto; min-width: 0; padding: 0; box-sizing: border-box; }
  body .header .right::before, body .header .right::after { display: none; }
  body .header .right > * { float: none; margin: 0; }
  body .header .right .vertical-line, body .header .right .go-to-download, body .header .right .add-to-desktop { display: none; }
  body .header .right .search-container, body .header .right .user-login, body .header .right .switch-language { width: auto; height: auto; line-height: normal; }
  body .header .right .search-icon, body .header .right .unLogin, body .header .right .curLang { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; margin: 0; padding: 0 4px; }
  body .header .right .unlogin { font-size: 12px; line-height: 1.2; white-space: nowrap; }
  body .header .right .curLang { font-size: 12px; }
  body .header .right .curLang .iconfont { font-size: 20px; }
  body .header .right .search-icon .iconfont { font-size: 24px; }
  body .header .right .fazzacoUser { right: 0; max-width: calc(100vw - 24px); }
  body .header .LangsBox { right: 0; left: auto; max-width: calc(100vw - 24px); }
  body .header .search { position: fixed; inset: 0; width: 100%; height: 100%; max-height: 100dvh; overflow-y: auto; box-sizing: border-box; }
  body .header .searchInputs { width: auto; max-width: 100%; margin: 24px 16px; }
  body .header .searchInputs .input { display: flex; width: 100%; }
  body .header .searchInputs .input input { width: 0; min-width: 0; flex: 1; }
  body .header .searchInputs .search-button { flex: none; }
  body .header .navs-link { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; float: none; width: 100%; height: auto; line-height: normal; overflow: visible; padding: 0 0 16px; }
  body .header.responsive-ui-ready:not(.mobile-menu-open) .navs-link { display: none; }
  body .header .navs-link > a, body .header .navs-link > .vote-link { float: none; display: block; height: auto; min-height: 44px; line-height: 44px; padding: 0 12px; margin: 0; border: 0; border-radius: 4px; box-sizing: border-box; }
  body .header .navs-link > a.active { background: rgba(255,255,255,.14); }
  body .header .navs-link > a::after { display: none; }
  body .header .navs-link > .vote-link { grid-column: 1 / -1; }
  body .header .navs-link .activity-list { position: static; display: flex; flex-wrap: wrap; width: auto; height: auto; background: transparent; box-shadow: none; padding: 0; }
  body .header .navs-link .activity-list li { width: auto; max-width: 100%; }
  body .header .navs-link .activity-list a { float: none; display: block; height: auto; min-height: 44px; line-height: 1.5; margin: 0; padding: 10px 12px; white-space: normal; }
  body .header .navs-link .activity-list .dot { display: none; }
  body .header.responsive-ui-ready .mobile-nav-toggle:not([hidden]) { display: flex; grid-column: 3; grid-row: 1; justify-content: center; align-items: center; width: 40px; height: 44px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; background: transparent; color: #fff; cursor: pointer; }
  .mobile-nav-toggle span, .mobile-nav-toggle span::before, .mobile-nav-toggle span::after { display: block; width: 18px; height: 2px; background: currentColor; }
  .mobile-nav-toggle span { position: relative; }
  .mobile-nav-toggle span::before, .mobile-nav-toggle span::after { content: ''; position: absolute; left: 0; }
  .mobile-nav-toggle span::before { top: -6px; }
  .mobile-nav-toggle span::after { top: 6px; }
  .mobile-nav-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  body .header:not(.responsive-ui-ready) > .clearfix { grid-template-columns: minmax(100px,1fr) auto; }
  body .footer { margin-top: 32px; padding: 28px 0; text-align: left; }
  body .footer > .mid-1200 > .clearfix { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  body .footer .logo, body .footer .switch-language { float: none; flex: none; }
  body .footer .links { display: block; margin-top: 24px; }
  body .footer .links p { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 16px; margin: 0; }
  body .footer .links p + p { margin-top: 16px; padding-top: 16px; border-top: 1px solid #333; }
  body .footer .links a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; margin: 0; border: 0; line-height: 1.5; box-sizing: border-box; }
  body .footer .contact-icon { display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; justify-items: start; gap: 20px 12px; margin: 24px 0; max-width: 360px; }
  body .footer .contact-icon > a { margin: 0; }
  body .footer .contact-icon > a:nth-of-type(n+5) { grid-column: span 2; }
  body .footer .copyright { text-align: left; line-height: 1.6; margin-bottom: 0; }
  body .scroll-top-component { position: static; transform: none; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; margin: 24px 12px; width: auto; height: auto; }
  body .scroll-top-component .component_item { flex: none; margin: 0; }
  body .scroll-top-component .create-company-text { display: none; }
  body .newsdetail > .share { display: flex; flex-wrap: wrap; flex-basis: 100%; width: 100%; margin: 0 0 16px; }
  body .labels-breadcrumbs { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; height: auto; line-height: 1.5; }
  body .labels-breadcrumbs > a { flex: none; width: auto; white-space: nowrap; }
  body .labels-breadcrumbs > span { min-width: 0; flex: 1 1 180px; }
}
@media (max-width: 480px) {
  body .header > .clearfix, body .header:not(.responsive-ui-ready) > .clearfix { grid-template-columns: minmax(0, 1fr) 40px; }
  body .header .left .logo { min-height: 60px; display: flex; align-items: center; }
  body .header .right { grid-column: 1 / -1; grid-row: 2; height: 44px; justify-content: flex-start; gap: 16px; border-top: 1px solid rgba(255,255,255,.2); }
  body .header.responsive-ui-ready .mobile-nav-toggle:not([hidden]) { grid-column: 2; }
  body .header .navs-link { grid-row: 3; padding-top: 12px; }
}
/* Mobile header: one compact bar, with all navigation inside the disclosure. */
@media (max-width: 900px) {
  body .header > .clearfix, body .header:not(.responsive-ui-ready) > .clearfix { grid-template-columns: minmax(0,1fr) 44px; min-height: 64px; }
  body .header .left .logo { display: flex; align-items: center; min-height: 64px; }
  body .header.responsive-ui-ready .mobile-nav-toggle:not([hidden]) { grid-column: 2; grid-row: 1; justify-self: end; }
  body .header .navs-link { grid-row: 2; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.2); }
  body .header .right { grid-row: 3; grid-column: 1 / -1; width: 100%; height: auto; min-height: 52px; padding: 4px 0 12px; gap: 20px; justify-content: flex-start; border-top: 1px solid rgba(255,255,255,.2); }
  body .header.responsive-ui-ready:not(.mobile-menu-open) .right { display: none; }
  body .header.mobile-menu-open .navs-link { display: grid; height: auto; max-height: none; }
  body .header.mobile-menu-open .mobile-nav-toggle span { background: transparent; }
  body .header.mobile-menu-open .mobile-nav-toggle span::before { top: 0; transform: rotate(45deg); }
  body .header.mobile-menu-open .mobile-nav-toggle span::after { top: 0; transform: rotate(-45deg); }
}

/* Responsive article heading: no empty share rail or fixed-height breadcrumb. */
@media (max-width: 900px) {
  body .body > .mid-container:has(> .newsdetail) { margin-top: 16px !important; }
  body .newsdetail > .share:empty { display: none; }
  body .newsdetail .detail .detailtop .labels-breadcrumbs {
    display: block; height: auto; min-height: 0; margin: 0 0 12px;
    font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; cursor: auto;
  }
  body .newsdetail .detail .detailtop .labels-breadcrumbs > a,
  body .newsdetail .detail .detailtop .labels-breadcrumbs > span {
    display: inline; width: auto; max-width: none; white-space: normal;
  }
  body .newsdetail .detail .detailtop .RichTextHead { margin-top: 0; }
}


/* Keep every expanded navigation item on the same two-column grid. */
@media (max-width: 900px) {
  body .header .navs-link { gap: 4px 16px; padding: 12px 0; }
  body .header .navs-link > a,
  body .header .navs-link > .vote-link {
    margin: 0 !important; padding: 0 12px !important;
    min-width: 0; min-height: 48px; height: auto; line-height: 48px;
    text-align: left; font-size: 14px; box-sizing: border-box;
  }
  body .header.mobile-menu-open .right {
    display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: center; gap: 0; padding: 10px 0; min-height: 64px;
  }
  body .header.mobile-menu-open .right > .search-container,
  body .header.mobile-menu-open .right > .user-login,
  body .header.mobile-menu-open .right > .switch-language {
    width: 100%; min-width: 0; margin: 0; text-align: center;
  }
  body .header.mobile-menu-open .right .search-icon,
  body .header.mobile-menu-open .right .unLogin,
  body .header.mobile-menu-open .right .curLang {
    display: flex; align-items: center; justify-content: center;
    height: 44px; width: 100%; padding: 0; margin: 0; box-sizing: border-box;
  }
  body .header.mobile-menu-open .right > .switch-language { display: flex; justify-content: center; }
}
/* H5 reference home */
.mobile-home-tabs, .mobile-home-heading { display: none; }
@media (max-width: 600px) {
  body:has(.introducte-box) .header { background: #fff; color: #242424; }
  body:has(.introducte-box) .header .logo-image { filter: brightness(0) saturate(100%) invert(34%) sepia(55%) saturate(1030%) hue-rotate(179deg); }
  body:has(.introducte-box) .header a, body:has(.introducte-box) .header .vote-link, body:has(.introducte-box) .header .curLang { color: #242424; }
  body:has(.introducte-box) .header .mobile-nav-toggle { color: #2862b4 !important; border-color: #d9e2ee !important; }
  body:has(.introducte-box) .header .navs-link, body:has(.introducte-box) .header .right { border-color: #e4e8ed; }
  .mobile-home-tabs { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 16px; min-height: 46px; background: white; border-bottom: 1px solid #eee; }
  .mobile-home-tabs a { display: block; color: #888; font-size: 16px; line-height: 44px; white-space: nowrap; }
  .mobile-home-tabs a[aria-current] { color: #222; font-weight: 700; border-bottom: 3px solid #2862b4; }
  body .body:has(.introducte-box) { display: flex; flex-direction: column; background: #fff; }
  body .body:has(.introducte-box) > .introducte-box { order: 2; margin-top: 24px; }
  body .body:has(.introducte-box) > .mid-container { display: flex; flex-direction: column; margin: 0 16px; gap: 0; }
  body .body:has(.introducte-box) .right-content, body .body:has(.introducte-box) .right-content > .clearfix { display: contents; }
  body .body:has(.introducte-box) .hot-news { order: 0; display: block; width: 100%; margin: 0; }
  body .body:has(.introducte-box) .hot-news-main { width: 100%; }
  body .body:has(.introducte-box) .main-first-news > div > a { display: block; position: relative; }
  body .body:has(.introducte-box) .main-first-news a::before { display: none; }
  body .body:has(.introducte-box) .main-first-news .news-logo { width: 100%; height: auto !important; aspect-ratio: 16 / 9; }
  body .body:has(.introducte-box) .main-first-news .news-title { position: absolute; bottom: 0; left: 0; right: 0; max-height: none; padding: 32px 12px 12px; margin: 0; color: #fff; font-size: 18px; line-height: 1.4; background: linear-gradient(transparent,rgba(0,0,0,.85)); }
  body .body:has(.introducte-box) .main-first-news .news-title { color: #fff !important; }
  body .body:has(.introducte-box) .main-first-news .news-introduce { display: block; height: auto !important; max-height: none !important; font-size: 13px; line-height: 1.5; padding: 10px 0; overflow: visible; -webkit-line-clamp: unset; }
  body .body:has(.introducte-box) .main-second-news { padding: 8px 0 20px; margin: 0; }
  body .body:has(.introducte-box) .main-second-news li { padding: 8px 0; font-size: 14px; line-height: 1.5; }
  .mobile-home-heading { display: block; border-top: 1px solid #ddd; padding-top: 20px; margin: 0 0 12px; font-size: 18px; color: #222; }
  body .body:has(.introducte-box) .hot-news-secondary { width: 100%; margin: 0; padding: 0; }
  body .body:has(.introducte-box) .hot-news-secondary li { min-height: 64px; height: auto; padding: 12px 0 12px 32px; border-bottom: 1px solid #eee; }
  body .body:has(.introducte-box) .hot-news-secondary .news-title { font-size: 16px; line-height: 1.5; }
  body .body:has(.introducte-box) .mid-container > .left-content { order: 1; width: 100%; margin: 24px 0 0; }
  body .body:has(.introducte-box) .information ul { display: block; }
  body .body:has(.introducte-box) .information li { display: flex; flex-direction: column; height: auto; max-height: none; padding: 14px 0; }
  body .body:has(.introducte-box) .information li .title { order: -1; font-size: 16px; line-height: 1.5; }
  body .body:has(.introducte-box) .information li .time { margin-top: 8px; font-size: 12px; }
  body .body:has(.introducte-box) .companys { order: 2; margin-top: 24px; }
  body .body:has(.introducte-box) .peoples { order: 3; margin-top: 24px; }
  body .body:has(.introducte-box) .trading { order: 4; width: 100%; margin-top: 24px; }
  body .body:has(.introducte-box) .hot-news-other { order: 5; margin-top: 24px; }
  body .body:has(.introducte-box) .join-container { order: 6; margin-top: 24px; }
  body .body:has(.introducte-box) .title-lable { border-bottom: 0; font-size: 18px; line-height: 1.5; padding: 0 0 12px; margin: 0; }
  body .body:has(.introducte-box) .title-lable::before { display: none; }
}