/* culture-refine.css — 企业文化设计服务页版式整理 (2026-10-23). Remove the <link id="qm-culture-refine-css"> to revert. */
html:not(#qmT):not(#qmC) body.elementor-page-12701{--cf-ink:#171a20;--cf-line:#E2E3E3;--cf-mute:#5c5e62}

/* ---------- Hero: bigger title, primary/secondary buttons ---------- */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage :is(h1,h2){font-size:clamp(44px,5.6vw,80px)!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.01em!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 #overview .cu-copy p{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.7!important;margin-top:20px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-actions{margin-top:36px!important;gap:12px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-btn{background:#fff!important;color:var(--cf-ink)!important;height:48px!important;min-width:180px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-btn:hover{background:#E2E3E3!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-btn-alt{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-btn-alt:hover{background:rgba(255,255,255,.1)!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 #services .cu-kicker{font-size:13px!important;letter-spacing:.14em}

/* ---------- Section rhythm: centered kicker above centered title, more air ---------- */
html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close){padding-top:112px!important;padding-bottom:112px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close) .cu-kicker{text-align:center!important;font-size:13px!important;letter-spacing:.14em;margin-bottom:16px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close) h2{font-size:clamp(34px,3.4vw,48px)!important;line-height:1.2!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-sheet-soft:not(#cases){padding-top:96px!important}

/* About: two columns as one quiet reading block */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-split{margin-top:56px!important;gap:32px 64px!important;max-width:1040px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-split p{font-size:16px!important;line-height:1.85!important;color:#393c41!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-split>div:first-child p:first-child{font-size:20px!important;line-height:1.7!important;color:var(--cf-ink)!important}

/* Services: six white cards */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-grid-3{gap:16px!important;margin-top:0!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card{background:#fff;border-radius:12px;padding:36px 32px 40px;transition:transform .3s ease,box-shadow .3s ease}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,26,32,.08)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card .cu-idx{font-size:13px!important;letter-spacing:.12em;margin-bottom:40px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card h3{font-size:22px!important;line-height:1.35!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card p{font-size:15px!important;line-height:1.75!important;margin-top:12px!important}

/* Process: numbered rows, stage label in its own column */
html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-steps,.cu-approaches){max-width:1040px!important;margin-top:56px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step{display:grid;grid-template-columns:140px 220px minmax(0,1fr);align-items:baseline;gap:0 32px;padding:32px 0!important;border-top:1px solid var(--cf-line)!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step:last-child{border-bottom:1px solid var(--cf-line)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step span{margin:0!important;font-size:13px!important;letter-spacing:.12em;color:var(--cf-mute)!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step b{font-size:22px!important;line-height:1.35!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step p{margin:0!important;font-size:15px!important;line-height:1.75!important}

/* Cases: rounded frames on the same column as the sections */
html:not(#qmT):not(#qmC) body.elementor-page-12701 #cases{padding-bottom:48px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film{background:#f4f4f4!important;gap:20px!important;padding-top:0!important;padding-bottom:32px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film a{background:#fff;border-radius:12px;overflow:hidden;padding-bottom:24px;transition:transform .3s ease,box-shadow .3s ease}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film a:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,26,32,.08)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film img{height:auto!important;aspect-ratio:4/3;transition:transform .6s ease}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film a:hover img{transform:scale(1.03)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film :is(span,strong,em){padding:0 24px}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film span{margin-top:20px!important;font-size:13px!important;letter-spacing:.08em}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-film strong{font-size:20px!important;line-height:1.4!important;margin-top:6px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-more{background:#f4f4f4!important;padding-top:16px!important;padding-bottom:112px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-more .cu-btn{background:transparent!important;color:var(--cf-ink)!important;box-shadow:inset 0 0 0 1px var(--cf-ink);height:48px!important;min-width:180px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-more .cu-btn:hover{background:var(--cf-ink)!important;color:#fff!important}

/* Approach: 2 × 2 principles */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approaches{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approach{padding:32px 0 36px!important;border-top:1px solid var(--cf-line)!important;counter-increment:cfap}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approaches{counter-reset:cfap}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approach b::before{content:"0" counter(cfap);display:block;font-size:13px;font-weight:400;letter-spacing:.12em;color:var(--cf-mute);margin-bottom:16px}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approach b{font-size:22px!important;line-height:1.35!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approach p{font-size:15px!important;line-height:1.75!important;margin-top:12px!important}

/* Capabilities: dark panels */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-grid-4{gap:16px!important;margin-top:56px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-cap{background:#202329;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px 28px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-cap h3{font-size:20px!important;margin-bottom:16px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-cap li{font-size:15px!important;line-height:22px!important;padding:11px 0!important;border-top-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.78)!important}

/* Results + contact */
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stats{max-width:1040px!important;margin-top:56px!important;background:#f4f4f4;border-radius:12px;padding:44px 0}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stats div+div{border-left-color:#D0D1D2!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stats b{font-size:clamp(40px,4vw,56px)!important;line-height:1.1!important;letter-spacing:-.02em}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stats span{font-size:15px!important;margin-top:10px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-phone{margin-top:56px!important;font-size:28px!important;letter-spacing:.04em}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-actions{margin-top:24px!important;gap:12px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-btn{background:var(--cf-ink)!important;height:48px!important;min-width:180px!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-btn:hover{background:#393c41!important}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-btn-alt{background:transparent!important;color:var(--cf-ink)!important;box-shadow:inset 0 0 0 1px var(--cf-ink)}
html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-btn-alt:hover{background:#f4f4f4!important}

@media (max-width:921px){
  html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close){padding-top:80px!important;padding-bottom:80px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step{grid-template-columns:1fr;gap:8px}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-approaches{grid-template-columns:1fr}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-more{padding-bottom:80px!important}
}
@media (max-width:767px){
  html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close){padding-top:64px!important;padding-bottom:64px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-split{margin-top:36px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-split>div:first-child p:first-child{font-size:18px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card{padding:28px 24px 32px}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-card .cu-idx{margin-bottom:24px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-step{padding:24px 0!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stats{padding:28px 24px}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-phone{font-size:24px!important;margin-top:40px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage .cu-btn,html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-close .cu-btn{min-width:0!important;flex:1}
}

/* Mobile: use the full width (the 108px right gutter left a third of the screen empty) */
@media (max-width:767px){
  html:not(#qmT):not(#qmC) body.elementor-page-12701 :is(.cu-sheet,.cu-close,.cu-more,.cu-film){padding-left:20px!important;padding-right:20px!important}
  html:not(#qmT):not(#qmC) body.elementor-page-12701 .cu-stage{padding-left:20px!important;padding-right:20px!important}
}