/* ============================================================
   首页样式 — 2026 改版（配 style.css 设计系统）
   区块：Hero → 分类(黑) → 产品(白) → 应用领域(黑) → 关于(白) → 优势(浅灰) → 新闻(白)
   ============================================================ */

/* --- 01 Hero 全屏首屏 --- */
.hero{
  position:relative;height:calc(100vh - var(--header-h));
  min-height:560px;max-height:860px;
  display:flex;align-items:center;
  background:var(--c-bg-dark);overflow:hidden;
}
/* 纯排版背景：网格纹理 + 红色光晕（素材到位后可换实拍图/视频） */
.hero-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(ellipse 70% 55% at 78% 40%,rgba(200,16,46,.22),transparent 65%),
    radial-gradient(ellipse 55% 60% at 12% 85%,rgba(90,96,104,.25),transparent 60%),
    var(--c-bg-dark);
  background-size:56px 56px,56px 56px,auto,auto,auto;
}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,var(--c-bg-dark) 0%,transparent 40%);
}
.hero-bg .glow{
  position:absolute;left:50%;top:55%;width:640px;height:640px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(200,16,46,.12),transparent 60%);
  filter:blur(20px);
}
.hero-in{position:relative;z-index:2;width:100%}
.hero-tag{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--f-num);font-size:14px;letter-spacing:.35em;
  text-transform:uppercase;color:rgba(255,255,255,.65);
  margin-bottom:22px;
}
.hero-tag::before{content:'';width:36px;height:1px;background:var(--c-brand)}
.hero-title{
  font-size:var(--fs-hero);font-weight:700;color:#fff;
  line-height:1.18;letter-spacing:.03em;max-width:16em;
}
.hero-title em{font-style:normal;color:var(--c-brand)}
.hero-sub{
  margin-top:20px;max-width:34em;
  font-size:clamp(15px,1.4vw,17px);color:rgba(255,255,255,.72);line-height:1.9;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.hero-actions .btn--primary{border:1px solid var(--c-brand)}
.hero-actions .btn--ghost{color:#fff}
.hero-meta{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  border-top:1px solid rgba(255,255,255,.12);
}
.hero-meta ul{
  display:flex;flex-wrap:wrap;
}
.hero-meta li{
  flex:1;min-width:150px;padding:20px 28px;
  border-right:1px solid rgba(255,255,255,.12);
  display:flex;align-items:baseline;gap:10px;
}
.hero-meta li:last-child{border-right:0}
.hero-meta .num{
  font-family:var(--f-num);font-size:34px;font-weight:600;color:#fff;line-height:1;
}
.hero-meta .num em{font-size:18px;color:var(--c-brand);margin-left:2px}
.hero-meta .lab{font-size:13px;color:rgba(255,255,255,.55)}

/* --- 02 产品分类（黑色全宽区） --- */
.home-category{position:relative;overflow:hidden}
.category-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,255,255,.1);
}
.category-item{position:relative}
.category-item + .category-item{border-left:1px solid rgba(255,255,255,.1)}
.category-item a{
  display:flex;flex-direction:column;gap:18px;
  padding:clamp(28px,3.5vw,48px) clamp(22px,2.5vw,36px);
  min-height:280px;transition:background var(--tr);
}
.category-item .no{
  font-family:var(--f-num);font-size:15px;letter-spacing:.2em;
  color:var(--c-on-dark-2);transition:color var(--tr);
}
.category-item .icon{
  height:64px;display:flex;align-items:center;
}
.category-item .icon svg{
  width:56px;height:56px;stroke:var(--c-on-dark-2);fill:none;
  stroke-width:1.5;transition:stroke var(--tr);
}
.category-item .name{font-size:21px;font-weight:600;color:#fff;transition:color var(--tr)}
.category-item .desc{font-size:13.5px;color:var(--c-on-dark-2);line-height:1.8}
.category-item .go{
  margin-top:auto;font-family:var(--f-num);font-size:20px;color:var(--c-on-dark-2);
  transition:var(--tr);align-self:flex-start;
}
.category-item a:hover{background:var(--c-bg-dark-2)}
.category-item a:hover .no{color:var(--c-brand)}
.category-item a:hover .icon svg{stroke:var(--c-brand)}
.category-item a:hover .go{color:var(--c-brand);transform:translateX(6px)}

/* --- 03 核心产品（白色区） --- */
.home-product{position:relative;overflow:hidden}
.product-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,32px);
}
.pro-card{
  background:#fff;border:1px solid var(--c-line);
  transition:var(--tr);
}
.pro-card:hover{box-shadow:var(--shadow-card-hover);border-color:transparent;transform:translateY(-4px)}
.pro-card .pic{
  aspect-ratio:4/3;overflow:hidden;background:var(--c-bg-light);
}
.pro-card .pic img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.6,.2,1);
}
.pro-card:hover .pic img{transform:scale(1.06)}
.pro-card .info{padding:22px 24px 26px}
.pro-card .name{
  font-size:17px;font-weight:600;line-height:1.5;transition:color var(--tr);
}
.pro-card:hover .name{color:var(--c-brand)}
.pro-card .desc{
  margin-top:10px;font-size:13.5px;color:var(--c-ink-2);line-height:1.75;
}
.pro-card .more{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:13px;letter-spacing:.15em;color:var(--c-ink-3);transition:var(--tr);
}
.pro-card .more .arr{font-family:var(--f-num);font-size:16px}
.pro-card:hover .more{color:var(--c-brand)}
.pro-card:hover .more .arr{transform:translateX(4px)}
/* 不足一行时隐藏空位：num=6 */
.product-foot{
  margin-top:clamp(36px,4vw,52px);text-align:center;
}

