.page-home{
  --home-blue:#0B2D5C;
  --home-blue-deep:#0A1E3F;
  --home-gold:#C9A227;
  --home-orange:#FF6B35;
  --home-paper:#F7F3EC;
  --home-paper-deep:#EFE6D8;
  --home-ink:#1A1A1A;
  --home-gray:#A89F92;
  --home-white:#FFFFFF;
  --home-shadow:0 10px 30px rgba(10,30,63,.12);
  overflow-x:hidden;
}

/* ========== 首屏 ========== */
.page-home .home-hero{
  position:relative;
  background:var(--home-paper-gradient, linear-gradient(135deg,#F7F3EC 0%,#EFE6D8 100%));
  padding:48px 20px 0;
}
.page-home .home-hero__inner{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
.page-home .home-hero__copy{
  position:relative;
  z-index:2;
}
.page-home .home-hero__copy::before{
  content:"";
  display:block;
  width:64px;
  height:6px;
  background:linear-gradient(90deg,var(--home-gold) 0%,var(--home-orange) 100%);
  margin-bottom:28px;
}
.page-home .home-hero__title{
  font-family:var(--font-head);
  font-size:clamp(2.2rem,7vw,4.4rem);
  font-weight:700;
  line-height:1.05;
  color:var(--home-blue-deep);
  margin:0 0 24px;
  letter-spacing:.02em;
}
.page-home .home-hero__title-accent{
  display:block;
  color:var(--home-blue);
  position:relative;
  padding-left:16px;
}
.page-home .home-hero__title-accent::before{
  content:"//";
  color:var(--home-orange);
  font-weight:900;
  position:absolute;
  left:-6px;
  top:.05em;
  font-size:.7em;
}
.page-home .home-hero__lede{
  font-size:clamp(1rem,1.6vw,1.15rem);
  line-height:1.8;
  color:var(--home-gray);
  max-width:680px;
  margin:0 0 36px;
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:40px;
}
.page-home .home-hero__actions .btn{
  padding:14px 28px;
  font-size:.95rem;
  border-radius:0;
  transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}
.page-home .home-hero__actions .btn:hover{
  transform:translateY(-3px);
  box-shadow:var(--home-shadow);
}
.page-home .home-hero__visual{
  position:relative;
  margin:0 -20px;
}
.page-home .home-hero__figure{
  margin:0;
  position:relative;
  overflow:hidden;
}
.page-home .home-hero__figure::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,rgba(10,30,63,.35) 0%,rgba(10,30,63,.05) 55%,rgba(201,162,39,.25) 100%);
  z-index:1;
  pointer-events:none;
}
.page-home .home-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
  object-position:center 30%;
  line-height:0;
}
.page-home .home-hero__stats{
  max-width:1240px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-bottom:1px solid rgba(26,26,26,.12);
}
.page-home .home-hero__stat{
  padding:20px 8px 20px 0;
  border-top:1px solid rgba(26,26,26,.12);
  margin-top:32px;
}
.page-home .home-hero__stat:nth-child(n+3){
  border-left:1px solid rgba(26,26,26,.12);
  padding-left:12px;
}
.page-home .home-hero__stat-value{
  display:block;
  font-family:var(--font-head);
  font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:700;
  color:var(--home-blue);
  line-height:1.1;
}
.page-home .home-hero__stat-unit{
  font-size:.55em;
  color:var(--home-orange);
  margin-left:4px;
  vertical-align:super;
}
.page-home .home-hero__stat-label{
  display:block;
  font-size:.8rem;
  color:var(--home-gray);
  margin-top:6px;
  letter-spacing:.04em;
}

/* ========== 首页目录索引 ========== */
.page-home .home-index{
  background:var(--home-ink);
  color:var(--home-white);
  padding:0;
}
.page-home .home-index__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
}
.page-home .home-index__list li{
  border-bottom:1px solid rgba(255,255,255,.12);
}
.page-home .home-index__list a{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px 24px;
  text-decoration:none;
  color:var(--home-white);
  font-family:var(--font-head);
  font-weight:600;
  font-size:1.05rem;
  letter-spacing:.03em;
  transition:background-color 180ms ease,padding-left 180ms ease;
}
.page-home .home-index__list a:hover{
  background:rgba(201,162,39,.15);
  padding-left:36px;
}
.page-home .home-index__num{
  font-size:.8em;
  color:var(--home-gold);
  font-family:var(--font-body);
  font-weight:600;
  min-width:36px;
}
.page-home .home-index__text{
  flex:1;
}

