.page-products{
  --pd-text:#DCE3EA;
  --pd-muted:#93A7BB;
  --pd-line:rgba(36,56,76,.85);
  display:block;
  background:var(--night);
  color:var(--pd-text);
}

/* 首屏 */
.page-products .pd-hero{
  position:relative;
  padding:calc(var(--header-h) + clamp(2rem,6vw,4.2rem)) 0 clamp(2.6rem,6vw,4.2rem);
  background:
    radial-gradient(120% 90% at 82% -12%, rgba(47,224,200,.13), transparent 60%),
    radial-gradient(90% 70% at 4% 112%, rgba(194,69,42,.18), transparent 62%),
    linear-gradient(180deg,var(--night) 0%, var(--abyss) 100%);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.page-products .pd-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:repeating-linear-gradient(90deg, rgba(143,166,187,.055) 0 1px, transparent 1px 92px);
  pointer-events:none;
}
.page-products .pd-hero__inner{
  position:relative;
  z-index:1;
}
.page-products .pd-hero .breadcrumb{
  margin-bottom:clamp(1.2rem,3vw,2rem);
}
.page-products .pd-hero__eyebrow{
  margin:0 0 .9rem;
  font-family:var(--f-mono);
  font-size:.76rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-products .pd-hero__title{
  margin:0 0 1.1rem;
  max-width:19ch;
  font-family:var(--f-display);
  font-weight:800;
  letter-spacing:-.02em;
  font-size:clamp(2.05rem,5.6vw,3.55rem);
  line-height:1.08;
  color:var(--cream);
}
.page-products .pd-hero__lede{
  margin:0 0 1.8rem;
  max-width:62ch;
  font-size:clamp(.98rem,1.5vw,1.06rem);
  line-height:1.88;
  color:var(--pd-muted);
}
.page-products .pd-hero__acts{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-bottom:2rem;
}
.page-products .pd-hero__meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  border:1px solid var(--line);
  background:var(--pd-line);
}
.page-products .pd-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding:.85rem 1rem;
  background:var(--abyss);
  font-size:.85rem;
  color:var(--pd-muted);
}
.page-products .pd-hero__meta b{
  font-size:1.15rem;
  color:var(--cyan);
  font-weight:600;
}

/* 快照状态条 */
.page-products .pd-snapbar-wrap{
  position:sticky;
  top:var(--header-h);
  z-index:30;
  background:var(--abyss);
  border-bottom:1px solid var(--line);
  box-shadow:0 16px 32px -26px rgba(0,0,0,.95);
}
.page-products .pd-snapbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem .9rem;
  padding:.7rem 0;
  font-size:.76rem;
  color:var(--pd-muted);
}
.page-products .pd-snapbar__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 3px rgba(47,224,200,.18);
  flex:none;
}
.page-products .pd-snapbar__item{
  display:inline-flex;
  align-items:baseline;
  gap:.45rem;
}
.page-products .pd-snapbar__k{
  font-family:var(--f-mono);
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(143,166,187,.75);
}
.page-products .pd-snapbar__item .mono{
  color:var(--cream);
}
.page-products .pd-snapbar__sep{
  width:1px;
  height:14px;
  background:var(--line);
}
.page-products .pd-snapbar__sep--wide,
.page-products .pd-snapbar__item--wide{
  display:none;
}

/* 通用区块 */
.page-products .pd-block{
  padding:clamp(2.6rem,6vw,4.6rem) 0;
  border-bottom:1px solid var(--line);
}
.page-products .pd-block--deep{
  background:linear-gradient(180deg,var(--abyss) 0%, var(--night) 100%);
}
.page-products .pd-block:last-of-type{
  border-bottom:0;
}

