.page-home{
  --home-gap:14px;
  --home-radius:2px;
  background:
    radial-gradient(120% 56% at 76% 0%, rgba(14,43,51,.92) 0%, rgba(10,18,17,0) 62%),
    linear-gradient(180deg, #0A1211 0%, #10241E 44%, #0A1211 100%);
  color:var(--tx-text);
  font-family:var(--tx-body);
}

.page-home *,
.page-home *::before,
.page-home *::after{box-sizing:border-box;}

.page-home section,
.page-home figure,
.page-home ol,
.page-home ul{margin:0;}

/* ---------- 首屏 ---------- */
.page-home .home-hero{
  position:relative;
  padding:26px 0 56px;
  isolation:isolate;
}
.page-home .home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M0 80h160M80 0v160M0 0h160v160H0z' fill='none' stroke='%23EAF3EE' stroke-opacity='0.05'/%3E%3C/svg%3E");
  pointer-events:none;
}
.page-home .home-hero__head{padding-bottom:4px;}
.page-home .tx-h1{
  margin:12px 0 0;
  font-family:var(--tx-display);
  font-size:clamp(30px,6.4vw,56px);
  line-height:1.04;
  letter-spacing:-.01em;
  color:var(--tx-text);
}
.page-home .home-hero__lead{
  margin:16px 0 0;
  max-width:64ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.8;
  color:var(--tx-soft);
}

.page-home .home-bento{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--home-gap);
  margin-top:28px;
}
.page-home .home-bento__main,
.page-home .home-bento__media,
.page-home .home-bento__tags,
.page-home .home-bento__next,
.page-home .home-bento__alert{grid-column:1 / -1;}

.page-home .home-panel{
  position:relative;
  padding:16px;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-glass);
  backdrop-filter:blur(6px);
}
.page-home .home-bento__main{
  background:var(--tx-field);
  border-left:2px solid var(--tx-lime);
  backdrop-filter:none;
}
.page-home .home-panel__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.page-home .home-panel__head .tx-h3{margin:0;}
.page-home .home-panel__meta{
  font-size:12px;
  letter-spacing:.06em;
  color:var(--tx-mute);
}
.page-home .home-panel__foot{
  margin:12px 0 0;
  font-size:12.5px;
  line-height:1.7;
  color:var(--tx-mute);
}

/* 日期刻度 */
.page-home .home-dates{
  display:flex;
  gap:8px;
  margin:14px 0 12px;
  padding-bottom:6px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
.page-home .home-dates::-webkit-scrollbar{display:none;}
.page-home .home-date{
  flex:0 0 auto;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:76px;
  padding:8px 10px;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-lift);
  color:var(--tx-soft);
  text-align:left;
  cursor:pointer;
  transition:background-color .2s var(--tx-ease), color .2s var(--tx-ease), border-color .2s var(--tx-ease);
}
.page-home .home-date__label{
  font-size:14px;
  font-weight:600;
  font-family:var(--tx-body);
}
.page-home .home-date__meta{
  font-family:var(--tx-mono);
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--tx-mute);
}
.page-home .home-date:hover{border-color:var(--tx-lime);}
.page-home .home-date:focus-visible{
  outline:2px solid var(--tx-lime);
  outline-offset:2px;
}
.page-home .home-date.is-active{
  background:var(--tx-lime);
  border-color:var(--tx-lime);
  color:#08120F;
}
.page-home .home-date.is-active .home-date__meta{color:rgba(8,18,15,.72);}

/* 赛程行 */
.page-home .home-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--tx-line);
}
.page-home .home-list__row{
  display:grid;
  grid-template-columns:54px 44px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:11px 8px 11px 10px;
  border-bottom:1px solid var(--tx-line);
  border-left:2px solid transparent;
}
.page-home .home-list__row.is-live{
  border-left-color:var(--tx-orange);
  background:rgba(255,122,24,.07);
}
.page-home .home-list__time{
  font-size:13px;
  font-variant-numeric:tabular-nums;
  color:var(--tx-text);
}
.page-home .home-list__sport{
  font-size:12px;
  color:var(--tx-mute);
}
.page-home .home-list__match{
  font-size:15px;
  color:var(--tx-soft);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.page-home .home-vs{
  color:var(--tx-mute);
  font-size:.86em;
  padding:0 2px;
}

/* 首屏图块 */
.page-home .home-bento__media{
  position:relative;
  min-height:210px;
  overflow:hidden;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-teal);
}
.page-home .home-bento__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(10,18,17,0) 40%, rgba(10,18,17,.72) 100%);
}
.page-home .home-bento__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.06);
}