/* --- 04 应用领域（黑色全宽区） --- */
.home-application{position:relative;overflow:hidden}
.app-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);
}
.app-card{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--c-bg-dark-2)}
.app-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.55;transition:transform .7s cubic-bezier(.2,.6,.2,1),opacity .4s;
}
.app-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(15,17,21,.9) 100%);
}
.app-card:hover img{transform:scale(1.07);opacity:.75}
.app-card .info{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:24px 26px;
}
.app-card .en{
  font-family:var(--f-num);font-size:12px;letter-spacing:.25em;
  text-transform:uppercase;color:rgba(255,255,255,.5);
}
.app-card .name{
  margin-top:6px;font-size:20px;font-weight:600;color:#fff;
  padding-bottom:14px;position:relative;
}
.app-card .name::after{
  content:'';position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--c-brand);transition:width .4s cubic-bezier(.4,0,.2,1);
}
.app-card:hover .name::after{width:100%}
.app-card .desc{
  font-size:13px;color:rgba(255,255,255,.65);line-height:1.8;margin-top:12px;
  max-height:0;overflow:hidden;transition:max-height .45s ease,margin .45s ease;
}
.app-card:hover .desc{max-height:80px}

/* --- 05 关于我们（白色区） --- */
.home-about{overflow:hidden}
.about-grid{
  display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5vw,72px);
  align-items:center;
}
.about-pic{position:relative}
.about-pic .main{
  aspect-ratio:4/3;object-fit:cover;width:100%;
}
.about-pic .badge{
  position:absolute;right:-1px;bottom:-1px;
  background:var(--c-brand);color:#fff;
  padding:18px 26px;text-align:center;
}
.about-pic .badge .num{
  display:block;font-family:var(--f-num);font-size:40px;font-weight:600;line-height:1;
}
.about-pic .badge .lab{font-size:12px;letter-spacing:.2em;opacity:.85}
.about-info .sec-head{margin-bottom:24px}
.about-text{
  font-size:15px;color:var(--c-ink-2);line-height:2;text-align:justify;
}
.about-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  margin-top:34px;padding:24px 0;border-top:var(--line-hair);border-bottom:var(--line-hair);
}
.stat-item .num{
  font-family:var(--f-num);font-size:clamp(30px,3vw,42px);font-weight:600;
  color:var(--c-ink);line-height:1;
}
.stat-item .num em{font-size:.55em;color:var(--c-brand);margin-left:2px;font-weight:600}
.stat-item .lab{font-size:13px;color:var(--c-ink-3);margin-top:6px}
.about-more{margin-top:34px}

