/* international-refine.css — 海外项目页版式整理 (2026-10-23). Remove the <link id="qm-intl-refine-css"> to revert. */
html body .qe.qe-international{--ir-ink:#171a20;--ir-line:#E2E3E3}

/* ---------- Buttons: one clear primary + plain text link ---------- */
html:not(#qmT):not(#qmI) body .qe-international .qe-link{border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:none!important;padding:12px 0!important;font-size:14px!important;gap:12px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-link.intl-primary{border:0!important;border-radius:4px!important;padding:14px 28px!important;background:var(--ir-ink)!important;color:#fff!important;font-weight:500!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-link.intl-primary:hover{background:#393c41!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-cta .qe-link{color:#fff!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-cta .qe-link.intl-primary{background:#fff!important;color:var(--ir-ink)!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-cta .qe-link.intl-primary:hover{background:#E2E3E3!important}

/* ---------- 01 / 工作方向: dark band so the white copy is readable ---------- */
html:not(#qmT):not(#qmI) body .qe-international #overview{background:var(--ir-ink)!important;color:#fff!important}
html:not(#qmT):not(#qmI) body .qe-international #overview :is(h2,h3){color:#fff!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .intl-section-label{color:#A2A3A5!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problems{gap:24px!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problem{border-top:1px solid rgba(255,255,255,.22)!important;padding-top:28px!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problem>small{color:#A2A3A5!important;font-size:12px!important;letter-spacing:.12em}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problem h3{font-size:26px!important;font-weight:500!important;margin:18px 0 12px!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problem p{color:rgba(255,255,255,.72)!important;font-size:15px!important;min-height:3.9em}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-photo-frame{border-radius:8px;overflow:hidden}
html:not(#qmT):not(#qmI) body .qe-international #overview figcaption{color:#fff!important}
html:not(#qmT):not(#qmI) body .qe-international #overview figcaption small{color:#A2A3A5!important}
html:not(#qmT):not(#qmI) body .qe-international #overview .qe-photo-arrow{color:#fff!important}

/* ---------- Hero ---------- */
html:not(#qmT):not(#qmI) body .qe-international .qe-hero h1{font-weight:500!important;letter-spacing:-.01em}
html:not(#qmT):not(#qmI) body .qe-international .intl-hero-feature{border-radius:12px;padding:20px!important}
html:not(#qmT):not(#qmI) body .qe-international .intl-hero-feature .qe-photo-frame{border-radius:6px;overflow:hidden}

/* ---------- Project material cards ---------- */
html:not(#qmT):not(#qmI) body .qe-international .qe-cases{gap:20px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case{border:0!important;border-radius:12px;overflow:hidden;background:#F4F4F4!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case:not(:first-child) .qe-case-copy{padding:8px 28px 28px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case:not(:first-child) .qe-media{padding:20px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case:hover{background:#EEEEEF!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case h3{font-weight:500!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-case small{color:var(--ir-ink)!important;font-size:13px!important;text-decoration:underline;text-underline-offset:5px}

/* ---------- Publication / capabilities ---------- */
html:not(#qmT):not(#qmI) body .qe-international .qe-publication-grid{gap:20px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-publication-grid .qe-photo-frame{border-radius:8px;overflow:hidden}
html:not(#qmT):not(#qmI) body .qe-international .qe-service-list a{font-size:20px!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-service-list a::before,html:not(#qmT):not(#qmI) body .qe-international .qe-service-list a span:last-child{color:#5c5e62!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-service-list a:hover{color:#5c5e62!important}

/* ---------- FAQ + CTA ---------- */
html:not(#qmT):not(#qmI) body .qe-international .qe-faq summary{font-size:18px!important;font-weight:500!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-faq summary:after{color:var(--ir-ink)!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-cta{padding:96px 0!important}
html:not(#qmT):not(#qmI) body .qe-international .qe-cta .qe-links{gap:16px 32px!important}

@media(max-width:760px){
  html:not(#qmT):not(#qmI) body .qe-international #overview .qe-problems{gap:40px!important}
  html:not(#qmT):not(#qmI) body .qe-international .qe-links{gap:12px 24px!important}
  html:not(#qmT):not(#qmI) body .qe-international .qe-cta{padding:64px 0!important}
}