.page-home{
  --home-line:rgba(244,247,250,.12);
  --home-line-dark:rgba(16,24,32,.14);
  --home-panel:#102A43;
  --home-skew:-3deg;
  overflow-x:hidden;
}

/* ---------- 首屏 ---------- */
.page-home .home-stage{
  position:relative;
  padding:clamp(20px,4vw,40px) var(--shell-pad) clamp(28px,5vw,56px);
  background:
    radial-gradient(120% 90% at 88% 0%,rgba(255,107,53,.16),transparent 58%),
    linear-gradient(165deg,#081C2C 0%,#0B2439 58%,#081C2C 100%);
  overflow:hidden;
}
.page-home .home-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(244,247,250,.055) 1px,transparent 1px),
    linear-gradient(rgba(244,247,250,.055) 1px,transparent 1px);
  background-size:72px 72px;
  pointer-events:none;
}
.page-home .home-stage__grid{
  position:relative;
  display:grid;
  gap:clamp(22px,4vw,44px);
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-stage__intro{position:relative;}
.page-home .home-stage__intro::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-18px;
  width:64px;
  height:3px;
  background:var(--c-orange);
  transform:skewX(-24deg);
}
.page-home .home-stage .display-title{
  margin:14px 0 0;
  max-width:19ch;
}
.page-home .home-stage .lead{
  margin:18px 0 0;
  color:rgba(244,247,250,.84);
  max-width:56ch;
}

.page-home .home-facts{
  list-style:none;
  margin:clamp(26px,4vw,38px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .home-facts li{
  background:#081C2C;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.page-home .home-fact__label{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--c-orange);
}
.page-home .home-fact__value{
  font-size:14px;
  line-height:1.5;
  color:var(--c-white);
}

.page-home .home-stage__actions{
  margin-top:clamp(22px,3.5vw,32px);
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.page-home .home-stage__panel{
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
}
.page-home .home-stage__media{
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--home-line);
  clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);
  background:#061624;
}
.page-home .home-stage__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  opacity:.82;
}
.page-home .home-stage__media .image-frame__caption{
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  margin:0;
  padding:10px 14px;
  font-size:12px;
  color:rgba(244,247,250,.78);
  background:linear-gradient(180deg,transparent,rgba(8,28,44,.92));
}

.page-home .home-index{
  border:1px solid var(--home-line);
  background:rgba(16,42,67,.72);
  padding:14px 16px 12px;
}
.page-home .home-index__title{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c-gold);
  text-transform:uppercase;
}
.page-home .home-index__list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .home-index__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid rgba(244,247,250,.08);
  color:var(--c-white);
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}
.page-home .home-index__link:hover,
.page-home .home-index__link:focus-visible{
  color:var(--c-orange);
  transform:translateX(3px);
}
.page-home .home-index__num{
  font-size:12px;
  color:var(--c-mist);
}
.page-home .home-index__name{
  font-size:15px;
  font-weight:600;
}
.page-home .home-index__meta{
  font-size:12px;
  color:var(--c-mist);
  white-space:nowrap;
}
.page-home .home-index__foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin-top:12px;
  font-size:13px;
}

.page-home .home-tape{
  position:relative;
  max-width:var(--width);
  margin:clamp(26px,4vw,44px) auto 0;
  padding-top:10px;
  border-top:1px solid var(--home-line);
  display:flex;
  flex-wrap:wrap;
  gap:8px 22px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--c-mist);
}

/* ---------- 赛事分类 ---------- */
.page-home .home-leagues{
  padding:clamp(38px,6vw,76px) var(--shell-pad);
  background:#0A2033;
  border-top:1px solid var(--home-line);
}
.page-home .home-leagues__inner{
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-leagues__note{
  font-size:12px;
  letter-spacing:.12em;
  color:var(--c-gold);
  margin:0;
}
.page-home .home-leagues .filter-bar{
  margin:22px 0 24px;
  flex-wrap:wrap;
}
.page-home .home-leagues__media{
  margin:0 0 18px;
  border:1px solid var(--home-line);
  overflow:hidden;
  background:#061624;
  position:relative;
  clip-path:polygon(0 0,100% 3%,100% 100%,0 97%);
}
.page-home .home-leagues__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  opacity:.85;
}
.page-home .home-leagues__media .image-frame__caption{
  position:absolute;
  right:12px;
  bottom:10px;
  margin:0;
  padding:6px 10px;
  font-size:12px;
  color:var(--c-white);
  background:rgba(8,28,44,.78);
  border-left:2px solid var(--c-orange);
}