/* 项目标签墙 */
.page-home .home-tagwall{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  list-style:none;
  margin:12px 0 0;
  padding:0;
}
.page-home .home-tag{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 10px;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:transparent;
  color:var(--tx-soft);
  font-family:var(--tx-body);
  font-size:13px;
  cursor:pointer;
  transition:border-color .2s var(--tx-ease), background-color .2s var(--tx-ease), color .2s var(--tx-ease);
}
.page-home .home-tag::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:1px;
  background:var(--tx-mute);
}
.page-home .home-tag:hover{border-color:var(--tx-mute);}
.page-home .home-tag:focus-visible{outline:2px solid var(--tx-lime);outline-offset:2px;}
.page-home .home-tag.is-on{
  border-color:var(--tx-lime);
  background:rgba(182,255,60,.12);
  color:var(--tx-text);
}
.page-home .home-tag.is-on::before{background:var(--tx-lime);}

/* 下一场 + 推送状态 */
.page-home .home-bento__next .tx-eyebrow,
.page-home .home-bento__alert .tx-eyebrow{margin:0;}
.page-home .home-next__clock{
  margin:8px 0 2px;
  font-size:clamp(28px,4vw,36px);
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--tx-lime);
}
.page-home .home-next__teams{
  margin:0;
  font-size:13.5px;
  color:var(--tx-soft);
}
.page-home .home-alert__text{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 4px;
  font-size:14px;
  color:var(--tx-soft);
}
.page-home .home-alert__meta{
  margin:0;
  font-size:12px;
  color:var(--tx-orange);
}

/* ---------- 今日焦点 ---------- */
.page-home .home-focus,
.page-home .home-compare,
.page-home .home-sub,
.page-home .home-archive,
.page-home .home-stats{padding-block:clamp(40px,6vw,74px);}

.page-home .home-focus__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--home-gap);
  margin-top:24px;
}
.page-home .home-focus__item{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:16px;
  border-top:2px solid var(--tx-line);
}
.page-home .home-focus__item--lead{border-top-color:var(--tx-lime);}
.page-home .home-focus__item h3{
  margin:0;
  font-family:var(--tx-display);
  font-size:clamp(20px,3vw,28px);
  line-height:1.2;
  letter-spacing:-.01em;
}
.page-home .home-focus__item--lead h3{font-size:clamp(24px,4vw,34px);}
.page-home .home-focus__item p{
  margin:0;
  font-size:14.5px;
  line-height:1.78;
  color:var(--tx-soft);
  max-width:58ch;
}
.page-home .home-focus__time{
  font-size:13px;
  letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
  color:var(--tx-lime);
}
.page-home .home-focus__meta{
  font-size:13px;
  color:var(--tx-orange);
}
.page-home .home-focus__item .tx-btn{align-self:flex-start;margin-top:4px;}

/* ---------- 分栏对照 ---------- */
.page-home .home-compare__grid{
  display:grid;
  gap:20px;
  margin-top:24px;
}
.page-home .home-compare__col h3{margin:0;}
.page-home .home-compare__divider{
  height:1px;
  background:var(--tx-line);
}
.page-home .home-sched-mini{
  list-style:none;
  margin:12px 0 0;
  padding:0;
}
.page-home .home-sched-mini li{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid var(--tx-line);
  font-size:14.5px;
  color:var(--tx-soft);
}
.page-home .home-sched-mini .tx-mono{
  font-size:13px;
  font-variant-numeric:tabular-nums;
  color:var(--tx-text);
}
.page-home .home-compare__media{
  margin:14px 0 0;
  overflow:hidden;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-indigo);
}
.page-home .home-compare__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  object-fit:cover;
  filter:saturate(.75) contrast(1.04);
}
.page-home .home-roster{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}
.page-home .home-roster li{
  display:grid;
  grid-template-columns:auto 36px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-glass);
  font-size:13.5px;
  color:var(--tx-soft);
}
.page-home .home-roster__no{
  font-size:12.5px;
  font-variant-numeric:tabular-nums;
  color:var(--tx-mute);
}
.page-home .home-compare__note{
  margin:24px 0 0;
  max-width:70ch;
  font-size:13.5px;
  line-height:1.8;
  color:var(--tx-mute);
}

