.page-home{
  --home-deep:var(--ink-teal-900);
  --home-hair:rgba(243,235,221,.24);
  --home-teal-tint:rgba(31,114,134,.1);
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

.page-home [id]{scroll-margin-top:calc(var(--masthead-h) + 16px);}

.page-home .breadcrumb{margin:1rem 0 .2rem;}

.page-home .chapter{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.7rem;}
.page-home .chapter__num{
  font-family:var(--font-mono);
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--ember-500);
}
.page-home .chapter__label{
  font-size:.76rem;
  letter-spacing:.24em;
  color:var(--text-soft);
}

.page-home .section-title{
  font-family:var(--font-display);
  font-size:clamp(1.4rem,4.4vw,2.05rem);
  line-height:1.3;
  margin:0;
  color:var(--teal-700);
}

.page-home .eyebrow{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.18em;
  color:var(--ember-500);
  margin:0;
}

.page-home .lede{
  font-size:1rem;
  line-height:1.8;
  color:var(--text-soft);
  max-width:38ch;
}

.page-home .data-num{font-family:var(--font-mono);letter-spacing:.02em;}

/* ---------- 首屏 ---------- */
.home-hero{
  position:relative;
  padding:1.2rem 0 2.6rem;
  background:
    radial-gradient(130% 100% at 92% 4%, var(--home-teal-tint), transparent 62%),
    var(--bg);
}
.home-hero__inner{display:grid;gap:1.8rem;align-items:center;}
.home-hero__title{
  font-family:var(--font-display);
  font-size:clamp(1.85rem,7vw,3.1rem);
  line-height:1.2;
  letter-spacing:.01em;
  margin:.55rem 0 0;
  color:var(--ink-teal-900);
}
.home-hero__lede{
  margin:.9rem 0 0;
  font-size:.98rem;
  line-height:1.8;
  color:var(--text-soft);
  max-width:28ch;
}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;}
.home-hero__media{
  position:relative;
  margin:0;
  background:var(--ink-teal-900);
  aspect-ratio:5/4;
  clip-path:polygon(0 14%,100% 0,100% 100%,0 100%);
  overflow:hidden;
}
.home-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.92;
}

/* ---------- 分段切换 ---------- */
.home-segs{background:var(--ink-teal-900);}
.home-segs__inner{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  padding:.6rem 0;
  scrollbar-width:none;
}
.home-segs__inner::-webkit-scrollbar{display:none;}
.home-segs__link{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--on-deep);
  text-decoration:none;
  padding:.5rem .9rem;
  border:1px solid var(--home-hair);
  border-radius:999px;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.home-segs__link:hover,
.home-segs__link:focus-visible{
  background:var(--ember-500);
  border-color:var(--ember-500);
  color:var(--on-accent);
}

/* ---------- 路径对照 ---------- */
.home-paths{
  padding-block:2.6rem;
  background:var(--bg-card);
  border-block:1px solid var(--line);
}
.home-paths__lede{margin:1rem 0 0;}
.home-paths__grid{
  display:grid;
  gap:1px;
  margin-top:1.7rem;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
.home-paths__cell{background:var(--bg-card);padding:1.2rem 1.1rem;}
.home-paths__cell--now{background:var(--paper-50);box-shadow:inset 0 3px 0 var(--ember-500);}
.home-paths__tag{
  margin:0 0 .8rem;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.18em;
  color:var(--text-soft);
}
.home-paths__tag--now{color:var(--ember-500);}
.home-paths__steps{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;}
.home-paths__steps li{
  display:flex;
  gap:.65rem;
  align-items:baseline;
  font-size:.92rem;
  line-height:1.65;
  color:var(--text);
}
.home-paths__steps li span{
  flex:0 0 auto;
  width:1.35rem;
  height:1.35rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--teal-200);
  color:var(--ink-teal-900);
  font-size:.72rem;
  font-weight:700;
}
.home-paths__cell--now .home-paths__steps li span{background:var(--ember-200);}
.home-paths__note{margin:0;font-size:.9rem;line-height:1.75;color:var(--text-soft);}

/* ---------- 本轮前瞻 ---------- */
.home-preview{padding-block:2.8rem;}
.home-preview__grid{display:grid;gap:1.5rem;margin-top:1.7rem;}
.home-preview__figure{
  margin:0 0 1.1rem;
  border-radius:var(--radius-organic);
  overflow:hidden;
  background:var(--bg-sunk);
}
.home-preview__figure img{
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  display:block;
}
.home-injuries__wrap{
  overflow-x:auto;
  background:var(--paper-50);
  border:1px solid var(--line);
  border-radius:12px;
}
.home-injuries{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  font-size:.88rem;
}
.home-injuries caption{
  text-align:left;
  padding:.85rem 1rem .7rem;
  font-family:var(--font-heading);
  font-weight:700;
  font-size:.9rem;
  color:var(--teal-700);
  border-bottom:1px solid var(--line);
}
.home-injuries th{
  text-align:left;
  font-family:var(--font-heading);
  font-size:.75rem;
  letter-spacing:.1em;
  color:var(--text-soft);
  font-weight:700;
  padding:.6rem 1rem;
  border-bottom:1px solid var(--line);
}
.home-injuries td{
  padding:.62rem 1rem;
  border-bottom:1px solid var(--line);
  vertical-align:middle;
  line-height:1.5;
}
.home-injuries tbody tr:nth-child(even){background:rgba(169,203,211,.16);}
.home-injuries tbody tr:last-child td{border-bottom:0;}

