.page-home{
  --hm-shadow-dark:4px 4px 0 rgba(244,238,226,.08);
  --hm-shadow-orange:6px 6px 0 rgba(242,101,34,.22);
  --hm-shadow-ink:4px 4px 0 rgba(20,32,27,.10);
  background:var(--night);
  color:var(--paper);
  overflow-x:clip;
}

.page-home section{padding-block:clamp(52px,7vw,96px);}

.page-home h1,
.page-home h2,
.page-home h3{font-family:var(--f-display);letter-spacing:-.01em;margin:0;}

.page-home p{margin:0;}

.page-home a{color:inherit;}

.page-home a:focus-visible{
  outline:3px solid var(--whistle);
  outline-offset:2px;
  border-radius:2px;
}

.page-home .hm-num{font-family:var(--f-data);font-weight:600;font-variant-numeric:tabular-nums;}

/* ---------- 上下文 ---------- */
.page-home .hm-context{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding-top:calc(var(--header-h) + 18px);
  font-family:var(--f-data);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--on-dark-faint);
}
.page-home .hm-context .dot{background:var(--cyan);}

/* ---------- 01 框景首屏 ---------- */
.page-home .hm-stage{
  padding-top:clamp(18px,3vw,28px);
  background:
    radial-gradient(90% 70% at 80% 0%,rgba(242,101,34,.16),transparent 60%),
    linear-gradient(180deg,var(--night) 0%,#07170f 60%,var(--night) 100%);
}
.page-home .hm-frame{
  position:relative;
  border:1px solid var(--line-dark);
  padding:clamp(40px,6vw,46px) clamp(16px,3.4vw,40px) clamp(22px,3.4vw,38px);
  background:
    radial-gradient(120% 96% at 92% -10%,rgba(61,214,196,.10),transparent 58%),
    linear-gradient(158deg,rgba(12,42,33,.94),rgba(6,19,16,.98));
}
.page-home .hm-frame::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:repeating-linear-gradient(90deg,var(--line-dark) 0 1px,transparent 1px 24px);
  pointer-events:none;
}
.page-home .hm-frame__corner{
  position:absolute;
  font-family:var(--f-data);
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  line-height:1;
  padding:2px 6px;
  background:var(--night);
  color:var(--whistle);
}
.page-home .hm-frame__corner--tl{top:-8px;left:14px;}
.page-home .hm-frame__corner--tr{top:-8px;right:14px;}
.page-home .hm-frame__corner--bl{bottom:-8px;left:14px;color:var(--orange);}
.page-home .hm-frame__corner--br{bottom:-8px;right:14px;color:var(--orange);}

.page-home .hm-stage__grid{
  display:grid;
  gap:clamp(22px,3.6vw,36px);
  grid-template-areas:"head" "media" "cards";
}
.page-home .hm-stage__head{grid-area:head;min-width:0;}
.page-home .hm-stage__media{grid-area:media;margin:0;min-width:0;}
.page-home .hm-matches{
  grid-area:cards;
  display:grid;
  gap:18px;
  min-width:0;
}

.page-home .hm-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--f-data);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--whistle);
  text-transform:uppercase;
}
.page-home .hm-eyebrow .dot{background:var(--orange);}

.page-home h1{
  margin-top:16px;
  font-size:clamp(34px,7.4vw,72px);
  font-weight:900;
  line-height:.98;
  color:var(--paper);
  max-width:14ch;
}

.page-home .hm-lede{
  margin-top:18px;
  max-width:34em;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.75;
  color:var(--on-dark-dim);
}

.page-home .hm-stage__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  border:1px solid var(--line-dark);
}
.page-home .hm-stage__media figcaption{
  margin-top:10px;
  font-size:13px;
  line-height:1.6;
  color:var(--on-dark-faint);
}