/* ---------- 订阅 ---------- */
.page-home .home-sub__inner{
  display:grid;
  gap:26px;
  align-items:start;
}
.page-home .home-sub__body .tx-h2{margin-top:8px;}
.page-home .home-sub__list{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.page-home .home-sub__list li{
  padding-left:14px;
  border-left:2px solid var(--tx-orange);
  font-size:14.5px;
  line-height:1.78;
  color:var(--tx-soft);
}
.page-home .home-sub__list strong{
  color:var(--tx-text);
  font-weight:600;
}
.page-home .home-sub__toggle{margin-top:22px;}
.page-home .home-sub__media{
  overflow:hidden;
  border:1px solid var(--tx-line);
  border-radius:var(--home-radius);
  background:var(--tx-wine);
}
.page-home .home-sub__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
  filter:saturate(.82);
}

/* ---------- 收藏留档 ---------- */
.page-home .home-archive__steps{
  list-style:none;
  margin:24px 0 0;
  padding:0;
  display:grid;
  gap:18px;
}
.page-home .home-archive__steps li{
  padding-top:18px;
  border-top:1px solid var(--tx-line);
}
.page-home .home-archive__steps li > .tx-mono{
  font-size:12px;
  letter-spacing:.18em;
  color:var(--tx-lime);
}
.page-home .home-archive__steps h3{margin:8px 0 8px;}
.page-home .home-archive__steps p{
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:var(--tx-soft);
}
.page-home .home-archive__note{
  margin:24px 0 0;
  max-width:70ch;
  font-size:13.5px;
  line-height:1.8;
  color:var(--tx-mute);
}
.page-home .home-archive__note a{
  color:var(--tx-lime);
  text-decoration:none;
  border-bottom:1px solid rgba(182,255,60,.4);
}
.page-home .home-archive__note a:hover{border-bottom-color:var(--tx-lime);}

/* ---------- 规模速览 ---------- */
.page-home .home-stats{
  position:relative;
  overflow:hidden;
  background:var(--tx-teal);
}
.page-home .home-stats__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.16;
  filter:saturate(.55);
  pointer-events:none;
}
.page-home .home-stats__inner{position:relative;z-index:1;}
.page-home .home-stats__inner .tx-h2{margin-top:8px;}
.page-home .home-stats__grid{
  list-style:none;
  margin:28px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 18px;
}
.page-home .home-stat{
  padding-top:16px;
  border-top:2px solid var(--tx-lime);
}
.page-home .home-stat__num{
  font-size:clamp(32px,5.6vw,52px);
  line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:var(--tx-text);
}
.page-home .home-stat__unit{
  margin-left:4px;
  vertical-align:top;
  line-height:1.7;
  font-size:13px;
  color:var(--tx-lime);
}
.page-home .home-stat__label{
  display:block;
  margin-top:10px;
  font-size:13px;
  line-height:1.65;
  color:var(--tx-mute);
}
.page-home .home-stats__tail{
  margin:26px 0 0;
  max-width:68ch;
  font-size:14.5px;
  line-height:1.82;
  color:var(--tx-soft);
}
.page-home .home-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

/* ---------- 响应式 ---------- */
@media (min-width:900px){
  .page-home .home-hero{padding:34px 0 68px;}

  .page-home .home-bento__main{grid-column:1 / span 7;}
  .page-home .home-bento__media{grid-column:8 / span 5;min-height:260px;}
  .page-home .home-bento__tags{grid-column:1 / span 5;}
  .page-home .home-bento__next{grid-column:6 / span 4;}
  .page-home .home-bento__alert{grid-column:10 / span 3;}

  .page-home .home-focus__item--lead{grid-column:1 / span 7;grid-row:1 / span 2;}
  .page-home .home-focus__item:nth-child(2){grid-column:8 / span 5;grid-row:1;}
  .page-home .home-focus__item:nth-child(3){grid-column:8 / span 5;grid-row:2;}

  .page-home .home-compare__grid{
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1.15fr);
    gap:28px;
  }
  .page-home .home-compare__divider{
    height:auto;
    background:linear-gradient(180deg, transparent 0%, var(--tx-line) 12%, var(--tx-line) 88%, transparent 100%);
  }

  .page-home .home-sub__inner{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    gap:40px;
  }

  .page-home .home-archive__steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
  }

  .page-home .home-stats__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (min-width:1200px){
  .page-home .home-bento{gap:16px;}
  .page-home .home-list__row{padding:12px 10px 12px 14px;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-date,
  .page-home .home-tag{transition:none;}
}
</｜｜DSML｜｜ parameter>
</｜｜DSML｜｜ invoke>
</｜｜DSML｜｜ calls>