/* --- 06 中研优势（浅灰区） --- */
.home-advantage{background:var(--c-bg-light);position:relative;overflow:hidden}
.adv-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--c-line);border-left:1px solid var(--c-line);
  background:#fff;
}
.adv-item{
  border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);
  padding:clamp(28px,3vw,44px) clamp(22px,2.5vw,36px);
  transition:var(--tr);position:relative;overflow:hidden;
}
.adv-item .no{
  font-family:var(--f-num);font-size:44px;font-weight:600;line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--c-line);
  transition:var(--tr);
}
.adv-item .name{
  margin-top:22px;font-size:18px;font-weight:600;
  display:flex;align-items:center;gap:10px;
}
.adv-item .name::before{
  content:'';width:16px;height:2px;background:var(--c-brand);
  opacity:0;transition:var(--tr);
}
.adv-item .desc{margin-top:12px;font-size:13.5px;color:var(--c-ink-2);line-height:1.85}
.adv-item:hover{background:var(--c-ink)}
.adv-item:hover .no{-webkit-text-stroke-color:rgba(255,255,255,.25)}
.adv-item:hover .name{color:#fff}
.adv-item:hover .name::before{opacity:1}
.adv-item:hover .desc{color:var(--c-on-dark-2)}

/* --- 07 新闻资讯（白色区） --- */
.home-news{position:relative;overflow:hidden}
.news-grid{
  display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,56px);
}
.news-lead{display:block}
.news-lead .pic{aspect-ratio:16/9;overflow:hidden;background:var(--c-bg-light)}
.news-lead .pic img{
  width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1);
}
.news-lead:hover .pic img{transform:scale(1.05)}
.news-lead .date{
  display:inline-block;margin-top:22px;
  font-family:var(--f-num);font-size:15px;letter-spacing:.15em;color:var(--c-brand);
}
.news-lead .name{
  margin-top:10px;font-size:21px;font-weight:600;line-height:1.5;transition:color var(--tr);
}
.news-lead:hover .name{color:var(--c-brand)}
.news-lead .desc{margin-top:12px;font-size:14px;color:var(--c-ink-2);line-height:1.9}
.news-side{display:flex;flex-direction:column}
.news-item{
  display:flex;gap:20px;padding:22px 0;
  border-bottom:1px solid var(--c-line);
}
.news-item:first-child{padding-top:0}
.news-item .date{
  flex:0 0 auto;text-align:center;font-family:var(--f-num);
  border-right:1px solid var(--c-line);padding-right:20px;
}
.news-item .date .d{font-size:32px;font-weight:600;line-height:1;color:var(--c-ink);transition:color var(--tr)}
.news-item .date .ym{font-size:12px;letter-spacing:.1em;color:var(--c-ink-3);margin-top:4px}
.news-item:hover .date .d{color:var(--c-brand)}
.news-item .info{min-width:0}
.news-item .name{
  font-size:15.5px;font-weight:500;line-height:1.55;transition:color var(--tr);
}
.news-item:hover .name{color:var(--c-brand)}
.news-item .desc{margin-top:6px;font-size:13px;color:var(--c-ink-2);line-height:1.7}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:1024px){
  .category-grid{grid-template-columns:1fr 1fr}
  .category-item:nth-child(odd) + .category-item{border-left:0}
  .category-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  .category-item a{min-height:220px}
  .product-grid{grid-template-columns:1fr 1fr}
  .app-grid{grid-template-columns:1fr 1fr}
  .app-card{aspect-ratio:4/3}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .adv-grid{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:1fr}
  .hero-meta li{padding:16px 18px}
}
@media(max-width:640px){
  .hero{min-height:480px}
  .hero-meta{display:none}
  .category-grid{grid-template-columns:1fr}
  .category-item + .category-item{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .product-grid{grid-template-columns:1fr}
  .app-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,1fr);gap:20px 8px}
  .news-item .date .d{font-size:26px}
}

/* --- 工艺能力（图文交替） --- */
.home-craft{position:relative;overflow:hidden}
.craft-list{display:flex;flex-direction:column}
.craft-row{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;
  padding:clamp(28px,4vw,52px) 0;border-top:1px solid rgba(255,255,255,.1);
}
.craft-row:first-child{border-top:0;padding-top:0}
.craft-row:last-child{padding-bottom:0}
.craft-row .cp{aspect-ratio:16/10;overflow:hidden;background:var(--c-bg-dark-2)}
.craft-row .cp img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.craft-row:hover .cp img{transform:scale(1.05)}
.craft-row.rev .cp{order:2}
.craft-row.rev .ct{order:1}
.craft-row .idx{
  font-family:var(--f-num);font-size:14px;letter-spacing:.26em;
  color:var(--c-brand);margin-bottom:14px;
}
.craft-row h3{font-size:clamp(21px,2.2vw,27px);font-weight:700;color:#fff;margin-bottom:12px}
.craft-row p{font-size:14.5px;color:var(--c-on-dark-2);line-height:2}
@media(max-width:1024px){
  .craft-row{grid-template-columns:1fr}
  .craft-row.rev .cp{order:1}
  .craft-row.rev .ct{order:2}
}

/* --- Hero 摄影图层（配 .hero-media） --- */
.hero-media{position:absolute;inset:0}
.hero-media img{
  width:100%;height:118%;object-fit:cover;opacity:.55;
  will-change:transform;
}
.hero-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,17,21,.85) 0%,rgba(15,17,21,.45) 45%,rgba(15,17,21,.15) 100%);
}

