body {
      font-family: 'Plus Jakarta Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Inter', sans-serif;
      color: #1e293b;
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
  

    .spec-table-row {
      display: flex;
      justify-content: space-between;
      padding: 0.625rem 0;
      border-bottom: 1px solid #E2E8F0;
      font-size: 0.875rem;
    }
    .spec-table-row:last-child {
      border-bottom: none;
    }
html { scroll-padding-top: 96px; }
.mobile-menu-toggle { display:none; border:1px solid #e2e8f0; border-radius:4px; padding:9px; background:white; margin-left:auto; margin-right:12px; }
.mobile-menu-toggle span { display:block; width:18px; height:2px; margin:3px 0; background:#0b192c; }
.mobile-navigation { background:#fff; border-top:1px solid #e2e8f0; padding:12px 24px; }
.mobile-navigation[hidden] { display:none; }
.mobile-navigation a { display:block; padding:12px 0; color:#334155; font-size:14px; }
@media (max-width:767px) { .mobile-menu-toggle { display:block; } }
@media (min-width:768px) { .mobile-navigation { display:none; } }
@media (max-width:420px) { #site-header>div { padding-left:16px; padding-right:16px; } #site-header .space-x-3\.5 { gap:8px; } #site-header .text-xl { font-size:16px; } #site-header .px-5 { padding-left:12px; padding-right:12px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { transition:none!important; } }

/* Keep the hero photograph unobscured; contrast is applied to text only. */
#hero { display:grid; grid-template-columns:minmax(0, 1fr); background:#0b192c; }
#hero > .absolute { position:relative; inset:auto; grid-area:1 / 1; }
#hero > .absolute img { width:100%; height:auto; object-fit:contain; }
/* Desktop: native 724px image height, proportional width, horizontal crop only. */
@media(min-width:768px) {
  #hero > .absolute { height:724px; overflow:hidden; display:flex; justify-content:center; }
  #hero > .absolute img { height:724px; width:auto; max-width:none; flex-shrink:0; }
  #hero > .absolute::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    /* Overlap both image edges to cover fractional-pixel rendering seams. */
    width:min(calc(100% + 4px), 2175px);
    transform:translateX(-50%);
    pointer-events:none;
    background:linear-gradient(to right,
      #0b192c 0%,
      #0b192c 8%,
      rgba(11,25,44,.76) 19%,
      rgba(11,25,44,.46) 32%,
      rgba(11,25,44,.12) 45%,
      rgba(11,25,44,0) 53%,
      rgba(11,25,44,0) 65%,
      rgba(11,25,44,.04) 70%,
      rgba(11,25,44,.14) 75%,
      rgba(11,25,44,.30) 80%,
      rgba(11,25,44,.51) 85%,
      rgba(11,25,44,.73) 90%,
      rgba(11,25,44,.92) 95%,
      #0b192c 99%,
      #0b192c 100%);
  }
}
#hero > .max-w-7xl { grid-area:1 / 1; align-self:center; width:100%; padding-top:24px; padding-bottom:24px; }
#hero > .relative:not(.max-w-7xl) { grid-area:2 / 1; background:#fff; }
#hero h1 { font-size:clamp(32px, 3.2vw, 60px); line-height:1.35; margin-bottom:24px; }
#hero > .max-w-7xl > .max-w-2xl > .inline-flex { margin-bottom:12px; }
#hero > .max-w-7xl > .max-w-2xl > p { font-size:clamp(14px, 1.1vw, 20px); margin-bottom:20px; max-width:560px; }
#hero > .max-w-7xl > .max-w-2xl > .flex { margin-bottom:20px; }
#hero > .max-w-7xl > .max-w-2xl { max-width: min(54%, 672px); }
@media(max-width:767px) {
  #hero > .max-w-7xl { grid-area:2 / 1; padding-top:32px; padding-bottom:32px; }
  #hero > .max-w-7xl > .max-w-2xl { max-width:100%; }
  #hero > .relative:not(.max-w-7xl) { grid-area:3 / 1; }
}
#hero > .relative > .max-w-2xl > h1,
#hero > .relative > .max-w-2xl > h1 span,
#hero > .relative > .max-w-2xl > p,
#hero > .relative > .max-w-2xl > .text-sm {
  color: #fff;
  text-shadow: 0 2px 10px rgba(5, 27, 45, .65);
}

.feature-icon { display:block; width:48px; height:48px; object-fit:contain; }
.inner-home-insights-link { color:#0a8f8c; font-size:12px; font-weight:600; white-space:nowrap; }
.header-actions { display:flex; align-items:center; gap:20px; }
.header-actions .header-contact { order:0; }
.header-actions .language-trigger { order:1; }
.footer-language { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.footer-language-label { color:#94a3b8; font-size:9px; letter-spacing:1px; }
.footer-language-button { display:inline-flex; align-items:center; gap:9px; padding:9px 12px; background:#fff; border:1px solid #dbe3e9; border-radius:5px; color:#334155; font-size:12px; font-weight:600; white-space:nowrap; }
.footer-language-button img { border-radius:50%; object-fit:cover; }
.footer-language-button:hover { border-color:#0a8f8c; background:#f1fafa; color:#0a8f8c; }
.footer-language-button:focus-visible { outline:2px solid #0a8f8c; outline-offset:3px; }
.language-trigger { display:inline-flex; align-items:center; gap:9px; border:1px solid #cbd5e1; border-radius:5px; padding:10px 13px; color:#0f172a; background:#fff; font-size:13px; font-weight:600; white-space:nowrap; }
.language-trigger img,.language-option img { border-radius:50%; object-fit:cover; flex-shrink:0; }
.language-trigger:hover,.language-trigger[aria-expanded="true"] { border-color:#0a8f8c; background:#f1fafa; }
.language-chevron { transition:transform .2s; }
.language-trigger[aria-expanded="true"] .language-chevron { transform:rotate(180deg); }
.language-panel { position:absolute; top:calc(100% + 12px); right:max(24px,calc((100% - 1232px)/2)); width:min(1100px,calc(100% - 48px)); max-height:calc(100dvh - 140px); overflow-y:auto; overscroll-behavior:contain; padding:28px 30px; background:#102631; color:#edf5f7; border:1px solid #344e59; border-radius:12px; box-shadow:0 20px 65px #031a3040; z-index:60; }
.language-panel[hidden] { display:none; }
.language-panel-heading { display:flex; justify-content:space-between; align-items:start; border-bottom:1px solid #ffffff20; padding-bottom:20px; }
.language-panel-heading h2 { font-size:22px; line-height:1.4; font-weight:700; }
.language-panel-heading p { font-size:12px; color:#9eb3bd; margin-top:4px; }
.language-close { font-size:27px; line-height:1; color:#a9bdc6; padding:2px 6px; border-radius:4px; }
.language-close:hover { color:white; background:#ffffff10; }
.language-availability { font-size:11px; color:#9eb3bd; margin:14px 0 12px; }
.language-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px 16px; }
.language-option { display:flex; align-items:center; gap:13px; padding:13px 12px; text-align:left; min-width:0; border:1px solid transparent; border-radius:7px; background:transparent; color:#d8e3e7; }
.language-option:disabled { cursor:default; opacity:.78; }
.language-option.is-current { background:#0a8f8c22; border-color:#168c8a; }
.language-option-label { min-width:0; flex:1; }
.language-option-label strong { display:block; font-size:15px; line-height:1.4; font-weight:600; }
.language-option-label small { display:block; font-size:11px; line-height:1.5; color:#a4b8c1; margin-top:3px; }
.language-check { color:#23cfba; font-size:20px; }
.language-trigger:focus-visible,.language-close:focus-visible,.language-option:focus-visible { outline:2px solid #19b6bc; outline-offset:3px; }
@media(min-width:768px) and (max-width:1200px) { #site-header nav[aria-label="主导航"] { display:none; } #site-header .mobile-menu-toggle { display:block; } #site-header .mobile-navigation:not([hidden]) { display:block; } }
@media(max-width:767px) { .header-actions { gap:10px; } .language-panel { right:12px; width:calc(100% - 24px); max-height:calc(100dvh - 115px); padding:22px 16px; } .language-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } .language-option { padding:12px 7px; gap:9px; } .language-option img { width:29px; height:29px; } .language-option-label strong { font-size:13px; } .language-option-label small { font-size:10px; } }
@media(max-width:600px) { .header-contact { display:none; } .language-trigger { gap:6px; padding:9px; font-size:12px; } .language-trigger img { width:22px; height:22px; } }
@media(max-width:380px) { .language-trigger-label { display:none; } }
.secondary-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-bottom:28px; }
.secondary-product-card { display:grid; grid-template-columns:40% minmax(0,1fr); min-height:200px; background:#fff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.secondary-product-card:hover { border-color:#9dc9c8; box-shadow:0 5px 18px #0b192c0a; }
.secondary-product-image { min-height:200px; overflow:hidden; background:#f1f5f9; }
.secondary-product-image img { width:100%; height:100%; object-fit:cover; }
.secondary-product-copy { padding:26px 24px; display:flex; flex-direction:column; justify-content:center; }
.secondary-product-copy h3 { font-size:20px; font-weight:700; color:#0f172a; line-height:1.5; }
.secondary-product-en { font-size:10px; letter-spacing:.8px; color:#94a3b8; margin-top:5px; }
.secondary-product-description { color:#64748b; font-size:12px; line-height:1.9; margin:16px 0 20px; }
.secondary-product-action { color:#0a8f8c; font-size:12px; font-weight:600; display:flex; justify-content:space-between; gap:16px; }
@media(max-width:900px) { .secondary-product-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .secondary-product-card { grid-template-columns:40% minmax(0,1fr); min-height:190px; } .secondary-product-image { min-height:190px; } .secondary-product-copy { padding:20px 16px; } .secondary-product-copy h3 { font-size:18px; } .secondary-product-en { font-size:9px; } }
.insights-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:36px; }
.insights-heading h2 { font-size:36px; font-weight:800; color:#0f172a; letter-spacing:-.02em; }
.insights-heading p { font-size:14px; color:#64748b; margin-top:12px; }
.insights-heading>span { font-size:11px; color:#64748b; }
.insights-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 28px; }
.insights-card { background:white; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden; }
.insights-card-image { aspect-ratio:16/9; overflow:hidden; background:#e2e8f0; }
.insights-card-image img { width:100%; height:100%; object-fit:cover; }
.insights-card-copy { padding:22px 24px 26px; }
.insights-card-copy>p { display:flex; justify-content:space-between; gap:12px; color:#0a8f8c; font-size:11px; margin-bottom:12px; }
.insights-card-copy>p span { color:#94a3b8; font-size:10px; }
.insights-card h3 { color:#0f172a; font-size:18px; font-weight:700; line-height:1.7; }
@media(min-width:768px) and (max-width:1100px) { #site-header nav[aria-label="主导航"] { gap:18px; } #site-header nav[aria-label="主导航"]>a,#site-header nav[aria-label="主导航"]>div { margin-left:0; } }
@media(max-width:900px) { .insights-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .insights-card-grid { grid-template-columns:1fr; gap:24px; } .insights-heading { display:block; } .insights-heading h2 { font-size:28px; } .insights-heading>span { display:block; margin-top:16px; } }

/* Procurement content: concise evidence, real supplied photography and direct contact. */
.company-logo { width:205px; height:auto; max-height:58px; object-fit:contain; }
.product-context { font-size:13px; line-height:1.9; color:#64748b; margin:-8px 0 22px; min-height:50px; }
.procurement-note { color:#64748b; font-size:12px; line-height:1.9; margin-bottom:24px; }
.supply-gallery { max-width:1280px; margin:auto; padding:56px 24px 72px; }
.gallery-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:24px; }
.section-kicker { color:#0a8f8c; font-size:11px; letter-spacing:1.5px; font-weight:600; margin-bottom:10px; }
.gallery-heading h2,.purchase-contact h2 { font-size:26px; line-height:1.5; font-weight:700; color:#0f172a; }
.gallery-heading>p { font-size:12px; color:#64748b; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.gallery-grid figure { margin:0; }
.gallery-grid img { width:100%; height:210px; object-fit:cover; border-radius:6px; }
.gallery-grid figcaption { font-size:12px; color:#64748b; padding-top:12px; }
.knowledge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:start; }
.insight-note { background:#fff; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden; }
.insight-note summary { padding:28px; cursor:pointer; list-style:none; }
.insight-note summary::-webkit-details-marker { display:none; }
.insight-note summary:focus-visible { outline:2px solid #0a8f8c; outline-offset:-3px; }
.insight-note h3 { color:#0f172a; font-size:19px; line-height:1.7; font-weight:700; margin:10px 0 22px; }
.note-action { color:#0a8f8c; font-size:12px; font-weight:600; }
.note-body { padding:0 28px 28px; color:#475569; font-size:14px; line-height:2; }
.note-body h4 { font-weight:700; margin:20px 0 8px; color:#0f172a; }
.note-body ul { list-style:disc; padding-left:20px; margin:0 0 18px; }
.note-body .note-source { margin-top:20px; font-size:11px; color:#64748b; }
.note-source a { text-decoration:underline; }
.purchase-contact { max-width:1280px; margin:auto; padding:56px 24px; display:grid; grid-template-columns:1.3fr 1fr; gap:48px; }
.purchase-contact p:not(.section-kicker) { font-size:14px; color:#64748b; line-height:1.9; margin-top:16px; }
.purchase-steps { display:flex; flex-direction:column; gap:14px; color:#475569; font-size:13px; border-left:1px solid #e2e8f0; padding-left:36px; }
.purchase-steps a { color:#0a8f8c; font-weight:600; padding-top:6px; }
@media(max-width:767px) {
  .company-logo { width:155px; max-height:44px; }
  .gallery-grid,.knowledge-grid,.purchase-contact { grid-template-columns:1fr; }
  .gallery-heading { display:block; }
  .gallery-heading>p { margin-top:12px; }
  .gallery-grid img { height:220px; }
  .supply-gallery { padding-top:40px; padding-bottom:48px; }
  .purchase-contact { gap:24px; padding-top:40px; padding-bottom:40px; }
  .purchase-steps { padding-left:0; border-left:0; }
  .gallery-heading h2,.purchase-contact h2 { font-size:23px; }
}

.supply-node{width:14px;height:14px;border:2px solid #0a9695;border-radius:50%;background:#0b192c;flex-shrink:0}

.insights-card>a{display:block;height:100%}.insight-summary{font-size:13px;line-height:1.9;color:#64748b;margin:14px 0 20px}.insight-read{font-size:12px;font-weight:600;color:#0a8f8c}.insights-card a:focus-visible{outline:2px solid #0a8f8c;outline-offset:4px}

.insights-card>a{display:flex;flex-direction:column}.insights-card-image{flex-shrink:0}.insights-card-copy{display:flex;flex-direction:column;flex:1}.insight-summary{flex:1}.insight-read{margin-top:auto}

.language-option.is-unavailable{opacity:.65;cursor:default}.language-home-link{display:block;margin-top:8px;font-size:11px;color:#8bd6cf}body:not(.locale-zh-cn):not(.locale-zh-tw) .header-actions{flex-shrink:0}body:not(.locale-zh-cn):not(.locale-zh-tw) [data-main-nav]{gap:22px}body:not(.locale-zh-cn):not(.locale-zh-tw) [data-main-nav]>*{margin-left:0!important}body:not(.locale-zh-cn):not(.locale-zh-tw) #hero h1{font-size:clamp(32px,3.8vw,52px);max-width:680px}body:not(.locale-zh-cn):not(.locale-zh-tw) .secondary-product-copy h3{font-size:22px}body:not(.locale-zh-cn):not(.locale-zh-tw) .secondary-product-en,body:not(.locale-zh-cn):not(.locale-zh-tw) .business-english{display:none}@media(min-width:768px) and (max-width:1199px){body:not(.locale-zh-cn):not(.locale-zh-tw) [data-main-nav]{display:none!important}body:not(.locale-zh-cn):not(.locale-zh-tw) .mobile-menu-toggle{display:block}body:not(.locale-zh-cn):not(.locale-zh-tw) .header-actions{margin-left:auto}body:not(.locale-zh-cn):not(.locale-zh-tw) .mobile-menu-toggle{margin-left:auto;margin-right:20px}}@media(max-width:767px){.language-grid{grid-template-columns:1fr}.language-panel{max-height:75vh;overflow:auto}body:not(.locale-zh-cn):not(.locale-zh-tw) #hero h1{font-size:32px;line-height:1.3}body:not(.locale-zh-cn):not(.locale-zh-tw) .header-actions{max-width:145px}body:not(.locale-zh-cn):not(.locale-zh-tw) .language-trigger{padding-left:9px;padding-right:9px}}

.language-option.is-pending{cursor:default}
.language-panel{max-height:calc(100vh - 140px);overflow-y:auto}

.footer-company-contact{max-width:320px;line-height:1.8}.company-address{white-space:pre-line;overflow-wrap:anywhere}.company-registration{display:inline-block;margin-left:18px}.contact-information a{overflow-wrap:anywhere}

/* Give the two-line company and quality headings more breathing room. */
#about h2,#quality h2{line-height:1.4}

/* Translation length must not force navigation or cards outside their columns. */
body:not(.locale-zh-cn):not(.locale-zh-tw) [data-main-nav]{gap:16px;font-size:13px}
body:not(.locale-zh-cn):not(.locale-zh-tw) #hero h1{overflow-wrap:break-word;hyphens:auto;line-height:1.3}
body:not(.locale-zh-cn):not(.locale-zh-tw) .inner-heading h2{overflow-wrap:break-word}
@media(min-width:768px) and (max-width:1399px){body:not(.locale-zh-cn):not(.locale-zh-tw) [data-main-nav]{display:none!important}body:not(.locale-zh-cn):not(.locale-zh-tw) .mobile-menu-toggle{display:block;margin-left:auto;margin-right:20px}body:not(.locale-zh-cn):not(.locale-zh-tw) .header-actions{margin-left:auto}}

.insights-empty{grid-column:1/-1;padding:32px 0;color:#64748b;line-height:1.8}

.company-public-security{display:inline-flex;align-items:center;gap:5px;margin-left:18px;max-width:100%;vertical-align:middle;overflow-wrap:anywhere}.company-public-security img{width:20px;height:20px;flex-shrink:0}.company-public-security:hover{text-decoration:underline}@media(max-width:639px){.company-public-security{margin:8px 0 0;display:flex;justify-content:center}}