/* 赛事卡 */
.page-home .hm-match{
  position:relative;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:14px;
  padding:18px 18px 20px;
  background:var(--stand);
  border:1px solid var(--turf);
  box-shadow:var(--hm-shadow-dark);
  transition:transform var(--t),border-color var(--t),box-shadow var(--t);
}
.page-home .hm-match:hover,
.page-home .hm-match:focus-within{
  transform:translateY(-2px);
  border-color:var(--orange);
  box-shadow:var(--hm-shadow-orange);
}
.page-home .hm-match__time{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-right:12px;
  border-right:1px dashed var(--line-dark);
}
.page-home .hm-match__day{
  font-family:var(--f-body);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--on-dark-faint);
}
.page-home .hm-match__clock{
  font-family:var(--f-data);
  font-size:24px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--whistle);
  line-height:1.1;
}
.page-home .hm-match__body{min-width:0;}
.page-home .hm-match__tags{display:flex;flex-wrap:wrap;gap:6px;}
.page-home .hm-match__teams{
  margin-top:10px;
  font-size:clamp(19px,3.2vw,24px);
  font-weight:800;
  line-height:1.25;
  color:var(--paper);
}
.page-home .hm-vs{
  font-family:var(--f-body);
  font-size:12px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--orange);
  padding-inline:2px;
}
.page-home .hm-match__meta{
  margin-top:6px;
  font-size:13px;
  color:var(--on-dark-faint);
}
.page-home .hm-match__rows{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:6px;
  font-size:13px;
  line-height:1.6;
  color:var(--on-dark-dim);
}
.page-home .hm-match__rows li{
  position:relative;
  padding-left:12px;
}
.page-home .hm-match__rows li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:1px;
  background:var(--cyan);
}
.page-home .hm-match__go{
  display:inline-block;
  margin-top:14px;
  font-size:14px;
  font-weight:600;
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color var(--t),color var(--t);
}
.page-home .hm-match__go:hover{border-bottom-color:var(--orange);}

.page-home .hm-stage__strip{
  display:flex;
  flex-wrap:wrap;
  gap:16px 24px;
  align-items:center;
  justify-content:space-between;
  margin-top:clamp(22px,3vw,32px);
  padding-top:18px;
  border-top:1px dashed var(--line-dark);
}
.page-home .hm-strip__note{
  max-width:52ch;
  font-size:14px;
  line-height:1.7;
  color:var(--on-dark-dim);
}
.page-home .hm-strip__links{display:flex;flex-wrap:wrap;gap:10px;}

.page-home .hm-linkbtn{
  display:inline-block;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:var(--paper);
  border:1px solid var(--line-dark);
  transition:border-color var(--t),color var(--t),background var(--t);
}
.page-home .hm-linkbtn:hover{
  border-color:var(--orange);
  color:var(--orange);
}
.page-home .hm-linkbtn--dark{
  color:var(--paper);
  border-color:var(--line-dark);
}

