/* 首页专属样式 —— 全部限定于 .page-home 作用域 */
.page-home .home-hero{
  display:grid;
  grid-template-columns:1fr;
  background:var(--c-cream);
}
.page-home .home-hero__left{
  background:var(--c-deep);
  color:var(--c-cream);
  padding:56px 20px 64px;
  position:relative;
}
.page-home .home-hero__kicker{
  display:inline-block;
  background:var(--c-gold);
  color:var(--c-deep);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.14em;
  padding:6px 12px;
  margin-bottom:18px;
  text-transform:uppercase;
}
.page-home .home-hero h1{
  font-size:clamp(2.4rem,9vw,4.8rem);
  line-height:.95;
  letter-spacing:-.03em;
  margin:0 0 20px;
  max-width:8em;
  color:#fff;
}
.page-home .home-hero__desc{
  font-size:1.02rem;
  line-height:1.75;
  color:rgba(245,242,232,.85);
  max-width:32em;
  margin:0 0 18px;
}
.page-home .home-hero__meta{
  font-family:var(--font-mono);
  font-size:.9rem;
  color:var(--c-gold-bright);
  border-left:4px solid var(--c-gold);
  padding-left:12px;
  margin:0 0 28px;
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.page-home .home-hero__left .btn--ghost{
  border-color:var(--c-gold-bright);
  color:var(--c-gold-bright);
}
.page-home .home-hero__right{
  background:var(--c-cream);
  padding:40px 20px 56px;
  display:flex;
  flex-direction:column;
  gap:28px;
}
.page-home .home-hero__media{
  background:var(--c-deep);
  border:var(--border-w) solid var(--c-ink);
  box-shadow:10px 10px 0 var(--c-gold);
}
.page-home .home-hero__media img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .home-hero__version{
  background:var(--c-deep);
  border:var(--border-w) solid var(--c-ink);
  box-shadow:6px 6px 0 var(--c-gold);
  padding:20px;
}
.page-home .home-hero__version .version-switch__label{
  display:block;
  font-size:.82rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--c-gold-bright);
  font-weight:700;
}
.page-home .home-hero__version-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.page-home .home-hero__version-group .version-switch__btn{
  flex:1 1 120px;
}
.page-home .home-hero__version-note{
  margin:14px 0 0;
  font-size:.88rem;
  line-height:1.6;
  color:rgba(245,242,232,.75);
}

/* 通知条 */
.page-home .home-notice{
  background:var(--c-gold);
  border-top:var(--border-w) solid var(--c-ink);
  border-bottom:var(--border-w) solid var(--c-ink);
}
.page-home .home-notice__inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
}
.page-home .home-notice__badge{
  background:var(--c-red);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.1em;
  padding:5px 12px;
}
.page-home .home-notice__text{
  margin:0;
  font-weight:700;
  color:var(--c-deep);
  flex:1 1 240px;
}
.page-home .home-notice__link{
  color:var(--c-deep);
  font-weight:800;
  text-decoration:underline;
  text-decoration-color:var(--c-red);
  text-underline-offset:4px;
}

/* 三项核心功能 */
.page-home .home-features{
  background:var(--c-cream);
}
.page-home .home-features__grid{
  display:grid;
  grid-template-columns:1fr;
}
.page-home .home-feature{
  padding:48px 20px;
  border-top:var(--border-w) solid var(--c-ink);
}
.page-home .home-feature__num{
  font-family:var(--font-mono);
  font-weight:800;
  font-size:6rem;
  line-height:1;
  letter-spacing:-.06em;
  color:transparent;
  -webkit-text-stroke:2px var(--c-gold);
  margin:0 0 12px;
}
.page-home .home-feature h3{
  font-size:1.55rem;
  letter-spacing:-.01em;
  margin:0 0 12px;
}
.page-home .home-feature__desc{
  color:var(--c-muted);
  max-width:30em;
  margin-bottom:24px;
}
.page-home .home-feature__list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
}
.page-home .home-feature__list li{
  position:relative;
  padding-left:20px;
  margin-bottom:8px;
  font-weight:500;
}
.page-home .home-feature__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:10px;
  height:2px;
  background:var(--c-gold);
}
.page-home .home-feature__switch{
  margin-top:20px;
}

