.page-products{
  --pr-hair:1px solid var(--grid-line);
  --pr-cell:rgba(19,28,46,.72);
}

/* ---------- 首屏 ---------- */
.page-products .pr-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:calc(var(--hdr-h) + clamp(16px,3vw,36px)) 0 clamp(44px,7vw,80px);
  border-bottom:var(--pr-hair);
}
.page-products .pr-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(148deg, rgba(122,92,255,.24) 0%, rgba(122,92,255,.06) 36%, transparent 62%),
    radial-gradient(880px 520px at 88% 4%, rgba(47,227,208,.15), transparent 68%);
  clip-path:polygon(0 0, 100% 0, 100% 68%, 0 100%);
  pointer-events:none;
}
.page-products .pr-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(to right, rgba(34,48,74,.55) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34,48,74,.55) 1px, transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(120% 90% at 72% 0%, #000 8%, transparent 74%);
  mask-image:radial-gradient(120% 90% at 72% 0%, #000 8%, transparent 74%);
  opacity:.55;
  pointer-events:none;
}
.page-products .breadcrumbs{
  position:relative;
  z-index:2;
  margin-bottom:clamp(24px,4vw,44px);
}
.page-products .pr-hero__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,40px);
}
.page-products .pr-rail__cap{
  margin:0 0 12px;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--text-muted);
  text-transform:uppercase;
}
.page-products .pr-rail{
  list-style:none;
  margin:0;
  padding:0;
  border-left:1px solid var(--grid-line);
}
.page-products .pr-rail__item + .pr-rail__item{
  border-top:1px solid rgba(34,48,74,.55);
}
.page-products .pr-rail__item a{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:11px 12px 11px 16px;
  color:var(--text-secondary);
  text-decoration:none;
  font-size:14px;
  transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease);
  border-left:2px solid transparent;
  margin-left:-1px;
}
.page-products .pr-rail__item a .mono{
  font-size:11px;
  letter-spacing:.08em;
  color:var(--text-muted);
  transition:color var(--dur) var(--ease);
}
.page-products .pr-rail__item a:hover,
.page-products .pr-rail__item a:focus-visible{
  color:var(--text-primary);
  background:rgba(47,227,208,.06);
  border-left-color:var(--electric-cyan);
}
.page-products .pr-rail__item a:hover .mono,
.page-products .pr-rail__item a:focus-visible .mono{
  color:var(--electric-cyan);
}
.page-products .pr-hero__body h1{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-size:clamp(30px,5.6vw,60px);
  font-weight:800;
  line-height:1.1;
  letter-spacing:.02em;
  color:var(--text-primary);
}
.page-products .pr-hero__lead{
  margin:20px 0 0;
  max-width:62ch;
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.8;
  color:var(--text-secondary);
}
.page-products .pr-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-products .pr-hero__facts{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:12px 30px;
  margin:30px 0 0;
  padding:18px 0 0;
  border-top:var(--pr-hair);
}
.page-products .pr-hero__facts li{
  display:flex;
  align-items:baseline;
  gap:8px;
  font-size:13px;
  color:var(--text-secondary);
}
.page-products .pr-hero__facts .mono{
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:700;
  color:var(--amber-gold);
  letter-spacing:.02em;
}

/* ---------- 通用小节 ---------- */
.page-products .pr-sub{
  margin:12px 0 0;
  max-width:66ch;
  font-size:15px;
  line-height:1.8;
  color:var(--text-secondary);
}
.page-products .pr-figure{
  margin:clamp(24px,4vw,40px) 0 0;
  border:var(--pr-hair);
  background:var(--space-ink);
  overflow:hidden;
}
.page-products .pr-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
.page-products .pr-figure--band img{
  height:clamp(130px,22vw,250px);
  object-fit:cover;
  object-position:center;
}
.page-products .pr-table__cap{
  margin:0 0 14px;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
}

