.page-home{
  --home-gap:clamp(14px,2.2vw,24px);
  --home-clip:polygon(0 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%);
  --home-num:clamp(44px,7vw,84px);
}

.page-home .ydj-section{padding-block:clamp(40px,5.5vw,76px);}

/* 顶部上下文条 */
.page-home .home-topline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 18px;
  padding-top:clamp(16px,2.4vw,26px);
  padding-bottom:clamp(10px,1.6vw,16px);
}
.page-home .home-topline__note{
  margin:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--steel);
  text-transform:uppercase;
}

/* 首屏 7/5 斜切拼贴 */
.page-home .home-hero{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--home-gap);
  padding-bottom:clamp(28px,4vw,52px);
}

.page-home .home-hero__main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:clamp(14px,2vw,20px);
  padding:clamp(22px,3.4vw,44px);
  background:var(--carbon);
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-hard);
}
.page-home .home-hero__bg{
  position:absolute;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  opacity:.26;
  filter:saturate(.7);
}
.page-home .home-hero__main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(160deg,rgba(7,9,13,.55) 0%,rgba(7,9,13,.88) 62%,rgba(7,9,13,.96) 100%);
  pointer-events:none;
}
.page-home .home-hero__title{
  margin:0;
  max-width:16ch;
  transform:rotate(-2deg);
  transform-origin:left center;
}
.page-home .home-hero__lede{
  margin:0;
  max-width:46ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.7;
  color:var(--cream-82);
}

/* 赛区切换 */
.page-home .home-zone{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:6px;
}
.page-home .home-zone .ydj-zone__label{
  margin:0;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--steel);
  text-transform:uppercase;
}
.page-home .home-zone .ydj-zone__track{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-home .home-zone .ydj-zone__btn{
  min-height:44px;
  padding:8px 16px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cream-82);
  background:rgba(7,9,13,.72);
  border:1px solid var(--line-strong);
  cursor:pointer;
  transition:transform var(--ease),background var(--ease),color var(--ease),border-color var(--ease);
}
.page-home .home-zone .ydj-zone__btn:hover{
  transform:translate(-2px,-2px);
  border-color:var(--blue);
  color:var(--cream);
}
.page-home .home-zone .ydj-zone__btn[aria-pressed="true"]{
  background:var(--purple);
  border-color:var(--purple);
  color:var(--void);
  font-weight:700;
  box-shadow:4px 4px 0 rgba(168,85,247,.32);
}
.page-home .home-zone .ydj-zone__readout{
  margin:0;
  padding-left:12px;
  border-left:2px solid var(--green);
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.6;
  letter-spacing:.05em;
  color:var(--cream-62);
}

.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:auto;
  padding-top:8px;
}

/* 首屏右栏 */
.page-home .home-hero__rail{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--home-gap);
  align-content:start;
}
.page-home .home-rail__portrait{
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:var(--void);
  box-shadow:var(--shadow-blue);
}
.page-home .home-rail__portrait img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  filter:grayscale(.35) contrast(1.05);
}
.page-home .home-rail__portrait .ydj-media__caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  padding:10px 12px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.05em;
  color:var(--cream);
  background:linear-gradient(0deg,rgba(7,9,13,.94),rgba(7,9,13,.2));
}
.page-home .home-rail__pulse{
  padding:16px 16px 12px;
  border:1px solid var(--line-strong);
  background:var(--carbon);
}
.page-home .home-rail__pulse .ydj-kicker{margin:0 0 10px;}
.page-home .home-rail__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
}
.page-home .home-rail__list li{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
  font-size:13.5px;
  color:var(--cream-82);
}
.page-home .home-rail__list li:last-child{border-bottom:0;}
.page-home .home-rail__list b{
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.06em;
  color:var(--green);
  white-space:nowrap;
}
.page-home .home-rail__spark{
  display:block;
  width:100%;
  height:auto;
  margin-top:10px;
  border-top:1px solid var(--line);
  padding-top:10px;
}

/* 01 入口拼贴 */
.page-home .home-collage__head{max-width:62ch;}
.page-home .home-collage__head p:last-child{
  margin:0;
  color:var(--cream-62);
  font-size:15px;
  line-height:1.7;
}
.page-home .home-collage__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--home-gap);
  margin-top:clamp(20px,3vw,32px);
}
.page-home .home-collage__tile{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(18px,2.4vw,26px);
  background:var(--carbon);
  border:1px solid var(--line);
  transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);
}
.page-home .home-collage__tile:hover,
.page-home .home-collage__tile:focus-within{
  transform:translate(-3px,-3px);
  border-color:var(--blue);
  box-shadow:var(--shadow-blue);
}
.page-home .home-collage__tile h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(22px,2.6vw,28px);
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--cream);
}
.page-home .home-collage__tile p{
  margin:0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--cream-62);
}
.page-home .home-collage__tile .ydj-index{
  margin:0;
  color:var(--cyan);
}
.page-home .home-collage__fig{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--void);
}
.page-home .home-collage__fig img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-home .home-collage__link{
  margin-top:auto;
  align-self:flex-start;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--blue);
  text-decoration:none;
  border-bottom:2px solid var(--blue);
  padding-bottom:3px;
}
.page-home .home-collage__link:hover{color:var(--cream);border-bottom-color:var(--orange);}

