/* vision-refine.css — 我们的愿景页美学整理 (2026-10-23). Remove the <link id="qm-vision-refine-css"> to revert. */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"]{--vr-ink:#171a20;--vr-mute:#5c5e62;--vr-line:#E2E3E3}

/* ---------- Hero: bigger title ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-hero h1{font-size:clamp(40px,4.6vw,68px)!important;line-height:1.15!important;letter-spacing:-.01em!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-hero .qma-lead{font-size:clamp(16px,1.3vw,19px)!important;margin-top:16px!important}

/* ---------- Quote: statement left, intro right, separated by a rule ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-quote>.qma-in{padding-block:128px!important;gap:80px!important;align-items:start}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-quote blockquote{margin:0!important;font-size:clamp(26px,2.3vw,34px)!important;line-height:1.55!important;padding-left:28px!important;border-left:2px solid var(--vr-ink)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-intro-copy{margin:0!important;font-size:16px!important;line-height:1.95!important;color:#393c41!important;padding-top:8px}

/* ---------- 01–03: number above title, larger reading text ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sec>.qma-in{padding-block:96px!important;gap:64px!important;align-items:start!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sech .qma-num{display:block;font-size:13px!important;letter-spacing:.14em;color:var(--vr-mute)!important;margin-bottom:16px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sech h2{margin:0!important;font-size:clamp(28px,2.6vw,38px)!important;line-height:1.3!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-secb p{margin:0!important;font-size:17px!important;line-height:1.95!important;color:#393c41!important;padding-top:34px}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sec.has-fig .qma-fig{border-radius:12px;overflow:hidden}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sec.has-fig>.qma-in{gap:24px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sec.has-fig .qma-secb>p{padding-top:0}

/* ---------- 方向: four framed cards on a soft band ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-cards{background:#f4f4f4!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-cards>.qma-in{padding-block:112px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] :is(.qma-cards,.qma-sibs)>.qma-in>.qma-eb{display:block;font-size:13px!important;letter-spacing:.14em;color:var(--vr-mute)!important;margin-bottom:14px}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] :is(.qma-cards,.qma-sibs) h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.25!important;margin:0!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-cgrid{gap:16px!important;margin-top:56px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c{background:#fff!important;border-radius:12px!important;padding:32px 28px 36px!important;transition:transform .3s ease,box-shadow .3s ease}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,26,32,.08)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c>span{font-size:13px!important;letter-spacing:.12em}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c h3{margin:40px 0 12px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c p{font-size:15px!important;line-height:1.8!important}

/* ---------- 下一篇: dark closing band ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band{background:var(--vr-ink)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band>.qma-in{padding-block:96px!important;align-items:center!important;gap:32px 48px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-eb{color:#A2A3A5!important;font-size:13px!important;letter-spacing:.14em}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band p{color:#fff!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.45!important;margin-top:12px!important;max-width:22em}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-ctas{gap:12px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta{background:#fff!important;color:var(--vr-ink)!important;height:48px!important;min-width:180px;justify-content:center;border:0!important;border-radius:4px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta:hover{background:#E2E3E3!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta.is-ghost{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta.is-ghost:hover{background:rgba(255,255,255,.1)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta svg{color:currentColor;fill:none;stroke:currentColor}

/* ---------- 我们是谁 · 全部内容: rounded tiles, current page marked ---------- */
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sibs>.qma-in{padding-block:112px 96px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sgrid{gap:16px!important;margin-top:56px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib{position:relative;border-radius:12px!important;padding:28px 28px 32px!important;transition:background .25s ease}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib:hover{background:#EBEBEC!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib span{font-size:18px!important;font-weight:500}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib span::after{content:"→";position:absolute;right:28px;top:28px;color:var(--vr-mute);transition:transform .25s ease}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib:hover span::after{transform:translateX(4px)}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib p{font-size:15px!important;line-height:1.75!important;margin-top:12px!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib.is-on{background:#fff!important;box-shadow:inset 0 0 0 1px var(--vr-ink)!important}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sib.is-on span::after{content:"当前";font-size:12px;letter-spacing:.08em;top:31px}
html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-back{margin-top:40px!important;gap:12px}

@media (max-width:921px){
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-quote>.qma-in{gap:40px!important;padding-block:88px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band>.qma-in{flex-direction:column;align-items:flex-start!important}
}
@media (max-width:767px){
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-in{padding-inline:20px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-quote>.qma-in{grid-template-columns:1fr!important;gap:28px!important;padding-block:64px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-quote blockquote{padding-left:20px!important;font-size:24px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-sec>.qma-in{grid-template-columns:1fr!important;gap:20px!important;padding-block:56px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-secb p{padding-top:0;font-size:16px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] 
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] :is(.qma-cards,.qma-sibs)>.qma-in{padding-block:64px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] :is(.qma-cgrid,.qma-sgrid){gap:12px!important;margin-top:36px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c{padding:24px 22px 28px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-c h3{margin-top:24px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band>.qma-in{padding-block:64px!important}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-ctas{width:100%}
  html:not(#qmV1):not(#qmV2):not(#qmV3):not(#qmV4) [data-qma-item="vision"] .qma-band .qma-cta{flex:1;min-width:0}
}