/* ==========================================================================
   TIANROU — 品牌视觉系统 v2「大气 / Editorial-Industrial」
   (取代 tianrou-extrusion.css；2026-09-20)
   --------------------------------------------------------------------------
   为什么再改一次
   v1 用「等宽字体标题 + 满屏 1px 描边」表达"技术精确"。但等宽标题会被读成
   开发者工具／系统界面，描边铺满又回到 UI-kit 观感 —— SaaS 味没除干净。

   v2 的目标是「欧美大气」——欧美 B2B 制造业官网的典型气质：
     · 大字号：标题上限 88px，字距收紧，靠尺寸而非字重建立层级
     · 大留白：区块上下留白 80–160px，元素之间敢空
     · 大幅面：图片放大、比例放宽，整幅色带承载内容
     · 去线框：不靠 1px 描边分隔，靠留白、底色与图像分隔
     · 字体分工：标题交给 Inter 700（现代欧美的品牌字体选择）；
                 等宽仅保留给规格数值与数据表 —— 它本来就该只做这个
     · 色：石墨 + 单一熔融信号色，克制使用
   加载顺序：必须最后加载，是最终裁决层。回滚：删掉 head 里的 <link>。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 令牌
   -------------------------------------------------------------------------- */
:root{
  /* 中性阶 */
  --g-ink:#0E1013;        /* 近黑石墨：正文与深色带 */
  --g-ink-2:#191C20;
  --g-ink-3:#2B2F35;
  --g-mute:#565C64;
  --g-mute-2:#7E858D;
  --g-line:#E4E4E0;
  --g-white:#FFFFFF;
  --g-surface:#F4F4F1;    /* 冷中性浅灰底 */
  --g-surface-2:#EAEAE6;

  /* 信号色（热端／熔体）—— 只在动作与关键数据上出现 */
  --g-signal:#C03A0E;
  --g-signal-hi:#E24E19;
  --g-signal-bg:#F9EBE5;

  /* 语义 */
  --g-ok:#1E6A49; --g-ok-bg:#E9F1EC;
  --g-warn:#8A5A00; --g-warn-bg:#F6EFE0;
  --g-danger:#A32318; --g-danger-bg:#F8E9E7;

  --g-sans:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --g-mono:'IBM Plex Mono','Noto Sans SC',ui-monospace,Menlo,Consolas,monospace;

  --g-container:1320px;
  --g-gutter:clamp(20px,4.5vw,64px);
  --g-section:clamp(80px,10vw,160px);   /* 大气感的核心：敢留白 */
  --g-section-sm:clamp(48px,6vw,88px);
}

:root{
  /* 历史令牌全部映射到新语言 */
  --tr-navy:var(--g-ink);
  --tr-blue:var(--g-signal);
  --tr-cyan:var(--g-signal-hi);
  --tr-bg:var(--g-surface);
  --tr-ink:var(--g-ink);
  --tr-gray-50:var(--g-surface); --tr-gray-100:var(--g-surface-2);
  --tr-gray-200:var(--g-line);   --tr-gray-300:#CFCFC9;
  --tr-gray-400:var(--g-mute-2); --tr-gray-500:var(--g-mute-2);
  --tr-gray-600:var(--g-mute);
  --tr-success:var(--g-ok); --tr-warning:var(--g-warn); --tr-danger:var(--g-danger);
  --tr-font-sans:var(--g-sans); --tr-font-mono:var(--g-mono);
  --tr-radius-sm:0; --tr-radius-md:0; --tr-radius-lg:0; --tr-radius-pill:999px;
  --tr-shadow-card:none; --tr-shadow-hover:none;

  --brand-50:var(--g-signal-bg); --brand-100:#F3D8CE; --brand-200:#E8B49F;
  --brand-300:#DC8E6F; --brand-400:#CE6440; --brand-500:var(--g-signal);
  --brand-600:#A53209; --brand-700:#8A2A07; --brand-800:#6E2206; --brand-900:#531A05;
  --brand-950:#380F03;
  --ink-950:#08090B; --ink-900:var(--g-ink); --ink-800:var(--g-ink-2); --ink-700:var(--g-ink-3);
  --bg:var(--g-white); --bg-subtle:var(--g-surface); --surface:var(--g-white);
  --surface-2:var(--g-surface-2); --text:var(--g-ink); --text-2:var(--g-mute);
  --muted:var(--g-mute-2); --faint:#A9AFB6;
  --line:var(--g-line); --line-strong:#CFCFC9;
  --ok:var(--g-ok); --ok-bg:var(--g-ok-bg);
  --warn:var(--g-warn); --warn-bg:var(--g-warn-bg);
  --danger:var(--g-danger); --danger-bg:var(--g-danger-bg);
  --info:var(--g-signal); --info-bg:var(--g-signal-bg);
  --font-sans:var(--g-sans); --font-mono:var(--g-mono); --font-display:var(--g-sans);
  --paper:var(--g-surface); --paper-2:var(--g-surface-2);
  --stroke:rgba(14,16,19,.10); --stroke-2:rgba(14,16,19,.18);
  --r-xs:0; --r-sm:0; --r-md:0; --r-lg:0; --r-xl:0;
  --sh-1:none; --sh-2:none; --sh-3:none; --sh-focus:0 0 0 3px rgba(192,58,14,.22);
  --container:var(--g-container); --container-narrow:820px;

  /* 字号整体上调 —— 大气感的第二根支柱 */
  --fs-xs:12.5px; --fs-sm:14px; --fs-md:16.5px; --fs-lg:19px; --fs-xl:23px;
  --fs-2xl:31px; --fs-3xl:42px; --fs-4xl:58px; --fs-5xl:76px;
  --tr-text-md:16.5px; --tr-text-lg:19px; --tr-text-xl:23px; --tr-text-2xl:31px;
  --tr-text-3xl:42px; --tr-text-4xl:58px;
}

/* --------------------------------------------------------------------------
   2. 排版 —— 标题回归 Inter 700（现代欧美品牌字体），等宽只做数据
   -------------------------------------------------------------------------- */
