/*
 * VEXRATECH visual-unity v10
 * 仅统一产品线与商店的颜色、边框、阴影和文字层级。
 * 不改变既有网格、尺寸、间距及内容顺序。
 */

/* 产品线：与 Etxa Plus 同规格的整屏 Hero，使用专属激光蓝图背景。 */
.lineup-v10 .lineuphero{
  position:relative;
  display:flex;
  min-height:calc(100vh - 64px);
  min-height:calc(100svh - 64px);
  align-items:center;
  overflow:hidden;
  padding:0;
  color:#f1f5fb;
  background-color:#080e18;
  background-image:
    linear-gradient(90deg,rgba(8,14,24,.98) 0%,rgba(8,14,24,.95) 31%,rgba(8,14,24,.80) 47%,rgba(8,14,24,.28) 69%,rgba(8,14,24,.10) 100%),
    linear-gradient(180deg,rgba(8,14,24,.10) 0%,rgba(8,14,24,0) 68%,rgba(8,14,24,.30) 100%),
    url("/assets/v46/media/hero-lineup-blueprint-v1-f9ca00dd-web-v4.webp");
  background-position:center,center,center right;
  background-repeat:no-repeat;
  background-size:cover,cover,cover;
}
.lineup-v10 .lineuphero .wrap{
  position:relative;
  z-index:2;
  width:100%;
  padding:clamp(58px,8vh,96px) 0;
}
.lineup-v10 .lineuphero .eyebrow{color:#7fb0ff}
.lineup-v10 .lineuphero h1{
  max-width:780px;
  color:#f1f5fb;
  text-shadow:0 2px 28px rgba(0,0,0,.32);
}
.lineup-v10 .lineuphero p{
  max-width:650px;
  color:#b4c2d6;
  text-shadow:0 1px 18px rgba(0,0,0,.45);
}
.lineup-v10 .familyoverview{
  padding-top:42px;
  background:var(--soft);
}

/* 产品线与商店主导航：完全采用材料库的半透明深海军蓝毛玻璃底色。 */
.lineup-v10 header#top,
body.store header#top{
  z-index:100;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(109,115,124,.96);
  box-shadow:none;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* 商店取消二级导航后，产品系列筛选紧贴单层主导航。 */
body.store .seriesfilter{top:76px}
@media(max-width:760px){
  body.store .seriesfilter{top:64px}
}
.lineup-v10 header#top nav a{color:#dce5f2}
.lineup-v10 header#top nav a:hover{color:#7fb0ff}
.lineup-v10 header#top nav a.on{color:#ffb45e}

/* 产品系列快捷导航：与商店系列筛选条保持同一套视觉语言。 */
.lineup-v10 .familyjump{
  top:64px;
  z-index:80;
  display:flex;
  width:auto;
  min-height:0;
  gap:7px;
  margin:0 0 26px;
  padding:10px;
  align-items:center;
  justify-content:flex-start;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid #e1e6ec;
  border-radius:13px;
  background:rgba(255,255,255,.98);
  box-shadow:0 8px 24px rgba(18,28,42,.06);
  scroll-behavior:smooth;
  scrollbar-width:none;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.lineup-v10 .familyjump::-webkit-scrollbar{display:none}
.lineup-v10 .familyjump a{
  min-width:max-content;
  flex:0 0 auto;
  margin:0;
  padding:9px 14px;
  border:0;
  border-radius:8px;
  color:#596575;
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  line-height:1.4;
  text-align:center;
  text-shadow:none;
  transition:color .16s ease,background-color .16s ease;
}
.lineup-v10 .familyjump a:not(:last-child):after{
  content:none;
}
.lineup-v10 .familyjump a:hover,
.lineup-v10 .familyjump a:focus{
  color:#111d2c;
  background:#eef2f7;
  transform:none;
}
.lineup-v10 .familyjump a.on{
  color:#fff;
  background:#111d2c;
  transform:none;
}

.lineup-v10 .familydetail{
  scroll-margin-top:128px;
  border-color:var(--line);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.lineup-v10 .familyvisual{
  position:relative;
  min-height:0;
  overflow:hidden;
  aspect-ratio:1280/626;
  padding:0;
  background:#eef2f7;
}
.lineup-v10 .familyvisual img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
}
/*
 * style.css 的旧规则对所有 <header> 设置了 sticky。
 * familyhead 是产品卡片内部标题，不是网站导航，必须恢复普通文档流。
 */
.lineup-v10 header.familyhead{
  position:static;
  top:auto;
  z-index:auto;
  background:#fff;
  border-bottom:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.lineup-v10 .familyhead small{color:#64748b}
.lineup-v10 .familyhead h2{color:var(--ink)}
.lineup-v10 .familyhead strong{color:var(--accent)}
.lineup-v10 .familyhead p{color:var(--slate)}
.lineup-v10 .familyinfo,
.lineup-v10 .familyblock,
.lineup-v10 .familyfoot{border-color:var(--line)}
.lineup-v10 .familyblock h3{color:var(--navy2)}
.lineup-v10 .familyblock h3 i{
  color:var(--accent);
  background:#eaf2ff;
}
.lineup-v10 .familyblock li,
.lineup-v10 .familyblock>p,
.lineup-v10 .familyfoot span{color:var(--slate)}
.lineup-v10 .familyfoot{background:var(--soft)}
.lineup-v10 .familyfoot a{background:var(--accent)}
.lineup-v10 .familyfoot a:hover,
.lineup-v10 .familyfoot a:focus{background:var(--accent-d)}

/* 双层导航层级固定：主导航始终最高，产品系列导航位于内容之上。 */
.lineup-v10 .familyjump{z-index:80}

/* 商店：保留购物页的白底可读性，但颜色语言与原站一致。 */
.store .shopbar{
  top:64px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(109,115,124,.96);
  box-shadow:0 8px 20px rgba(0,0,0,.10);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.store .shopname{color:#e8edf5}
.store .shopbar nav a{color:#dce5f2}
.store .shopbar nav a:hover,
.store .shopbar nav a.on{color:#ffb45e}
.store .shopsearch{color:#b4c2d6}
.store .shopsearch input{
  color:#f1f5fb;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.09);
}
.store .shopsearch input::placeholder{color:#9fb0c7}
.store .shopsearch input:focus{
  border-color:#7fb0ff;
  background:rgba(255,255,255,.13);
}
.store .machinecatalog{background:var(--soft)}
.store .seriesfilter{
  top:118px;
  border-color:var(--line);
  background:rgba(255,255,255,.98);
  box-shadow:0 8px 24px rgba(15,23,42,.07);
}
.store .seriesfilter button{color:var(--slate)}
.store .seriesfilter button:hover{color:var(--ink);background:#eef2f7}
.store .seriesfilter button.on{color:#fff;background:var(--navy)}
.store .machinecard{
  border-color:var(--line);
  box-shadow:0 9px 28px rgba(15,23,42,.055);
}
.store .machinecard:hover{box-shadow:0 18px 42px rgba(15,23,42,.11)}
.store .machinephoto{background:#eef2f7}
.store .machinestate.current{background:var(--accent)}
.store .machinefamily{color:#64748b}
.store .machinebody h3{color:var(--ink)}
.store .machinelevel{color:var(--accent)}
.store .bestfor{color:var(--navy2);background:#f1f5f9}
.store .bestfor small,
.store .machinebody dt,
.store .machineprice small{color:#64748b}
.store .machinebody dd{color:#334155}
.store .machinebody dl div{border-bottom-color:var(--line)}
.store .machineaction{color:var(--navy2);border-color:#b8c4d3}
.store .machineaction:hover{color:var(--accent);border-color:var(--accent)}
.store .machineaction.primary{
  color:#fff;
  border-color:var(--accent);
  background:var(--accent);
}
.store .machineaction.primary:hover{
  color:#fff;
  border-color:var(--accent-d);
  background:var(--accent-d);
}
.store .matrixnotice{
  color:#6b5530;
  border-color:#ead9b6;
  background:#fffaf0;
}
.store .storeassurance{
  background:linear-gradient(120deg,#080e18,#101d33);
}
.store .storeassurance span{color:#aebdd1}

@media(max-width:900px){
  .lineup-v10 .lineuphero{
    background-image:
      linear-gradient(90deg,rgba(8,14,24,.98) 0%,rgba(8,14,24,.93) 50%,rgba(8,14,24,.48) 100%),
      linear-gradient(180deg,rgba(8,14,24,.08) 0%,rgba(8,14,24,.12) 70%,rgba(8,14,24,.40) 100%),
      url("/assets/v46/media/hero-lineup-blueprint-v1-f9ca00dd-web-v4.webp");
    background-position:center,center,62% center;
  }
  .lineup-v10 .familyjump{
    top:64px;
    min-height:0;
  }
  .lineup-v10 .familyjump a{
    min-width:max-content;
    margin:0;
  }
  .lineup-v10 .familydetail{scroll-margin-top:132px}
}
@media(max-width:560px){
  .lineup-v10 .lineuphero{
    min-height:calc(100svh - 64px);
    background-image:
      linear-gradient(180deg,rgba(8,14,24,.93) 0%,rgba(8,14,24,.84) 58%,rgba(8,14,24,.72) 100%),
      url("/assets/v46/media/hero-lineup-blueprint-v1-f9ca00dd-web-v4.webp");
    background-position:center,68% center;
    background-size:cover,cover;
  }
  .lineup-v10 .lineuphero .wrap{padding:52px 0 74px}
  .lineup-v10 .familyjump{
    position:sticky;
    top:64px;
    margin-bottom:26px;
  }
  .lineup-v10 .familydetail{scroll-margin-top:132px}
}