/* Visual redesign candidate 2026-10-22 (local preview only). Overlay on release 20261016130531. */
:root{--rd-font:"IBM Plex Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;
--rd-ink:#14181c;--rd-graphite:#1b2026;--rd-steel:#5b6873;--rd-line:#dde1e5;--rd-soft:#f3f4f6;--rd-red:#c9232b;--rd-red-dark:#a51a21;--rd-steel-accent:#7f97a8}
/* 7. one type system: Plex for Latin, system CJK for Chinese */
html body,html body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,select,textarea,label,small,strong,b,em,figcaption,summary,td,th,dt,dd){font-family:var(--rd-font)!important}
body{color:var(--rd-ink)}
h1,h2,h3{letter-spacing:-.01em}
/* 6. red only for RFQ calls to action */
.eyebrow,.rd-eyebrow,.brand-film-eyebrow,.product-sample-meta span{color:var(--rd-steel)!important;background:none!important;letter-spacing:.08em;text-transform:uppercase;font-size:12px!important;font-weight:600}
.eyebrow::before,.rd-eyebrow::before{background:var(--rd-steel-accent)!important}
.button-accent:not([href*="rfq"]){background:var(--rd-graphite)!important;border-color:var(--rd-graphite)!important;color:#fff!important}
.button-accent:not([href*="rfq"]):hover{background:#000!important}
a.button[href*="/rfq/"],.nav-rfq,.button-accent[href*="rfq"]{background:var(--rd-red)!important;border-color:var(--rd-red)!important;color:#fff!important}
a.button[href*="/rfq/"]:hover,.nav-rfq:hover{background:var(--rd-red-dark)!important}
.text-link{color:var(--rd-ink)}
/* 1. hero */
.rd-hero{min-height:min(88vh,820px)!important}
.rd-hero .home-video-poster img,.rd-hero .home-video{object-fit:cover;object-position:50% 50%}
.rd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.84) 0%,rgba(10,12,14,.62) 34%,rgba(10,12,14,.3) 58%,rgba(10,12,14,.08) 100%);pointer-events:none;z-index:1}
.rd-hero .hero-inner{position:relative;z-index:2}
.rd-hero h1{font-size:clamp(34px,4.6vw,64px)!important;line-height:1.08!important;max-width:15ch;font-weight:700!important;color:#fff}
html[lang^="en"] .rd-hero h1{max-width:18ch}
.rd-hero .hero-lead{font-size:clamp(16px,1.35vw,19px)!important;max-width:46ch;color:rgba(255,255,255,.86)!important;line-height:1.6}
.rd-hero-kicker{color:rgba(255,255,255,.75);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-weight:600}
/* 2. trust strip */
.rd-trust{background:var(--rd-graphite);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.rd-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.rd-trust li{border-left:1px solid rgba(255,255,255,.12)}
.rd-trust li:first-child{border-left:0}
.rd-trust a{display:flex;flex-direction:column;gap:4px;padding:22px 24px;color:#fff;text-decoration:none}
.rd-trust a:hover strong{text-decoration:underline;text-underline-offset:4px}
.rd-trust strong{font-size:20px;font-weight:600;letter-spacing:-.01em}
.rd-trust span{font-size:13px;color:rgba(255,255,255,.68)}
@media(max-width:760px){.rd-trust ul{grid-template-columns:1fr 1fr}.rd-trust li:nth-child(3){border-left:0}.rd-trust li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}.rd-trust a{padding:16px 14px}.rd-trust strong{font-size:16px}}
/* 4. product imagery: light, consistent 4:3, blade fills frame */
.blade-media,.product-sample-media,.fp-mega-product img{background:#eef0f2!important}
.blade-media img,.product-sample-media img{width:100%!important;height:100%!important;aspect-ratio:4/3;object-fit:cover!important;filter:none!important;transition:transform .5s ease}
.blade-media,.product-sample-media{aspect-ratio:4/3;overflow:hidden;display:block}
.blade-card:hover .blade-media img,.product-sample-card:hover .product-sample-media img{transform:scale(1.04)}
.blade-card,.product-sample-card{background:#fff!important;border:1px solid var(--rd-line)!important;border-radius:6px!important;overflow:hidden;box-shadow:none!important}
.blade-card:hover,.product-sample-card:hover{border-color:#b9c0c6!important;box-shadow:0 10px 28px rgba(20,24,28,.08)!important}
.rd-spec{font-size:12.5px;color:var(--rd-steel);margin:4px 0 0;line-height:1.5}
/* 3. process with real footage */
.rd-dark{background:#111417!important;color:#eef1f3}
.rd-dark h2,.rd-dark h3{color:#fff!important}
.rd-dark .rd-eyebrow{color:#9fb0bd!important}
.rd-section-head{max-width:720px;margin-bottom:36px}
.rd-section-head h2{font-size:clamp(28px,3vw,40px);margin:8px 0 12px}
.rd-section-head p{color:#aeb7bf;margin:0;line-height:1.7}
.rd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rd-step{background:#1a1f24;border-radius:6px;overflow:hidden}
.rd-step-media{margin:0;aspect-ratio:16/9;background:#0b0d0f;overflow:hidden}
.rd-step-media video{width:100%;height:100%;object-fit:cover;display:block}
.rd-step-copy{padding:16px 18px 20px}
.rd-step-copy b{font-size:12px;color:#9fb0bd;letter-spacing:.1em}
.rd-step-copy h3{font-size:18px;margin:6px 0 6px}
.rd-step-copy p{margin:0;font-size:14px;color:#b9c2c9;line-height:1.6}
.rd-link-light{color:#fff!important}
@media(max-width:980px){.rd-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rd-steps{grid-template-columns:1fr;gap:14px}.rd-step{display:grid;grid-template-columns:42% 1fr}.rd-step-media{aspect-ratio:4/3}.rd-step-copy{padding:12px 14px}.rd-step-copy h3{font-size:16px}.rd-step-copy p{font-size:13px}}
/* home rhythm: alternate light / soft / dark */
.page-home .home-product-section{background:#fff!important}
.page-home .why-qunxin-section{background:var(--rd-soft)!important}
.page-home .partner-section{background:#fff!important}
.page-home .home-logo-section{background:var(--rd-soft)!important}
.page-home .rd-film-secondary{background:#fff!important}
.page-home .legacy-home-section:last-of-type{background:var(--rd-soft)!important}
/* 6. informative banners */
[data-rd-banner]{min-height:440px!important}
[data-rd-banner]::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.82),rgba(10,12,14,.35));z-index:1;pointer-events:none}
[data-rd-banner] .page-hero-inner{position:relative;z-index:2;max-width:1280px}
[data-rd-banner] .rd-eyebrow{color:#c7d2da!important;display:block;margin-bottom:10px}
[data-rd-banner] h1{color:#fff!important}
.rd-banner-lead{color:rgba(255,255,255,.88);max-width:56ch;font-size:17px;line-height:1.65;margin:14px 0 18px}
.rd-banner-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.rd-banner-chips li{border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;background:rgba(255,255,255,.06)}
@media(max-width:600px){[data-rd-banner]{min-height:420px!important}.rd-banner-lead{font-size:15px}}
/* 5. custom page filters */
.rd-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.rd-tab{appearance:none;border:1px solid var(--rd-line);background:#fff;color:var(--rd-ink);border-radius:999px;padding:9px 16px;font-size:14px;cursor:pointer;min-height:40px}
.rd-tab small{color:var(--rd-steel);margin-left:4px}
.rd-tab.is-active{background:var(--rd-graphite);border-color:var(--rd-graphite);color:#fff}
.rd-tab.is-active small{color:#c7d0d6}
.product-sample-card.rd-hidden{display:none!important}
.rd-more-wrap{text-align:center;margin:8px auto 40px}
.rd-more{appearance:none;border:1px solid var(--rd-ink);background:#fff;color:var(--rd-ink);padding:12px 26px;border-radius:4px;font-size:15px;cursor:pointer;min-height:44px}
.rd-more:hover{background:var(--rd-ink);color:#fff}
/* 9. quality equipment tiles: never show an empty grey box */
.equipment-item picture{display:block;aspect-ratio:4/3;background:#2a3036;overflow:hidden}
.equipment-item picture img{width:100%;height:100%;object-fit:cover;opacity:1!important;visibility:visible!important}
/* 8. consent notice: compact bottom card (visual only) */
.visitor-consent{inset:auto auto 16px 16px!important;max-width:420px;padding:16px 18px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;border:1px solid var(--rd-line)!important;border-top:3px solid var(--rd-graphite)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 12px 36px rgba(20,24,28,.18)!important}
.visitor-consent .visitor-consent-actions{gap:8px}
.visitor-consent .visitor-consent-actions button{flex:1;min-height:40px;border-radius:4px}
body:has(.visitor-consent:not([hidden]))::after{height:0!important}
@media(max-width:760px){.visitor-consent{inset:auto 10px 10px 10px!important;max-width:none;max-height:42dvh!important;padding:12px 14px!important}.visitor-consent .visitor-consent-copy p{font-size:12.5px!important;line-height:1.55!important}}
@media(prefers-reduced-motion:reduce){.blade-media img,.product-sample-media img{transition:none}}
@media(max-width:600px){.blade-grid,.product-sample-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.blade-body,.product-sample-body{padding:10px 12px 12px!important}.blade-body h3,.product-sample-body h3{font-size:14.5px!important;line-height:1.35}.blade-body p{font-size:12px!important}.product-sample-footer .text-link{font-size:12.5px}}
.blade-card [aria-hidden="true"],.product-sample-card .text-link span,.text-link span[aria-hidden="true"]{color:currentColor!important}
.blade-card *:is(.arrow,i){color:var(--rd-ink)!important}
.product-sample-meta b,.timeline-year,.breadcrumbs span:last-child,.breadcrumbs [aria-current],.page-hero .eyebrow,.category-industry-hero .eyebrow{color:var(--rd-steel-accent)!important}
.timeline-year{color:var(--rd-ink)!important;font-weight:700}
.rd-banner-chips{margin-top:4px}
.equipment-item picture img{object-fit:contain!important;background:#fff}
.equipment-item picture{background:#fff!important}
.blade-body::after{color:var(--rd-ink)!important;border-color:var(--rd-ink)!important}
.rd-steps{grid-template-columns:repeat(5,1fr)!important}
.rd-still img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1180px){.rd-steps{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:980px){.rd-steps{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.rd-steps{grid-template-columns:1fr!important}}

/* step selector (poster-steps-fix) */
.rd-step{position:relative}
.rd-step-btn{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;color:transparent;font-size:0;cursor:pointer;z-index:3;border-radius:inherit}
.rd-step-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(0,0,0,.6)}
.rd-step.is-chosen{box-shadow:inset 0 -3px 0 #e8edf2}
.rd-step-btn[hidden]{display:none}
@media (max-width:767px){.rd-hero .home-video-poster img{object-position:50% 0%}.rd-hero::after{background:linear-gradient(180deg,rgba(10,12,14,.15) 0%,rgba(10,12,14,.2) 40%,rgba(10,12,14,.82) 72%,rgba(10,12,14,.9) 100%)}}
/* banner redesign: stronger left/bottom scrim for title + chips */
[data-rd-banner] .hero-media{object-fit:cover;object-position:right center}
@media(max-width:600px){[data-rd-banner] .hero-media{object-position:center top}[data-rd-banner]::after{background:linear-gradient(180deg,rgba(10,12,14,.35),rgba(10,12,14,.85) 60%)}}
@media(min-width:601px){[data-rd-banner]::after{background:linear-gradient(90deg,rgba(10,12,14,.86) 0%,rgba(10,12,14,.6) 30%,rgba(10,12,14,.14) 62%,rgba(10,12,14,0) 100%)}[data-rd-banner]::before{opacity:0!important}[data-rd-banner] .hero-media{opacity:1!important;filter:none!important}}
/* banner rotator */
.rd-rotator{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .4s}
.rd-rotator.is-ready{opacity:1}
.rd-rotator video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;transition:opacity .6s ease}
.rd-rotator video.is-on{opacity:1}
@media (max-width:767px),(prefers-reduced-motion:reduce){.rd-rotator{display:none}}