.home-dot{
  display:inline-block;
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  margin-right:.4rem;
  vertical-align:middle;
}
.home-dot--out{background:var(--signal-red);}
.home-dot--ok{background:var(--signal-green);}
.home-injuries .tag{
  display:inline-block;
  font-size:.76rem;
  padding:.16rem .5rem;
  border-radius:999px;
  border:1px solid var(--line);
  white-space:nowrap;
}
.home-injuries .tag--out{color:var(--signal-red);border-color:rgba(178,58,47,.36);}
.home-injuries .tag--ok{color:var(--signal-green);border-color:rgba(46,125,91,.36);}

.home-preview__notes{
  background:var(--ink-teal-900);
  color:var(--on-deep);
  border-radius:var(--radius-organic);
  padding:1.35rem 1.2rem 1.4rem;
}
.home-preview__notes-title{
  font-family:var(--font-heading);
  font-size:1rem;
  font-weight:700;
  margin:0 0 1rem;
  color:var(--paper-50);
}
.home-preview__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.9rem;
  counter-reset:clue;
}
.home-preview__list li{
  counter-increment:clue;
  position:relative;
  padding-left:1.9rem;
  font-size:.9rem;
  line-height:1.78;
}
.home-preview__list li::before{
  content:counter(clue,decimal-leading-zero);
  position:absolute;
  left:0;
  top:.1rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--ember-500);
  letter-spacing:.04em;
}
.home-preview__list strong{display:block;color:var(--paper-50);font-weight:700;}
.home-preview__link{
  display:inline-block;
  margin-top:1.2rem;
  font-size:.86rem;
  color:var(--ember-200);
  text-decoration:none;
  border-bottom:1px solid rgba(247,205,178,.5);
  padding-bottom:.12rem;
}
.home-preview__link:hover{color:var(--paper-50);border-bottom-color:var(--paper-50);}

/* ---------- 赛程时间轴 ---------- */
.home-fixtures{padding-block:2.8rem;background:var(--bg);}
.home-fixtures__figure{
  margin:1.6rem 0 0;
  overflow:hidden;
  border-radius:18px 6px 18px 6px;
  background:var(--bg-sunk);
}
.home-fixtures__figure img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.home-timeline{
  list-style:none;
  margin:1.6rem 0 0;
  padding:0;
  position:relative;
  display:grid;
  gap:1.1rem;
}
.home-timeline::before{
  content:"";
  position:absolute;
  left:.45rem;
  top:.5rem;
  bottom:.5rem;
  width:1px;
  background:var(--teal-200);
}
.home-timeline__item{
  position:relative;
  padding-left:1.65rem;
  transition:transform .16s ease;
}
.home-timeline__item::before{
  content:"";
  position:absolute;
  left:0;
  top:.32rem;
  width:.9rem;
  height:.9rem;
  border-radius:50%;
  background:var(--ember-500);
  box-shadow:0 0 0 4px var(--bg);
}
.home-timeline__time{
  display:block;
  font-size:.8rem;
  color:var(--ember-500);
  font-weight:700;
}
.home-timeline__match{
  font-family:var(--font-heading);
  font-size:1rem;
  font-weight:700;
  margin:.28rem 0 .2rem;
  color:var(--teal-700);
}
.home-timeline__meta{margin:0;font-size:.82rem;color:var(--text-soft);line-height:1.6;}
.home-timeline__card{
  margin:.5rem 0 0;
  font-size:.84rem;
  line-height:1.7;
  color:var(--text);
  background:var(--paper-50);
  border-left:2px solid var(--teal-200);
  padding:.5rem .7rem;
  border-radius:0 8px 8px 0;
  transition:border-color .16s ease,background .16s ease;
}
.home-timeline__item:hover,
.home-timeline__item:focus-within{transform:translateY(-2px);}
.home-timeline__item:hover .home-timeline__card,
.home-timeline__item:focus-within .home-timeline__card{
  border-left-color:var(--ember-500);
  background:var(--ember-200);
}