/* ============================================================
   2026-09-05 修订 v4（用户反馈 8 项）
   ============================================================ */

/* 1. 导航：logo 放大 + 导航文字加大 */
:root{--header-h:88px}
.head-logo img{height:56px}
.nav-item > a{font-size:17px;font-weight:600;padding:0 22px}
.nav-item > a::after{left:22px;right:22px}
@media(max-width:1024px){:root{--header-h:72px}.head-logo img{height:46px}}

/* 2. 产品导航图片下拉（kizicn 式） */
.nav-item.has-sub > a::before{display:none}
.mega-menu{
  position:absolute;left:50%;top:100%;transform:translate(-50%,14px);
  background:#fff;border:1px solid var(--c-line);border-top:2px solid var(--c-brand);
  box-shadow:0 24px 60px rgba(15,17,21,.16);
  display:grid;grid-template-columns:repeat(4,218px);gap:16px;
  padding:22px;opacity:0;visibility:hidden;
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
  z-index:50;
}
.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-item{display:flex;flex-direction:column;gap:10px}
.mega-item .mi-pic{
  display:block;height:140px;background:var(--c-bg-light);
  overflow:hidden;border:1px solid var(--c-line);
}
.mega-item .mi-pic img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .5s cubic-bezier(.2,.6,.2,1);
}
.mega-item:hover .mi-pic img{transform:scale(1.06)}
.mega-item .mi-name{font-size:15px;font-weight:600;color:var(--c-ink);transition:color .2s}
.mega-item:hover .mi-name{color:var(--c-brand)}
.mega-item .mi-go{font-size:12px;letter-spacing:.12em;color:var(--c-ink-3);transition:.2s}
.mega-item:hover .mi-go{color:var(--c-brand)}

/* 3a. Hero 轮播（CSS 交叉淡化，10s 循环） */
.hero-media .slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;animation:heroFade 10s linear infinite;will-change:opacity,transform;
}
.hero-media .slide.s2{animation-delay:5s}
@keyframes heroFade{
  0%{opacity:0}6%{opacity:1}44%{opacity:1}52%{opacity:0}100%{opacity:0}
}