/* ---------- 功能总览 ---------- */
.page-products .pr-console{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:clamp(24px,4vw,40px);
  background:var(--grid-line);
  border:var(--pr-hair);
}
.page-products .pr-console__cell{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px 24px;
  background:var(--pr-cell);
  transition:background var(--dur) var(--ease);
}
.page-products .pr-console__cell::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:var(--electric-cyan);
  opacity:.55;
  transition:opacity var(--dur) var(--ease);
}
.page-products .pr-console__cell:hover{
  background:rgba(19,28,46,.95);
}
.page-products .pr-console__cell:hover::before{
  opacity:1;
}
.page-products .pr-console__no{
  font-size:12px;
  letter-spacing:.1em;
  color:var(--nebula-purple);
}
.page-products .pr-console__title{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:var(--text-primary);
  letter-spacing:.01em;
}
.page-products .pr-console__desc{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--text-secondary);
  flex:1 1 auto;
}
.page-products .pr-console__scene{
  margin:0;
  align-self:flex-start;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--pitch-teal);
  border:1px solid rgba(31,169,124,.45);
  border-radius:var(--r-tag);
  padding:3px 8px;
}
.page-products .pr-console__cell .link-cyan{
  font-size:13px;
  margin-top:2px;
}

/* ---------- 六维对照 ---------- */
.page-products .pr-compare__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,40px);
  margin-top:clamp(24px,4vw,40px);
}
.page-products .pr-tablewrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:var(--pr-hair);
  background:rgba(11,18,32,.6);
}
.page-products .pr-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  font-size:14.5px;
}
.page-products .pr-table caption{
  text-align:left;
  padding:16px 16px 12px;
}
.page-products .pr-table thead th{
  text-align:left;
  padding:10px 16px;
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
  border-bottom:1px solid var(--grid-line);
  white-space:nowrap;
}
.page-products .pr-table tbody th,
.page-products .pr-table tbody td{
  padding:15px 16px;
  vertical-align:top;
  line-height:1.7;
  color:var(--text-secondary);
  border-bottom:1px solid var(--grid-line);
  font-weight:400;
  text-align:left;
}
.page-products .pr-table tbody tr:last-child th,
.page-products .pr-table tbody tr:last-child td{
  border-bottom:0;
}
.page-products .pr-table tbody tr{
  transition:background var(--dur) var(--ease);
}
.page-products .pr-table tbody tr:hover{
  background:rgba(47,227,208,.05);
}
.page-products .pr-table__no{
  width:56px;
  color:var(--nebula-purple);
  font-family:var(--font-mono);
  font-size:12.5px;
}
.page-products .pr-table__dim{
  color:var(--text-primary);
  font-weight:700;
  white-space:nowrap;
}
.page-products .pr-order{
  border:var(--pr-hair);
  border-left:2px solid var(--nebula-purple);
  background:rgba(19,28,46,.55);
  padding:20px 20px 24px;
}
.page-products .pr-order__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.page-products .pr-order__step{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.page-products .pr-order__num{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid var(--grid-line);
  border-radius:var(--r-tag);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--electric-cyan);
  background:var(--void);
}
.page-products .pr-order__step h3{
  margin:2px 0 6px;
  font-size:15px;
  font-weight:700;
  color:var(--text-primary);
}
.page-products .pr-order__step p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--text-secondary);
}

/* ---------- 射手榜数据面板 ---------- */
.page-products .pr-metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:clamp(24px,4vw,40px);
  background:var(--grid-line);
  border:var(--pr-hair);
}
.page-products .pr-metric{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px 24px;
  background:var(--space-ink);
}
.page-products .pr-metric__key{
  margin:0;
  padding-left:10px;
  border-left:2px solid var(--amber-gold);
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--amber-gold);
}
.page-products .pr-metric__note{
  margin:0;
  font-size:14.5px;
  line-height:1.75;
  color:var(--text-secondary);
}
.page-products .pr-window{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
  margin-top:var(--gap);
}
.page-products .pr-window__col{
  border:var(--pr-hair);
  border-left:2px solid var(--nebula-purple);
  background:rgba(19,28,46,.5);
  padding:20px 20px 22px;
}
.page-products .pr-window__col:nth-child(2){
  border-left-color:var(--electric-cyan);
}
.page-products .pr-window__tag{
  margin:0 0 10px;
  font-size:11.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.page-products .pr-window__col h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:800;
  color:var(--text-primary);
}
.page-products .pr-window__col p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--text-secondary);
}
.page-products .pr-chartwrap{
  margin-top:var(--gap);
  padding:20px 20px 22px;
  border:var(--pr-hair);
  background:linear-gradient(180deg, rgba(19,28,46,.9), rgba(5,7,15,.9));
}
.page-products .pr-chart{
  display:block;
  width:100%;
  height:auto;
}
.page-products .pr-chart__axis{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(34,48,74,.6);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--text-muted);
}
.page-products .pr-chart__foot{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--text-muted);
}