/* 专区结构 */
.page-products .pd-zone{
  display:grid;
  gap:1.5rem;
}
.page-products .pd-zone__aside{
  position:relative;
  padding-left:1.05rem;
}
.page-products .pd-zone__aside::before{
  content:"";
  position:absolute;
  left:0;
  top:.4rem;
  bottom:.4rem;
  width:6px;
  background:var(--clay);
  clip-path:polygon(0 0,100% 5%,100% 100%,0 95%);
}
.page-products .pd-zone__no{
  display:block;
  line-height:1;
  margin-bottom:.5rem;
}
.page-products .pd-zone__name{
  margin:0 0 .4rem;
  font-family:var(--f-display);
  font-weight:800;
  letter-spacing:-.01em;
  font-size:clamp(1.45rem,3.4vw,1.95rem);
  line-height:1.15;
  color:var(--cream);
}
.page-products .pd-zone__sub{
  margin:0 0 .9rem;
  font-size:.82rem;
  line-height:1.7;
  color:var(--pd-muted);
}
.page-products .pd-zone__body{
  min-width:0;
}
.page-products .pd-lede{
  margin:0;
  max-width:64ch;
  font-size:1rem;
  line-height:1.88;
  color:var(--pd-text);
}
.page-products .pd-lede a{
  color:var(--cyan);
}

/* 字段标签 */
.page-products .pd-fields{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:1.3rem 0 1.6rem;
  padding:0;
  list-style:none;
}
.page-products .pd-fields li{
  padding:.34rem .72rem;
  border:1px solid var(--line);
  background:rgba(47,224,200,.05);
  font-family:var(--f-mono);
  font-size:.73rem;
  letter-spacing:.05em;
  color:var(--cyan);
}

/* 筛选与球员列表 */
.page-products .pd-player-filter{
  margin-bottom:.4rem;
}
.page-products .pd-player-list{
  margin:0 0 1.8rem;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.page-products .pd-player{
  display:flex;
  align-items:baseline;
  gap:.9rem;
  padding:.85rem .2rem;
  border-bottom:1px solid var(--line);
  font-size:.9rem;
}
.page-products .pd-player__no{
  flex:none;
  width:2.4rem;
  font-size:1.05rem;
  color:var(--clay-hi);
}
.page-products .pd-player__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.3rem 1.1rem;
  min-width:0;
  color:var(--pd-muted);
}
.page-products .pd-player__pos{
  color:var(--cream);
  font-weight:600;
}
.page-products .pd-player__meta b{
  color:var(--cyan);
  font-weight:600;
}
.page-products .pd-player__foot{
  font-family:var(--f-mono);
  font-size:.76rem;
  letter-spacing:.04em;
}

/* 对比面板 */
.page-products .pd-compare{
  margin:1.6rem 0;
}
.page-products .pd-compare__wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-products .pd-compare__table{
  width:100%;
  min-width:420px;
  border-collapse:collapse;
  font-size:.88rem;
}
.page-products .pd-compare__table th,
.page-products .pd-compare__table td{
  padding:.62rem .8rem;
  border-bottom:1px solid var(--line);
  text-align:right;
  white-space:nowrap;
}
.page-products .pd-compare__table thead th{
  font-family:var(--f-mono);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cyan);
  border-bottom:1px solid var(--line-soft);
}
.page-products .pd-compare__table tbody th{
  text-align:left;
  font-weight:400;
  color:var(--pd-muted);
}
.page-products .pd-compare__table td{
  color:var(--cream);
}
.page-products .pd-compare__table tbody tr:last-child th,
.page-products .pd-compare__table tbody tr:last-child td{
  border-bottom:0;
}

/* 图片通用 */
.page-products .pd-figure{
  margin:1.8rem 0 0;
}
.page-products .figure__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-products .pd-figure .figure__cap{
  margin-top:.6rem;
  font-size:.78rem;
  line-height:1.7;
  color:var(--pd-muted);
}