.page-home .home-leagues__wall{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .home-leagues__wall > .is-hidden,
.page-home .home-leagues__wall > [hidden]{
  display:none;
}
.page-home .home-league{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px;
  border:1px solid var(--home-line);
  background:linear-gradient(175deg,rgba(16,42,67,.94),rgba(8,28,44,.94));
}
.page-home .home-league::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:var(--c-orange);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .3s ease;
}
.page-home .home-league:hover::before,
.page-home .home-league:focus-within::before{
  transform:scaleY(1);
}
.page-home .home-league__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.page-home .home-league__num{
  font-size:13px;
  color:var(--c-mist);
  letter-spacing:.08em;
}
.page-home .home-league__title{
  margin:0;
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.3;
  color:var(--c-white);
  transform:skewX(var(--home-skew));
}
.page-home .home-league__text{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(244,247,250,.78);
}
.page-home .home-league__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
  font-size:13px;
  color:var(--c-mist);
}
.page-home .home-league__list li{
  padding-left:14px;
  position:relative;
  line-height:1.6;
}
.page-home .home-league__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:1px;
  background:var(--c-gold);
}
.page-home .home-league .link-arrow{
  margin-top:auto;
  font-size:13px;
}

/* ---------- 战报时间轴 ---------- */
.page-home .home-timeline{
  padding:clamp(38px,6vw,76px) var(--shell-pad);
  background:var(--c-night);
  border-top:1px solid var(--home-line);
  position:relative;
}
.page-home .home-timeline::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:38%;
  height:100%;
  background:linear-gradient(255deg,rgba(63,167,214,.10),transparent 62%);
  pointer-events:none;
}
.page-home .home-timeline__grid{
  position:relative;
  display:grid;
  gap:clamp(22px,4vw,40px);
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-timeline__media{
  margin:0;
  border:1px solid var(--home-line);
  overflow:hidden;
  background:#061624;
  clip-path:polygon(0 0,100% 0,100% 92%,0 100%);
}
.page-home .home-timeline__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/1;
  object-fit:cover;
  opacity:.85;
}
.page-home .home-timeline__media .image-frame__caption{
  margin:0;
  padding:8px 12px;
  font-size:12px;
  color:var(--c-mist);
  background:#0B2439;
}
.page-home .home-timeline__lead{
  margin:14px 0 0;
  color:rgba(244,247,250,.78);
  font-size:15px;
  line-height:1.7;
  max-width:52ch;
}
.page-home .home-timeline__list{
  list-style:none;
  margin:26px 0 26px;
  padding:0;
  border-left:1px solid var(--home-line);
}
.page-home .home-timeline__item{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  padding:14px 0 14px 20px;
}
.page-home .home-timeline__item::before{
  content:"";
  position:absolute;
  left:-5px;
  top:20px;
  width:9px;
  height:9px;
  background:var(--c-night);
  border:1px solid var(--c-orange);
}
.page-home .home-timeline__item:first-child::before{
  background:var(--c-orange);
}
.page-home .home-timeline__time{
  font-size:14px;
  color:var(--c-gold);
  letter-spacing:.04em;
}
.page-home .home-timeline__name{
  margin:0 0 4px;
  font-family:var(--font-display);
  font-size:17px;
  color:var(--c-white);
}
.page-home .home-timeline__item p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(244,247,250,.74);
}

