.page-home{
  --ph-shadow-card:0 2px 14px rgba(8,42,32,.06);
  --ph-shadow-hover:0 16px 38px rgba(8,42,32,.16);
  background:#F5F7F4;
  color:var(--color-primary);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
}
.page-home img{
  max-width:100%;
  height:auto;
}

/* ===== 英雄区 ===== */
.page-home .home-hero{
  position:relative;
  padding:calc(var(--header-height) + 42px) 0 64px;
  background:var(--color-primary);
  background-image:
    radial-gradient(ellipse at 82% 12%, rgba(212,175,55,.28), transparent 46%),
    linear-gradient(rgba(212,175,55,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.08) 1px, transparent 1px),
    linear-gradient(142deg, var(--color-primary-dark) 0%, var(--color-primary) 56%, var(--color-primary-ink) 100%);
  background-size:100% 100%, 48px 48px, 48px 48px, 100% 100%;
  color:var(--color-white);
  overflow:hidden;
  border-bottom:3px solid var(--color-gold);
}
.page-home .home-hero-inner{
  display:grid;
  gap:36px;
  position:relative;
  z-index:2;
}
.page-home .hero-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.78rem;
  letter-spacing:.16em;
  color:var(--color-gold-light);
}
.page-home .hero-breadcrumb i{
  font-style:normal;
  color:rgba(255,255,255,.5);
}
.page-home .hero-title{
  margin:14px 0 18px;
  font-family:var(--font-heading);
  font-size:clamp(2rem,5.4vw,3.4rem);
  line-height:1.16;
  letter-spacing:-.02em;
  color:var(--color-white);
  text-shadow:0 6px 26px rgba(0,0,0,.25);
}
.page-home .hero-desc{
  margin:0;
  max-width:62ch;
  color:rgba(255,255,255,.86);
  font-size:1.0625rem;
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.page-home .btn-outline--light{
  border-color:rgba(255,255,255,.55);
  color:var(--color-white);
}
.page-home .btn-outline--light:hover{
  border-color:var(--color-gold);
  color:var(--color-gold-light);
}
.page-home .hero-quicklinks{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
}
.page-home .hero-quicklinks a{
  color:rgba(255,255,255,.78);
  font-size:.9rem;
  text-decoration:none;
  transition:color .2s;
}
.page-home .hero-quicklinks a:hover{
  color:var(--color-gold);
}
.page-home .hero-visual{
  position:relative;
  max-width:520px;
}
.page-home .hero-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--radius-lg);
  border:1px solid rgba(212,175,55,.45);
  box-shadow:0 30px 70px rgba(0,0,0,.38);
}
.page-home .hero-visual-tag{
  position:absolute;
  top:-14px;
  left:-12px;
  background:var(--color-gold);
  color:var(--color-black);
  font-weight:700;
  font-size:.78rem;
  padding:7px 16px;
  border-radius:var(--radius-pill);
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  z-index:2;
}
.page-home .hero-coord{
  position:absolute;
  font-size:.7rem;
  letter-spacing:.18em;
  color:rgba(255,255,255,.55);
  background:rgba(0,0,0,.28);
  padding:4px 10px;
  border-radius:var(--radius-md);
}
.page-home .coord-a{left:18px;bottom:18px}
.page-home .coord-b{right:-6px;top:24px}

/* ===== 通用区块 ===== */
.page-home .home-section{
  padding:72px 0;
}
.page-home .home-section-head{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:34px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(11,61,46,.15);
}
.page-home .home-index{
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--color-gold);
}
.page-home .home-section-head h2{
  margin:0;
  font-family:var(--font-heading);
  font-size:clamp(1.5rem,3vw,2.2rem);
  line-height:1.2;
  color:var(--color-primary-dark);
}
.page-home .home-section-desc{
  margin:0;
  max-width:72ch;
  color:var(--color-muted);
  font-size:.95rem;
}
.page-home .home-section-head--indark{
  border-bottom-color:rgba(255,255,255,.16);
}
.page-home .home-section-head--indark h2{
  color:var(--color-white);
}
.page-home .home-section-head--indark .home-section-desc{
  color:rgba(255,255,255,.75);
}

