/* ===== 首页 · 页面专属样式 ===== */
.page-home{
  --hm-card-hover:#153A5C;
  --hm-shadow:0 18px 40px rgba(3,8,16,.55);
  background:var(--deep);
  color:var(--paper);
  font-family:var(--font-body);
  overflow-x:hidden;
}

.page-home img{max-width:100%;height:auto;}

/* ---------- 首屏 ---------- */
.page-home .hm-hero{
  position:relative;
  background:var(--grad-clear);
  clip-path:polygon(0 0,100% 0,100% 93%,0 100%);
}
.page-home .hm-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.page-home .hm-hero__bgimg{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.38;
}
.page-home .hm-hero__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,10,18,.5) 0%,rgba(10,27,46,.88) 58%,#050A12 100%);
}
.page-home .hm-hero__inner{
  position:relative;
  z-index:1;
  padding-block:28px 76px;
}
.page-home .hm-hero__eyebrow{margin-top:24px;}
.page-home .hm-hero__title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-size:clamp(30px,6.4vw,54px);
  line-height:1.14;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--paper);
}
.page-home .hm-hero__lede{
  margin:18px 0 0;
  max-width:60ch;
  font-size:16px;
  line-height:1.78;
  color:var(--paper-2);
}
.page-home .hm-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hm-rounds{
  display:flex;
  gap:12px;
  list-style:none;
  margin:38px 0 0;
  padding:18px 0 0;
  border-top:1px solid var(--line);
  overflow-x:auto;
}
.page-home .hm-rounds__item{
  position:relative;
  flex:0 0 auto;
  min-width:74px;
  padding-top:14px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.05em;
}
.page-home .hm-rounds__item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:var(--line);
}
.page-home .hm-rounds__item::after{
  content:"";
  position:absolute;
  top:-3px;
  left:0;
  width:7px;
  height:7px;
  background:var(--line);
}
.page-home .hm-rounds__item.is-active{color:var(--mint);}
.page-home .hm-rounds__item.is-active::after{
  background:var(--mint);
  box-shadow:0 0 10px rgba(43,232,165,.8);
}
.page-home .hm-rounds__no{display:block;font-family:var(--font-num);}
.page-home .hm-rounds__tag{
  display:block;
  margin-top:5px;
  font-size:11px;
  color:var(--mint);
}
.page-home .hm-hero__scroll{
  display:inline-block;
  margin-top:28px;
  padding-bottom:2px;
  font-size:13px;
  letter-spacing:.08em;
  color:var(--mint);
  text-decoration:none;
  border-bottom:1px solid rgba(43,232,165,.4);
  transition:color 180ms var(--ease),border-color 180ms var(--ease);
}
.page-home .hm-hero__scroll::after{content:" ↓";}
.page-home .hm-hero__scroll:hover{border-bottom-color:var(--mint);}

/* ---------- 六个入口 ---------- */
.page-home .hm-matrix{background:var(--deep);}
.page-home .hm-matrix__note{
  margin:0;
  font-size:14px;
  color:var(--muted);
}
.page-home .hm-matrix__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:26px;
}
.page-home .hm-entry{
  position:relative;
  display:block;
  padding:22px 20px 24px;
  background:var(--pitch);
  border:1px solid var(--line);
  text-decoration:none;
  color:var(--paper);
  transition:transform 220ms var(--ease),border-color 220ms var(--ease),background-color 220ms var(--ease);
}
.page-home .hm-entry::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:100%;
  background:var(--line);
  transition:background-color 220ms var(--ease);
}
.page-home .hm-entry:hover,
.page-home .hm-entry:focus-visible{
  transform:translateY(-4px);
  background:var(--hm-card-hover);
  border-color:var(--mint);
}
.page-home .hm-entry:hover::before,
.page-home .hm-entry:focus-visible::before{background:var(--mint);}
.page-home .hm-entry__no{
  display:block;
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--muted);
}
.page-home .hm-entry__title{
  margin:8px 0 0;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--paper);
}
.page-home .hm-entry__desc{
  margin:10px 0 0;
  font-size:15px;
  line-height:1.72;
  color:var(--paper-2);
}
.page-home .hm-entry__go{
  display:inline-block;
  margin-top:14px;
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--mint);
}
.page-home .hm-entry__go::after{content:" →";}
.page-home .hm-entry:hover .hm-entry__go::after{margin-left:4px;}