/* 筛选卡深绿区块 */
.page-home .home-feature--filter{
  background:var(--c-deep);
  color:var(--c-cream);
}
.page-home .home-feature--filter h3{
  color:var(--c-gold-bright);
}
.page-home .home-feature--filter .home-feature__desc{
  color:rgba(245,242,232,.7);
}
.page-home .home-feature--filter .tabs__btn{
  background:transparent;
  border-color:var(--c-gold);
  color:var(--c-gold-bright);
}
.page-home .home-feature--filter .tabs__btn.is-active{
  background:var(--c-gold);
  color:var(--c-deep);
}
.page-home .home-feature--filter .progress{
  background:rgba(255,255,255,.22);
}
.page-home .home-feature--filter .progress__bar{
  background:var(--c-gold);
}
.page-home .home-filter__row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin:18px 0 8px;
}
.page-home .home-filter__row:first-of-type{
  margin-top:22px;
}
.page-home .home-filter .progress .progress__bar.home-filter__bar--away{
  background:var(--c-grass);
}
.page-home .home-feature__hint{
  font-family:var(--font-mono);
  font-size:.8rem;
  color:rgba(245,242,232,.6);
  margin:20px 0 0;
}

/* 收藏卡 */
.page-home .home-fav-card{
  border:var(--border-w) solid var(--c-ink);
  background:#fff;
  padding:24px;
  box-shadow:var(--shadow-hard);
}
.page-home .home-fav-card__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--c-deep);
  color:var(--c-cream);
  font-weight:800;
  text-decoration:none;
  border:var(--border-w) solid var(--c-ink);
  padding:12px 20px;
  box-shadow:3px 3px 0 var(--c-gold);
  transition:transform .3s ease-out;
}
.page-home .home-fav-card__btn:hover,
.page-home .home-fav-card__btn:focus-visible{
  transform:translate(-2px,-2px);
}
.page-home .home-fav-card__btn svg path{
  fill:none;
  stroke:var(--c-gold-bright);
  stroke-width:1.8;
  transition:fill .3s ease-out;
}
.page-home .home-fav-card__status{
  margin:16px 0 0;
  font-weight:700;
  font-size:.95rem;
}
.page-home .home-fav-card__added,
.page-home #round-fav:target .home-fav-card__default{
  display:none;
}
.page-home #round-fav:target .home-fav-card__added{
  display:inline;
  color:var(--c-green);
}
.page-home #round-fav:target .home-fav-card__btn{
  background:var(--c-gold);
  color:var(--c-deep);
}
.page-home #round-fav:target .home-fav-card__btn svg path{
  fill:var(--c-gold);
  stroke:var(--c-deep);
}
.page-home .home-fav-card__tip{
  margin:10px 0 0;
  font-size:.85rem;
  color:var(--c-muted);
}