body{
  font-family:var(--g-sans);
  color:var(--g-ink);
  background:var(--g-white);
  font-size:16.5px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,.h-sec,.card-title{
  font-family:var(--g-sans);
  font-weight:700;
  color:var(--g-ink);
  letter-spacing:-.035em;
  line-height:1.06;
  text-wrap:balance;
  margin:0 0 var(--sp-4,16px);
}
h1{font-size:clamp(40px,6.4vw,88px);letter-spacing:-.04em;line-height:1.02}
h2,.h-sec{font-size:clamp(30px,4.2vw,56px);letter-spacing:-.035em;line-height:1.06}
h3{font-size:clamp(19px,1.7vw,26px);letter-spacing:-.025em;line-height:1.2}
h4{font-size:19px;letter-spacing:-.02em;line-height:1.25}
p{max-width:78ch}
/* 导语：大一号、颜色略退，形成欧美版的阅读节奏 */
.lead,.section-lead,.hv-lead{
  font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--g-mute);max-width:68ch;
}
::selection{background:var(--g-ink);color:#fff}

/* 中文：Inter 无 CJK 字形，回落到 Noto Sans SC 并放宽字距 */
html[lang="cn"] body,html[lang="zh"] body,
html[lang="cn"] h1,html[lang="cn"] h2,html[lang="cn"] h3,html[lang="cn"] h4,
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="zh"] h4{
  font-family:'Noto Sans SC',var(--g-sans);
}
html[lang="cn"] h1,html[lang="cn"] h2,html[lang="cn"] h3,
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3{letter-spacing:-.01em;font-weight:800}

/* 等宽只保留给真正的数据：规格值、数据表、批号、参数 */
table td,table th,.pd-kv b,.pd-stat b,.hero-stat b,.spec-value,.tabular{
  font-family:var(--g-mono);font-variant-numeric:tabular-nums;
}

/* eyebrow：去掉全大写 + 等宽 + 字距铺陈（AI 生成感最强的一个模式） */
.hv-eyebrow,.pd-eyebrow,.section-eyebrow,.eyebrow,[class*="eyebrow"]{
  font-family:var(--g-sans);font-size:14px;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--g-mute-2);
}

/* --------------------------------------------------------------------------
   3. 版面 —— 大留白 + 整幅色带
   -------------------------------------------------------------------------- */
.container{width:min(var(--g-container),calc(100% - var(--g-gutter)*2));margin-inline:auto}
body .foot-grid{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}
body .site-foot .foot-col,body .site-foot .foot-col h2{min-width:0}
body .site-foot .foot-col > h2{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:18px;
  margin:0 0 20px;
  color:#9fb0cf;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
}
body .site-foot .foot-col > h2::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(255,255,255,.1);
}
body .site-foot .foot-col > h2 .i{
  width:16px;
  height:16px;
  flex:none;
}
body .site-foot .foot-col a{overflow-wrap:anywhere}
@media (max-width:1100px){body .foot-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}}
@media (max-width:780px){body .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){body .foot-grid{grid-template-columns:minmax(0,1fr)}}
.section,section.section{padding-block:var(--g-section)}
.section-sm{padding-block:var(--g-section-sm)}