/* ========== 通用章节节奏 ========== */
.page-home .home-section{
  padding:64px 20px;
  scroll-margin-top:72px;
}
.page-home .section-title{
  font-family:var(--font-head);
  font-size:clamp(1.6rem,4vw,2.6rem);
  font-weight:700;
  color:var(--home-blue-deep);
  margin:8px 0 16px;
  line-height:1.15;
}
.page-home .section-lede{
  font-size:1rem;
  line-height:1.8;
  color:var(--home-gray);
  max-width:760px;
}
.page-home .kicker{
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--home-gold);
  margin:0 0 12px;
}

/* ========== 第一节：中心赛事战报 ========== */
.page-home .home-report{
  background:var(--home-white);
}
.page-home .home-report__intro{
  max-width:1240px;
  margin:0 auto 40px;
  display:grid;
  grid-template-columns:1fr;
}
.page-home .home-report__intro .section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-home .home-report__intro .btn{
  margin-top:20px;
}
.page-home .home-report__body{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.page-home .home-report__figure{
  position:relative;
  overflow:hidden;
  margin:0;
  background:var(--home-blue-deep);
}
.page-home .home-report__figure::after{
  content:"LIVE · 更新至昨夜晚场 · 每日凌晨刷新";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:16px 20px;
  background:linear-gradient(transparent,rgba(10,30,63,.85));
  color:var(--home-white);
  font-size:.85rem;
  letter-spacing:.08em;
}
.page-home .home-report__figure img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
  object-position:center 40%;
}
.page-home .home-report__cards{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.page-home .home-report__card{
  border:none;
  border-top:3px solid var(--home-gold);
  box-shadow:var(--home-shadow);
  border-radius:0;
  padding:24px 26px;
  transition:transform 180ms ease,box-shadow 180ms ease;
}
.page-home .home-report__card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(10,30,63,.18);
}
.page-home .home-report__card .tag{
  font-size:.75rem;
  letter-spacing:.14em;
  padding:4px 12px;
  border-radius:0;
}
.page-home .home-report__score{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:baseline;
  gap:14px;
  margin:20px 0 12px;
}
.page-home .home-report__club{
  font-family:var(--font-head);
  font-weight:600;
  font-size:1.05rem;
  color:var(--home-blue-deep);
}
.page-home .home-report__club:last-of-type{
  text-align:right;
}
.page-home .home-report__num{
  font-family:var(--font-head);
  font-weight:700;
  font-size:clamp(1.8rem,4vw,2.4rem);
  color:var(--home-blue);
  text-align:center;
  white-space:nowrap;
}
.page-home .home-report__num i{
  font-style:normal;
  color:var(--home-orange);
  margin:0 6px;
  font-size:.7em;
}
.page-home .home-report__meta{
  font-size:.82rem;
  color:var(--home-gray);
  margin:0 0 10px;
  padding-top:10px;
  border-top:1px solid var(--home-paper-deep);
}
.page-home .home-report__brief{
  font-size:.9rem;
  line-height:1.65;
  color:var(--home-ink);
  margin:0;
}

/* ========== 横向主题带 ========== */
.page-home .home-band{
  background:linear-gradient(112deg,var(--home-blue-deep) 0%,var(--home-blue) 62%,var(--home-orange) 300%);
  position:relative;
  overflow:hidden;
  padding:32px 20px;
}
.page-home .home-band::after{
  content:"HTH";
  position:absolute;
  right:-20px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--font-head);
  font-size:6rem;
  font-weight:700;
  color:rgba(255,255,255,.04);
  line-height:1;
  pointer-events:none;
}
.page-home .home-band__inner{
  max-width:1240px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  position:relative;
  z-index:1;
}
.page-home .home-band__text{
  color:rgba(255,255,255,.88);
  font-size:1rem;
  line-height:1.7;
  margin:0;
  flex:1;
  min-width:260px;
}
.page-home .home-band__text strong{
  color:var(--home-gold);
  font-weight:600;
}