/* 3b. 数字统计条 hover 特效 */
.hero-meta li{position:relative;transition:background .3s;cursor:default}
.hero-meta li::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--c-brand);transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.hero-meta li:hover{background:rgba(255,255,255,.07)}
.hero-meta li:hover::after{transform:scaleX(1)}
.hero-meta li:hover .num{transform:translateY(-3px);color:#fff;transition:.3s}
.hero-meta .num{display:inline-block}

/* 4. 产品分类卡：白底 + 机器照片背景 */
.home-category .category-item a{background:#fff;min-height:300px}
.category-item .cat-img{
  position:absolute;right:10px;bottom:14px;width:64%;height:62%;
  display:flex;align-items:flex-end;justify-content:center;
  pointer-events:none;
}
.category-item .cat-img img{
  max-width:100%;max-height:100%;object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(15,17,21,.12));
  transition:transform .5s cubic-bezier(.2,.6,.2,1);
}
.category-item a:hover .cat-img img{transform:scale(1.07) translateY(-4px)}
.category-item .no{color:var(--c-ink-3)}
.category-item .name{color:var(--c-ink)}
.category-item .desc{color:var(--c-ink-2)}
.category-item .go{color:var(--c-ink-3)}
.category-item a:hover{background:#fff}
.category-item a:hover .no{color:var(--c-brand)}
.category-item a:hover .name{color:var(--c-brand)}
.category-item a:hover .desc{color:var(--c-ink-2)}
.category-item a:hover .go{color:var(--c-brand)}
.category-item .icon{display:none}

/* 5. 畅销机型：修复图片挡住标题 */
.pro-card .pic{display:block}
.lazy-wrap{display:block}
.pro-card .pic img{width:100%;height:100%;object-fit:contain;background:#fff}
.product-grid{grid-template-columns:repeat(3,1fr)}

/* 6. 关于我们：角标移到左上 + 统计重排 */
.about-pic .badge{left:-1px;top:-1px;right:auto;bottom:auto;border-radius:0 0 4px 0}
.about-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:0;background:var(--c-bg-light);padding:26px 0;margin-top:30px;
}
.stat-item{text-align:center;border-left:1px solid var(--c-line);padding:4px 8px}
.stat-item:first-child{border-left:0}
.stat-item .num{text-align:center}
.stat-item .lab{text-align:center;margin-top:8px}

/* 7. 中研优势编号 01-04 高亮 */
.adv-item .no{
  font-size:30px;font-weight:600;letter-spacing:.04em;
  color:var(--c-brand);-webkit-text-stroke:0;transition:color .3s;
}
.adv-item:hover .no{color:rgba(255,255,255,.9)}

/* 8. 页脚：透明 logo + 品牌二维码卡片 */
.foot-brand img{background:none;padding:0}
.foot-qrcode img{
  background:none;padding:0;border:1px solid rgba(255,255,255,.18);
  border-radius:8px;width:120px;height:120px;object-fit:cover;
}

/* mega 菜单 5 列修正 */
.mega-menu{grid-template-columns:repeat(5,196px);gap:14px;padding:20px}
.mega-item .mi-pic{height:128px}

/* ============================================================
   v5：应用领域区（恢复）+ kizicn 式特效
   ============================================================ */
.home-application{position:relative;overflow:hidden}
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.app-card{
  position:relative;overflow:hidden;aspect-ratio:3/4;
  background:var(--c-bg-dark-2);cursor:pointer;
  transform:translateY(0);transition:transform .45s cubic-bezier(.2,.6,.2,1),box-shadow .45s;
}
.app-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.6;transition:transform .8s cubic-bezier(.2,.6,.2,1),opacity .4s;
}
.app-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,17,21,.1) 0%,rgba(15,17,21,.55) 55%,rgba(15,17,21,.92) 100%);
  transition:background .4s;
}
.app-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.app-card:hover img{transform:scale(1.09);opacity:.8}
.app-card .info{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:24px 26px}
.app-card .en{
  font-family:var(--f-num);font-size:12px;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(255,255,255,.5);
  transition:color .3s;
}
.app-card:hover .en{color:var(--c-brand)}
.app-card .name{
  margin-top:6px;font-size:21px;font-weight:600;color:#fff;
  padding-bottom:14px;position:relative;
}
.app-card .name::after{
  content:'';position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--c-brand);transition:width .45s cubic-bezier(.4,0,.2,1);
}
.app-card:hover .name::after{width:100%}
.app-card .desc{
  font-size:13px;color:rgba(255,255,255,.65);line-height:1.8;margin-top:12px;
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .5s ease,opacity .5s ease,margin .5s ease;
}
.app-card:hover .desc{max-height:90px;opacity:1}
/* 卡片逐个进场错峰 */
.app-grid .app-card:nth-child(2){transition-delay:.08s}
.app-grid .app-card:nth-child(3){transition-delay:.16s}
.app-grid .app-card:nth-child(4){transition-delay:.24s}
@media(max-width:1024px){.app-grid{grid-template-columns:1fr 1fr}.app-card{aspect-ratio:4/3}.app-card .desc{max-height:none;opacity:1}}
@media(max-width:640px){.app-grid{grid-template-columns:1fr}}