/* ---------- 共用小件 ---------- */
.page-home .hm-secnum{
  font-family:var(--f-data);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--whistle);
}
.page-home .hm-secnum--ink{color:#9A5B22;}
.page-home .hm-sec-title{
  margin-top:12px;
  font-size:clamp(26px,3.6vw,40px);
  font-weight:800;
  line-height:1.12;
  color:var(--paper);
}
.page-home .hm-sec-title--ink{color:var(--ink);}
.page-home .hm-body{
  margin-top:14px;
  max-width:36em;
  font-size:15px;
  line-height:1.8;
  color:var(--on-dark-dim);
}
.page-home .hm-body--ink{color:var(--ink-2);}
.page-home .hm-inline-link{
  display:inline-block;
  margin-top:14px;
  font-size:14px;
  font-weight:600;
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid rgba(242,101,34,.45);
  transition:border-color var(--t);
}
.page-home .hm-inline-link:hover{border-bottom-color:var(--orange);}

/* ---------- 02 阵容确认 ---------- */
.page-home .hm-lineup{
  background:var(--stand);
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
}
.page-home .hm-lineup__grid{
  display:grid;
  gap:clamp(26px,4vw,48px);
  align-items:start;
}
.page-home .hm-lineup__text{min-width:0;}
.page-home .hm-timeline{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:16px;
}
.page-home .hm-timeline__item{
  position:relative;
  padding-left:24px;
  border-left:1px solid var(--line-dark);
}
.page-home .hm-timeline__item::before{
  content:"";
  position:absolute;
  left:-4px;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
}
.page-home .hm-timeline__item--final::before{background:var(--orange);}
.page-home .hm-timeline__t{
  font-family:var(--f-data);
  font-size:14px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--whistle);
}
.page-home .hm-timeline__h{
  margin-top:4px;
  font-size:18px;
  font-weight:700;
  color:var(--paper);
}
.page-home .hm-timeline__p{
  margin-top:6px;
  font-size:14px;
  line-height:1.7;
  color:var(--on-dark-dim);
}
.page-home .hm-lineup__media{
  margin:0;
  justify-self:center;
  width:min(100%,300px);
  min-width:0;
}
.page-home .hm-lineup__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  border:1px solid var(--line-dark);
  box-shadow:0 0 0 8px rgba(23,69,54,.55);
}
.page-home .hm-lineup__media figcaption{
  margin-top:18px;
  text-align:center;
  font-size:13px;
  line-height:1.6;
  color:var(--on-dark-faint);
}

/* ---------- 03 数据栏 ---------- */
.page-home .hm-rail{
  background:var(--paper);
  color:var(--ink);
}
.page-home .hm-rail__grid{
  display:grid;
  gap:clamp(26px,4vw,var(--rail-gap));
  align-items:start;
}
.page-home .hm-rail__body{min-width:0;}
.page-home .hm-checks{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .hm-checks li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-2);
}
.page-home .hm-checks .dot{
  margin-top:.6em;
  flex:0 0 auto;
  background:var(--orange);
}

.page-home .hm-rail__panel{
  position:relative;
  min-width:0;
  background:var(--stand);
  color:var(--paper);
  border:1px solid var(--turf);
  box-shadow:6px 6px 0 rgba(23,69,54,.22);
  overflow:hidden;
}
.page-home .hm-rail__texture{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/1;
  object-fit:cover;
  opacity:.7;
  border-bottom:1px solid var(--line-dark);
}
.page-home .hm-rail__head{padding:14px 18px 10px;}
.page-home .hm-rail__label{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--f-data);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--on-dark-faint);
}
.page-home .hm-rail__label .dot{background:var(--cyan);}
.page-home .hm-rail__team{
  margin-top:6px;
  font-family:var(--f-display);
  font-size:22px;
  font-weight:800;
  color:var(--paper);
}
.page-home .hm-rail__rows{
  margin:0;
  padding:0 18px;
}
.page-home .hm-rail__row{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-top:1px dashed var(--line-dark);
}
.page-home .hm-rail__row dt{
  font-size:13px;
  color:var(--on-dark-dim);
}
.page-home .hm-rail__row dd{
  margin:0;
  font-size:16px;
  color:var(--whistle);
}
.page-home .hm-rail__rows--sub .hm-rail__row dd{font-size:15px;color:var(--cyan);}
.page-home .hm-rail__more{padding:4px 18px 0;}
.page-home .hm-rail__more summary{
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  color:var(--orange);
  padding:8px 0;
}
.page-home .hm-rail__more summary::-webkit-details-marker{display:none;}
.page-home .hm-rail__more[open] summary{color:var(--whistle);}
.page-home .hm-rail__more .hm-rail__rows{padding:0;}
.page-home .hm-rail__stamp{
  margin-top:10px;
  padding:12px 18px 0;
  border-top:1px solid var(--line-dark);
  font-family:var(--f-data);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--on-dark-faint);
}
.page-home .hm-rail__ok{color:var(--cyan);}