/* ---------- 数字条带 ---------- */
.home-numbers{
  position:relative;
  padding-block:2.8rem;
  background:var(--ink-teal-900);
  color:var(--on-deep);
  overflow:hidden;
}
.home-numbers__bg{position:absolute;inset:0;opacity:.16;}
.home-numbers__bg img{width:100%;height:100%;object-fit:cover;display:block;}
.home-numbers__inner{position:relative;z-index:1;}
.home-numbers__title{color:var(--paper-50);}
.home-numbers .chapter__label{color:rgba(243,235,221,.7);}
.home-numbers__grid{
  list-style:none;
  margin:1.7rem 0 0;
  padding:0;
  display:grid;
  gap:1.5rem;
}
.home-numbers__item{border-top:1px solid var(--home-hair);padding-top:1rem;}
.home-numbers__num{
  display:block;
  font-size:clamp(1.8rem,7vw,2.6rem);
  font-weight:700;
  line-height:1.05;
  color:var(--paper-50);
  letter-spacing:.02em;
}
.home-numbers__num--ember{color:var(--ember-500);}
.home-numbers__item p{
  margin:.6rem 0 0;
  font-size:.86rem;
  line-height:1.75;
  color:rgba(243,235,221,.82);
  max-width:32ch;
}
.home-cases{
  margin-top:2rem;
  display:grid;
  gap:1rem;
  background:var(--paper-50);
  color:var(--cocoa-900);
  border-radius:var(--radius-organic);
  padding:1.35rem 1.2rem;
}
.home-cases h3{
  font-family:var(--font-heading);
  font-size:1rem;
  margin:0 0 .55rem;
  color:var(--teal-700);
}
.home-cases p{margin:0;font-size:.88rem;line-height:1.78;color:var(--text-soft);}
.home-cases__action{justify-self:start;}

/* ---------- 团队 ---------- */
.home-team{padding-block:2.8rem;background:var(--bg);}
.home-team__inner{display:grid;gap:1.6rem;}
.home-team__text{margin:1rem 0 0;font-size:.94rem;line-height:1.82;color:var(--text-soft);max-width:36ch;}
.home-team__link{margin-top:1.3rem;}
.home-team__rhythm{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
.home-team__rhythm li{
  background:var(--paper-50);
  padding:1rem 1.1rem;
  display:grid;
  gap:.35rem;
}
.home-team__when{
  font-size:.8rem;
  font-weight:700;
  color:var(--teal-500);
}
.home-team__what{font-size:.88rem;line-height:1.7;color:var(--text);}

/* ---------- 结尾行动 ---------- */
.home-cta{
  background:var(--teal-700);
  color:var(--on-deep);
  padding-block:2.8rem;
  border-top:4px solid var(--ember-500);
}
.home-cta__inner{display:grid;gap:.9rem;}
.home-cta__title{
  font-family:var(--font-display);
  font-size:clamp(1.45rem,5vw,2.1rem);
  line-height:1.3;
  margin:0;
  color:var(--paper-50);
}
.home-cta__text{margin:0;font-size:.94rem;line-height:1.8;max-width:36ch;color:rgba(243,235,221,.86);}
.home-cta__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.5rem;}
.home-cta__hint{margin:.6rem 0 0;font-size:.84rem;line-height:1.7;color:rgba(243,235,221,.75);}
.home-cta__hint a{color:var(--ember-200);text-decoration:none;border-bottom:1px solid rgba(247,205,178,.45);}
.home-cta__hint a:hover{color:var(--paper-50);border-bottom-color:var(--paper-50);}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .home-preview__figure img{aspect-ratio:16/10;}
  .home-cases{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
  .home-cases__action{justify-self:end;}
  .home-numbers__grid{grid-template-columns:repeat(2,1fr);gap:1.7rem 1.8rem;}
  .home-team__rhythm{grid-template-columns:repeat(3,1fr);}
  .home-team__rhythm li{padding:1rem .9rem;}
}

@media (min-width:900px){
  .page-home .breadcrumb{margin-top:1.3rem;}
  .home-hero{padding:1.8rem 0 3.6rem;}
  .home-hero__inner{grid-template-columns:1.02fr .98fr;gap:2.6rem;}
  .home-hero__media{aspect-ratio:16/10;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);}
  .home-paths__grid{grid-template-columns:repeat(3,1fr);}
  .home-paths__cell{padding:1.5rem 1.4rem;}
  .home-preview__grid{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);align-items:start;gap:1.8rem;}
  .home-numbers__grid{grid-template-columns:repeat(4,1fr);gap:1.8rem;}
  .home-team__inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:2.4rem;}
  .home-cta__inner{grid-template-columns:minmax(0,1fr);justify-items:start;max-width:52ch;}
}

@media (min-width:860px){
  .home-timeline{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0 1.1rem;
    margin-top:1.9rem;
  }
  .home-timeline::before{
    left:0;
    right:0;
    top:1rem;
    bottom:auto;
    width:auto;
    height:1px;
  }
  .home-timeline__item{padding:2.3rem .4rem 0 0;}
  .home-timeline__item::before{top:.56rem;left:0;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-timeline__item,
  .page-home .home-segs__link,
  .page-home .home-timeline__card{transition:none;}
  .page-home .home-timeline__item:hover,
  .page-home .home-timeline__item:focus-within{transform:none;}
}