/* ========== 第二节：近5轮首发调整 ========== */
.page-home .home-lineup{
  background:var(--home-paper);
}
.page-home .home-lineup__split{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
}
.page-home .home-lineup__content .section-head{
  margin-bottom:28px;
}
.page-home .home-lineup__table-wrap{
  overflow-x:auto;
  background:var(--home-white);
  box-shadow:var(--home-shadow);
}
.page-home .home-lineup__table{
  width:100%;
  min-width:680px;
  font-size:.9rem;
  border-collapse:collapse;
}
.page-home .home-lineup__table caption{
  text-align:left;
}
.page-home .home-lineup__table th,
.page-home .home-lineup__table td{
  padding:14px 16px;
  text-align:left;
  border-bottom:1px solid var(--home-paper-deep);
}
.page-home .home-lineup__table thead th{
  background:var(--home-blue);
  color:var(--home-white);
  font-weight:500;
  letter-spacing:.04em;
  font-size:.8rem;
}
.page-home .home-lineup__table tbody th{
  font-weight:600;
  color:var(--home-blue-deep);
  background:var(--home-paper);
}
.page-home .home-lineup__table tbody tr:hover{
  background:rgba(201,162,39,.07);
}
.page-home .home-lineup__table .num{
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.page-home .home-lineup__figure{
  margin:0;
  position:relative;
  overflow:hidden;
  background:var(--home-blue-deep);
}
.page-home .home-lineup__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ========== 第三节：数据对比中心 ========== */
.page-home .home-compare{
  background:
    linear-gradient(160deg, var(--home-blue-deep) 0%, var(--home-blue) 75%, rgba(201,162,39,.2) 130%);
  color:var(--home-white);
}
.page-home .home-compare__inner{
  max-width:1240px;
  margin:0 auto;
}
.page-home .home-compare .kicker--light{
  color:var(--home-gold);
}
.page-home .home-compare .section-title{
  color:var(--home-white);
}
.page-home .home-compare .section-lede{
  color:rgba(255,255,255,.72);
}
.page-home .home-compare__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  margin-top:40px;
}
.page-home .home-compare__figure{
  margin:0;
  background:rgba(255,255,255,.06);
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
}
.page-home .home-compare__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .home-compare__figure .figcaption{
  color:rgba(255,255,255,.65);
  font-size:.82rem;
  line-height:1.6;
  padding:12px 4px 4px;
}
.page-home .home-compare__list{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page-home .home-compare__item{
  display:grid;
  grid-template-columns:1fr 56px 1fr;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.page-home .home-compare__item-label{
  font-size:.88rem;
  color:rgba(255,255,255,.8);
}
.page-home .home-compare__item-value{
  font-family:var(--font-head);
  font-size:1.7rem;
  font-weight:700;
  color:var(--home-gold);
  text-align:right;
}
.page-home .home-compare__item-bar{
  height:8px;
  background:rgba(255,255,255,.15);
  display:block;
  position:relative;
  overflow:hidden;
}
.page-home .home-compare__item-bar i{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  background:linear-gradient(90deg,var(--home-gold) 0%,var(--home-orange) 100%);
  display:block;
}
.page-home .home-compare__note{
  font-size:.85rem;
  color:rgba(255,255,255,.62);
  line-height:1.7;
  margin:20px 0 12px;
}
.page-home .home-compare__list .btn{
  margin-top:12px;
}

/* ========== 第四节：稳定版访问入口 ========== */
.page-home .home-stable{
  background:var(--home-paper);
}
.page-home .home-stable__inner{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
  align-items:center;
}
.page-home .home-stable__content .section-head{
  margin-bottom:24px;
}
.page-home .home-stable__points{
  margin:24px 0 32px;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.page-home .home-stable__point{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:.95rem;
  line-height:1.6;
  color:var(--home-ink);
}
.page-home .home-stable__point-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  background:var(--home-gold);
  color:var(--home-white);
  font-size:.85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  margin-top:2px;
}
.page-home .home-stable__links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.page-home .home-stable__figure{
  margin:0;
  max-width:420px;
  position:relative;
}
.page-home .home-stable__figure::before{
  content:"";
  position:absolute;
  top:24px;
  left:24px;
  right:-24px;
  bottom:-24px;
  border:1px solid var(--home-gold);
  z-index:0;
}
.page-home .home-stable__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  position:relative;
  z-index:1;
  box-shadow:var(--home-shadow);
}
.page-home .home-stable__figure .figcaption{
  position:relative;
  z-index:1;
  margin-top:10px;
  font-size:.82rem;
  color:var(--home-gray);
}

/* ========== 底部探索索引 ========== */
.page-home .home-outro{
  background:var(--home-ink);
  padding:64px 20px;
}
.page-home .home-outro__inner{
  max-width:1240px;
  margin:0 auto;
}
.page-home .home-outro__title{
  font-family:var(--font-head);
  font-size:clamp(1.4rem,3vw,2rem);
  font-weight:600;
  color:var(--home-white);
  margin:0 0 28px;
}
.page-home .home-outro__links{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.page-home .home-outro__link{
  text-decoration:none;
  color:var(--home-ink);
  background:var(--home-white);
  border-radius:0;
  border:none;
  box-shadow:none;
  padding:22px 24px;
  display:grid;
  grid-template-columns:48px 1fr;
  grid-template-rows:auto auto;
  column-gap:16px;
  transition:transform 180ms ease,background-color 180ms ease;
}
.page-home .home-outro__link:hover{
  transform:translateX(6px);
  background:var(--home-gold);
}
.page-home .home-outro__index{
  grid-row:1 / 3;
  font-family:var(--font-head);
  font-size:2rem;
  font-weight:700;
  color:var(--home-gold);
  line-height:1;
  padding-top:4px;
  transition:color 180ms ease;
}
.page-home .home-outro__link:hover .home-outro__index{
  color:var(--home-white);
}
.page-home .home-outro__name{
  font-family:var(--font-head);
  font-weight:600;
  font-size:1.1rem;
  color:var(--home-blue-deep);
}
.page-home .home-outro__link:hover .home-outro__name{
  color:var(--home-blue-deep);
}
.page-home .home-outro__desc{
  font-size:.88rem;
  color:var(--home-gray);
  margin-top:4px;
}

/* ========== 响应式：平板及以上 ========== */
@media (min-width:600px){
  .page-home .home-hero__stats{
    grid-template-columns:repeat(4,1fr);
  }
  .page-home .home-hero__stat:nth-child(n+3){
    border-left:none;
    padding-left:0;
  }
  .page-home .home-hero__stat:nth-child(n+2){
    border-left:1px solid rgba(26,26,26,.12);
    padding-left:24px;
  }
  .page-home .home-index__list{
    grid-template-columns:repeat(4,1fr);
  }
  .page-home .home-index__list li{
    border-bottom:none;
    border-right:1px solid rgba(255,255,255,.12);
    margin-right:-1px;
  }
  .page-home .home-index__list li:last-child{
    border-right:none;
    margin-right:0;
  }
  .page-home .home-index__list a{
    padding:28px 18px;
    flex-direction:column;
    align-items:flex-start;
  }
  .page-home .home-index__list a:hover{
    padding-left:18px;
  }
  .page-home .home-index__num{
    margin-bottom:10px;
  }
  .page-home .home-report__body{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
  .page-home .home-report__figure{
    grid-column:1 / -1;
  }
  .page-home .home-report__cards{
    grid-column:1 / -1;
    grid-template-columns:repeat(3,1fr);
  }
  .page-home .home-band__inner{
    flex-wrap:nowrap;
  }
  .page-home .home-lineup__split{
    grid-template-columns:1.4fr 1fr;
    align-items:start;
  }
  .page-home .home-compare__grid{
    grid-template-columns:1.2fr 1fr;
    align-items:center;
  }
  .page-home .home-stable__inner{
    grid-template-columns:1.2fr .8fr;
  }
  .page-home .home-stable__figure{
    justify-self:center;
  }
  .page-home .home-outro__links{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ========== 桌面端 ========== */
@media (min-width:1024px){
  .page-home .home-hero{
    padding-top:72px;
  }
  .page-home .home-hero__inner{
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:56px;
  }
  .page-home .home-hero__visual{
    margin:0;
  }
  .page-home .home-hero__actions{
    margin-bottom:0;
  }
  .page-home .home-hero__stats{
    margin-top:56px;
  }
  .page-home .home-section{
    padding:88px 40px;
    scroll-margin-top:0;
  }
  .page-home .home-report__intro{
    grid-template-columns:1fr auto;
    align-items:end;
    gap:32px;
  }
  .page-home .home-report__intro .section-head{
    margin-bottom:0;
  }
  .page-home .home-lineup__table-wrap{
    margin-right:8px;
  }
  .page-home .home-band__text{
    font-size:1.12rem;
  }
  .page-home .home-compare__figure{
    padding:20px;
  }
  .page-home .home-stable__points{
    grid-template-columns:1fr;
  }
  .page-home .home-outro__links{
    grid-template-columns:repeat(4,1fr);
  }
}

/* ========== 动效渐进增强 ========== */
@media (prefers-reduced-motion: no-preference){
  .page-home [data-reveal]{
    opacity:0;
    transform:translateY(16px);
    transition:opacity 500ms ease,transform 500ms ease;
  }
  .page-home [data-reveal][data-revealed]{
    opacity:1;
    transform:none;
  }
}

/* ========== 减少动效偏好 ========== */
@media (prefers-reduced-motion: reduce){
  .page-home [data-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
  .page-home *{
    transition:none !important;
  }
}

.page-home {
  --home-paper-gradient: transparent;
}