/* 季票 */
.page-products .pd-seat-wrap{
  display:grid;
  gap:1.6rem;
  margin:1.8rem 0;
}
.page-products .pd-seatmap{
  display:block;
  width:100%;
  max-width:600px;
  height:auto;
  margin:0 auto;
}
.page-products .pd-seatmap__ground{
  fill:#0F2E22;
  stroke:rgba(127,211,166,.35);
  stroke-width:1.5;
}
.page-products .pd-seatmap__pitchline{
  stroke:rgba(243,235,222,.28);
  stroke-width:1;
}
.page-products .pd-seatmap__zone rect{
  fill:rgba(143,166,187,.10);
  stroke:var(--line);
  stroke-width:1;
  transition:fill .28s var(--ease), stroke .28s var(--ease);
}
.page-products .pd-seatmap__zone text{
  fill:var(--pd-muted);
  font-family:var(--f-mono);
  font-size:13px;
  letter-spacing:.04em;
  text-anchor:middle;
  transition:fill .28s var(--ease);
}
.page-products .pd-seatmap__zone:hover rect{
  stroke:var(--cyan);
  fill:rgba(47,224,200,.2);
}
.page-products .pd-seatmap__zone:hover text{
  fill:var(--cream);
}
.page-products .pd-seatmap__zone--cyan rect{
  fill:rgba(47,224,200,.12);
  stroke:rgba(47,224,200,.4);
}
.page-products .pd-seatmap__zone--slate rect{
  fill:rgba(143,166,187,.14);
  stroke:rgba(143,166,187,.45);
}
.page-products .pd-seatmap__zone--mint rect{
  fill:rgba(127,211,166,.12);
  stroke:rgba(127,211,166,.5);
}
.page-products .pd-seatmap__zone--gold rect{
  fill:rgba(226,169,59,.13);
  stroke:rgba(226,169,59,.5);
}

.page-products .pd-tier-list{
  display:grid;
  gap:1px;
  margin:0 0 1.6rem;
  padding:0;
  list-style:none;
  border:1px solid var(--line);
  background:var(--pd-line);
}
.page-products .pd-tier{
  display:grid;
  grid-template-columns:14px 1fr;
  gap:.25rem .8rem;
  padding:.9rem 1rem;
  background:var(--abyss);
  font-size:.88rem;
  line-height:1.7;
  color:var(--pd-muted);
}
.page-products .pd-tier__sw{
  grid-row:1 / 3;
  align-self:start;
  width:14px;
  height:100%;
  min-height:34px;
  border:1px solid var(--line);
}
.page-products .pd-tier__sw--cyan{
  background:rgba(47,224,200,.35);
  border-color:rgba(47,224,200,.6);
}
.page-products .pd-tier__sw--slate{
  background:rgba(143,166,187,.4);
  border-color:rgba(143,166,187,.65);
}
.page-products .pd-tier__sw--mint{
  background:rgba(127,211,166,.4);
  border-color:rgba(127,211,166,.6);
}
.page-products .pd-tier__sw--gold{
  background:rgba(226,169,59,.4);
  border-color:rgba(226,169,59,.6);
}
.page-products .pd-tier b{
  color:var(--cream);
  font-weight:600;
}
.page-products .pd-ticket-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

/* 奖项 */
.page-products .pd-awards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:1.8rem 0;
  padding:0;
  list-style:none;
  border:1px solid var(--line);
  background:var(--pd-line);
}
.page-products .pd-award{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  padding:1.15rem 1rem;
  background:linear-gradient(180deg,rgba(226,169,59,.08),rgba(12,27,42,.9) 72%);
  font-size:.85rem;
  line-height:1.7;
  color:var(--pd-muted);
}
.page-products .pd-award__glyph{
  display:grid;
  place-items:center;
  width:2.9rem;
  height:2.9rem;
  border:1px solid var(--gold);
  border-radius:50%;
  color:var(--gold);
  font-size:.68rem;
  letter-spacing:.04em;
}
.page-products .pd-award b{
  color:var(--cream);
  font-size:.98rem;
  font-weight:600;
}
.page-products .pd-award-note{
  padding:1.1rem 1.2rem;
  border-left:2px solid var(--gold);
  background:rgba(226,169,59,.06);
  font-size:.88rem;
  line-height:1.8;
  color:var(--pd-muted);
}
.page-products .pd-award-note p{
  margin:0 0 .4rem;
}
.page-products .pd-award-note p:last-child{
  margin-bottom:0;
}
.page-products .pd-award-note b{
  color:var(--gold);
}
.page-products .pd-award-note a{
  color:var(--cyan);
}

