/* v7「工作室」版（2026-09-23）：照 Cummins / Fleetguard / Bosch 首页的共同做法 —— 实拍通栏首屏上压一块白色面板，
   标题 600 字重、句首大写、不加字距；工业感来自照片与钢灰色带，不来自字体噱头。全站去掉眉题、大写小标签、箭头、编号。
   极窄体只留给件号与大数字（件号是这门生意的主角，铸在零件上的号）。叠在 site.css 之上，SITE_THEME=studio 时引用。 */
:root{--paper:#FFFFFF;--steel-bg:#E8ECEF;--slate:#22303C;--ink:#22303C;--r:2px;--r-card:2px;--space-block:clamp(3.5rem,7vw,6rem);--shadow:0 24px 60px -28px rgba(14,27,43,.45)}
body{background:#fff;color:var(--slate)}
.section{background:#fff}
.section-white{background:var(--steel-bg)}
.section-navy{background:var(--navy);color:#fff}
/* 字：一族两貌 —— 正文与标题 Sofia Sans 400/500/600，号码 Sofia Sans XC 800 */
h1,h2,h3{font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(2.25rem,4.2vw,3.5rem);line-height:1.08}
h2{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.15}
h3{font-size:1.375rem}
.lede{font-size:1.125rem;line-height:1.55}
/* 去掉模板腔：眉题、大写小标签、链接箭头 */
.eyebrow{display:none}
.hero-text .eyebrow{display:block;margin-bottom:.9rem;font:500 1rem/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--steel)}
.label,.price-label,.keyfacts dt,.pp-facts dt,.contact-grid dt,.foot-grid h2,.groups h2,.by-engine-label,.logo-wall-label,.nav-lang-label,.chat-title,.prose th,.spec dt{font:500 .875rem/1.4 var(--sans);letter-spacing:0;text-transform:none}
.section-head>a::after{content:none}
.section-head>a{font-weight:500;text-decoration:underline;text-underline-offset:.2em}
.site-nav a{font-weight:500}
.btn{font-weight:600;letter-spacing:0}
/* 首屏：通栏实拍，左侧白面板承载标题与搜索 */
.hero-home{background:var(--slate);padding:0}
.hero-home>.wrap.hero-grid2{position:relative;display:block;max-width:none;padding:clamp(2.5rem,6vw,5rem) 0}
.hero-visual{position:absolute;inset:0;margin:0;z-index:0}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,27,43,.45),rgba(14,27,43,.15) 60%,rgba(14,27,43,.3))}
.hero-visual figcaption{display:none}
.hero-text{position:relative;z-index:1;max-width:36rem;padding:clamp(1.5rem,3vw,2.25rem);background:#fff;border-radius:var(--r);box-shadow:var(--shadow);margin-inline:max(1rem,calc((100% - 76rem)/2 + clamp(1rem,4vw,3rem)))}
.hero-text h1{max-width:none}
.hero-text .lede{margin-top:1rem;font-size:1rem;line-height:1.55;max-width:none}
.hero-search{margin-top:1.75rem;max-width:none}
.hero-search .search input{min-height:3.5rem;font-size:1.125rem;border-color:var(--slate)}
.hero-search .search input::placeholder{font-family:var(--xc);font-weight:800;font-size:1.25rem;letter-spacing:.02em;color:#8A9199}
.hero-search .search-go{min-height:3.5rem;min-width:3.5rem}
.by-engine{margin-top:1.25rem}
.chips a{background:var(--steel-bg);border-color:transparent}
.chips a:hover{background:#DCE1E6;border-color:transparent}
.chips a.chip-all{background:transparent;border-color:var(--signal)}
.assure-wrap{background:#fff;padding-block:0}
.assure-wrap .assure{border-top:0;padding-block:1.1rem;font-weight:500}
@media (max-width:60rem){
  .hero-home>.wrap.hero-grid2{padding:0}
  .hero-visual{position:relative;height:13rem}
  .hero-visual::after{background:rgba(14,27,43,.12)}
  .hero-text{max-width:none;margin:0;box-shadow:none;border-radius:0;padding:1.75rem 1rem 1.5rem}
  .assure-wrap .assure{border-top:1px solid var(--rule)}
}
/* 数字带：钢灰 */
.stats-band{background:var(--steel-bg);color:var(--slate)}
.stats div{border-left:1px solid #C9D0D6}
.stats dd{font-size:clamp(2.25rem,4.5vw,3.25rem)}
.stats dt{color:#5B636B}
/* 图框：只框图，不框文字；不上浮 */
.cat-tiles img,.cat-blank,.pp-head img,.gallery-main,.news-cards img,.photo-mosaic img,.photo-strip img{border:1px solid #D5DBE0;border-radius:var(--r);box-shadow:none}
.section-white .cat-tiles img{border-color:transparent}
.cat-tiles a:hover img{border-color:var(--slate);box-shadow:none}
.card,.pcards a,.part-preview{border:1px solid #D5DBE0;border-radius:var(--r)}
.section-white .card,.section-white .pcards a{border-color:transparent}
.card:hover,.pcards a:hover,.part-preview:hover{transform:none;box-shadow:none;border-color:var(--slate)}
.fam-list a:hover{background:#fff}
.section:not(.section-white) .fam-list a:hover{background:var(--steel-bg)}
/* 件号页 */
.pn{font-size:clamp(2.5rem,5vw,3.5rem)}
.pn-name{font-weight:600}
.notice{border-radius:var(--r)}
/* 聊天按钮用品牌蓝 */
.chat-fab{background:var(--signal)}
.chat-fab:hover{background:var(--signal-dark)}
.sb-chat{color:var(--signal)}
.site-foot{background:var(--navy)}