/* ---------- 费用 ---------- */
.page-home .home-fee{
  padding:clamp(38px,6vw,76px) var(--shell-pad);
  background:var(--c-white);
  color:var(--c-ink);
}
.page-home .home-fee__inner{
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-fee .section-title{color:var(--c-ink);}
.page-home .home-fee__head{max-width:62ch;}
.page-home .home-fee__lead{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.75;
  color:#2B3A48;
}
.page-home .home-fee .filter-bar{
  margin:24px 0 20px;
  flex-wrap:wrap;
}
.page-home .home-fee .filter-btn{
  color:#2B3A48;
  border-color:rgba(16,24,32,.28);
  background:transparent;
}
.page-home .home-fee .filter-btn.is-active,
.page-home .home-fee .filter-btn[aria-pressed="true"]{
  color:var(--c-white);
  background:#101820;
  border-color:#101820;
}
.page-home .home-fee__panels{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .home-fee__panels > .is-hidden,
.page-home .home-fee__panels > [hidden]{
  display:none;
}
.page-home .home-fee__panel{
  padding:20px;
  border:1px solid var(--home-line-dark);
  border-top:3px solid var(--c-orange);
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .home-fee__panel[data-filter-key="bundle"]{
  border-top-color:var(--c-gold);
}
.page-home .home-fee__panel-tag{
  margin:0;
  font-size:11px;
  letter-spacing:.14em;
  color:#7A5A12;
}
.page-home .home-fee__panel h3{
  margin:0;
  font-family:var(--font-display);
  font-size:20px;
  color:#101820;
  transform:skewX(var(--home-skew));
}
.page-home .home-fee__list{
  list-style:none;
  margin:6px 0 0;
  padding:0;
  display:grid;
  gap:8px;
  font-size:14px;
  line-height:1.6;
  color:#2B3A48;
}
.page-home .home-fee__list li{
  padding-left:16px;
  position:relative;
}
.page-home .home-fee__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:2px;
  background:var(--c-orange);
}
.page-home .home-fee__note{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.7;
  color:#4A5A68;
}
.page-home .home-fee .btn{
  margin-top:22px;
}

/* ---------- 换设备 ---------- */
.page-home .home-switch{
  padding:clamp(38px,6vw,76px) var(--shell-pad);
  background:linear-gradient(200deg,#081C2C,#0C2740 70%,#081C2C);
  border-top:1px solid var(--home-line);
}
.page-home .home-switch__grid{
  max-width:var(--width);
  margin:0 auto;
  display:grid;
  gap:clamp(22px,4vw,40px);
}
.page-home .home-switch__lead{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.75;
  color:rgba(244,247,250,.78);
  max-width:52ch;
}
.page-home .home-steps{
  margin:24px 0;
  border-top:1px solid var(--home-line);
}
.page-home .home-step{
  border-bottom:1px solid var(--home-line);
}
.page-home .home-step__head{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:14px 2px;
  color:var(--c-white);
}
.page-home .home-step__head::-webkit-details-marker{display:none;}
.page-home .home-step__num{
  font-size:12px;
  color:var(--c-orange);
  letter-spacing:.08em;
}
.page-home .home-step__name{
  font-family:var(--font-display);
  font-size:17px;
  font-weight:600;
}
.page-home .home-step__cue{
  color:var(--c-gold);
  font-size:18px;
  line-height:1;
  transition:transform .25s ease;
}
.page-home .home-step[open] .home-step__cue{
  transform:rotate(45deg);
}
.page-home .home-step__body{
  padding:0 2px 16px 34px;
}
.page-home .home-step__body p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:rgba(244,247,250,.76);
}
.page-home .home-switch__media{
  margin:0;
  border:1px solid var(--home-line);
  background:#061624;
  overflow:hidden;
  clip-path:polygon(0 3%,100% 0,100% 100%,0 97%);
}
.page-home .home-switch__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  opacity:.88;
}
.page-home .home-switch__media .image-frame__caption{
  margin:0;
  padding:8px 12px;
  font-size:12px;
  color:var(--c-mist);
  background:#0B2439;
}

/* ---------- 运营数据 ---------- */
.page-home .home-trust{
  padding:clamp(38px,6vw,76px) var(--shell-pad);
  background:var(--c-night);
  border-top:1px solid var(--home-line);
}
.page-home .home-trust__inner{
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-trust__head{max-width:68ch;}
.page-home .home-trust__lead{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.78;
  color:rgba(244,247,250,.78);
}
.page-home .home-stats{
  list-style:none;
  margin:clamp(26px,4vw,38px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--home-line);
  border:1px solid var(--home-line);
}
.page-home .home-stat{
  background:#081C2C;
  padding:16px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.page-home .home-stat__num{
  font-family:var(--font-mono);
  font-size:clamp(26px,4vw,34px);
  line-height:1.1;
  color:var(--c-gold);
  font-variant-numeric:tabular-nums;
}
.page-home .home-stat__unit{
  font-size:.52em;
  margin-left:3px;
  color:var(--c-orange);
}
.page-home .home-stat__label{
  font-size:13px;
  color:var(--c-mist);
  line-height:1.5;
}
.page-home .home-trust__foot{
  margin-top:24px;
  display:grid;
  gap:12px;
  font-size:14px;
  line-height:1.75;
  color:rgba(244,247,250,.76);
  max-width:72ch;
}
.page-home .home-trust__foot p{margin:0;}
.page-home .home-trust__honor{
  padding-left:14px;
  border-left:2px solid var(--c-gold);
  color:var(--c-white);
}

/* ---------- 近期动态 ---------- */
.page-home .home-updates{
  padding:clamp(36px,5.5vw,68px) var(--shell-pad);
  background:#0A2033;
  border-top:1px solid var(--home-line);
}
.page-home .home-updates__inner{
  max-width:var(--width);
  margin:0 auto;
}
.page-home .home-updates__list{
  list-style:none;
  margin:clamp(22px,3.5vw,32px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.page-home .home-update{
  border:1px solid var(--home-line);
  background:rgba(16,42,67,.6);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.page-home .home-update__time{
  font-size:11px;
  letter-spacing:.1em;
  color:var(--c-orange);
}
.page-home .home-update__title{
  margin:0;
  font-family:var(--font-display);
  font-size:17px;
  line-height:1.4;
  color:var(--c-white);
}
.page-home .home-update p{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:rgba(244,247,250,.74);
}
.page-home .home-update .link-arrow{
  margin-top:auto;
  font-size:13px;
}

/* ---------- 咨询 ---------- */
.page-home .home-cta{
  padding:clamp(32px,5vw,60px) var(--shell-pad);
  background:linear-gradient(120deg,var(--c-orange),#FF8A4C 55%,var(--c-gold));
  color:var(--c-ink);
}
.page-home .home-cta__inner{
  max-width:var(--width);
  margin:0 auto;
  display:grid;
  gap:22px;
}
.page-home .home-cta .section-title{
  color:var(--c-ink);
  max-width:24ch;
}
.page-home .home-cta__lead{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.75;
  color:rgba(16,24,32,.86);
  max-width:56ch;
}
.page-home .home-cta__contact{
  display:grid;
  gap:10px;
  justify-items:start;
}
.page-home .home-cta__line{
  margin:0;
  font-family:var(--font-mono);
  font-size:13px;
  line-height:1.75;
  color:#101820;
  word-break:break-word;
}
.page-home .home-cta__label{
  display:inline-block;
  margin-right:8px;
  padding:2px 6px;
  font-size:11px;
  letter-spacing:.1em;
  background:#101820;
  color:var(--c-white);
}
.page-home .home-cta__btn{
  margin-top:6px;
  display:inline-block;
  padding:13px 26px;
  background:#101820;
  color:var(--c-white);
  font-family:var(--font-display);
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  border:1px solid #101820;
  transition:background .2s ease,color .2s ease;
}
.page-home .home-cta__btn:hover,
.page-home .home-cta__btn:focus-visible{
  background:transparent;
  color:#101820;
}

/* ---------- 响应式 ---------- */
@media (min-width:560px){
  .page-home .home-facts{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .home-fee__panels{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:700px){
  .page-home .home-leagues__wall{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .home-league--wide{grid-column:span 2;}
  .page-home .home-updates__list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .home-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:960px){
  .page-home .home-stage__grid{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    align-items:start;
  }
  .page-home .home-stage__panel{margin-top:12px;}
  .page-home .home-index{margin-top:-46px;margin-left:22px;position:relative;z-index:2;}
  .page-home .home-timeline__grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:start;
    gap:clamp(28px,4vw,56px);
  }
  .page-home .home-switch__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
  }
  .page-home .home-cta__inner{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:end;
  }
  .page-home .home-cta__contact{justify-items:end;text-align:right;}
}

@media (min-width:1060px){
  .page-home .home-leagues__wall{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .home-updates__list{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .home-stats{grid-template-columns:repeat(6,minmax(0,1fr));}
  .page-home .home-leagues__media{clip-path:polygon(0 0,100% 4%,100% 100%,0 96%);}
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-index__link,
  .page-home .home-league::before,
  .page-home .home-step__cue,
  .page-home .home-cta__btn{
    transition:none;
  }
  .page-home .home-index__link:hover{transform:none;}
}