/* ===== 核心入口 ===== */
.page-home .entry-grid{
  display:grid;
  gap:20px;
}
.page-home .entry-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:26px;
  background:var(--color-white);
  border:1px solid rgba(11,61,46,.12);
  border-radius:var(--radius-lg);
  box-shadow:var(--ph-shadow-card);
  transition:transform .24s, border-color .24s, box-shadow .24s;
}
.page-home .entry-card:hover{
  border-color:var(--color-gold);
  box-shadow:var(--ph-shadow-hover);
  transform:translateY(-2px);
}
.page-home .entry-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.page-home .entry-coord{
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--color-muted);
  white-space:nowrap;
}
.page-home .entry-card h3{
  margin:0;
  font-family:var(--font-heading);
  font-size:1.25rem;
  line-height:1.3;
  color:var(--color-primary-dark);
}
.page-home .entry-card p{
  margin:0;
  color:#34503F;
  font-size:.95rem;
}
.page-home .entry-card .btn{
  align-self:flex-start;
  margin-top:auto;
}
.page-home .entry-card-media{
  margin-top:4px;
  border-radius:var(--radius-md);
  overflow:hidden;
  border:1px solid rgba(11,61,46,.08);
}
.page-home .entry-card-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-home .entry-form-mini{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  font-size:.85rem;
}
.page-home .entry-form-mini span{
  border:1px solid rgba(11,61,46,.16);
  border-radius:var(--radius-md);
  padding:6px 12px;
  color:var(--color-primary-ink);
  background:#F6F8F5;
}
.page-home .entry-form-mini strong{
  color:var(--color-gold);
  font-weight:800;
}
.page-home .support-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:auto;
}

/* ===== 主客场表现 ===== */
.page-home .home-form{
  background:var(--color-primary-ink);
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    radial-gradient(ellipse at 8% 18%, rgba(212,175,55,.2), transparent 46%);
  background-size:52px 52px, 52px 52px, 100% 100%;
  color:var(--color-white);
  border-top:1px solid rgba(212,175,55,.25);
  border-bottom:1px solid rgba(212,175,55,.25);
}
.page-home .form-switch,
.page-home .league-switch{
  position:relative;
}
.page-home .form-radio,
.page-home .league-radio{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}
.page-home .form-labels,
.page-home .league-labels{
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px;
  padding:6px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-pill);
  margin-bottom:26px;
}
.page-home .form-labels label,
.page-home .league-labels label{
  padding:8px 20px;
  border-radius:var(--radius-pill);
  font-size:.9rem;
  font-weight:600;
  color:rgba(255,255,255,.8);
  cursor:pointer;
  transition:background .2s,color .2s;
}
.page-home #form-home:checked ~ .form-labels label[for="form-home"],
.page-home #form-away:checked ~ .form-labels label[for="form-away"],
.page-home #league-continent:checked ~ .league-labels label[for="league-continent"],
.page-home #league-cup:checked ~ .league-labels label[for="league-cup"]{
  background:var(--color-gold);
  color:var(--color-black);
}
.page-home .form-panel-away{display:none}
.page-home #form-away:checked ~ .form-panel-away{display:block}
.page-home #form-away:checked ~ .form-panel-home{display:none}
.page-home .form-grid{
  display:grid;
  gap:16px;
}
.page-home .form-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--radius-md);
  padding:18px 16px;
  transition:border-color .24s, background .24s;
}
.page-home .form-card:hover{
  border-color:var(--color-gold);
  background:rgba(255,255,255,.1);
}
.page-home .form-card-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px;
}
.page-home .form-club{
  font-weight:700;
  color:var(--color-white);
}
.page-home .form-mode{
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--color-gold-light);
}
.page-home .form-record{
  margin:10px 0 2px;
  font-weight:800;
  font-size:1.45rem;
  color:var(--color-gold);
}
.page-home .form-chip-row{
  display:flex;
  gap:4px;
  margin:10px 0;
}
.page-home .form-chip{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.7rem;
  font-weight:800;
  border-radius:6px;
}
.page-home .form-chip--w{
  background:var(--color-gold);
  color:var(--color-black);
}
.page-home .form-chip--d{
  background:rgba(255,255,255,.18);
  color:var(--color-white);
}
.page-home .form-chip--l{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,.14);
}
.page-home .form-goals{
  font-size:.85rem;
  color:rgba(255,255,255,.78);
}