/* v6：透明PNG层叠 — 分类卡渐变底 */
.home-category .category-item a{
  background:linear-gradient(165deg,#FDFDFE 0%,#E9EEF4 100%);
}

/* v6b：分类卡图文避让 */
.category-item .name,.category-item .desc,.category-item .no{position:relative;z-index:2}
.category-item .desc{max-width:56%}
.category-item .cat-img{width:56%;height:58%;right:6px;bottom:10px}

/* ============================================================
   v8 修订
   ============================================================ */
/* 1. 畅销机型：只留名字，图片更大 */
.pro-card .info{padding:18px 20px 22px;text-align:center}
.pro-card .name{font-size:18px}
/* 2. 应用领域：悬停白底样品展示（黑→白，与中研优势反向） */
.app-card .sample{
  position:absolute;inset:0;z-index:1;background:#fff;
  display:flex;align-items:center;justify-content:center;padding:10%;
  opacity:0;transition:opacity .45s ease;
}
.app-card .sample img{
  position:static;width:auto;height:auto;max-width:100%;max-height:100%;
  object-fit:contain;transform:none;filter:none;
}
.app-card:hover .sample{opacity:1}
.app-card:hover::after{opacity:0}
.app-card:hover .name{color:var(--c-ink)}
.app-card:hover .en{color:var(--c-ink-3)}
.app-card:hover .desc{color:var(--c-ink-2)}
/* 3. 关于我们角标缩小 */
.about-pic .badge{padding:12px 18px}
.about-pic .badge .num{font-size:28px}
.about-pic .badge .lab{font-size:10px}
/* 4. 页脚二维码：白底可扫描 */
.foot-qrcode img{background:#fff;border:0;padding:8px;border-radius:8px}

/* ============================================================
   v9：产品中心三方案对比 + 畅销机型调整 + 应用领域圆角
   ============================================================ */
/* 方案二：图上文下 */
.cat-v2 .category-item a{padding:0;overflow:hidden;min-height:0}
.cat-v2 .cat-img{
  position:static;width:100%;height:190px;padding:14px 14px 0;
  display:flex;align-items:center;justify-content:center;background:none;
}
.cat-v2 .cat-img img{max-width:100%;max-height:100%;width:auto;height:auto}
.cat-v2 .cat-body{padding:16px 20px 22px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
.cat-v2 .desc{max-width:none}
/* 方案三：全卡大图 + 底部渐变文字 */
.cat-v3 .category-item a{padding:0;min-height:400px;overflow:hidden}
.cat-v3 .cat-img{position:absolute;inset:0;width:100%;height:100%;padding:34px 26px 120px;display:flex;align-items:center;justify-content:center}
.cat-v3 .cat-img img{max-width:92%;max-height:100%;width:auto;height:auto}
.cat-v3 .cat-body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:56px 22px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FDFDFE 62%);
}
.cat-v3 .name{font-size:20px}
/* 畅销机型：恢复查看详情 + 图片放大 */
.pro-card .pic{aspect-ratio:4/3.4}
.pro-card .info{padding:14px 18px 18px}
.pro-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;letter-spacing:.12em;color:var(--c-ink-3);transition:color .2s}
.pro-card .more .arr{font-family:var(--f-num);font-size:15px}
.pro-card .more:hover{color:var(--c-brand)}
/* 应用领域：圆角弱化切割感 */
.app-card{border-radius:14px;border:1px solid rgba(255,255,255,.08)}

/* v9b：图片放大 — 容器加大 */
.cat-v2 .cat-img{height:300px;padding:10px 10px 0}
.cat-v2 .category-item a{min-height:0}
.cat-v3 .category-item a{min-height:460px}
.cat-v3 .cat-img{padding:24px 18px 130px}
.cat-v3 .cat-body{padding:64px 22px 20px}
/* 方案一也放大图 */
.home-category .category-item .cat-img{width:64%;height:66%}

/* v10b：方案二卡片等高 */
.cat-v2 .category-item{display:flex}
.cat-v2 .category-item a{flex:1;display:flex;flex-direction:column}
.cat-v2 .cat-body{flex:1;justify-content:flex-end}
.cat-v2 .cat-img{flex:0 0 auto}

/* ============================================================
   v12：卡片锁定300px，图片区域内最大化，文字分区放置
   ============================================================ */
.cat-v2 .category-item a,.cat-v3 .category-item a,
.home-category .category-item a{min-height:300px;height:300px}

/* 方案一：文字左列固定，图右侧满高 */
.home-category .category-item .no{position:absolute;left:20px;top:22px}
.home-category .category-item .name{position:absolute;left:20px;top:56px;z-index:2}
.home-category .category-item .desc{position:absolute;left:20px;top:92px;z-index:2;max-width:42%}
.home-category .category-item .go{position:absolute;left:20px;bottom:20px;z-index:2}
.home-category .category-item .cat-img{
  position:absolute;right:0;top:0;width:58%;height:100%;
  padding:16px 12px 16px 0;display:flex;align-items:center;justify-content:center;
}
.home-category .category-item .cat-img img{max-width:100%;max-height:100%;width:auto;height:auto}

