.page-home{position:relative;background:var(--c-navy);color:var(--c-white);overflow:clip;}

/* ===== Hero 首屏 ===== */
.page-home .home-hero{position:relative;padding:36px 0 52px;border-bottom:2px solid var(--c-green);background:linear-gradient(150deg,#0A1128 0%,#0B1526 58%,#1B2A4A 100%);}
.page-home .home-hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.page-home .home-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(1.15) contrast(1.08);transform:scale(1.03);}
.page-home .home-hero__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,229,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);}
.page-home .home-hero__beam{position:absolute;top:0;height:100%;pointer-events:none;filter:blur(2px);}
.page-home .home-hero__beam--one{right:6%;width:38%;background:linear-gradient(135deg,transparent 0%,rgba(0,229,255,.16) 45%,rgba(168,255,96,.28) 100%);clip-path:polygon(78% 0,100% 0,100% 100%,26% 100%);}
.page-home .home-hero__beam--two{right:-8%;top:-10%;width:52%;height:120%;background:linear-gradient(160deg,transparent 10%,rgba(168,255,96,.2) 70%);clip-path:polygon(100% 0,100% 100%,12% 100%,0 22%);animation:homeBeamShift 6s ease-in-out infinite alternate;}
@keyframes homeBeamShift{0%{transform:translateX(0) skewX(0);}100%{transform:translateX(-30px) skewX(-4deg);}}
.page-home .home-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:24px;}
.page-home .home-hero__rail{display:flex;align-items:center;gap:10px;color:var(--c-gray);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;}
.page-home .home-hero__rail-code{color:var(--c-green);font-weight:700;border:1px solid rgba(168,255,96,.5);padding:4px 8px;transform:skewX(-8deg);}
.page-home .home-hero__rail-line{width:42px;height:2px;background:linear-gradient(90deg,var(--c-green),var(--c-cyan));opacity:.7;}
.page-home .home-hero__rail-text{white-space:nowrap;}
.page-home .home-hero__content{max-width:720px;}
.page-home .home-hero__breadcrumb{margin-bottom:14px;}
.page-home .home-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--font-mono);font-size:13px;color:var(--c-gray);}
.page-home .home-hero h1{font-family:var(--font-headline);font-size:clamp(1.9rem,6vw,3.2rem);line-height:1.14;letter-spacing:.02em;margin:0 0 16px;text-shadow:0 0 42px rgba(168,255,96,.22);}
.page-home .home-hero__desc{font-size:clamp(.98rem,2.5vw,1.1rem);line-height:1.85;color:#D6DCE8;margin:0 0 26px;}
.page-home .home-hero__actions{display:flex;flex-wrap:wrap;gap:14px;}
.page-home .home-hero__score{margin-bottom:6px;}
.page-home .score-card{position:relative;background:rgba(27,42,74,.82);border:1px solid rgba(168,255,96,.6);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));padding:18px;backdrop-filter:blur(8px);}
.page-home .score-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-family:var(--font-mono);font-size:12px;color:var(--c-cyan);}
.page-home .score-card__code{letter-spacing:.1em;}
.page-home .score-card__match{border-top:1px dashed rgba(0,229,255,.35);padding:14px 0;}
.page-home .score-card__league{display:block;font-size:13px;color:var(--c-gray);margin-bottom:6px;}
.page-home .score-card__score{display:inline-block;font-family:var(--font-mono);font-size:clamp(2rem,6vw,3rem);font-weight:700;color:var(--c-green);line-height:1;text-shadow:0 0 28px rgba(168,255,96,.5);}
.page-home .score-card__status{margin-left:10px;font-size:13px;color:#D6DCE8;}
.page-home .score-card__foot{display:flex;justify-content:flex-end;padding-top:4px;}
.page-home .score-card__foot a{color:var(--c-cyan);font-family:var(--font-mono);font-size:12px;text-decoration:none;border-bottom:1px solid rgba(0,229,255,.5);padding-bottom:2px;}

/* ===== 章节索引导航 ===== */
.page-home .home-rail{position:relative;z-index:20;margin-top:-22px;}
.page-home .home-rail__inner{display:flex;align-items:center;gap:16px;background:#0B1526;border:1px solid rgba(168,255,96,.42);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:10px 14px;box-shadow:0 12px 40px rgba(0,0,0,.35);}
.page-home .home-rail__label{font-family:var(--font-mono);font-size:12px;color:var(--c-orange);letter-spacing:.12em;white-space:nowrap;border-right:1px solid rgba(255,107,53,.4);padding-right:14px;}
.page-home .home-rail__list{list-style:none;margin:0;padding:0;display:flex;gap:4px 10px;overflow-x:auto;scrollbar-width:none;}
.page-home .home-rail__list::-webkit-scrollbar{display:none;}
.page-home .home-rail__link{display:inline-flex;align-items:baseline;gap:6px;color:var(--c-gray);text-decoration:none;font-family:var(--font-mono);font-size:13px;padding:6px 4px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .25s,border-color .25s;}
.page-home .home-rail__link:hover,.page-home .home-rail__link:focus-visible{color:var(--c-green);border-bottom-color:var(--c-green);}
.page-home .home-rail__num{color:var(--c-cyan);}

/* ===== 通用 section ===== */
.page-home .home-section{padding:58px 0;}
.page-home .home-section h2{font-family:var(--font-headline);font-size:clamp(1.5rem,4.6vw,2.3rem);line-height:1.25;margin:12px 0 14px;}
.page-home .home-section p{line-height:1.8;color:#C7CEDB;}

/* ===== 赛事内容目录 ===== */
.page-home .home-catalog{background:#0A1128;}
.page-home .home-catalog__head{max-width:860px;margin-bottom:34px;}
.page-home .home-catalog__lead{font-size:.98rem;color:var(--c-gray);}
.page-home .home-catalog__grid{display:grid;grid-template-columns:1fr;gap:18px;}
.page-home .catalog-card{position:relative;display:flex;flex-direction:column;background:var(--c-indigo);border:1px solid rgba(168,255,96,.4);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.page-home .catalog-card:hover{transform:translateY(-6px);border-color:var(--c-cyan);box-shadow:0 16px 44px rgba(0,229,255,.14);}
.page-home .catalog-card--feature{grid-row:span 2;}
.page-home .catalog-card__visual{position:relative;height:150px;overflow:hidden;border-bottom:1px solid rgba(0,229,255,.35);}
.page-home .catalog-card__visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.page-home .catalog-card--feature .catalog-card__visual{height:190px;}
.page-home .catalog-card:hover .catalog-card__visual img{transform:scale(1.06);}
.page-home .catalog-card__body{position:relative;padding:18px;display:flex;flex-direction:column;gap:10px;align-content:flex-start;flex:1;}
.page-home .catalog-card h3{margin:0;font-size:1.22rem;font-family:var(--font-headline);color:var(--c-white);}
.page-home .catalog-card p{margin:0;font-size:13px;color:var(--c-gray);line-height:1.6;}
.page-home .catalog-card__meta{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.page-home .catalog-card__meta--compact{grid-template-columns:repeat(2,1fr);}
.page-home .catalog-card__meta div{background:rgba(10,17,40,.64);border-left:2px solid var(--c-green);padding:8px;}
.page-home .catalog-card__meta dt{font-size:11px;color:var(--c-gray);font-family:var(--font-mono);}
.page-home .catalog-card__meta dd{margin:2px 0 0;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--c-white);}
.page-home .catalog-card__body > a{color:var(--c-cyan);font-size:13px;text-decoration:none;border-bottom:1px solid rgba(0,229,255,.4);align-self:flex-start;padding-bottom:2px;margin-top:auto;}
.page-home .catalog-card__body .btn{margin-top:auto;text-decoration:none;}
.page-home .home-catalog__foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* ===== 实时比分面板 ===== */
.page-home .home-live{position:relative;background:#081022;border-top:2px solid rgba(0,229,255,.4);border-bottom:2px solid rgba(168,255,96,.4);}
.page-home .home-live__shine{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(0,229,255,.1) 48%,transparent 60%);background-size:200% 200%;animation:homeLiveShine 7s ease-in-out infinite;}
@keyframes homeLiveShine{0%{background-position:120% 0;}100%{background-position:-80% 0;}}
.page-home .home-live__inner{position:relative;z-index:2;}
.page-home .home-live__head{max-width:860px;margin-bottom:34px;}
.page-home .home-live__grid{display:grid;grid-template-columns:1fr;gap:22px;}
.page-home .home-live__visual{position:relative;overflow:hidden;}
.page-home .home-live__visual img{width:100%;height:auto;object-fit:cover;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));border:1px solid rgba(0,229,255,.5);}
.page-home .home-live__demos{display:grid;grid-template-columns:1fr;gap:20px;align-content:start;}
.page-home .mini-panel,.page-home .fav-box{background:var(--c-indigo);border:1px solid rgba(168,255,96,.55);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));}
.page-home .mini-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;}
.page-home .mini-panel__head::-webkit-details-marker{display:none;}
.page-home .mini-panel__title{font-family:var(--font-mono);font-size:14px;color:var(--c-white);letter-spacing:.06em;}
.page-home .mini-panel__body{padding:0 16px 16px;}
.page-home .mini-panel__body img{width:100%;height:auto;max-width:100%;object-fit:cover;margin-bottom:12px;border:1px solid rgba(255,255,255,.13);}
.page-home .mini-panel__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.page-home .mini-panel__list li{display:flex;gap:12px;align-items:baseline;font-size:14px;color:#D6DCE8;border-left:2px solid var(--c-green);padding-left:10px;line-height:1.6;}
.page-home .mini-panel__list i{font-style:normal;font-family:var(--font-mono);color:var(--c-cyan);}
.page-home .fav-box__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;}
.page-home .fav-box__head::-webkit-details-marker{display:none;}
.page-home .fav-box__count{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--c-green);}
.page-home .fav-box__toggle{color:var(--c-gray);font-size:12px;font-family:var(--font-mono);letter-spacing:.08em;}
.page-home .fav-box__list{list-style:none;margin:0;padding:0 16px 16px;display:grid;gap:8px;}
.page-home .fav-box__list li{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:10px;font-size:13px;color:#D6DCE8;background:rgba(10,17,40,.55);padding:8px 10px;border-left:2px solid var(--c-orange);line-height:1.4;}
.page-home .fav-box__time{font-family:var(--font-mono);color:var(--c-gray);}
.page-home .fav-box__list b{color:var(--c-white);}
.page-home .fav-box__list em{font-style:normal;font-family:var(--font-mono);color:var(--c-green);font-weight:700;}
.page-home .fav-box__note{margin:0;padding:0 16px 14px;font-size:12px;color:var(--c-gray);line-height:1.6;}

/* ===== 更新频率对照 ===== */
.page-home .home-update{background:#0A1128;}
.page-home .home-update__inner{display:grid;grid-template-columns:1fr;gap:34px;}
.page-home .home-update__head{max-width:820px;}
.page-home .home-update__compare{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;}
.page-home .update-block{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;border:1px solid rgba(255,255,255,.14);background:#0B1526;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));}
.page-home .update-block--old{border-left:4px solid var(--c-gray);}
.page-home .update-block--new{border-left:4px solid var(--c-green);}
.page-home .update-block--metric{background:var(--c-indigo);border:1px solid rgba(168,255,96,.6);align-items:center;text-align:center;box-shadow:0 0 44px rgba(168,255,96,.14);}
.page-home .update-block__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--c-gray);text-transform:uppercase;}
.page-home .update-block p{margin:0;font-size:14px;color:#D6DCE8;}
.page-home .update-block__num{font-family:var(--font-headline);font-size:clamp(3.4rem,10vw,5.4rem);line-height:1;color:var(--c-green);text-shadow:4px 4px 0 rgba(0,229,255,.3);}
.page-home .update-block__suffix{font-family:var(--font-mono);color:var(--c-cyan);font-size:13px;letter-spacing:.1em;}
.page-home .home-update__timeline{border-top:2px dashed rgba(168,255,96,.35);padding-top:28px;}
.page-home .home-update__timeline-label{display:block;font-family:var(--font-mono);font-size:12px;color:var(--c-gray);letter-spacing:.16em;margin-bottom:14px;}
.page-home .home-version{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.page-home .home-version li{display:flex;gap:10px;align-items:baseline;font-size:13px;color:#C7CEDB;background:var(--c-slate);border-left:2px solid var(--c-cyan);padding:10px 12px;}
.page-home .home-version b{font-family:var(--font-mono);color:var(--c-green);white-space:nowrap;}

/* ===== 从英超到欧冠 ===== */
.page-home .home-leagues{background:linear-gradient(180deg,#081022 0%,#0B1526 100%);border-top:2px solid rgba(0,229,255,.35);}
.page-home .home-leagues__head{max-width:840px;margin-bottom:30px;}
.page-home .home-leagues__map{display:grid;grid-template-columns:1fr;gap:18px;}
.page-home .league-zone{position:relative;padding:22px;background:rgba(27,42,74,.66);border:1px solid rgba(0,229,255,.4);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));}
.page-home .league-zone--main{border-left:5px solid var(--c-green);}
.page-home .league-zone--euro{border-left:5px solid var(--c-orange);}
.page-home .league-zone__label{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--c-gray);margin-bottom:14px;text-transform:uppercase;}
.page-home .league-zone__pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.page-home .league-zone__pills li{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--c-white);background:rgba(10,17,40,.78);border:1px solid rgba(168,255,96,.45);padding:8px 14px;transform:skewX(-6deg);transition:transform .2s ease,background .2s ease;}
.page-home .league-zone__pills li:hover{transform:skewX(-6deg) translateY(-3px);background:rgba(168,255,96,.15);}
.page-home .league-zone--euro .league-zone__pills li{border-color:rgba(255,107,53,.5);}
.page-home .home-leagues__foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* ===== 首页快捷入口 ===== */
.page-home .home-quick{padding:54px 0 72px;background:#0A1128;border-top:2px solid rgba(168,255,96,.32);}
.page-home .home-quick__head{margin-bottom:28px;max-width:680px;}
.page-home .home-quick__grid{display:grid;grid-template-columns:1fr;gap:14px;}
.page-home .home-quick__card{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:18px 20px;background:var(--c-indigo);border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));color:var(--c-white);text-decoration:none;transition:border-color .25s ease,transform .25s ease,background .25s ease;}
.page-home .home-quick__card:hover,.page-home .home-quick__card:focus-visible{border-color:var(--c-green);transform:translateY(-4px);background:var(--c-slate);}
.page-home .home-quick__code{font-family:var(--font-mono);font-size:13px;color:var(--c-cyan);grid-row:span 2;}
.page-home .home-quick__card strong{display:block;font-size:1.06rem;line-height:1.3;}
.page-home .home-quick__card small{display:block;grid-column:2;color:var(--c-gray);font-size:12px;margin-top:2px;}

/* ===== 移动优先：平板及以上增强 ===== */
@media (min-width: 768px){
  .page-home .home-hero{padding:48px 0 64px;}
  .page-home .home-hero__inner{grid-template-columns:minmax(0,1fr) 340px;gap:30px;}
  .page-home .home-hero__rail{grid-column:1/-1;flex-direction:row;}
  .page-home .home-hero__score{grid-column:2;grid-row:1;}
  .page-home .home-hero__content{grid-column:1;grid-row:1;}
  .page-home .home-rail__inner{padding:12px 18px;}
  .page-home .home-rail__list{gap:4px 16px;}
  .page-home .home-catalog__grid{grid-template-columns:1fr 1fr;}
  .page-home .catalog-card--feature{grid-column:span 2;}
  .page-home .catalog-card__visual{height:170px;}
  .page-home .catalog-card--feature .catalog-card__visual{height:210px;}
  .page-home .home-live__grid{grid-template-columns:1fr 1fr;align-items:start;}
  .page-home .home-live__visual img{height:100%;min-height:320px;object-fit:cover;}
  .page-home .home-update__compare{grid-template-columns:1fr 1fr 1fr;}
  .page-home .update-block--metric{grid-row:span 1;}
  .page-home .home-version{grid-template-columns:repeat(3,1fr);}
  .page-home .home-leagues__map{grid-template-columns:1fr 1fr;}
  .page-home .home-quick__grid{grid-template-columns:1fr 1fr;}
}

@media (min-width: 1080px){
  .page-home .home-hero{padding:56px 0 72px;}
  .page-home .home-hero__inner{grid-template-columns:130px minmax(0,1fr) 380px;gap:40px;}
  .page-home .home-hero__rail{grid-column:1;grid-row:1;flex-direction:column;justify-content:flex-start;align-items:flex-end;text-align:right;writing-mode:vertical-rl;transform:rotate(180deg);gap:12px;padding-top:0;}
  .page-home .home-hero__rail-code{transform:skewX(8deg);}
  .page-home .home-hero__rail-line{width:2px;height:64px;background:linear-gradient(180deg,var(--c-green),var(--c-cyan));}
  .page-home .home-hero__content{grid-column:2;grid-row:1;}
  .page-home .home-hero__score{grid-column:3;grid-row:1;}
  .page-home .home-rail{position:sticky;top:84px;}
  .page-home .home-section{padding:72px 0;}
  .page-home .home-catalog__grid{grid-template-columns:repeat(4,1fr);}
  .page-home .catalog-card--feature{grid-column:span 2;}
  .page-home .catalog-card--short{grid-column:span 1;}
  .page-home .catalog-card--short .catalog-card__body{padding:14px;}
  .page-home .catalog-card--short h3{font-size:1.02rem;}
  .page-home .home-catalog__grid .catalog-card:nth-child(5){transform:translateY(16px);}
  .page-home .home-catalog__grid .catalog-card:nth-child(6){transform:translateY(26px);}
  .page-home .home-catalog__grid .catalog-card:nth-child(7){transform:translateY(36px);}
  .page-home .home-catalog__grid .catalog-card:nth-child(8){transform:translateY(26px);}
  .page-home .home-live__visual{margin-bottom:20px;}
  .page-home .home-live__panel-grid{align-items:center;}
  .page-home .home-live__visual img{height:auto;min-height:380px;}
  .page-home .home-live__demos{grid-template-columns:1fr;gap:24px;}
  .page-home .home-update__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;}
  .page-home .home-update__head{grid-column:1/3;}
  .page-home .home-update__timeline{align-self:end;}
  .page-home .home-quick__grid{grid-template-columns:repeat(6,1fr);}
  .page-home .home-quick__card--about{grid-column:span 2;}
  .page-home .home-quick__card--app{grid-column:span 2;}
  .page-home .home-quick__card--news{grid-column:span 2;}
  .page-home .home-quick__card--help{grid-column:span 3;}
  .page-home .home-quick__card--contact{grid-column:span 3;}
}