/* ===== 联赛快速分区 ===== */
.page-home .home-league{
  background:var(--color-white);
}
.page-home .league-labels{
  background:#F0F3F0;
  border-color:rgba(11,61,46,.12);
}
.page-home .league-labels label{
  color:var(--color-primary-ink);
}
.page-home .league-panel-cup{display:none}
.page-home #league-cup:checked ~ .league-panel-cup{display:block}
.page-home #league-cup:checked ~ .league-panel-continent{display:none}
.page-home .league-panel-inner{
  display:grid;
  gap:28px;
  align-items:start;
}
.page-home .zone-grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,1fr);
}
.page-home .zone-card{
  background:#F4F7F4;
  border:1px solid rgba(11,61,46,.1);
  border-radius:var(--radius-md);
  padding:16px;
  transition:border-color .2s;
}
.page-home .zone-card:hover{
  border-color:var(--color-gold);
}
.page-home .zone-name{
  margin:0 0 10px;
  font-size:.95rem;
  color:var(--color-primary-dark);
  font-weight:700;
  padding-bottom:8px;
  border-bottom:1px solid rgba(11,61,46,.1);
}
.page-home .zone-list{
  list-style:none;
  margin:0;
  padding:0;
  color:var(--color-muted);
  font-size:.88rem;
  line-height:1.9;
}
.page-home .zone-list li::before{
  content:"·";
  color:var(--color-gold);
  margin-right:6px;
  font-weight:700;
}
.page-home .league-visual{
  margin:0;
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(11,61,46,.1);
}
.page-home .league-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.page-home .league-visual figcaption{
  position:absolute;
  left:12px;
  bottom:12px;
  background:rgba(8,42,32,.82);
  color:var(--color-white);
  font-size:.78rem;
  padding:6px 12px;
  border-radius:var(--radius-md);
}
.page-home .league-panel-inner--cup{
  align-items:center;
}
.page-home .cup-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.page-home .cup-item{
  display:block;
  padding:18px 14px;
  border:1px solid rgba(11,61,46,.12);
  border-radius:var(--radius-md);
  background:#F6F8F5;
  color:var(--color-primary-dark);
  font-weight:700;
  text-decoration:none;
  transition:border-color .2s,transform .2s;
}
.page-home .cup-item:hover{
  border-color:var(--color-gold);
  transform:translateY(-2px);
}
.page-home .cup-note{
  background:linear-gradient(135deg, #0B3D2E, #123D2D);
  color:var(--color-white);
  border-radius:var(--radius-lg);
  padding:24px;
}
.page-home .cup-note h3{
  margin:0 0 8px;
  color:var(--color-gold);
  font-size:1.1rem;
}
.page-home .cup-note p{
  margin:0;
  color:rgba(255,255,255,.8);
  font-size:.92rem;
}

/* ===== 版本更新 ===== */
.page-home .home-version{
  background:linear-gradient(120deg,#F6F1E2 0%,#FFFFFF 55%,#EFEAD8 100%);
}
.page-home .version-wrap{
  display:grid;
  gap:32px;
  align-items:center;
}
.page-home .version-visual{
  position:relative;
  max-width:480px;
  transform:rotate(-1.5deg);
}
.page-home .version-img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:var(--radius-lg);
  border:1px solid rgba(11,61,46,.12);
}
.page-home .version-badge{
  position:absolute;
  right:-10px;
  bottom:18px;
  background:var(--color-gold);
  color:var(--color-black);
  font-weight:700;
  font-size:.8rem;
  padding:8px 16px;
  border-radius:var(--radius-pill);
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.page-home .version-desc{
  margin:0 0 18px;
  font-size:1.05rem;
  color:var(--color-primary-ink);
  max-width:62ch;
}
.page-home .version-list{
  list-style:none;
  margin:0 0 24px;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .version-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#34503F;
  font-size:.95rem;
}
.page-home .version-list li::before{
  content:"✓";
  color:var(--color-gold);
  font-weight:800;
  flex-shrink:0;
}
.page-home .version-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ===== 平台数据 ===== */
.page-home .home-trust{
  background:#F5F7F4;
}
.page-home .trust-strip{
  display:grid;
  gap:20px;
  grid-template-columns:repeat(2,1fr);
}
.page-home .home-stat{
  background:var(--color-white);
  border:1px solid rgba(11,61,46,.1);
  border-radius:var(--radius-lg);
  padding:28px 18px;
  text-align:center;
  transition:border-color .2s;
}
.page-home .home-stat:hover{
  border-color:var(--color-gold);
}
.page-home .home-stat-value{
  display:block;
  font-size:clamp(1.9rem,3.6vw,2.6rem);
  line-height:1.1;
  font-weight:800;
  color:var(--color-gold);
}
.page-home .home-stat-label{
  display:block;
  margin-top:8px;
  color:var(--color-muted);
  font-size:.9rem;
}
.page-home .home-trust-text{
  margin:36px auto 0;
  max-width:66ch;
  text-align:center;
  color:#34503F;
  font-size:1.02rem;
  border-top:1px solid rgba(11,61,46,.1);
  padding-top:28px;
}
.page-home .trust-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

/* ===== 桌面端增强 ===== */
@media (min-width:768px){
  .page-home .home-section-head{
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
  }
  .page-home .home-section-desc{
    text-align:right;
  }
  .page-home .form-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-home .zone-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .page-home .cup-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .page-home .trust-strip{
    grid-template-columns:repeat(4,1fr);
    gap:30px;
  }
}
@media (min-width:992px){
  .page-home .league-panel-inner{
    grid-template-columns:1.15fr .85fr;
    align-items:center;
  }
  .page-home .version-wrap{
    grid-template-columns:.8fr 1.2fr;
    gap:56px;
  }
}
@media (min-width:1024px){
  .page-home .home-hero-inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);
    gap:64px;
    align-items:center;
  }
  .page-home .hero-visual{
    transform:translateY(22px) rotate(.8deg);
  }
  .page-home .entry-grid{
    grid-template-columns:repeat(12,1fr);
    grid-template-rows:auto auto auto;
  }
  .page-home .entry-card--team{
    grid-column:1 / 8;
    grid-row:1 / 3;
  }
  .page-home .entry-card--league{
    grid-column:9 / 13;
    grid-row:1 / 2;
  }
  .page-home .entry-card--schedule{
    grid-column:9 / 13;
    grid-row:2 / 3;
  }
  .page-home .entry-card--form{
    grid-column:1 / 8;
    grid-row:3 / 4;
  }
  .page-home .entry-card--support{
    grid-column:9 / 13;
    grid-row:3 / 4;
  }
  .page-home .form-grid{
    grid-template-columns:repeat(4,1fr);
  }
}
@media (max-width:767px){
  .page-home .home-section{
    padding:56px 0;
  }
  .page-home .home-hero{
    padding-bottom:52px;
  }
  .page-home .version-visual{
    transform:none;
  }
}
@media (max-width:479px){
  .page-home .entry-card{
    padding:20px;
  }
  .page-home .form-card{
    padding:16px 14px;
  }
}