/* 方案二：上图(196px)下文，卡总高300 */
.cat-v2 .category-item a{flex-direction:column;padding:0;min-height:300px;height:300px}
.cat-v2 .cat-img{position:static;width:100%;height:198px;padding:12px 12px 0;
  display:flex;align-items:center;justify-content:center;background:none}
.cat-v2 .cat-img img{max-width:94%;max-height:100%;width:auto;height:auto}
.cat-v2 .cat-body{position:static;padding:12px 20px 16px;gap:6px;display:flex;flex-direction:column}
.cat-v2 .desc{max-width:none}

/* 方案三：图满卡，文字底部渐变上，卡300 */
.cat-v3 .category-item a{padding:0;min-height:300px;height:300px}
.cat-v3 .cat-img{position:absolute;inset:0;width:100%;height:100%;
  padding:14px 14px 74px;display:flex;align-items:center;justify-content:center}
.cat-v3 .cat-img img{max-width:96%;max-height:100%;width:auto;height:auto}
.cat-v3 .cat-body{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:44px 18px 14px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FDFDFE 58%)}
.cat-v3 .name{font-size:17px}
.cat-v3 .desc{max-width:none}

/* v12b：方案三文字条实底+锚点修正 */
.cat-v3 .category-item{position:relative}
.cat-v3 .category-item a{position:relative;display:block}
.cat-v3 .cat-body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  background:#FDFDFE;padding:12px 18px 16px;
}
.cat-v3 .cat-img{padding:14px 14px 88px}

/* ============================================================
   v14：文字回归文档流（修复绝对定位泄漏到方案二三）
   ============================================================ */
.home-category .category-item a{padding:22px 20px 56px}
.home-category .category-item .no,
.home-category .category-item .name,
.home-category .category-item .desc,
.home-category .category-item .go{position:static}
.home-category .category-item .no{display:block}
.home-category .category-item .name{display:block;margin-top:4px;position:relative;z-index:2}
.home-category .category-item .desc{display:block;margin-top:8px;max-width:46%;position:relative;z-index:2}
.home-category .category-item .go{display:inline-block;margin-top:14px;position:relative;z-index:2}
.home-category .category-item .cat-img{right:0;top:0;width:58%;height:100%;padding:14px 10px 14px 0}
/* 方案二三继承 */
.cat-v2 .category-item .no,.cat-v2 .category-item .name,
.cat-v2 .category-item .desc,.cat-v2 .category-item .go{position:static}
.cat-v3 .category-item .no,.cat-v3 .category-item .name,
.cat-v3 .category-item .desc,.cat-v3 .category-item .go{position:static}
.cat-v3 .go{display:inline-block;margin-top:8px}
.cat-v3 .cat-body{height:auto;padding:12px 18px 16px}
.cat-v3 .cat-desc,.cat-v3 .desc{display:block;-webkit-line-clamp:1}
.cat-v3 .cat-img{padding:14px 14px 96px}

/* ============================================================
   v15：产品中心定稿 — 名称左上对齐01，描述两行左下，图右侧独占
   ============================================================ */
.home-category .category-item a{padding:0}
.home-category .category-item .no{top:24px;left:22px}
.home-category .category-item .name{top:48px;left:22px;font-size:19px}
.home-category .category-item .desc{top:auto;bottom:60px;left:22px;max-width:50%;line-height:1.75}
.home-category .category-item .go{top:auto;bottom:24px;left:22px}

/* ============================================================
   v16：产品中心卡片定稿（用户验收）
   01+大标题在左上（同边距），箭头+小字介绍沉底，图右侧独占
   ============================================================ */
.home-category .category-item a{display:block;position:relative;padding:0}
.home-category .category-item .no,
.home-category .category-item .name,
.home-category .category-item .desc,
.home-category .category-item .go{position:absolute;margin:0;top:auto;bottom:auto}
.home-category .category-item .no{left:28px;top:26px}
.home-category .category-item .name{left:28px;top:60px;font-size:22px;line-height:1.4;max-width:52%}
.home-category .category-item .go{left:28px;bottom:92px}
.home-category .category-item .desc{left:28px;bottom:26px;max-width:50%;line-height:1.75}
.home-category .category-item .cat-img{left:auto;right:0;top:0;width:50%;height:100%;padding:16px 12px 16px 0}

/* v17：图片区放大 — 画布同比例52%宽，97%填充，不压标题 */
.home-category .category-item .cat-img{left:auto;right:0;top:0;width:52%;height:100%;padding:10px 8px 10px 0}