/* 02 季后赛专题轨道 */
.page-home .home-track__head{max-width:64ch;}
.page-home .home-track__head p:last-child{
  margin:0;
  color:var(--cream-62);
  font-size:15px;
  line-height:1.7;
}
.page-home .home-track__list{
  list-style:none;
  margin:clamp(20px,3vw,32px) 0 0;
  padding:0;
  display:grid;
  gap:0;
  border-left:2px solid var(--line-strong);
}
.page-home .home-track__node{
  position:relative;
  padding:0 0 22px 20px;
}
.page-home .home-track__node::before{
  content:"";
  position:absolute;
  left:-7px;
  top:6px;
  width:12px;
  height:12px;
  background:var(--void);
  border:2px solid var(--purple);
}
.page-home .home-track__node:last-child{padding-bottom:0;}
.page-home .home-track__stamp{
  display:inline-block;
  margin-bottom:6px;
  padding:2px 8px;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:.1em;
  color:var(--void);
  background:var(--green);
}
.page-home .home-track__node h3{
  margin:0 0 6px;
  font-family:var(--font-display);
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--cream);
}
.page-home .home-track__node p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--cream-62);
}

/* 03 数据脉冲 */
.page-home .home-pulse__head{max-width:60ch;}
.page-home .home-pulse__head p:last-child{
  margin:0;
  color:var(--cream-62);
  font-size:15px;
  line-height:1.7;
}
.page-home .home-pulse__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:clamp(20px,3vw,32px);
  background:var(--line);
  border:1px solid var(--line-strong);
}
.page-home .home-pulse__stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:clamp(16px,2.4vw,26px);
  background:var(--carbon);
}
.page-home .home-pulse__stat:nth-child(2n){
  background:#0C1017;
}
.page-home .home-pulse__num{
  font-family:var(--font-display);
  font-size:var(--home-num);
  font-weight:900;
  line-height:.95;
  letter-spacing:-.04em;
  color:var(--cream);
}
.page-home .home-pulse__stat:nth-child(1) .home-pulse__num{color:var(--cyan);}
.page-home .home-pulse__stat:nth-child(2) .home-pulse__num{color:var(--blue);}
.page-home .home-pulse__stat:nth-child(3) .home-pulse__num{color:var(--orange);}
.page-home .home-pulse__stat:nth-child(4) .home-pulse__num{color:var(--green);}
.page-home .home-pulse__stat .ydj-stat__label{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--steel);
}
.page-home .home-pulse__stat p{
  margin:0;
  font-size:13.5px;
  line-height:1.65;
  color:var(--cream-62);
}

/* 04 三步路径 */
.page-home .home-path__head p{margin:0;}
.page-home .home-path__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--home-gap);
  margin-top:clamp(18px,2.6vw,28px);
}
.page-home .home-path__step{
  padding:clamp(18px,2.4vw,26px);
  border:1px solid var(--line);
  background:var(--carbon);
}
.page-home .home-path__stepno{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--orange);
}
.page-home .home-path__step h3{
  margin:0 0 8px;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--cream);
}
.page-home .home-path__step p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--cream-62);
}
.page-home .home-path__more{
  margin:18px 0 0;
  font-size:14px;
  color:var(--cream-62);
}
.page-home .home-path__more a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(111,231,255,.5);
}
.page-home .home-path__more a:hover{color:var(--cream);border-bottom-color:var(--orange);}

/* 05 合作 */
.page-home .home-coop__panel{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(18px,3vw,34px);
  padding:clamp(22px,3.4vw,42px);
  background:
    linear-gradient(140deg,rgba(255,75,43,.16) 0%,rgba(7,9,13,0) 55%),
    var(--carbon);
  border:1px solid rgba(255,75,43,.45);
  box-shadow:var(--shadow-hard);
}
.page-home .home-coop__text .ydj-kicker{margin:0 0 10px;}
.page-home .home-coop__text h2{margin:0 0 12px;max-width:20ch;}
.page-home .home-coop__text p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--cream-82);
  max-width:52ch;
}
.page-home .home-coop__list{
  list-style:none;
  margin:16px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}
.page-home .home-coop__list li{
  position:relative;
  padding-left:18px;
  font-size:14px;
  color:var(--cream-62);
}
.page-home .home-coop__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:8px;
  height:8px;
  background:var(--orange);
}
.page-home .home-coop__actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
.page-home .home-coop__note{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--steel);
}

/* 焦点可见性 */
.page-home a:focus-visible,
.page-home button:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:3px;
}

@media (min-width:640px){
  .page-home .home-collage__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .home-path__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .home-pulse__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-home .home-coop__panel{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;}
}

@media (min-width:960px){
  .page-home .home-hero{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
  }
  .page-home .home-hero__main{
    clip-path:var(--home-clip);
    min-height:520px;
  }
  .page-home .home-hero__rail{grid-template-columns:1fr;}
  .page-home .home-rail__portrait img{aspect-ratio:5/4;}
  .page-home .home-collage__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
  }
  .page-home .home-collage__tile--wide{grid-column:span 7;}
  .page-home .home-collage__tile--narrow{grid-column:span 5;}
  .page-home .home-collage__tile:nth-child(1){grid-column:span 7;}
  .page-home .home-collage__tile:nth-child(2){grid-column:span 5;}
  .page-home .home-collage__tile:nth-child(3){grid-column:span 5;}
  .page-home .home-collage__tile:nth-child(4){grid-column:span 7;}

  .page-home .home-track__list{
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-left:0;
    border-top:2px solid var(--line-strong);
    gap:clamp(14px,2vw,26px);
  }
  .page-home .home-track__node{
    padding:22px 0 0;
  }
  .page-home .home-track__node::before{
    left:0;
    top:-7px;
  }
}

@media (min-width:1200px){
  .page-home .home-hero__main{padding:clamp(30px,3vw,48px);}
  .page-home .home-hero__lede{font-size:17px;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-collage__tile,
  .page-home .home-zone .ydj-zone__btn,
  .page-home .home-hero__title{
    transition:none;
    transform:none;
  }
}