/* ---------- 04 看台路径 ---------- */
.page-home .hm-path-sec{
  background:
    linear-gradient(168deg,rgba(242,101,34,.12) 0%,transparent 46%),
    var(--night);
}
.page-home .hm-path-head{max-width:44em;}
.page-home .hm-path{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  gap:2px;
}
.page-home .hm-path__step{
  position:relative;
  padding:24px 20px 26px;
  background:var(--stand);
  border-left:2px solid var(--turf);
  transition:border-color var(--t),background var(--t);
}
.page-home .hm-path__step:hover,
.page-home .hm-path__step:focus-within{
  border-left-color:var(--orange);
  background:#103026;
}
.page-home .hm-path__num{
  font-family:var(--f-data);
  font-size:28px;
  font-weight:600;
  line-height:1;
  color:var(--orange);
}
.page-home .hm-path__when{
  margin-top:8px;
  font-size:12px;
  letter-spacing:.16em;
  color:var(--whistle);
}
.page-home .hm-path__h{
  margin-top:6px;
  font-size:21px;
  font-weight:800;
  color:var(--paper);
}
.page-home .hm-path__p{
  margin-top:10px;
  font-size:14px;
  line-height:1.75;
  color:var(--on-dark-dim);
}

/* ---------- 05 会员权益 ---------- */
.page-home .hm-tiers{
  background:var(--paper-white);
  color:var(--ink);
}
.page-home .hm-tiers__head{max-width:46em;}
.page-home .hm-tiers__band{
  margin:clamp(24px,4vw,36px) 0 0;
}
.page-home .hm-tiers__band img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:5/2;
  object-fit:cover;
  border:1px solid var(--line);
}
.page-home .hm-tiers__grid{
  margin-top:clamp(22px,3.4vw,32px);
  display:grid;
  gap:18px;
}
.page-home .hm-tier{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 20px 24px;
  background:var(--paper-white);
  border:1px solid var(--line);
  box-shadow:var(--hm-shadow-ink);
  transition:transform var(--t),border-color var(--t),box-shadow var(--t);
}
.page-home .hm-tier:hover,
.page-home .hm-tier:focus-within{
  transform:translateY(-2px);
  border-color:var(--orange);
  box-shadow:6px 6px 0 rgba(242,101,34,.22);
}
.page-home .hm-tier--feature{
  border-color:var(--orange);
  box-shadow:6px 6px 0 rgba(242,101,34,.24);
}
.page-home .hm-tier__tagline{display:flex;}
.page-home .hm-tier__name{
  font-size:28px;
  font-weight:900;
  color:var(--ink);
  line-height:1.1;
}
.page-home .hm-tier__desc{
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.page-home .hm-tier__list{
  list-style:none;
  margin:4px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}
.page-home .hm-tier__list li{
  position:relative;
  padding-left:16px;
  font-size:14px;
  line-height:1.65;
  color:var(--ink-2);
}
.page-home .hm-tier__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  background:var(--whistle);
  box-shadow:0 0 0 1px rgba(20,32,27,.18);
}
.page-home .hm-tier__link{
  margin-top:auto;
  padding-top:12px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  color:var(--orange);
  border-top:1px solid var(--line);
}
.page-home .hm-tier__link:hover{text-decoration:underline;}
.page-home .hm-tiers__foot{
  margin-top:20px;
  font-size:14px;
  color:var(--muted);
}
.page-home .hm-tiers__foot .hm-inline-link{margin-top:0;margin-left:4px;}