/* ---------- 桌面端赛程查询 ---------- */
.page-products .pr-desk{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,4vw,48px);
  align-items:center;
}
.page-products .pr-desk__body h2{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:clamp(24px,3.6vw,38px);
  font-weight:800;
  line-height:1.18;
  letter-spacing:.015em;
  color:var(--text-primary);
}
.page-products .pr-desk__body > p{
  margin:14px 0 0;
  max-width:58ch;
  font-size:15px;
  line-height:1.8;
  color:var(--text-secondary);
}
.page-products .pr-league{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  margin:24px 0 0;
  padding:0;
  background:var(--grid-line);
  border:var(--pr-hair);
}
.page-products .pr-league li{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:12px 14px;
  background:var(--space-ink);
  font-size:14.5px;
  color:var(--text-primary);
}
.page-products .pr-league .mono{
  font-size:11px;
  letter-spacing:.08em;
  color:var(--electric-cyan);
}
.page-products .pr-desk__list{
  list-style:none;
  margin:22px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.page-products .pr-desk__list li{
  position:relative;
  padding-left:18px;
  font-size:14px;
  line-height:1.75;
  color:var(--text-secondary);
}
.page-products .pr-desk__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:8px;
  height:1px;
  background:var(--nebula-purple);
}
.page-products .pr-desk__list strong{
  color:var(--text-primary);
  font-weight:700;
  margin-right:6px;
}
.page-products .pr-desk__body .link-cyan{
  display:inline-block;
  margin-top:20px;
  font-size:14px;
}
.page-products .pr-figure--desk{
  margin:0;
}
.page-products .pr-figure--desk img{
  height:auto;
  object-fit:cover;
}

/* ---------- 三档配置 ---------- */
.page-products .pr-builds{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--gap);
  margin-top:clamp(20px,3vw,28px);
}
.page-products .pr-build{
  display:flex;
  flex-direction:column;
  background:var(--panel-slate);
  border:var(--pr-hair);
  transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.page-products .pr-build:hover{
  transform:translateY(-4px);
}
.page-products .pr-build__bar{
  height:3px;
  background:var(--grid-line);
}
.page-products .pr-build--fast .pr-build__bar{
  background:var(--electric-cyan);
}
.page-products .pr-build--std .pr-build__bar{
  background:var(--nebula-purple);
}
.page-products .pr-build--ultra{
  border-color:rgba(255,182,61,.55);
}
.page-products .pr-build--ultra .pr-build__bar{
  background:var(--amber-gold);
}
.page-products .pr-build__inner{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px 26px;
  flex:1 1 auto;
}
.page-products .pr-build__no{
  margin:0;
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--text-muted);
}
.page-products .pr-build__name{
  margin:0;
  font-family:var(--font-display);
  font-size:24px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--text-primary);
}
.page-products .pr-build--ultra .pr-build__name{
  color:var(--amber-gold);
}
.page-products .pr-build__for{
  margin:0 0 6px;
  font-size:13.5px;
  line-height:1.7;
  color:var(--text-secondary);
  min-height:2.6em;
}
.page-products .pr-build__spec{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--grid-line);
  border-top:1px solid var(--grid-line);
}
.page-products .pr-build__spec > div{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:12px;
  padding:11px 0;
  background:var(--panel-slate);
}
.page-products .pr-build__spec dt{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--text-muted);
}
.page-products .pr-build__spec dd{
  margin:0;
  font-size:13.5px;
  line-height:1.65;
  color:var(--text-secondary);
}
.page-products .pr-build__num{
  font-family:var(--font-mono);
  font-size:15px;
  font-weight:700;
  color:var(--amber-gold);
  letter-spacing:.02em;
}

