.page-home{
  background: var(--ink-900);
  color: var(--paper);
  overflow-x: clip;
}

.page-home img{max-width:100%; height:auto;}
.page-home .media{margin:0;}
.page-home .media__caption{
  margin-top:10px;
  font-size:12.5px;
  line-height:1.7;
  color:var(--muted);
}

.page-home a:focus-visible,
.page-home summary:focus-visible,
.page-home .fixture:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* ---------- 首屏 ---------- */
.page-home .hero{
  position:relative;
  overflow:hidden;
  padding: clamp(24px,4.5vw,52px) 0 clamp(44px,7vw,88px);
}
.page-home .hero__bg{
  position:absolute;
  inset:0;
  background:linear-gradient(168deg, var(--ink-700) 0%, var(--ink-800) 42%, var(--ink-900) 78%);
  clip-path: polygon(0 0, 100% 0, 100% 54%, 0 96%);
}
.page-home .hero__bg::after{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:15%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(232,180,76,.55), transparent);
  transform:rotate(-7deg);
}
.page-home .hero__grid{
  position:relative;
  z-index:2;
  max-width:var(--shell);
  margin:0 auto;
  padding:0 var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap: clamp(28px,4vw,48px);
}
.page-home .hero__copy{
  display:grid;
  gap:16px;
  align-content:end;
}
.page-home .hero__title{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(38px,7.4vw,92px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.02em;
  color:var(--paper);
  text-wrap:balance;
}
.page-home .hero__lede{
  margin:0;
  max-width:34em;
  font-size:clamp(15px,1.5vw,18px);
  line-height:1.8;
  color:var(--muted);
}
.page-home .hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}
.page-home .hero__meta{
  margin:0;
  padding-left:14px;
  border-left:1px solid var(--line);
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}
.page-home .hero__side{
  display:grid;
  gap:16px;
  align-content:end;
}
.page-home .hero__media img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid var(--line);
}

/* 记分牌 */
.page-home .board{
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  background:linear-gradient(180deg, var(--ink-700), var(--ink-800));
  padding:18px 20px;
  display:grid;
  gap:10px;
}
.page-home .board__label{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.18em;
  color:var(--teal);
}
.page-home .board__round{
  margin:0;
  display:flex;
  align-items:baseline;
  gap:10px;
}
.page-home .board__num{
  font-family:var(--font-mono);
  font-size:clamp(54px,7vw,76px);
  font-weight:700;
  line-height:.9;
  color:var(--gold);
}
.page-home .board__unit{
  font-size:13px;
  color:var(--muted);
}
.page-home .board__facts{
  list-style:none;
  margin:0;
  padding:12px 0 0;
  border-top:1px solid var(--line);
  display:grid;
  gap:7px;
}
.page-home .board__facts li{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:var(--muted);
}
.page-home .board__facts .num{
  font-family:var(--font-mono);
  color:var(--gold-soft);
}

/* ---------- 区块骨架 ---------- */
.page-home .band{
  padding: clamp(46px,7vw,92px) 0;
  border-top:1px solid var(--line);
}
.page-home .band__head{
  display:grid;
  gap:12px;
  max-width:64ch;
  margin-bottom: clamp(24px,3vw,40px);
}
.page-home .band__head h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(24px,3.4vw,42px);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-home .band__head .lede{
  margin:0;
  max-width:58ch;
  font-size:clamp(15px,1.4vw,17px);
  line-height:1.8;
  color:var(--muted);
}
.page-home h3{
  margin:0;
  font-size:clamp(16px,1.6vw,19px);
  font-weight:700;
  line-height:1.4;
  color:var(--paper);
}
.page-home .prose{
  margin:0 0 4px;
  max-width:34em;
  font-size:clamp(15px,1.4vw,17px);
  line-height:1.85;
  color:var(--muted);
}
.page-home .note{
  margin:16px 0 0;
  padding-left:14px;
  border-left:1px solid var(--line);
  font-family:var(--font-kai);
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .note a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}
.page-home .note a:hover{color:var(--gold-soft);}

/* ---------- 赛程快查 ---------- */
.page-home .filters{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .filter{
  background:var(--ink-800);
  padding:22px 20px;
  display:grid;
  gap:8px;
  align-content:start;
}
.page-home .filter__key{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--gold);
}
.page-home .filter p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--muted);
}