/* ---------- 06 简报 ---------- */
.page-home .hm-press{
  background:var(--stand);
  border-top:1px solid var(--line-dark);
  border-bottom:1px solid var(--line-dark);
}
.page-home .hm-press__head{max-width:46em;}
.page-home .hm-posts{
  list-style:none;
  margin:clamp(24px,3.6vw,36px) 0 0;
  padding:0;
  display:grid;
  gap:2px;
}
.page-home .hm-post{
  padding:20px 18px 22px;
  background:rgba(6,19,16,.45);
  border-left:1px solid var(--line-dark);
  transition:border-color var(--t),background var(--t);
}
.page-home .hm-post:hover,
.page-home .hm-post:focus-within{
  border-left-color:var(--orange);
  background:rgba(6,19,16,.7);
}
.page-home .hm-post__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.page-home .hm-post__time{
  font-family:var(--f-data);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--on-dark-faint);
}
.page-home .hm-post__title{
  margin-top:10px;
  font-size:clamp(18px,2.4vw,22px);
  font-weight:800;
  line-height:1.3;
  color:var(--paper);
}
.page-home .hm-post__text{
  margin-top:8px;
  max-width:40em;
  font-size:14px;
  line-height:1.75;
  color:var(--on-dark-dim);
}
.page-home .hm-press__foot{margin-top:22px;}

/* ---------- 07 服务与信任 ---------- */
.page-home .hm-trust{
  background:var(--paper);
  color:var(--ink);
}
.page-home .hm-trust__head{max-width:46em;}
.page-home .hm-trust__stats{
  margin-top:clamp(24px,3.6vw,36px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .hm-trust__stat{
  background:var(--paper-white);
  padding:16px 14px;
}
.page-home .hm-trust__num{
  font-size:26px;
  font-weight:600;
  line-height:1.1;
  color:var(--ink);
}
.page-home .hm-trust__label{
  margin-top:6px;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--muted);
}
.page-home .hm-trust__cols{
  margin-top:clamp(24px,3.6vw,36px);
  display:grid;
  gap:24px;
}
.page-home .hm-trust__col{min-width:0;}
.page-home .hm-trust__h{
  font-size:19px;
  font-weight:800;
  color:var(--ink);
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.page-home .hm-trust__list{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:8px;
  font-size:14px;
  line-height:1.7;
  color:var(--ink-2);
  overflow-wrap:anywhere;
}
.page-home .hm-trust__p{
  margin-top:12px;
  font-size:14px;
  line-height:1.75;
  color:var(--ink-2);
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-home .hm-rail__grid{grid-template-columns:minmax(0,1fr);}
  .page-home .hm-tiers__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .hm-trust__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .hm-trust__cols{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:760px){
  .page-home .hm-timeline{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .page-home .hm-timeline__item{
    border-left:0;
    border-top:1px solid var(--line-dark);
    padding-left:0;
    padding-top:18px;
  }
  .page-home .hm-timeline__item::before{left:0;top:-4px;}
  .page-home .hm-path{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-home .hm-lineup__grid{grid-template-columns:minmax(0,1fr) 300px;}
  .page-home .hm-lineup__media{justify-self:end;}
}

@media (min-width:980px){
  .page-home .hm-stage__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    grid-template-areas:
      "head media"
      "cards media";
    align-items:start;
  }
  .page-home .hm-matches{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .page-home .hm-match:nth-child(2){margin-top:34px;}
  .page-home .hm-rail__grid{grid-template-columns:minmax(0,1fr) var(--rail);}
  .page-home .hm-tiers__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .hm-trust__cols{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:1100px){
  .page-home .hm-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
  .page-home .hm-post{border-left:0;border-top:2px solid var(--turf);}
  .page-home .hm-post:hover,
  .page-home .hm-post:focus-within{border-top-color:var(--orange);}
}

@media (prefers-reduced-motion:reduce){
  .page-home .hm-match,
  .page-home .hm-tier,
  .page-home .hm-path__step,
  .page-home .hm-post,
  .page-home .hm-linkbtn,
  .page-home .hm-match__go,
  .page-home .hm-inline-link{
    transition:none;
  }
  .page-home .hm-match:hover,
  .page-home .hm-match:focus-within,
  .page-home .hm-tier:hover,
  .page-home .hm-tier:focus-within{transform:none;}
}
<<<END>>>