/* 数据面板预览 */
.page-home .home-panel{
  background:linear-gradient(180deg,var(--c-cream) 0%,#fff 100%);
  border-top:var(--border-w) solid var(--c-ink);
}
.page-home .home-panel__shot{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:var(--border-w) solid var(--c-ink);
  box-shadow:var(--shadow-hard);
  margin-bottom:40px;
  background:var(--c-deep);
}
.page-home .home-panel__boards{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.page-home .home-panel__board{
  background:#fff;
  border:var(--border-w) solid var(--c-deep);
  padding:24px;
}
.page-home .home-panel__board h3{
  margin:0 0 18px;
  font-size:1.15rem;
  letter-spacing:-.01em;
}
.page-home .home-panel__possession{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:24px;
}
.page-home .home-panel__ring{
  width:110px;
  height:110px;
  flex:0 0 auto;
}
.page-home .home-panel__ring-base{
  stroke:#EFE9D8;
}
.page-home .home-panel__ring-fill{
  stroke:var(--c-gold);
}
.page-home .home-panel__ring-label{
  display:flex;
  flex-direction:column;
}
.page-home .home-panel__ring-label .data-number{
  font-size:2rem;
  color:var(--c-green);
  line-height:1;
}
.page-home .home-panel__ring-label span:not(.data-number){
  font-size:.9rem;
  color:var(--c-muted);
  margin-top:4px;
}
.page-home .home-panel__match{
  margin-top:16px;
}
.page-home .home-panel__team-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:6px;
  font-weight:700;
}
.page-home .home-panel__match .progress__bar{
  background:var(--c-gold);
}
.page-home .home-panel__match--away .progress__bar{
  background:var(--c-grass);
}
.page-home .home-panel__digest{
  list-style:none;
  padding:0;
  margin:0;
}
.page-home .home-panel__digest li{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  border-bottom:1px solid #E5E0D2;
  padding:12px 0;
  font-weight:500;
}
.page-home .home-panel__digest li:last-child{
  border-bottom:none;
}
.page-home .home-panel__note{
  margin:18px 0 0;
  font-size:.85rem;
  color:var(--c-muted);
}

/* 历史交锋与专家专栏 */
.page-home .home-insight{
  background:var(--c-deep);
  color:var(--c-cream);
  border-top:var(--border-w) solid var(--c-ink);
}
.page-home .home-insight .section-kicker{
  color:var(--c-gold-bright);
}
.page-home .home-insight .section-title{
  color:#fff;
}
.page-home .home-insight .section-desc{
  color:rgba(245,242,232,.7);
}
.page-home .home-insight__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}
.page-home .home-fixture,
.page-home .home-expert{
  border:var(--border-w) solid var(--c-ink);
  padding:24px;
}
.page-home .home-fixture{
  background:var(--c-cream);
  color:var(--c-ink);
}
.page-home .home-expert{
  background:var(--c-gold);
  color:var(--c-deep);
}
.page-home .home-fixture h3,
.page-home .home-expert h3{
  font-size:1.3rem;
  margin:0 0 18px;
}
.page-home .home-fixture img,
.page-home .home-expert img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:var(--border-w) solid var(--c-ink);
  box-shadow:4px 4px 0 rgba(11,42,30,.25);
  margin-bottom:18px;
}
.page-home .home-fixture__records{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.page-home .home-fixture__record{
  background:var(--c-deep);
  color:var(--c-cream);
  font-family:var(--font-mono);
  font-size:.8rem;
  padding:6px 10px;
  letter-spacing:.04em;
}
.page-home .home-fixture__note{
  font-size:.88rem;
  color:var(--c-muted);
  margin:0;
}
.page-home .home-expert__excerpt{
  font-size:.95rem;
  line-height:1.7;
  margin:0 0 20px;
}
.page-home .home-expert .btn--ghost{
  border-color:var(--c-deep);
  color:var(--c-deep);
  background:var(--c-cream);
}

/* 底部快捷入口 */
.page-home .home-help{
  background:var(--c-cream);
  border-top:var(--border-w) solid var(--c-ink);
}
.page-home .home-help__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.page-home .home-help h2{
  font-size:1.6rem;
  letter-spacing:-.01em;
  margin:0 0 8px;
}
.page-home .home-help p{
  color:var(--c-muted);
  max-width:30em;
  margin:0;
}

/* 平板及以上 */
@media (min-width:720px){
  .page-home .home-panel__boards{
    grid-template-columns:1fr 1fr;
    align-items:stretch;
  }
  .page-home .home-insight__grid{
    grid-template-columns:1.1fr .9fr;
    gap:36px;
  }
  .page-home .home-fixture{
    transform:translateY(12px);
  }
}

/* 桌面 */
@media (min-width:960px){
  .page-home .home-hero{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    min-height:640px;
  }
  .page-home .home-hero__left{
    clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
    padding:84px 72px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .page-home .home-hero__right{
    padding:72px 56px 56px 96px;
    justify-content:center;
  }
  .page-home .home-features__grid{
    grid-template-columns:1fr 1.15fr 1fr;
    column-gap:32px;
    align-items:start;
  }
  .page-home .home-feature{
    border-top:none;
    border-left:var(--border-w) solid var(--c-ink);
    min-height:640px;
  }
  .page-home .home-feature--filter{
    margin-top:56px;
  }
  .page-home .home-notice__inner{
    padding:18px 0;
  }
  .page-home .home-help__inner .btn--gold{
    flex:0 0 auto;
  }
}