.page-home .fixtures{
  margin-top: clamp(28px,4vw,44px);
}
.page-home .fixtures__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.page-home .fixture-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-home .fixture{
  border-bottom:1px solid var(--line);
  border-left:3px solid transparent;
  padding:16px 6px 16px 16px;
  transition:border-color var(--t) var(--ease), background-color var(--t) var(--ease);
}
.page-home .fixture:hover,
.page-home .fixture:focus,
.page-home .fixture:focus-within{
  border-left-color:var(--gold);
  background:rgba(232,180,76,.05);
}
.page-home .fixture__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 16px;
  align-items:baseline;
}
.page-home .fixture__time,
.page-home .fixture__teams,
.page-home .fixture__score,
.page-home .fixture__state{
  min-width:0;
}
.page-home .fixture__time{
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--muted);
  grid-column:1 / -1;
}
.page-home .fixture__teams{
  font-size:16px;
  font-weight:600;
  color:var(--paper);
}
.page-home .fixture__vs{
  font-size:12px;
  font-weight:400;
  color:var(--muted);
  padding:0 4px;
}
.page-home .fixture__score{
  font-family:var(--font-mono);
  font-size:19px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--red);
}
.page-home .fixture__state{
  font-size:12.5px;
  letter-spacing:.08em;
  color:var(--teal);
  border:1px solid var(--line);
  padding:2px 8px;
  white-space:nowrap;
}
.page-home .fixture__more{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  font-size:12.5px;
  color:var(--muted);
  transition:max-height var(--t) var(--ease), opacity var(--t) var(--ease), margin-top var(--t) var(--ease);
}
.page-home .fixture:hover .fixture__more,
.page-home .fixture:focus .fixture__more,
.page-home .fixture:focus-within .fixture__more{
  max-height:120px;
  opacity:1;
  margin-top:10px;
}
.page-home .fixtures__media{
  margin-top: clamp(26px,3.5vw,40px);
  border:1px solid var(--line);
  padding:0;
  background:var(--ink-800);
}
.page-home .fixtures__media img{
  display:block;
  width:100%;
  aspect-ratio:2/1;
  object-fit:cover;
}
.page-home .fixtures__media .media__caption{
  padding:10px 14px 12px;
  margin:0;
  border-top:1px solid var(--line);
}

/* ---------- 复盘 / 侧栏 ---------- */
.page-home .duo{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap: clamp(30px,4vw,48px);
  align-items:start;
}
.page-home .duo__main{min-width:0;}
.page-home .duo__aside{
  display:grid;
  gap:20px;
  align-content:start;
}
.page-home .duo__media{
  border:1px solid var(--line);
  background:var(--ink-800);
}
.page-home .duo__media img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.page-home .duo__media .media__caption{
  padding:10px 14px 12px;
  margin:0;
  border-top:1px solid var(--line);
}

/* 折叠面板 */
.page-home .fold{
  margin-top:24px;
  border:1px solid var(--line);
  background:var(--ink-800);
}
.page-home .fold > summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 18px;
  font-size:14px;
  color:var(--gold);
}
.page-home .fold > summary::-webkit-details-marker{display:none;}
.page-home .fold > summary::after{
  content:"展开";
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--muted);
}
.page-home .fold[open] > summary::after{content:"收起";}
.page-home .fold__body{
  padding:16px 18px 18px;
  border-top:1px solid var(--line);
}
.page-home .fold__body .note{margin-top:12px;}
.page-home .fold--plain{background:transparent;}

/* 数据表 */
.page-home .table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
}
.page-home .data-table{
  width:100%;
  border-collapse:collapse;
  font-size:13.5px;
  color:var(--muted);
}
.page-home .data-table th,
.page-home .data-table td{
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  text-align:left;
  white-space:nowrap;
}
.page-home .data-table thead th{
  background:var(--ink-700);
  font-size:11.5px;
  letter-spacing:.1em;
  font-weight:600;
  color:var(--muted);
}
.page-home .data-table tbody tr:last-child td{border-bottom:0;}
.page-home .data-table__num{
  font-family:var(--font-mono);
  color:var(--paper);
}
.page-home .data-table__score{
  font-family:var(--font-mono);
  font-weight:700;
  color:var(--red);
}