.g-band{background:var(--g-surface)}
.g-band-ink{background:var(--g-ink);color:#fff}
.g-band-ink h1,.g-band-ink h2,.g-band-ink h3,.g-band-ink h4{color:#fff}
.g-band-ink .lead,.g-band-ink .muted{color:#B9BEC4}
.g-band-ink a{color:#fff}

/* --------------------------------------------------------------------------
   4. 去掉线框 —— 卡片不再靠描边/阴影，靠留白与底色
   -------------------------------------------------------------------------- */
.card,.panel,.box,[class*="-card"]{
  box-shadow:none !important;
  border:0 !important;
  border-radius:0;
  background:transparent;
}
/* 需要底色分隔的地方，用极浅底色而不是线 */
.card--tint,[class*="-card--tint"]{background:var(--g-surface)}
.card-hover:hover,[class*="-card"]:hover{transform:none;box-shadow:none !important}
hr,.divider{border:0;border-top:1px solid var(--g-line);margin-block:clamp(32px,4vw,56px)}
/* 图片放大：欧美站点靠大幅面图像承担视觉重量 */
.card img,[class*="-card"] img,.mat-thumb img,.sol-thumb img,.oem-thumb img{
  border-radius:0;
}
/* QA-2026-09-23: 三个类共用 16/10 与源图比例不符（fam 16:9 / sol 4:3 / oem 3:2），
   object-fit:cover 会强行裁剪 10~21%，在手机上尤其明显。按源图真实比例分别设定。 */
.mat-thumb{aspect-ratio:1/1}   /* QA-2026-09-23: 产品缩略图统一 1:1 */
/* 老内核（微信 X5 / iOS 15 以前）不支持 aspect-ratio，
   用 padding-top 技巧保证产品缩略图在老手机上同样是正方形 */
@supports not (aspect-ratio: 1 / 1){
  .mat-thumb{position:relative;height:0;padding-top:100%}
  .mat-thumb img{position:absolute;top:0;left:0;width:100%;height:100%}
}

.sol-thumb{aspect-ratio:4/3}
.oem-thumb{aspect-ratio:3/2}
/* metlab.css 里 .page-visual .x-thumb 用 16/9 覆盖，会让 4:3 的场景图再被裁 25%，这里按类纠正 */
.page-visual .mat-thumb{aspect-ratio:1/1}
.page-visual .sol-thumb{aspect-ratio:4/3}
.page-visual .oem-thumb{aspect-ratio:3/2}
.page-visual .mat-thumb,.page-visual .sol-thumb,.page-visual .oem-thumb{border-bottom:0}

/* --------------------------------------------------------------------------
   5. 页头
   -------------------------------------------------------------------------- */
.site-head{
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid rgba(14,16,19,.08);
  box-shadow:none !important;
}
.site-head .bar{height:80px}
.site-head .nav-main > li > a,.site-head .nav-link{
  font-family:var(--g-sans);font-size:15px;font-weight:500;letter-spacing:-.01em;
  color:var(--g-ink);text-transform:none;
}
.site-head .nav-main > li > a:hover,.site-head .nav-link:hover{color:var(--g-signal)}
.site-head .brand-logo{height:32px}

/* 页头 CTA：唯一的高饱和色块 */
.head-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 22px;
  background:var(--g-signal);color:#fff;border:1px solid var(--g-signal);
  font-family:var(--g-sans);font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  text-decoration:none;white-space:nowrap;border-radius:0;
  transition:background 140ms linear,border-color 140ms linear;
}
.head-cta:hover,.head-cta:focus-visible{background:var(--g-signal-hi);border-color:var(--g-signal-hi);color:#fff}

html body .site-head .nav-main li.nav-cta > a.nav-link.nav-cta-link{
  background:var(--g-signal) !important;color:#fff !important;border-radius:0 !important;
  padding:11px 20px !important;font-family:var(--g-sans);font-weight:600;
  letter-spacing:-.01em;border:1px solid var(--g-signal) !important;box-shadow:none !important;
}
html body .site-head .nav-main li.nav-cta > a.nav-link.nav-cta-link:hover{
  background:var(--g-signal-hi) !important;border-color:var(--g-signal-hi) !important;
}
.head-burger span{background:var(--g-ink)}
@media (max-width:1180px){
  .site-head .nav-main{background:var(--g-white);border-top:1px solid var(--g-line)}
  .site-head .nav-main a{border-bottom:1px solid var(--g-line);border-radius:0}
  .head-actions .head-search{display:none}
  .head-cta{padding:0 14px;font-size:13px;min-height:40px}
}
@media (max-width:640px){
  .head-cta{padding:0 12px;font-size:12.5px;min-height:38px}
  .head-actions .lang-trigger__flag{display:none}
}
/* 移动抽屉内的询价入口 */
.nav-drawer-cta{display:none}
@media (max-width:1180px){
  .nav-main .drawer-search{display:block;width:100%;margin-top:8px}
  .nav-main .drawer-search-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--g-line);color:var(--g-ink);font-size:15px;font-weight:600;text-decoration:none}
  .nav-main .drawer-search-link:hover,.nav-main .drawer-search-link:focus-visible{background:var(--g-surface)}
  .nav-toggle-cb:checked ~ nav .nav-drawer-cta{display:block;padding:14px 16px 18px}
  .nav-toggle-cb:checked ~ nav .nav-drawer-cta .head-cta{display:inline-flex;width:100%;min-height:50px;font-size:15.5px}
}

/* --------------------------------------------------------------------------
   6. 按钮 —— 更大、更少、更明确
   -------------------------------------------------------------------------- */
.btn{
  font-family:var(--g-sans);font-weight:600;font-size:15.5px;letter-spacing:-.01em;
  border-radius:0 !important;box-shadow:none !important;
  padding:15px 28px;transition:background 140ms linear,border-color 140ms linear,color 140ms linear;
}
.btn-primary,.btn.btn-primary{background:var(--g-signal);border:1px solid var(--g-signal);color:#fff}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--g-signal-hi);border-color:var(--g-signal-hi);color:#fff}
.btn-outline,.btn-ghost{background:transparent;border:1px solid var(--g-ink);color:var(--g-ink)}
.btn-outline:hover,.btn-ghost:hover{background:var(--g-ink);color:#fff;border-color:var(--g-ink)}
.g-band-ink .btn-outline,.g-band-ink .btn-ghost{border-color:#fff;color:#fff}
.g-band-ink .btn-outline:hover,.g-band-ink .btn-ghost:hover{background:#fff;color:var(--g-ink)}
.btn-lg{padding:17px 34px;font-size:17px}
a{color:var(--g-signal)}
a:hover{color:var(--g-signal-hi)}

/* --------------------------------------------------------------------------
   7. 表单（功能控件保留描边，否则不可用）
   -------------------------------------------------------------------------- */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
input[type=password],select,textarea,.input{
  border:1px solid var(--g-line);border-radius:0 !important;background:var(--g-white);
  padding:14px 16px;font-family:var(--g-sans);font-size:16px;color:var(--g-ink);box-shadow:none !important;
}
input:focus,select:focus,textarea:focus,.input:focus{
  border-color:var(--g-ink);outline:2px solid var(--g-signal);outline-offset:1px;
}
label,.form-label{font-size:14px;font-weight:500;color:var(--g-mute)}
::placeholder{color:#A9AFB6}

/* --------------------------------------------------------------------------
   8. 数据表 —— 唯一保留细线的地方（数据需要对齐参考线）
   -------------------------------------------------------------------------- */
table{border-collapse:collapse}
.pd-spec-table th,.pd-spec-table td{border-bottom:1px solid var(--g-line);padding:14px 2px}
.pd-spec-table th{font-family:var(--g-sans);font-weight:500;font-size:14.5px;color:var(--g-mute);text-align:left;background:none}
.pd-spec-table td{font-family:var(--g-mono);font-size:15px;color:var(--g-ink)}
.pd-spec-table tr:last-child th,.pd-spec-table tr:last-child td{border-bottom:0}

/* --------------------------------------------------------------------------
   9. 页脚
   -------------------------------------------------------------------------- */
.site-foot{background:var(--g-ink) !important;color:#fff;border-top:0}
.site-foot::before{display:none}
.site-foot a{color:#B9BEC4}
.site-foot a:hover{color:#fff}
.site-foot h4,.site-foot h3{font-family:var(--g-sans);font-weight:600;color:#fff;font-size:16px;letter-spacing:-.01em}
.foot-legal{border-top:1px solid rgba(255,255,255,.12);background:transparent}
.foot-legal .left a{color:#B9BEC4}
.foot-legal .left a:hover{color:#fff}

/* --------------------------------------------------------------------------
   10. 首页 —— 覆盖 home_v2.php 内联样式
   -------------------------------------------------------------------------- */
body .home-v2{
  --hv-ink:var(--g-ink);--hv-blue:var(--g-signal);--hv-line:var(--g-line);--hv-muted:var(--g-mute);
  background:var(--g-white);
}
body .home-v2 .hv-shell{width:min(var(--g-container),calc(100% - var(--g-gutter)*2))}
/* Hero：更高、更暗、标题更大 —— 大气感的门面 */
body .home-v2 .hv-hero{
  min-height:clamp(600px,78vh,820px);
  background-color:var(--g-ink) !important;
}
body .home-v2 .hv-hero::before{
  background:linear-gradient(90deg,rgba(8,9,11,.95) 0%,rgba(10,11,14,.88) 44%,rgba(12,14,17,.40) 74%,rgba(14,16,19,.18) 100%) !important;
}
body .home-v2 .hv-hero::after{background:linear-gradient(180deg,rgba(8,9,11,.10),rgba(8,9,11,.60)) !important}
body .home-v2 .hv-hero__inner{padding-block:clamp(72px,9vw,128px)}
body .home-v2 .hv-hero__grid{grid-template-columns:minmax(0,1fr) minmax(290px,352px);gap:clamp(40px,6vw,96px)}
body .home-v2 .hv-hero h1,body .home-v2 h1{
  font-family:var(--g-sans);font-weight:700;letter-spacing:-.04em;line-height:1.02;
}
/* Hero 右侧技术面板：去掉描边，改用极淡的半透明块 */
body .home-v2 .hv-spec,body .home-v2 .hv-hero__panel,body .home-v2 .hv-panel{
  border:0 !important;background:rgba(255,255,255,.06) !important;border-radius:0 !important;
}
/* 首页所有卡片：去边框，靠留白与底色 */
body .home-v2 .hv-mat-card,
body .home-v2 .hv-mi-card,
body .home-v2 .hv-bfp-card,
body .home-v2 .hv-app-card,
body .home-v2 .hv-news-card,
body .home-v2 .hv-proc-card,
body .home-v2 .hv-oem-card{
  border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent;
}
body .home-v2 .hv-mat-card:hover,
body .home-v2 .hv-mi-card:hover,
body .home-v2 .hv-bfp-card:hover,
body .home-v2 .hv-app-card:hover{transform:none !important;border:0 !important}
body .home-v2 h2,body .home-v2 .hv-sec-title,body .home-v2 .hv-title{
  font-family:var(--g-sans);font-weight:700;letter-spacing:-.035em;
}
body .home-v2 [style*="#1677FF"],body .home-v2 [style*="#0E63DB"]{color:var(--g-signal) !important}

/* --------------------------------------------------------------------------
   11. 产品详情页
   -------------------------------------------------------------------------- */
.pd-page{background:var(--g-white)}
.pd-badge,.pd-chip,.pd-color,.pd-cert{
  border:0 !important;background:var(--g-surface);border-radius:0 !important;
  font-family:var(--g-sans);font-size:13.5px;font-weight:500;padding:7px 12px;
}
.pd-side-card,.pd-spool,.pd-dl,.pd-panel{border:0 !important;border-radius:0 !important;box-shadow:none !important}
.pd-side-card{background:var(--g-surface)}
.pd-spool,.pd-dl{background:var(--g-surface)}
.pd-dl:hover,.pd-spool:hover{background:var(--g-surface-2)}
.pd-faq__item{border:0 !important;background:var(--g-surface);border-radius:0 !important}
.pd-sticky-cta__btn{border-radius:0 !important;font-weight:600}

/* --------------------------------------------------------------------------
   12. 无障碍
   -------------------------------------------------------------------------- */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--g-signal);outline-offset:3px;border-radius:0;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
[style*="border-radius"]{border-radius:0 !important}
[class*="rounded"]{border-radius:0 !important}

/* --------------------------------------------------------------------------
   13. 页头通栏（修复 + 设计）
   --------------------------------------------------------------------------
   问题：metlab.css 在 ≥1600px 会显示内联搜索框；加上页头 CTA 后，页头内容
   (品牌 178 + 导航 1044 + 操作区 420 = 1642px) 超过 1320px 版心，导致 1920px
   下整页出现 90px 横向溢出。
   处理：页头不再受版心约束，改为通栏（左右留出 gutter），内容栏仍保持 1320px。
   这既消除了溢出，也是欧美大站的常见处理——宽导航条 + 较窄的阅读栏。
   -------------------------------------------------------------------------- */
.header-fullwidth{
  width:100% !important;
  max-width:none !important;
  padding-inline:clamp(20px,4vw,80px) !important;
}
/* 保底：任何宽度下页头都不允许撑破视口 */
html body .site-head .bar{
  flex-wrap:nowrap;
  min-width:0;
}
html body .site-head .bar > nav{min-width:0;flex:0 1 auto}
html body .site-head .head-actions{flex:0 0 auto;min-width:0}
@media (min-width:1600px){
  html body .site-head .bar{
    width:100%;
    max-width:none;
    padding-inline:clamp(28px,4vw,96px);
  }
}

/* --------------------------------------------------------------------------
   14. 首页「如何选择线材」决策清单   (2026-09-20 重构)
   --------------------------------------------------------------------------
   原实现：三张 428×191 的推荐卡，去边框后变成三块悬浮文字，无结构、无节奏，
   标签字号仅 11px。现改为编辑式清单：整幅通栏行、大标题、材料标签、行尾箭头。
   设计意图：这是"怎么选"的决策辅助，本质是一个列表，不该做成卡片网格。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-choose{border-top:1px solid var(--g-line);margin-top:8px}
body .home-v2 .hv-choose__row{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto 44px;
  align-items:center;
  gap:clamp(16px,2.4vw,44px);
  padding:clamp(22px,2.6vw,34px) clamp(8px,1.2vw,20px);
  border-bottom:1px solid var(--g-line);
  text-decoration:none;color:inherit;
  transition:background 160ms linear;
}
body .home-v2 .hv-choose__row:hover{background:var(--g-surface)}
body .home-v2 .hv-choose__icon{
  width:56px;height:56px;display:grid;place-items:center;
  background:var(--g-surface);color:var(--g-signal);
  transition:background 160ms linear,color 160ms linear;
}
body .home-v2 .hv-choose__row:hover .hv-choose__icon{background:var(--g-ink);color:#fff}
body .home-v2 .hv-choose__body{display:block;min-width:0}
body .home-v2 .hv-choose__name{
  display:block;font-size:clamp(20px,2.1vw,28px);font-weight:700;
  letter-spacing:-.028em;line-height:1.15;color:var(--g-ink);
  transition:color 160ms linear;
}
body .home-v2 .hv-choose__row:hover .hv-choose__name{color:var(--g-signal)}
body .home-v2 .hv-choose__desc{
  display:block;margin-top:7px;color:var(--g-mute);font-size:15.5px;line-height:1.6;max-width:62ch;
}
body .home-v2 .hv-choose__mats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body .home-v2 .hv-choose__mats span{
  font-family:var(--g-mono);font-size:13px;line-height:1;
  padding:9px 12px;background:var(--g-surface);color:var(--g-ink);white-space:nowrap;
}
body .home-v2 .hv-choose__arrow{
  font-size:22px;color:var(--g-mute-2);text-align:right;line-height:1;
  transition:transform 160ms ease,color 160ms linear;
}
body .home-v2 .hv-choose__row:hover .hv-choose__arrow{transform:translateX(6px);color:var(--g-signal)}
@media (max-width:900px){
  body .home-v2 .hv-choose__row{
    grid-template-columns:44px minmax(0,1fr) 24px;
    grid-template-areas:"icon body arrow" ". mats mats";
    gap:10px 14px;padding:22px 2px;
  }
  body .home-v2 .hv-choose__icon{grid-area:icon;width:44px;height:44px}
  body .home-v2 .hv-choose__body{grid-area:body}
  body .home-v2 .hv-choose__arrow{grid-area:arrow;font-size:19px}
  body .home-v2 .hv-choose__mats{grid-area:mats;justify-content:flex-start;margin-top:4px}
  body .home-v2 .hv-choose__desc{font-size:15px}
}

/* --------------------------------------------------------------------------
   15. 首页「Built for Better Printing」条目化
   --------------------------------------------------------------------------
   原为 6 张无图小卡（428×113，h3 16px，body 13.5px）。去边框后失去结构，
   在同一浅底色带上呈现为 6 块漂浮文字。改为两栏、细线分隔的条目排布：
   · 与「如何选择线材」清单同属一套语言（大标题 + 细线 + 留白）
   · 6 条短陈述更接近清单语义，不是并列功能卡
   · 正文 13.5px → 15px，标题 16px → 20px
   -------------------------------------------------------------------------- */
body .home-v2 .hv-bfp-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(32px,5vw,88px);row-gap:0;margin-top:4px;
}
body .home-v2 .hv-bfp-item{
  padding:clamp(22px,2.2vw,30px) 0;
  border-top:1px solid var(--g-line);
}
body .home-v2 .hv-bfp-item h3{
  margin:0;font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.25;color:var(--g-ink);
}
body .home-v2 .hv-bfp-item p{
  margin:9px 0 0;color:var(--g-mute);font-size:15px;line-height:1.65;max-width:52ch;
}
@media (max-width:900px){
  body .home-v2 .hv-bfp-list{grid-template-columns:1fr}
  body .home-v2 .hv-bfp-item{padding:20px 0}
  body .home-v2 .hv-bfp-item h3{font-size:18.5px}
  body .home-v2 .hv-bfp-item p{font-size:14.5px}
}

/* --------------------------------------------------------------------------
   16. 小字号统一上调
   --------------------------------------------------------------------------
   审计发现首页有大量 10–12px 的文字：产品卡规格标签仅 10px（全站最小），
   材料族名 11px 且全大写+0.08em 字距（又一处 AI 生成感的排版模式），
   流程编号 11px，脚注 12px。这些都削弱了"大气"的可读尺度，统一上调。
   -------------------------------------------------------------------------- */
/* 产品卡规格标签：10px 全大写 → 13px 正常大小写 */
body .home-v2 .hv-specs span{
  font-size:13px;text-transform:none;letter-spacing:0;
  color:var(--g-mute);font-weight:500;
}
/* 材料族名：11px 全大写散射 → 13px 正常 */
body .home-v2 .hv-family{
  font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;
}
body .home-v2 .hv-family{color:var(--g-mute)}
/* 卡片内 "View Specs →" */
body .home-v2 .hv-arrow{font-size:14px;font-weight:600}
/* 产品卡描述 */
body .home-v2 .hv-mat-card p{font-size:14.5px;line-height:1.6}
/* 材料库编号 badge（pla-hs 等） */
body .home-v2 .badge,.badge-brand{
  font-size:12px;letter-spacing:0;text-transform:none;border-radius:0 !important;
  background:var(--g-surface-2);color:var(--g-mute);border:0;
}
/* 段首小标签 */
body .home-v2 .hv-eyebrow{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--g-mute-2)}
/* 生产流程编号 + 标签（编号在此处代表真实顺序，保留） */
.hv-flow__idx{font-size:13px}
.hv-strand__label{font-size:12.5px}
/* 表格脚注 */
.hv-range__note{font-size:13.5px}
@media (max-width:900px){
  body .home-v2 .hv-specs span{font-size:12.5px}
  body .home-v2 .hv-mat-card p{font-size:14px}
}

/* --------------------------------------------------------------------------
   17. 首页规格表（Six lines. One material system）
   --------------------------------------------------------------------------
   表头 11px 等宽全大写、正文 13.5px、外框 1px 描边 —— 又是一处"小字 + 线框"的
   系统界面观感。改为：去外框、表头 12.5px 正常大小写、正文 14.5px、
   表头下 1px 实线（数据表需要参考线，属有信息量的线）。
   -------------------------------------------------------------------------- */
.hv-range__table{border:0 !important;background:transparent !important;overflow:visible}
.hv-range__row{
  font-size:14.5px;padding:16px;gap:16px;
  border-bottom:1px solid var(--g-line);
  color:var(--g-mute);
}
.hv-range__row--head{
  font-family:var(--g-sans);font-size:12.5px;font-weight:600;
  letter-spacing:0;text-transform:none;
  background:transparent;color:var(--g-mute-2);
  border-bottom:1px solid var(--g-ink);
}
.hv-range__name{color:var(--g-ink);font-weight:600}
.hv-range__row a{color:var(--g-signal)}
.hv-range__row [style*="font-size"]{font-size:inherit}
/* 页头语言标记 */
.lang-trigger__flag{font-size:12px}
@media (max-width:900px){
  .hv-range__row{font-size:14px;padding:14px 10px;gap:10px}
}

/* --------------------------------------------------------------------------
   18. 最后一组小字号
   --------------------------------------------------------------------------
   产品卡规格数值（45 MPa / 230°C / 1.75 mm）只有 12px —— 这是首页最关键的采购
   数据，却是页面上第二小的文字。规格值放大到 15px 并与标签形成明确层级。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-specs strong{font-size:15px;font-weight:600;margin-top:6px;letter-spacing:-.01em}
body .home-v2 .hv-specs span{font-size:13px}
/* 生产流程步骤号 */
body .home-v2 .hv-step b{font-size:13px;letter-spacing:.04em}
/* 页头语言标记 */
body .lang-trigger__flag{font-size:12px}
/* 材料编码 badge */
body .home-v2 .badge{font-size:12.5px}
@media (max-width:900px){
  body .home-v2 .hv-specs strong{font-size:14.5px}
}

/* --------------------------------------------------------------------------
   19. 其余小字号区块（证书 / 新闻 / 文档 / 指标 / 服务）
   -------------------------------------------------------------------------- */
body .home-v2 .hv-cert span{font-size:13px;line-height:1.5}
body .home-v2 .hv-news-item__meta{font-size:13px}
body .home-v2 .hv-news-item p{font-size:14.5px;line-height:1.6}
body .home-v2 .hv-doc span{font-size:12.5px;line-height:1.5}
body .home-v2 .hv-doc strong{font-size:15px}
body .home-v2 .hv-metric small{font-size:12.5px;line-height:1.55}
body .home-v2 .hv-metrics__head{font-size:12.5px;letter-spacing:.06em;text-transform:none}
body .home-v2 .hv-service p{font-size:14.5px;line-height:1.65}
body .home-v2 .hv-proof span{font-size:13px}
/* hero 徽标：12px 全大写散射 → 13px 正常大小写 */
body .home-v2 .hv-kicker{
  font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;
  padding:8px 13px;border-radius:0 !important;
}

/* --------------------------------------------------------------------------
   20. Hero 重构（2026-09-20）
   --------------------------------------------------------------------------
   【修复】上一轮为做深色门面，对 .hv-hero 强制 background-color:石墨色 !important，
   但 .hv-hero--light 用的是 background 简写（白→浅灰渐变 + 竖向网格），
   简写里的 background-image 不受 background-color 影响 —— 结果变成
   「白色渐变背景 + 白色标题」，对比度 1:1，标题实际看不见。
   现在显式声明浅色 hero 与深色文字，冲突消除。

   【重构】原为「左侧 6 条竖排线材 + 右侧文案」两栏。按大气风格改为：
     左对齐大标题（通栏）→ CTA → 一排 4 项关键参数 → 底部 6 条产线色带
   参数取自 home.hero_stat_1..4（7 种语言均已翻译，无新增文案）。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-hero{
  background-color:transparent !important;
  background-image:
    linear-gradient(180deg,#FFFFFF 0%, var(--g-surface) 100%),
    repeating-linear-gradient(90deg, rgba(14,16,19,.035) 0 1px, transparent 1px 72px);
  color:var(--g-ink);
  min-height:auto !important;
  border-bottom:1px solid var(--g-line);
}
body .home-v2 .hv-hero__inner{padding-block:clamp(56px,7vw,104px)}
body .home-v2 .hv-hero__grid--stack{display:block}
body .home-v2 .hv-hero__copy{max-width:1040px;text-align:left}
body .home-v2 .hv-hero h1,
body .home-v2 .hv-hero h1 span{color:var(--g-ink)}
body .home-v2 .hv-hero h1 span{color:var(--g-signal)}
body .home-v2 .hv-hero h1{font-size:clamp(40px,6vw,84px);letter-spacing:-.04em;line-height:1.02}
body .home-v2 .hv-hero__lead{color:var(--g-mute);max-width:62ch}
body .home-v2 .hv-hero--light .btn-outline{border-color:var(--g-line-2);color:var(--g-ink);background:#fff}
body .home-v2 .hv-hero--light .btn-outline:hover{background:var(--g-ink);border-color:var(--g-ink);color:#fff}
body .home-v2 .hv-hero--light .btn-ghost{color:var(--g-mute)}
body .home-v2 .hv-hero--light .btn-ghost:hover{color:var(--g-signal)}

/* 关键参数：一排四项，细线分隔 */
body .home-v2 .hv-hero__params{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:clamp(40px,5vw,68px);
  border-top:1px solid var(--g-line);
}
body .home-v2 .hv-param{
  padding:clamp(20px,2.2vw,30px) clamp(18px,2vw,30px) 0 0;
  border-right:1px solid var(--g-line);
}
body .home-v2 .hv-param:last-child{border-right:0;padding-right:0}
body .home-v2 .hv-param strong{
  display:block;font-size:clamp(17px,1.5vw,21px);font-weight:700;
  letter-spacing:-.022em;line-height:1.2;color:var(--g-ink);
}
body .home-v2 .hv-param span{display:block;margin-top:7px;font-size:14px;line-height:1.5;color:var(--g-mute)}

/* Eight production-line colour bands. */
body .home-v2 .hv-strands{
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
  gap:clamp(10px,1.2vw,18px);align-items:start;
  min-height:0;margin-top:clamp(34px,4vw,52px);justify-content:stretch;
}
body .home-v2 .hv-strand{display:block;flex:none;width:auto}
body .home-v2 .hv-strand__bar{
  display:block;width:100%;max-width:none;height:10px;border-radius:0;
  transition:height 180ms ease;
}
body .home-v2 .hv-strand:hover .hv-strand__bar{height:16px}
body .home-v2 .hv-strand__label{
  display:block;margin-top:11px;font-size:12.5px;font-weight:600;
  letter-spacing:0;text-transform:none;text-align:left;line-height:1.35;color:var(--g-mute);
}
@media (max-width:900px){
  body .home-v2 .hv-hero__params{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .home-v2 .hv-param{padding:20px 18px 0 0}
  body .home-v2 .hv-param:nth-child(2n){border-right:0;padding-right:0}
  body .home-v2 .hv-param:nth-child(n+3){margin-top:22px}
  body .home-v2 .hv-strands{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}

/* --------------------------------------------------------------------------
   21. 首页 OEM / ODM 段
   --------------------------------------------------------------------------
   · 4 个服务卡仍是「白底 + 12px 圆角 + 1px 边框」，5 个流程卡同理（10px 圆角）
     —— 全页最后一处遗留的 SaaS 卡片外观
   · hover 仍使用旧蓝 rgba(29,78,216,.32)
   · 服务标题 16px / 描述 12px 偏小
   改为：服务＝两栏细线条目；流程＝五段带序号的横向序列（编号在此代表真实先后，
   属有信息量的结构，保留）。深色侧栏本身正常，保留。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-oem-grid{gap:0 clamp(28px,4vw,72px)}
body .home-v2 .hv-service{
  border:0 !important;border-radius:0 !important;background:transparent !important;
  padding:clamp(20px,2vw,28px) 0;
  border-top:1px solid var(--g-line);
  transform:none !important;
}
body .home-v2 .hv-service:hover{border-top-color:var(--g-ink)}
body .home-v2 .hv-service__icon{
  background:var(--g-surface-2) !important;color:var(--g-signal) !important;
  border-radius:0 !important;transition:background 160ms linear,color 160ms linear;
}
body .home-v2 .hv-service:hover .hv-service__icon{background:var(--g-ink) !important;color:#fff !important}
body .home-v2 .hv-service h3{font-size:19px;font-weight:700;letter-spacing:-.022em}
body .home-v2 .hv-service p{font-size:14.5px;line-height:1.6;color:var(--g-mute)}

body .home-v2 .hv-process{
  gap:0;margin-top:clamp(28px,3vw,40px);
  border-top:1px solid var(--g-line);
}
body .home-v2 .hv-step{
  border:0 !important;border-radius:0 !important;background:transparent !important;
  padding:clamp(18px,1.8vw,26px) clamp(14px,1.4vw,24px) 0 0;
  border-right:1px solid var(--g-line);
}
body .home-v2 .hv-step:last-child{border-right:0;padding-right:0}
body .home-v2 .hv-step b{font-size:13px;color:var(--g-signal);letter-spacing:.06em}
body .home-v2 .hv-step span{font-size:14.5px;font-weight:600;color:var(--g-ink);margin-top:9px}
@media (max-width:1100px){
  body .home-v2 .hv-oem-grid{grid-template-columns:1fr}
  body .home-v2 .hv-process{grid-template-columns:repeat(2,minmax(0,1fr))}
  body .home-v2 .hv-step:nth-child(2n){border-right:0;padding-right:0}
  body .home-v2 .hv-step{border-bottom:1px solid var(--g-line);padding-bottom:16px}
}
@media (max-width:640px){
  body .home-v2 .hv-process{grid-template-columns:1fr}
  body .home-v2 .hv-step{border-right:0;padding-right:0}
}

/* --------------------------------------------------------------------------
   22. 首页「线材如何生产」—— 从原料到成品盘
   --------------------------------------------------------------------------
   原因：原为左图(631×380) + 右栏 9 步竖排列表(581×542)，两栏高度不匹配，
   且竖排列表看上去像目录，没有表达出流程本身。
   改为一条连续产线：9 个节点串在同一根线上，线的渐变色从「原料」的灰走到
   「成品」的信号色 —— 这根线既是有信息的结构，也正好是线材本身的隐喻。
   工厂图移到下方做通栏，解决高度失衡。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-proc-head{max-width:820px}
body .home-v2 .hv-proc-head p{margin-top:16px;color:rgba(255,255,255,.72);font-size:clamp(16px,1.4vw,19px);line-height:1.65}

body .home-v2 .hv-line{
  position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));
  list-style:none;margin:clamp(44px,5vw,72px) 0 0;padding:0;
}
/* 连续产线本体：灰 → 信号色，编码「原料 → 成品」 */
body .home-v2 .hv-line::before{
  content:"";position:absolute;left:11px;right:0;top:11px;height:2px;
  background:linear-gradient(90deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.34) 55%, var(--g-signal) 100%);
}
body .home-v2 .hv-line__step{position:relative;padding:40px 14px 0 0;min-width:0}
body .home-v2 .hv-line__dot{
  position:absolute;top:0;left:0;z-index:1;
  width:23px;height:23px;display:grid;place-items:center;
  background:var(--g-ink);border:1px solid rgba(255,255,255,.30);
  font-family:var(--g-mono);font-size:11px;line-height:1;color:rgba(255,255,255,.90);
}
body .home-v2 .hv-line__step:last-child .hv-line__dot{
  background:var(--g-signal);border-color:var(--g-signal);color:#fff;
}
body .home-v2 .hv-line__label{
  display:block;font-size:13.5px;line-height:1.4;font-weight:500;
  color:rgba(255,255,255,.86);overflow-wrap:break-word;
}
body .home-v2 .hv-proc-media{
  margin:clamp(40px,4.5vw,64px) 0 0;border:1px solid rgba(255,255,255,.12);
}
body .home-v2 .hv-proc-media img{
  display:block;width:100%;height:auto;aspect-ratio:16/6;object-fit:cover;
}
/* 窄屏：产线转为纵向轨道 */
@media (max-width:1100px){
  body .home-v2 .hv-line{grid-template-columns:1fr;margin-top:40px}
  body .home-v2 .hv-line::before{left:11px;right:auto;top:11px;bottom:11px;width:2px;height:auto;
    background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.34) 55%, var(--g-signal) 100%);}
  body .home-v2 .hv-line__step{padding:0 0 0 44px;margin-bottom:22px}
  body .home-v2 .hv-line__step:last-child{margin-bottom:0}
  body .home-v2 .hv-line__dot{top:0;left:0}
  body .home-v2 .hv-line__label{display:block;padding-top:2px}
  body .home-v2 .hv-proc-media img{aspect-ratio:16/10}
}

/* --------------------------------------------------------------------------
   23. 「线材如何生产」改为浅色 + 移除工厂图
   --------------------------------------------------------------------------
   反馈：不要边上的图片，不要整块黑底。
   处理：① 删掉通栏工厂图；② 该 section 由 .hv-section--dark 改为普通浅色区块，
   与上下两个浅灰区形成 白 / 灰 / 白 的交替节奏；③ 产线配色由「白线白字」改为
   「石墨线 + 石墨字」，终点节点仍用信号色实心标记。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-proc-head p{color:var(--g-mute)}
/* 产线本体：浅底上的石墨渐变 → 信号色 */
body .home-v2 .hv-line::before{
  background:linear-gradient(90deg, rgba(14,16,19,.14) 0%, rgba(14,16,19,.30) 55%, var(--g-signal) 100%);
}
body .home-v2 .hv-line__dot{
  background:var(--g-white);
  border:1px solid rgba(14,16,19,.28);
  color:var(--g-ink);
}
body .home-v2 .hv-line__step:last-child .hv-line__dot{
  background:var(--g-signal);border-color:var(--g-signal);color:#fff;
}
body .home-v2 .hv-line__label{color:var(--g-ink)}
/* 区块内的证书条目：深色规则不再适用，改为浅底 + 信号色顶线 */
body .home-v2 .hv-cert{
  background:var(--g-surface);border-top:2px solid var(--g-signal);
  box-shadow:none !important;border-radius:0 !important;
}
body .home-v2 .hv-cert strong{color:var(--g-ink)}
body .home-v2 .hv-cert span{color:var(--g-mute)}
/* 移除废弃的图片容器样式（标记已删） */
body .home-v2 .hv-proc-media{display:none}
@media (max-width:1100px){
  body .home-v2 .hv-line::before{
    background:linear-gradient(180deg, rgba(14,16,19,.14) 0%, rgba(14,16,19,.30) 55%, var(--g-signal) 100%);
  }
}

/* --------------------------------------------------------------------------
   24. 首页区块底色节奏：白 / 灰交替
   --------------------------------------------------------------------------
   原状：Applications + OEM 连续两块浅灰（1704px），BFP + News 又连续两块浅灰
   （1489px），中间夹一条细白 —— 不成节奏。改为逐块交替，让每个板块边界清晰。
   同时：条目 hover 在浅灰底上不可见（同色），改用更深一档的 surface-2。
   -------------------------------------------------------------------------- */
body .home-v2 .hv-choose__row:hover{background:var(--g-surface-2)}
body .home-v2 .hv-section--soft .hv-choose__row:hover{background:#E2E2DD}

/* --------------------------------------------------------------------------
   25. 「Six lines」规格表细节
   -------------------------------------------------------------------------- */
body .home-v2 .hv-range__na{color:var(--g-mute-3);font-weight:400}
body .home-v2 .hv-range__name{white-space:nowrap}
body .home-v2 .hv-range__val{font-family:var(--g-mono);font-variant-numeric:tabular-nums;color:var(--g-ink)}
body .home-v2 .hv-range__colors{color:var(--g-mute)}

/* ==========================================================================
   26. 【修复】浅色 Hero 上残留的压暗遮罩 —— 文字看不清的真正原因
   --------------------------------------------------------------------------
   现象：首页 Hero 的文字「部分看不清」。
   根因：.hv-hero::before / ::after 是两个为「深色照片背景 + 白字」设计的压暗遮罩
         （::before 近黑，不透明度 .95）。把 Hero 改为浅色底之后，遮罩仍留在原位：
           浅色渐变底 + 95% 黑色遮罩 = 实际渲染为近黑
           而文字已改为深石墨 #0E1013
         → 深色字压深色底，对比度接近 1:1。
   说明：这类问题计算样式读不出来（文字 color 与祖先 background 都是"正确"的），
         只有对渲染结果做像素取样才能发现。
   处理：浅色 Hero 不需要压暗遮罩，直接移除。
   ========================================================================== */
body .home-v2 .hv-hero::before,
body .home-v2 .hv-hero::after{
  content:none !important;
  background:none !important;
  display:none !important;
}

/* ==========================================================================
   27. 【修复】320px 窄屏首页应用瓦片横向溢出
   --------------------------------------------------------------------------
   现象：/ru/ 在 320px 视口下横向溢出 27px。
   根因：home_v2.php 内联样式对应用瓦片设了 height:100%; min-height:260px，
        又与 aspect-ratio 组合 —— 变成「由高度反推宽度」：
           min-height 260 × 16/10 ≈ 416px 固有宽度
         而 320px 视口下单列栅格只有 280px → 瓦片撑破容器，出现横向滚动。
   （原先 aspect-ratio 是 4/3 时同样偏宽，只是没这么明显。）
   处理：瓦片宽度改为跟随容器，高度由比例决定；解除 min-height 约束。
   ========================================================================== */
body .home-v2 .hv-app-card .sol-thumb,
body .home-v2 .hv-app-card .mat-thumb{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:4/3;   /* 首页应用卡用的是 sol-*.webp（960x720） */
}
body .home-v2 .hv-app-card img,
body .home-v2 .mat-thumb img{max-width:100%}

/* --------------------------------------------------------------------------
   28. 【修复】窄屏「选择清单」箭头撑破栅格
   --------------------------------------------------------------------------
   移动端栅格为 44px | 1fr | 24px，但箭头 → 在 22px 字号下的固有宽度约 40px，
   直接把第三列撑开 → 320px 视口出现横向滚动（pl 6px / ru 27px）。
   处理：第三列改为可收缩，箭头固定占位并裁切。
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  body .home-v2 .hv-choose__row{
    grid-template-columns:44px minmax(0,1fr) minmax(0,20px);
  }
  body .home-v2 .hv-choose__arrow{
    font-size:18px;line-height:1;width:20px;overflow:hidden;justify-self:end;
  }
}
@media (max-width:360px){
  body .home-v2 .hv-choose__row{grid-template-columns:40px minmax(0,1fr) minmax(0,18px);gap:8px 10px}
  body .home-v2 .hv-choose__icon{width:40px;height:40px}
  body .home-v2 .hv-choose__arrow{font-size:16px;width:18px}
}

/* ==========================================================================
   29. 【修复】「Six lines」规格表在窄屏撑破容器
   --------------------------------------------------------------------------
   根因：移动端栅格写作 `1.4fr 1fr 40px`，而 `1.4fr` 等价于
         `minmax(auto, 1.4fr)` —— auto 下限 = min-content。
         俄语/波兰语的材质名与系列名较长，min-content 把两列撑开，
         整行宽于容器 → 320px 视口横向滚动 27px
         （固定定位的联系条也随之偏移，被误报为第二个元凶）。
   处理：两列改 minmax(0,…) 允许收缩，末列收窄并允许文本换行。
   ========================================================================== */
@media (max-width:900px){
  body .home-v2 .hv-range__row{
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 26px;
    gap:10px;
  }
  body .home-v2 .hv-range__row > span{min-width:0;overflow-wrap:anywhere}
  body .home-v2 .hv-range__row > span:last-child{text-align:right}
  body .home-v2 .hv-range__name{white-space:normal}
}
@media (max-width:360px){
  body .home-v2 .hv-range__row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 22px;gap:8px;padding:12px 6px}
  body .home-v2 .hv-range__row{font-size:13.5px}
}

/* ==========================================================================
   30. 【修复】首页导航随语言自适应
   --------------------------------------------------------------------------
   现象：导航紧贴 Logo，而它到右侧操作区的空隙按语言剧烈波动 ——
         1600px 下中文/韩文留 500px 空洞、俄文只剩 150px；
         1440px 下俄文仅 14px；1280px 全部挤到 12px。
   根因：① 我早前修 1920 溢出时把 <nav> 设为 flex:0 1 auto，
            它不再吸收剩余空间；② .head-actions 带 margin-left:auto，
            于是操作区被推到最右，品牌与操作区之间空出一整块。
   处理：让 <nav> 吸收剩余空间，并将 9 个一级导航项排成等宽列。
         第一项贴左、最后一项贴右，中间各项严格等距；RTL 下由书写方向
         自动翻转为首项贴右、末项贴左。长标签语言同步收紧字号与内边距。
   ========================================================================== */
html body .site-head .bar > nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  justify-content:stretch;
  align-items:center;
}
html body .site-head .nav-main{
  display:grid;
  grid-template-columns:repeat(9, minmax(0, 1fr));
  justify-content:stretch;
  gap:0;
  width:100%;
  min-width:0;
}
/* 语言标签较长时（ru/pl/tr）自动收紧内边距，避免与操作区贴住 */
html body .site-head .nav-main > li > a{
  min-width:0;
  padding-inline:clamp(4px, .45vw, 10px);
  justify-content:center;
}
html body .site-head .nav-main > li:first-child > a{
  justify-content:flex-start;
}
html body .site-head .nav-main > li:last-child > a{
  justify-content:flex-end;
}
@media (max-width:1400px) and (min-width:1181px){
  html body .site-head .nav-main > li > a{
    padding-inline:clamp(2px, .3vw, 6px);
    font-size:13.5px;
  }
  html body .site-head .nav-main{gap:0}
}

/* 移动端切换为纵向抽屉；桌面端九等分网格保持不变。 */
@media (max-width:1180px){
  html body .site-head .nav-main{
    display:flex;
    flex-direction:column;
    grid-template-columns:none;
  }
  html body .site-head .nav-main > li > a,
  html body .site-head .nav-main > li:first-child > a,
  html body .site-head .nav-main > li:last-child > a{
    width:100%;
    justify-content:flex-start;
    padding:12px 16px;
  }
  html body .site-head .nav-main > li.nav-item > a.nav-link,
  html body .site-head .nav-main > li.nav-item:first-child > a.nav-link,
  html body .site-head .nav-main > li.nav-item:last-child > a.nav-link{
    width:100%;
    justify-content:flex-start;
    padding:12px 16px;
  }
  html body .site-head .nav-toggle-cb:not(:checked) ~ nav .nav-main{
    display:none;
  }
}