/* industry-refine.css — 按行业页版式整理 (2026-10-23). Remove the <link id="qm-industry-refine-css"> to revert. */
:root{--ir-gutter:clamp(24px,3.4vw,48px)}

/* ---------- Hero: align to the same left gutter as the tabs/cards ---------- */
html body .elementor-element-4492430>.e-con-inner{padding:0 var(--ir-gutter)!important;justify-content:flex-end!important;padding-bottom:clamp(56px,9vh,104px)!important;box-sizing:border-box}
html body .elementor-element-95a9858{overflow:visible!important}
html body .elementor-element-f0c9184>.elementor-widget-container{margin:0!important}
html body .elementor-element-f0c9184 h1.elementor-heading-title{font-size:clamp(40px,5.2vw,76px)!important;line-height:1.15!important;letter-spacing:-.01em;font-weight:500!important}
html body .elementor-element-f0c9184 h1 br{display:none}
html body .elementor-element-3f2f18b{--margin-top:28px!important;margin-top:28px!important;flex-direction:row!important;align-items:center!important;gap:32px!important;flex-wrap:wrap}
html body .elementor-element-7157877 .elementor-heading-title{font-size:17px!important;color:rgba(255,255,255,.82)!important}
html body .elementor-element-b2e825f{--margin-top:0px!important;margin-top:0!important;align-self:center!important;align-items:center!important;flex-direction:row!important;gap:10px!important}
html body .elementor-element-7792a76{display:none!important} /* duplicate of “探索更多” */
html body .elementor-element-782a1e3 .elementor-heading-title{font-size:16px!important;color:#fff!important}
html body .elementor-element-762d003>.elementor-widget-container{margin-left:10px!important}

/* ---------- Category tabs: equal cells, even dividers, readable active state ---------- */
html body .elementor-element-c45ae2d>.e-con-inner{padding:0 var(--ir-gutter)!important;box-sizing:border-box}
html:not(#qmT) body .elementor-2738 .elementor-element.elementor-element-576b974{border-width:1px 0!important;border-color:rgba(255,255,255,.28)!important;margin-top:clamp(40px,5vw,64px)}
html body .elementor-element-576b974>.qm-nav-hover{border:0!important;padding:22px 12px!important;position:relative}
html body .elementor-element-576b974>.qm-nav-hover+.qm-nav-hover{box-shadow:inset 1px 0 0 rgba(255,255,255,.18)}
html body .elementor-element-576b974>.qm-nav-hover:before{top:0;bottom:0;height:auto!important;transition:width .5s cubic-bezier(.25,.1,.25,1)!important}
html body .elementor-element-576b974 .elementor-icon{display:none!important}
html body .elementor-element-576b974 .elementor-heading-title{font-size:17px!important;font-weight:500!important;letter-spacing:.04em;position:relative;z-index:1}
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover .elementor-heading-title,
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover .elementor-heading-title *{color:rgba(255,255,255,.72)!important;transition:color .3s ease}
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover:hover .elementor-heading-title,
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover:hover .elementor-heading-title *,
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover.activea .elementor-heading-title,
html:not(#qmT):not(#qmI) body .elementor-2738 .qm-nav-hover.activea .elementor-heading-title *{color:#171a20!important}

/* ---------- Case cards: 4:5 frames, title block at the bottom, legible on any photo ---------- */
html body .qmctr{max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;margin-top:clamp(32px,4vw,48px)}
html body .qmctr .qm-item-card{width:auto!important;height:auto!important;aspect-ratio:4/5;border-radius:12px!important}
html body .qmctr .qm-item-card::after{content:"";position:absolute;inset:0;z-index:12;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,0) 62%)}
html body .qmctr .qm-item-card::before{z-index:13!important;opacity:0}
html body .qmctr .qm-item-card:hover::before{opacity:.82!important}
html body .qmctr .qm-item-card .qm-msg{top:auto!important;bottom:0!important;padding:28px 28px 72px!important;color:#fff!important;display:flex!important;flex-direction:column}
html body .qmctr .qm-item-card .qm-msg-title{order:2;font-size:22px!important;font-weight:500!important;line-height:1.35!important;margin:6px 0 0!important;color:#fff!important}
html body .qmctr .qm-item-card .qm-msg-subtitle{order:1;margin:0!important;width:auto!important;font-size:13px!important;line-height:1.4!important;font-weight:500!important;letter-spacing:.08em;color:rgba(255,255,255,.72)!important}
html body .qmctr .qm-item-card .qm-msg-description-box{order:3;max-height:0;opacity:0;transition:max-height .6s ease,opacity .4s ease}
html body .qmctr .qm-item-card:hover .qm-msg-description-box{max-height:12em;opacity:1}
html body .qmctr .qm-item-card .qm-msg-description{margin-top:14px!important;font-size:15px!important;line-height:1.65!important;transform:none!important;opacity:1!important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
html body .qmctr .qm-item-card .qm-btn{left:28px;right:auto!important;bottom:26px!important;transform:none!important;font-size:15px!important;font-weight:500!important;letter-spacing:.04em}
html body .qmctr .qm-item-card .qm-btn .qm-btn-span{padding-bottom:4px!important}
html body .qmctr .qm-item-card .qm-btn .qm-svg-right{width:12px!important;margin-top:-3px!important}
@media (max-width:1100px){html body .qmctr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  html body .qmctr{grid-template-columns:1fr;gap:16px!important}
  html body .elementor-element-3f2f18b{gap:16px!important}
  html body .elementor-element-576b974>.qm-nav-hover{padding:16px 8px!important}
  html body .elementor-element-576b974>.qm-nav-hover+.qm-nav-hover{box-shadow:none}
  html body .qmctr .qm-item-card .qm-msg-description-box{display:none}
}

/* ---------- Load-more pill ---------- */
html body #load-more-btn{font-size:15px!important;letter-spacing:.06em!important;padding:13px 36px!important;border:1px solid rgba(255,255,255,.4)!important;background:transparent!important;color:#fff!important;margin-top:clamp(32px,4vw,56px)}
html body #load-more-btn:not(:disabled):hover{background:#fff!important;color:#171a20!important}
html body #load-more-btn:disabled{opacity:.5;cursor:default}

/* Card list must never shrink inside the Elementor flex column (aspect-ratio cards otherwise collapse on mobile) */
html body .elementor-element-c9b0570,html body .elementor-element-fa7e83f{flex-wrap:nowrap!important}
html body .qmctr .qm-item-card{width:100%!important}

/* One shared left edge: tabs/cards already get 48px from c9b0570; hero follows the same 1520px frame */
html body .elementor-element-c45ae2d>.e-con-inner{padding:0!important}
html body .elementor-element-4492430>.e-con-inner{padding-left:48px!important;padding-right:48px!important}
@media (max-width:767px){html body .elementor-element-4492430>.e-con-inner{padding-left:31px!important;padding-right:31px!important}}
/* Hero stats/CTA: always visible (scroll-reveal re-hid them on return to top) */
html body .elementor-element-3f2f18b .qm-line-i{opacity:1!important;transform:none!important}
/* Card text sits above the gradient and never waits on scroll-reveal */
html body .qmctr .qm-item-card .qm-msg,html body .qmctr .qm-item-card .qm-btn{z-index:14!important}
html body .qmctr .qm-item-card .qm-msg .qm-line-i,html body .qmctr .qm-item-card .qm-msg .qm-split{opacity:1!important;transform:none!important}
html body .qmctr .qm-item-card .qm-btn,html body .qmctr .qm-item-card .qm-btn *{opacity:1!important;color:#fff!important}