:root{--ink:#0b0f14;--paper:#f4f4f2;--line:#d2d5d5;--red:#ef3028;--font:"Noto Sans SC","Inter",sans-serif;--display:"Barlow Condensed","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.detail-header{height:76px;padding:0 6vw;background:#080d12;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.logo{display:flex;align-items:center;gap:8px;font:800 26px/1 var(--display)}.logo svg{width:42px;height:36px;fill:var(--red)}.logo span{display:flex;flex-direction:column}.logo small{font:500 7px/1 "Inter";letter-spacing:.35em;color:#9ca5aa;margin-top:4px}.detail-nav{display:flex;gap:34px;font-size:12px;color:#a8b0b3}.detail-nav a:hover{color:#fff}.lang-switch{display:flex;gap:8px;align-items:center;background:none;border:0;color:#77858b;font:11px "Inter";cursor:pointer}.lang-switch .active{color:#fff}.lang-switch i{width:1px;height:12px;background:#ffffff40}.detail-hero{min-height:540px;background:#060b10;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}.detail-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-copy{padding:80px 6vw;position:relative;z-index:2}.breadcrumbs{font:10px "Inter";letter-spacing:.08em;color:#78868c}.breadcrumbs a{color:#b1b9bc}.hero-copy h1{font:700 clamp(62px,8vw,112px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:65px 0 25px}.hero-copy>p{color:#8f9da2;line-height:1.85;max-width:560px;font-size:14px}.hero-visual{position:relative;z-index:1;background:linear-gradient(90deg,#060b10 0%,transparent 40%),url("assets/hero-auto-parts.webp") 70% center/cover}.hero-visual span{position:absolute;bottom:28px;right:35px;font:10px "Inter";letter-spacing:.16em;color:#a2adb1}.subnav{height:72px;padding:0 6vw;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.subnav a{font-size:11px;white-space:nowrap;color:#657176}.subnav a.active{color:var(--red)}.detail-section{padding:100px 7vw}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.section-no{font:600 10px "Inter";letter-spacing:.15em;color:#707b7f}.intro h2,.quality h2,.rfq h2{font:700 clamp(44px,5.5vw,72px)/.95 var(--display);text-transform:uppercase;margin:20px 0}.intro-text>p{color:#68747a;line-height:1.9;font-size:14px}.product-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}.item{min-height:220px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafaf8;position:relative}.item span{font:10px "Inter";color:#939c9f}.item h3{font-size:21px;margin:65px 0 8px}.item p{font-size:11px;color:#7a8589}.item:after{content:"↗";position:absolute;right:25px;bottom:24px;color:var(--red)}.quality{background:#0b1014;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.quality>div>p{color:#7f8d92;line-height:1.9;font-size:13px}.quality-steps{border-top:1px solid #2c373b}.quality-steps div{display:grid;grid-template-columns:42px 1fr;padding:24px 0;border-bottom:1px solid #2c373b}.quality-steps span{font:10px "Inter";color:#69767a}.quality-steps b{font-size:17px}.rfq{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#fff}.rfq-copy p{font-size:13px;line-height:1.8;color:#6c777b}.rfq-form{display:flex;flex-direction:column;gap:20px}.rfq-form label{font-size:10px;color:#687378;display:flex;flex-direction:column;gap:8px}.rfq-form input,.rfq-form textarea{border:0;border-bottom:1px solid #b8c0c2;padding:11px 0;outline:0;resize:none}.rfq-form input:focus,.rfq-form textarea:focus{border-color:var(--red)}.btn{align-self:flex-start;background:var(--red);color:#fff;border:0;padding:17px 24px;display:flex;gap:50px;cursor:pointer}.form-note{font-size:11px;color:#148052}.detail-footer{padding:35px 6vw;background:#06090c;color:#657075;display:flex;justify-content:space-between;font:9px "Inter"}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}html[lang=en] body{font-family:"Inter",sans-serif}
@media(max-width:820px){.detail-nav{display:none}.detail-hero,.intro,.quality,.rfq{grid-template-columns:1fr}.detail-hero{min-height:660px}.hero-copy{padding-bottom:30px}.hero-visual{min-height:280px}.product-list{grid-template-columns:1fr 1fr}.detail-section{padding:75px 6vw}}@media(max-width:520px){.detail-header{padding:0 5vw}.logo{font-size:22px}.hero-copy h1{font-size:58px}.product-list{grid-template-columns:1fr}.item{min-height:190px}.detail-footer{gap:15px;flex-wrap:wrap}}
.logo>span{width:78px;height:38px;border:1px solid currentColor;border-radius:999px;display:grid;place-items:center;font:400 11px/1 "Inter",sans-serif;letter-spacing:.1em}
@media(max-width:520px){.logo>span{width:66px;height:34px;font-size:9px}}
.detail-site-header{position:relative;background:#080d12;color:#fff}.detail-site-header .nav{display:flex}.detail-site-header .header-actions{gap:18px}.detail-site-header .header-quote{color:var(--red)}@media(max-width:920px){.detail-site-header .nav{display:none}.detail-site-header.open .nav{display:flex}.detail-site-header.open .mega-menu{display:none!important}.detail-site-header.open .header-quote{position:absolute;right:132px;top:24px}.detail-site-header.open .lang-switch{position:absolute;right:82px;top:24px}}
.detail-site-header .logo{font:800 28px/1 var(--display);letter-spacing:-.02em}.detail-site-header .logo>span,.detail-site-header .footer-logo>span{width:82px;height:40px;border:1px solid currentColor;border-radius:999px;display:grid;place-items:center;font:400 12px/1 "Inter",sans-serif;letter-spacing:.1em;flex-direction:initial}.detail-site-header .logo small{display:none}.detail-site-header .header-search{display:flex}.detail-site-header .search-results a{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid #e2e5e4;font-size:11px}.detail-site-header .search-results a:hover{background:#f1f5f4;color:var(--red)}.detail-site-header .search-results span{font-size:9px;color:#919b9e}.detail-site-header .search-results p{margin:0;padding:18px;color:#7b868a;font-size:11px}
footer .logo{font:800 28px/1 var(--display);letter-spacing:-.02em}footer .logo>span{width:82px;height:40px;border:1px solid currentColor;border-radius:999px;display:grid;place-items:center;font:400 12px/1 "Inter",sans-serif;letter-spacing:.1em;flex-direction:initial}
@media(max-width:920px){.detail-site-header .header-search{display:none}.detail-site-header.open .header-search{display:flex;position:absolute;left:7vw;right:7vw;top:92px;width:auto;border-color:#ffffff55}.detail-site-header.open .search-results{left:0;right:0;width:auto}.detail-site-header.open .nav{top:150px;right:7vw;left:7vw;gap:0;align-items:stretch}.detail-site-header.open .nav>a,.detail-site-header.open .nav-item>a{width:100%;justify-content:flex-start;border-bottom:1px solid #ffffff18;font-size:25px}}
@media(max-width:680px){.detail-site-header .logo>span,footer .logo>span{width:72px;height:36px;font-size:10px}.detail-site-header.open .nav{top:142px}.detail-site-header.open .nav>a,.detail-site-header.open .nav-item>a{font-size:22px;padding:12px 0}}

/* 产品分类详情页响应式：控制分类页在平板和手机端的排版 */
@media(max-width:980px){.detail-header{padding:0 5vw}.detail-nav{gap:20px}.detail-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 6vw 44px}.hero-copy h1{font-size:clamp(56px,12vw,88px);margin:48px 0 22px}.hero-visual{min-height:320px;background-position:68% center}.subnav{padding:0 5vw;gap:24px}.detail-section{padding:82px 6vw}.intro,.quality,.rfq{grid-template-columns:1fr;gap:42px}.product-list{grid-template-columns:1fr 1fr}.quality-steps div{grid-template-columns:34px 1fr}.detail-footer{gap:16px;flex-wrap:wrap}}
@media(max-width:640px){.detail-header{height:68px}.detail-nav{display:none}.logo>span{width:72px;height:36px;font-size:10px}.hero-copy{padding:52px 6vw 34px}.hero-copy h1{font-size:clamp(46px,15vw,62px);line-height:.9;margin:34px 0 18px}.hero-copy>p{font-size:13px;line-height:1.75}.hero-visual{min-height:260px}.subnav{height:62px;gap:22px}.detail-section{padding:68px 6vw}.intro h2,.quality h2,.rfq h2{font-size:clamp(40px,12vw,56px)}.product-list{grid-template-columns:1fr;margin-top:38px}.item{min-height:180px;padding:24px}.item h3{margin-top:48px}.quality-steps div{display:block}.quality-steps span{display:block;margin-bottom:8px}.rfq-form .btn{width:100%;justify-content:space-between}.detail-footer{display:block;line-height:2}}
/* 单品页主体样式：头部和底部不在这里重写，仍由 script.js 的共享模板生成 */
.product-hero-detail{display:grid;grid-template-columns:.92fr 1.08fr;gap:6vw;align-items:center;background:#080d12;color:#fff;padding:95px 7vw 86px;min-height:680px}.product-hero-copy h1{font:700 clamp(42px,5.4vw,78px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:24px 0}.product-hero-copy>p{color:#a0abb0;line-height:1.9;max-width:620px}.product-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.product-photo-card{background:#fff;border:1px solid #252f35;padding:34px;box-shadow:0 30px 70px #00000036}.product-photo-card img{display:block;width:100%;height:auto}.product-spec-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;background:#fff}.product-spec-section h2{font:700 clamp(44px,5vw,72px)/.95 var(--display);text-transform:uppercase;margin:20px 0}.product-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-spec-grid article{min-height:190px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafaf8}.product-spec-grid span{font:600 10px "Inter";color:#909a9e}.product-spec-grid b{display:block;font-size:20px;margin:42px 0 10px}.product-spec-grid p{font-size:12px;color:#6c777c;line-height:1.75;margin:0}.single-product-page .site-header{position:relative;background:#080d12;color:#fff}.single-product-page .footer-social a[aria-label^="WhatsApp"]{position:relative}
@media(max-width:920px){.product-hero-detail,.product-spec-section{grid-template-columns:1fr}.product-hero-detail{padding:72px 6vw}.product-photo-card{padding:20px}.product-spec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.product-actions{align-items:flex-start;flex-direction:column}.product-spec-grid{grid-template-columns:1fr}.product-hero-copy h1{font-size:clamp(36px,11vw,50px)}}

/* 产品分类页与单品页标题规范：缩小展示字体，防止中英文贴边或上下裁切。 */
.hero-copy h1{
  font-size:clamp(44px,5.4vw,74px);
  line-height:1.08;
  letter-spacing:-.022em;
  margin:46px 0 28px;
  overflow-wrap:anywhere;
}
.intro h2,
.quality h2,
.rfq h2,
.product-spec-section h2{
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  letter-spacing:-.015em;
  margin:20px 0 28px;
  overflow-wrap:anywhere;
}
.product-hero-copy h1{
  font-size:clamp(36px,4.2vw,58px);
  line-height:1.1;
  letter-spacing:-.018em;
  margin:22px 0 28px;
  overflow-wrap:anywhere;
}
html[lang="en"] .hero-copy h1{
  font-size:clamp(40px,4.8vw,66px);
  line-height:1.05;
}
html[lang="en"] .product-hero-copy h1{
  font-size:clamp(34px,3.8vw,52px);
  line-height:1.06;
}
@media(max-width:640px){
  .hero-copy h1,
  .product-hero-copy h1{
    font-size:clamp(32px,9.2vw,44px);
    line-height:1.12;
    margin:24px 0;
  }
  .intro h2,
  .quality h2,
  .rfq h2,
  .product-spec-section h2{
    font-size:clamp(28px,8vw,38px);
    line-height:1.16;
    margin:18px 0 24px;
  }
}