/* ---------- 版本演进 ---------- */
.page-products .pr-evo{
  list-style:none;
  position:relative;
  margin:clamp(24px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:26px;
}
.page-products .pr-evo::before{
  content:"";
  position:absolute;
  left:5px;
  top:6px;
  bottom:6px;
  width:1px;
  background:linear-gradient(180deg, var(--nebula-purple), var(--electric-cyan) 55%, var(--amber-gold));
  opacity:.55;
}
.page-products .pr-evo__item{
  position:relative;
  padding-left:26px;
}
.page-products .pr-evo__dot{
  position:absolute;
  left:0;
  top:6px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--void);
  border:1px solid var(--electric-cyan);
  box-shadow:0 0 0 3px rgba(47,227,208,.12);
}
.page-products .pr-evo__item:last-child .pr-evo__dot{
  border-color:var(--amber-gold);
  box-shadow:0 0 0 3px rgba(255,182,61,.16);
}
.page-products .pr-evo__ver{
  margin:0 0 6px;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--electric-cyan);
}
.page-products .pr-evo__item h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:800;
  color:var(--text-primary);
}
.page-products .pr-evo__item p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--text-secondary);
}
.page-products .pr-evo__more{
  margin:26px 0 0;
  font-size:14px;
}

/* ---------- 场景选档 + 咨询 ---------- */
.page-products .pr-scene{
  margin-top:clamp(24px,4vw,36px);
  border:var(--pr-hair);
  background:rgba(11,18,32,.5);
}
.page-products .pr-scene__row{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  padding:16px 18px;
  border-bottom:1px solid var(--grid-line);
  text-decoration:none;
  transition:background var(--dur) var(--ease);
}
.page-products .pr-scene__row:last-child{
  border-bottom:0;
}
.page-products .pr-scene__row:hover,
.page-products .pr-scene__row:focus-visible{
  background:rgba(47,227,208,.06);
}
.page-products .pr-scene__k{
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}
.page-products .pr-scene__v{
  font-family:var(--font-display);
  font-size:16px;
  font-weight:800;
  color:var(--amber-gold);
  letter-spacing:.01em;
}
.page-products .pr-scene__why{
  font-size:13.5px;
  line-height:1.7;
  color:var(--text-secondary);
}
.page-products .pr-cta{
  margin-top:clamp(28px,4.5vw,52px);
  padding:clamp(22px,4vw,38px);
  border:var(--pr-hair);
  background:linear-gradient(118deg, rgba(122,92,255,.18) 0%, rgba(47,227,208,.09) 56%, transparent 100%);
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}
.page-products .pr-cta h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(20px,2.8vw,28px);
  font-weight:800;
  line-height:1.28;
  letter-spacing:.015em;
  color:var(--text-primary);
}
.page-products .pr-cta p{
  margin:10px 0 0;
  max-width:60ch;
  font-size:14.5px;
  line-height:1.8;
  color:var(--text-secondary);
}
.page-products .pr-cta__acts{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-products .pr-console{
    grid-template-columns:1fr 1fr;
  }
  .page-products .pr-metrics{
    grid-template-columns:1fr 1fr;
  }
  .page-products .pr-builds{
    grid-template-columns:1fr;
  }
}

@media (min-width:900px){
  .page-products .pr-hero__grid{
    grid-template-columns:236px minmax(0,1fr);
    gap:clamp(32px,4.5vw,56px);
    align-items:start;
  }
  .page-products .pr-hero__rail{
    position:sticky;
    top:calc(var(--hdr-h) + 20px);
  }
  .page-products .pr-compare__grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    align-items:start;
  }
  .page-products .pr-window{
    grid-template-columns:1fr 1fr;
  }
  .page-products .pr-desk{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .page-products .pr-builds{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-products .pr-cta{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .page-products .pr-evo{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
  }
  .page-products .pr-evo::before{
    left:6px;
    right:6px;
    top:11px;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(90deg, var(--nebula-purple), var(--electric-cyan) 55%, var(--amber-gold));
  }
  .page-products .pr-evo__item{
    padding:0 22px 0 0;
  }
  .page-products .pr-evo__dot{
    position:static;
    display:block;
    margin-bottom:16px;
  }
  .page-products .pr-scene__row{
    grid-template-columns:210px 120px minmax(0,1fr);
    align-items:baseline;
    gap:20px;
  }
}

@media (min-width:1100px){
  .page-products .pr-console{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-products .pr-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-products .pr-league{
    grid-template-columns:1fr 1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-products .pr-build:hover{
    transform:none;
  }
  .page-products .pr-rail__item a,
  .page-products .pr-console__cell,
  .page-products .pr-table tbody tr,
  .page-products .pr-scene__row{
    transition:none;
  }
}
<<<END>>>