/* 青训 */
.page-products .pd-youth-grid{
  display:grid;
  gap:1.6rem;
  margin:1.8rem 0;
}
.page-products .pd-youth-accordion .accordion__btn{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
}
.page-products .pd-report{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.5rem 1rem;
  margin:0;
  font-size:.88rem;
  line-height:1.75;
}
.page-products .pd-report dt{
  color:var(--pd-muted);
  font-family:var(--f-mono);
  font-size:.76rem;
  letter-spacing:.05em;
  white-space:nowrap;
}
.page-products .pd-report dd{
  margin:0;
  color:var(--pd-text);
}
.page-products .pd-report dd b{
  color:var(--mint);
}
.page-products .pd-youth-foot{
  margin:0;
  font-size:.9rem;
  line-height:1.85;
  color:var(--pd-muted);
}
.page-products .pd-youth-foot a{
  color:var(--cyan);
}

/* 同步与快照 */
.page-products .pd-sync{
  display:grid;
  gap:1.6rem;
  margin-top:1.8rem;
}
.page-products .pd-sync__panel{
  width:100%;
}
.page-products .pd-sync__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.page-products .pd-sync__figure{
  margin:0;
}
.page-products .pd-sync__links{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.4rem;
}

/* 身份路径（奶油纸面） */
.page-products .pd-paths-section{
  padding:clamp(3rem,7vw,5.2rem) 0;
  background:var(--cream);
  color:var(--brown);
  border-top:1px solid var(--line-cream);
}
.page-products .pd-paths-section .section__lede{
  color:var(--brown-2);
}
.page-products .pd-num-light{
  color:transparent;
  -webkit-text-stroke:1px rgba(35,26,19,.28);
}
.page-products .pd-paths{
  display:grid;
  gap:1.4rem;
  margin-top:2.2rem;
}
.page-products .pd-path{
  position:relative;
  padding:1.9rem 1.3rem 1.6rem;
  background:var(--cream-hi);
  border:1px solid var(--line-cream);
  box-shadow:var(--shadow-paper);
}
.page-products .pd-path::before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:52px;
  height:52px;
  background:var(--cream);
  clip-path:polygon(0 0,100% 0,0 100%);
  z-index:0;
}
.page-products .pd-path::after{
  content:"";
  position:absolute;
  top:1px;
  left:1px;
  width:70px;
  height:2px;
  background:var(--clay);
  transform-origin:0 0;
  transform:rotate(45deg);
  z-index:0;
}
.page-products .pd-path > *{
  position:relative;
  z-index:1;
}
.page-products .pd-path__no{
  display:block;
  font-size:.78rem;
  letter-spacing:.2em;
  color:var(--clay);
}
.page-products .pd-path__title{
  margin:.3rem 0 1rem;
  font-family:var(--f-display);
  font-weight:800;
  font-size:1.35rem;
  letter-spacing:-.01em;
  color:var(--brown);
}
.page-products .pd-path__steps{
  counter-reset:step;
  display:grid;
  gap:.6rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-products .pd-path__steps li{
  counter-increment:step;
  display:grid;
  grid-template-columns:1.6rem 1fr;
  gap:.55rem;
  font-size:.92rem;
  line-height:1.78;
  color:var(--brown-2);
}
.page-products .pd-path__steps li::before{
  content:counter(step,decimal-leading-zero);
  padding-top:.28rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  color:var(--clay);
}
.page-products .pd-path__steps a{
  color:var(--clay);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* 帮助区块 */
.page-products .pd-help-section{
  padding:clamp(3rem,7vw,5rem) 0;
  background:var(--cream-2);
  color:var(--brown);
  border-top:1px solid var(--line-cream);
}
.page-products .pd-help-section .section__lede{
  color:var(--brown-2);
}
.page-products .pd-help{
  display:grid;
  gap:1.6rem;
  margin-top:2rem;
}
.page-products .pd-help__list{
  display:grid;
  gap:1px;
  margin:0;
  padding:0;
  list-style:none;
  border:1px solid var(--line-cream);
  background:var(--line-cream);
}
.page-products .pd-help__list li{
  padding:1rem 1.1rem;
  background:var(--cream-hi);
  font-size:.88rem;
  line-height:1.75;
  color:var(--brown-2);
}
.page-products .pd-help__link{
  display:block;
  margin-bottom:.2rem;
  font-family:var(--f-display);
  font-weight:800;
  font-size:1.05rem;
  color:var(--brown);
  text-decoration:none;
  border-bottom:2px solid var(--clay);
  padding-bottom:.15rem;
  width:fit-content;
}
.page-products .pd-help__link:hover,
.page-products .pd-help__link:focus-visible{
  color:var(--clay);
}
.page-products .pd-contact{
  padding:1.3rem 1.2rem;
  background:var(--night);
  color:var(--pd-text);
  border:1px solid var(--line);
}
.page-products .pd-contact__title{
  margin:0 0 .9rem;
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-products .pd-contact__list{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.5rem 1rem;
  margin:0 0 1.2rem;
  font-size:.88rem;
  line-height:1.7;
}
.page-products .pd-contact__list dt{
  color:var(--pd-muted);
  font-size:.8rem;
  white-space:nowrap;
}
.page-products .pd-contact__list dd{
  margin:0;
  color:var(--cream);
}

/* 中屏 */
@media (min-width:640px){
  .page-products .pd-hero__meta{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-products .pd-awards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-products .pd-snapbar__sep--wide,
  .page-products .pd-snapbar__item--wide{
    display:inline-flex;
  }
  .page-products .pd-snapbar__sep--wide{
    display:block;
  }
  .page-products .pd-tier{
    grid-template-columns:14px minmax(140px,auto) 1fr;
    align-items:center;
  }
  .page-products .pd-tier__sw{
    grid-row:auto;
    height:26px;
    min-height:0;
  }
}

/* 桌面：专区两栏、不对称内容宽度 */
@media (min-width:920px){
  .page-products .pd-zone{
    grid-template-columns:minmax(190px,260px) minmax(0,1fr);
    gap:clamp(2rem,4.5vw,3.6rem);
    align-items:start;
  }
  .page-products .pd-zone__aside{
    position:sticky;
    top:calc(var(--header-h) + 3.2rem);
  }
  .page-products .pd-seat-wrap{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    align-items:start;
  }
  .page-products .pd-seatmap{
    margin:0;
  }
  .page-products .pd-figure--aside{
    margin-top:0;
  }
  .page-products .pd-youth-grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:2.2rem;
    align-items:start;
  }
  .page-products .pd-youth-grid .pd-figure{
    margin-top:0;
  }
  .page-products .pd-sync{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
  }
  .page-products .pd-sync__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-products .pd-paths{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:1.6rem;
  }
  .page-products .pd-path:nth-child(2){
    margin-top:1.8rem;
  }
  .page-products .pd-path:nth-child(3){
    margin-top:.8rem;
  }
  .page-products .pd-help{
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
    gap:2.2rem;
    align-items:start;
  }
}

/* 减少动效 */
@media (prefers-reduced-motion: reduce){
  .page-products .pd-seatmap__zone rect,
  .page-products .pd-seatmap__zone text{
    transition:none;
  }
}
<<<END>>>