/* ---------- 覆盖速览 ---------- */
.page-home .hm-scale{background:linear-gradient(180deg,var(--deep) 0%,#071626 100%);}
.page-home .hm-scale__banner{
  margin:0 0 30px;
  position:relative;
}
.page-home .hm-scale__note{
  margin:0;
  font-size:14px;
  color:var(--muted);
}
.page-home .hm-metrics{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin-top:26px;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .hm-metric{
  padding:20px 16px 22px;
  background:var(--deep);
}
.page-home .hm-metric__top{
  margin:0;
  text-align:right;
  white-space:nowrap;
}
.page-home .hm-metric__value{
  font-family:var(--font-num);
  font-size:30px;
  font-weight:700;
  line-height:1;
  color:var(--mint);
}
.page-home .hm-metric__unit{
  margin-left:6px;
  font-size:13px;
  color:var(--paper-2);
}
.page-home .hm-metric__label{
  margin:12px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}

/* ---------- 点球轨迹 ---------- */
.page-home .hm-penalty{background:var(--deep);}
.page-home .hm-split{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.page-home .hm-pen__text{
  margin:16px 0 0;
  max-width:60ch;
  font-size:16px;
  line-height:1.78;
  color:var(--paper-2);
}
.page-home .hm-pen__tabs{
  margin-top:24px;
  border:1px solid var(--line);
  background:rgba(5,10,18,.55);
}
.page-home .hm-pen__tabs .bs-tablist{
  display:flex;
  flex-wrap:wrap;
  border-bottom:1px solid var(--line);
}
.page-home .bs-tab{
  appearance:none;
  margin:0;
  padding:12px 14px;
  background:transparent;
  border:0;
  border-right:1px solid var(--line);
  border-bottom:2px solid transparent;
  color:var(--muted);
  font-family:var(--font-body);
  font-size:13px;
  letter-spacing:.04em;
  cursor:pointer;
  transition:color 180ms var(--ease),background-color 180ms var(--ease),border-color 180ms var(--ease);
}
.page-home .bs-tab:hover{color:var(--paper);}
.page-home .bs-tab[aria-selected="true"]{
  color:var(--mint);
  border-bottom-color:var(--mint);
  background:rgba(43,232,165,.08);
}
.page-home .bs-tab:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;}
.page-home .hm-pen__panel{
  padding:18px 16px;
  border-bottom:1px solid var(--line);
}
.page-home .hm-pen__panel p{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:var(--paper-2);
}
.page-home .hm-pen__fig{
  margin:0;
  position:relative;
}
.page-home .hm-track{
  position:relative;
  height:34px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.page-home .hm-track li{
  position:absolute;
  top:-4px;
  width:7px;
  height:7px;
  background:var(--mint-dim);
}
.page-home .hm-track li:nth-child(1){left:2%;}
.page-home .hm-track li:nth-child(2){left:16%;}
.page-home .hm-track li:nth-child(3){left:30%;}
.page-home .hm-track li:nth-child(4){left:43%;}
.page-home .hm-track li:nth-child(5){left:57%;}
.page-home .hm-track li:nth-child(6){left:70%;}
.page-home .hm-track li:nth-child(7){left:84%;}
.page-home .hm-track li:nth-child(8){left:96%;}
.page-home .hm-track li.is-hit{
  top:-5px;
  width:9px;
  height:9px;
  background:var(--mint);
  box-shadow:0 0 12px rgba(43,232,165,.75);
}
.page-home .hm-pen__note{
  margin:16px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}

/* ---------- 转会磁贴 ---------- */
.page-home .hm-transfers{
  position:relative;
  overflow:hidden;
  background:var(--pitch);
}
.page-home .hm-transfers__bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.page-home .hm-transfers__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.14;
}
.page-home .hm-transfers__inner{
  position:relative;
  z-index:1;
  padding-block:56px 64px;
}
.page-home .hm-transfers__note{
  margin:22px 0 0;
  max-width:76ch;
  font-size:15px;
  line-height:1.78;
  color:var(--paper-2);
}
.page-home .hm-tiles{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:26px;
}
.page-home .hm-tile{
  padding:18px 18px 20px;
  background:rgba(5,10,18,.78);
  border:1px solid var(--line);
  border-top:2px solid var(--mint-dim);
  transition:transform 200ms var(--ease),border-color 200ms var(--ease);
}
.page-home .hm-tile:hover{
  transform:translateY(-4px);
  border-top-color:var(--mint);
}
.page-home .hm-tile__title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-size:18px;
  font-weight:700;
  color:var(--paper);
}
.page-home .hm-tile__desc{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.72;
  color:var(--paper-2);
}

/* ---------- 桌面端检索 ---------- */
.page-home .hm-desktop{background:linear-gradient(180deg,#071626 0%,var(--deep) 100%);}
.page-home .hm-desktop__text{
  margin:16px 0 0;
  max-width:60ch;
  font-size:16px;
  line-height:1.78;
  color:var(--paper-2);
}
.page-home .hm-desktop__kv{
  margin-top:22px;
  border-top:1px solid var(--line);
}
.page-home .hm-desktop__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.page-home .hm-desk__tabs{
  border:1px solid var(--line);
  background:rgba(5,10,18,.58);
}
.page-home .hm-desk__tabs .bs-tablist{
  display:flex;
  border-bottom:1px solid var(--line);
}
.page-home .hm-desk__panel{padding:20px 18px;}
.page-home .hm-desk__panel p{
  margin:0;
  font-size:15px;
  line-height:1.78;
  color:var(--paper-2);
}

/* ---------- 结尾条 ---------- */
.page-home .hm-close{
  background:var(--midnight);
  border-top:1px solid var(--line);
}
.page-home .hm-close__inner{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding-block:34px;
}
.page-home .hm-close__text{
  margin:0;
  max-width:72ch;
  font-size:15px;
  line-height:1.74;
  color:var(--paper-2);
}
.page-home .hm-close__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* ---------- 断点 ---------- */
@media (min-width:768px){
  .page-home .hm-matrix__grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .page-home .hm-metrics{grid-template-columns:repeat(4,1fr);}
  .page-home .hm-metric__value{font-size:36px;}
  .page-home .hm-tiles{grid-template-columns:repeat(2,1fr);gap:20px;}
  .page-home .hm-close__inner{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}

@media (min-width:1024px){
  .page-home .hm-hero{clip-path:polygon(0 0,100% 0,100% 91%,0 100%);}
  .page-home .hm-hero__bg{
    width:56%;
    clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
  }
  .page-home .hm-hero__bg::after{
    background:linear-gradient(120deg,rgba(5,10,18,.5) 0%,rgba(10,27,46,.92) 78%);
  }
  .page-home .hm-hero__inner{padding-left:48%;padding-block:64px 104px;}
  .page-home .hm-hero__title{font-size:54px;}

  .page-home .hm-matrix__grid{grid-template-columns:repeat(3,1fr);gap:24px;}
  .page-home .hm-entry:nth-child(2),
  .page-home .hm-entry:nth-child(5){margin-top:32px;}
  .page-home .hm-entry:nth-child(3),
  .page-home .hm-entry:nth-child(6){margin-top:64px;}
  .page-home .hm-entry{padding:26px 24px 28px;}

  .page-home .hm-split{grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;}

  .page-home .hm-tiles{grid-template-columns:repeat(3,1fr);gap:22px;}
  .page-home .hm-tile:nth-child(2),
  .page-home .hm-tile:nth-child(5){margin-top:32px;}
  .page-home .hm-tile:nth-child(3),
  .page-home .hm-tile:nth-child(6){margin-top:64px;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .hm-entry,
  .page-home .hm-tile,
  .page-home .hm-hero__scroll,
  .page-home .bs-tab{transition:none;}
  .page-home .hm-entry:hover,
  .page-home .hm-tile:hover{transform:none;}
}