/* 接力 */
.page-home .relay{
  margin-top: clamp(30px,4vw,48px);
  padding-top: clamp(24px,3vw,34px);
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.page-home .relay__copy p{
  margin:12px 0 0;
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
  max-width:34em;
}
.page-home .relay__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .relay__list strong{
  color:var(--gold-soft);
  font-weight:600;
}
.page-home .relay__media{
  border:1px solid var(--line);
  background:var(--ink-800);
}
.page-home .relay__media img{
  display:block;
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
}
.page-home .relay__media .media__caption{
  padding:10px 14px 12px;
  margin:0;
  border-top:1px solid var(--line);
}

/* 侧边哨旗 */
.page-home .flag{
  position:relative;
  border:1px solid var(--line);
  border-left:3px solid var(--gold);
  background:var(--ink-800);
  padding:20px 18px;
  display:grid;
  gap:10px;
}
.page-home .flag__tag{
  position:absolute;
  top:-1px;
  right:-1px;
  margin:0;
  writing-mode:vertical-rl;
  padding:12px 4px;
  background:var(--gold);
  color:var(--ink-900);
  font-family:var(--font-kai);
  font-size:12px;
  letter-spacing:.22em;
  line-height:1;
}
.page-home .flag h3{padding-right:18px;}
.page-home .flag p{
  margin:0;
  padding-right:14px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .flag details{
  border-top:1px solid var(--line);
  padding-top:12px;
}
.page-home .flag details > summary{
  cursor:pointer;
  list-style:none;
  font-size:13.5px;
  color:var(--gold);
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.page-home .flag details > summary::-webkit-details-marker{display:none;}
.page-home .flag details > summary::after{
  content:"＋";
  font-family:var(--font-mono);
  color:var(--muted);
}
.page-home .flag details[open] > summary::after{content:"－";}
.page-home .flag__body{
  padding-top:10px;
  display:grid;
  gap:12px;
  justify-items:start;
}
.page-home .flag__body p{
  margin:0;
  padding-right:0;
  font-size:13px;
  line-height:1.8;
}

/* ---------- 版本 ---------- */
.page-home .version-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .version{
  background:var(--ink-800);
  padding:24px 22px;
  display:grid;
  gap:12px;
  align-content:start;
}
.page-home .version > .tag{justify-self:start;}
.page-home .version__no{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(40px,5.4vw,62px);
  font-weight:700;
  line-height:1;
  color:var(--gold);
}
.page-home .version--alt .version__no{color:var(--teal);}
.page-home .version ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:9px;
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.page-home .version li{
  position:relative;
  padding-left:16px;
}
.page-home .version li::before{
  content:"";
  position:absolute;
  left:0;
  top:.85em;
  width:8px;
  height:1px;
  background:var(--line);
}
.page-home .versions__foot{
  margin: clamp(22px,3vw,32px) 0 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .versions__foot a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}

/* ---------- 联系 ---------- */
.page-home .contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .contact-card{
  background:var(--ink-800);
  padding:24px 22px;
  display:grid;
  gap:10px;
  align-content:start;
}
.page-home .contact-card__label{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--teal);
}
.page-home .contact-card__value{
  margin:0;
  font-family:var(--font-mono);
  font-size:clamp(20px,2.6vw,26px);
  color:var(--paper);
  overflow-wrap:anywhere;
}
.page-home .contact-card__value--mail{
  font-size:clamp(15px,1.9vw,19px);
  color:var(--gold-soft);
}
.page-home .contact-card__text{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .support__foot{
  margin: clamp(22px,3vw,32px) 0 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  font-size:13.5px;
  line-height:1.8;
  color:var(--muted);
}
.page-home .support__foot a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-home .filters{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .version-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-home .contact-grid{grid-template-columns:1.2fr 1fr;}
  .page-home .relay{grid-template-columns:minmax(0,1fr) 200px;}
  .page-home .fixture__row{grid-template-columns:120px minmax(0,1fr) auto;}
  .page-home .fixture__time{grid-column:auto;}
}

@media (min-width:900px){
  .page-home .hero__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);
    align-items:end;
    min-height:62vh;
    padding-bottom: clamp(40px,5vw,64px);
  }
  .page-home .hero__copy{padding-bottom:8px;}
}

@media (min-width:980px){
  .page-home .duo{
    grid-template-columns:minmax(0,7.4fr) minmax(0,3.8fr);
  }
  .page-home .duo__aside{
    align-self:stretch;
  }
  .page-home .flag{
    position:sticky;
    top:calc(var(--bar) + 18px);
  }
}

@media (prefers-reduced-motion: reduce){
  .page-home .fixture,
  .page-home .fixture__more{transition:none;}
}
<<<END>>>