:root{
  --kiwi:#2FBF71;
  --ink:#0C100E;
  --panel:#141C18;
  --flesh:#8FE3B0;
  --citrus:#F0912F;
  --berry:#D8434F;
  --sand:#D9A85C;
  --indigo:#4763E4;
  --mist:#93A29B;
  --paper:#F3F7F4;
  --glass:rgba(243,247,244,.08);
  --glass-strong:rgba(243,247,244,.15);
  --line:rgba(243,247,244,.10);
  --line-strong:rgba(243,247,244,.22);
  --grad-deep:linear-gradient(160deg,#0C100E 0%,#123024 55%,#0C100E 100%);
  --rail-w:88px;
  --strip-h:52px;
  --bar-h:58px;
  --shell-max:1240px;
  --radius:4px;
  --font-sans:"Source Han Sans SC","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-cond:"Oswald","Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  padding-top:var(--bar-h);
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%;}
button,input,select,textarea{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5{margin:0;font-family:var(--font-cond);font-weight:900;line-height:1.12;letter-spacing:.01em;}
p{margin:0 0 1rem;}
a{color:inherit;text-decoration:none;}
hr{border:0;height:0;}
#main-content{display:block;outline:none;scroll-margin-top:calc(var(--strip-h) + 20px);}

:focus-visible{outline:2px solid var(--flesh);outline-offset:3px;border-radius:2px;}

@media (min-width:1024px){
  body{padding-top:var(--strip-h);padding-left:var(--rail-w);}
}

/* ---------- 通用容器与排版 ---------- */
.shell{width:100%;max-width:var(--shell-max);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);}
.shell--wide{max-width:1440px;}
.prose{max-width:38em;}
.prose p{margin-bottom:1.25em;color:rgba(243,247,244,.8);}
.prose h2{margin:2.2em 0 .8em;font-size:clamp(1.4rem,2.6vw,2rem);}
.prose h3{margin:1.8em 0 .6em;font-size:clamp(1.1rem,2vw,1.4rem);}
.prose ul{display:flex;flex-direction:column;gap:.6rem;margin:0 0 1.25em;}
.prose li{position:relative;padding-left:1.15rem;color:rgba(243,247,244,.8);}
.prose li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;background:var(--kiwi);transform:rotate(45deg);}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;}

.side-note{
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.32em;
  color:rgba(147,162,155,.72);
}

.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.5rem;}
.section-head__title{font-size:clamp(1.5rem,3vw,2.2rem);}
.section-head__note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;color:var(--mist);}

.section-tag{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--flesh);
}

.offside-cut{
  position:relative;height:1px;margin:clamp(1.5rem,4vw,3rem) 0;
  background:linear-gradient(90deg,transparent,rgba(243,247,244,.18) 15%,var(--kiwi) 50%,rgba(243,247,244,.18) 85%,transparent);
}
.offside-cut::after{
  content:"";position:absolute;top:-3px;left:50%;width:1px;height:7px;
  background:var(--flesh);transform:translateX(-50%) rotate(20deg);
}

.league-band{display:flex;gap:2px;width:100%;height:4px;border-radius:2px;overflow:hidden;}
.league-band > i{display:block;flex:1 1 0;}
.league-band > i:nth-child(1){background:var(--indigo);}
.league-band > i:nth-child(2){background:var(--sand);}
.league-band > i:nth-child(3){background:var(--berry);}
.league-band > i:nth-child(4){background:var(--citrus);}
.league-band > i:nth-child(5){background:var(--kiwi);}

/* ---------- 栅格 ---------- */
.grid{display:grid;gap:clamp(1rem,2.4vw,1.75rem);}
.grid--12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2.4vw,1.75rem);}
.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 12;}
@media (min-width:768px){
  .span-4{grid-column:span 6;}
  .span-5{grid-column:span 6;}
  .span-6{grid-column:span 6;}
}
@media (min-width:1024px){
  .span-4{grid-column:span 4;}
  .span-5{grid-column:span 5;}
  .span-6{grid-column:span 6;}
  .span-7{grid-column:span 7;}
  .span-8{grid-column:span 8;}
}

/* ---------- 按钮与芯片 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:44px;padding:.7rem 1.25rem;
  border:1px solid var(--line-strong);border-radius:2px;
  background:transparent;color:var(--paper);
  font-family:inherit;font-size:.88rem;font-weight:700;letter-spacing:.08em;
  text-align:center;cursor:pointer;
  transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease);
}
.btn:hover{border-color:var(--kiwi);color:var(--flesh);}
.btn--primary{background:var(--kiwi);border-color:transparent;color:#06110b;}
.btn--primary:hover{background:var(--flesh);color:#06110b;transform:translateY(-1px);}
.btn--ghost{background:var(--glass);border-color:var(--glass-strong);}
.btn--block{width:100%;}

.chip{
  display:inline-flex;align-items:center;gap:.4rem;
  min-height:44px;padding:.4rem .95rem;
  border:1px solid var(--line-strong);border-radius:999px;
  background:rgba(243,247,244,.04);
  font-size:.78rem;letter-spacing:.06em;color:var(--mist);
  cursor:pointer;
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.chip:hover{color:var(--paper);border-color:var(--kiwi);}
.chip.is-active{background:var(--kiwi);border-color:var(--kiwi);color:#06110b;font-weight:700;}

/* ---------- 面板 ---------- */
.panel{
  position:relative;
  padding:clamp(1.25rem,3vw,2.5rem);
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
}
.panel--glass{
  background:var(--glass);
  border-color:var(--glass-strong);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.panel--accent{border-left:3px solid var(--kiwi);}
.panel--cut{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),0 100%);}
.panel--england{border-top:2px solid var(--indigo);}
.panel--spain{border-top:2px solid var(--sand);}
.panel--italy{border-top:2px solid var(--berry);}
.panel--germany{border-top:2px solid var(--citrus);}
.panel--france{border-top:2px solid var(--kiwi);}
.panel__kicker{
  margin:0 0 .75rem;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--flesh);
}
.panel__title{margin:0 0 .75rem;font-size:clamp(1.3rem,2.4vw,1.9rem);}
.panel__body{color:rgba(243,247,244,.78);}
.panel__body p:last-child{margin-bottom:0;}

/* ---------- 比分牌与数据条 ---------- */
.scoreboard{
  font-family:var(--font-mono);font-weight:700;
  font-size:clamp(2.4rem,6vw,4.2rem);line-height:1;
  letter-spacing:-.04em;color:var(--paper);
  font-variant-numeric:tabular-nums;
}
.scoreboard__unit{font-size:.26em;letter-spacing:.16em;color:var(--mist);margin-left:.5em;font-weight:500;}

.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--line);}
.stat-row__label{font-size:.82rem;color:var(--mist);}
.stat-row__value{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--paper);font-variant-numeric:tabular-nums;}
.stat-row__value--up{color:var(--kiwi);}
.stat-row__value--down{color:var(--berry);}
.stat-row__value--warn{color:var(--citrus);}

/* ---------- 面包屑 ---------- */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.5rem;padding:0;font-size:.78rem;color:var(--mist);}
.breadcrumb__item{display:inline-flex;align-items:center;gap:.5rem;}
.breadcrumb__item::after{content:"／";color:rgba(147,162,155,.5);}
.breadcrumb__item:last-child::after{content:"";}
.breadcrumb__link{color:var(--mist);border-bottom:1px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);}
.breadcrumb__link:hover{color:var(--flesh);border-bottom-color:currentColor;}
.breadcrumb__item[aria-current="page"]{color:var(--paper);}

/* ---------- 图片容器 ---------- */
.media-frame{
  position:relative;display:block;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(160deg,#101a16,#0C100E);
}
.media-frame > img{display:block;width:100%;height:100%;object-fit:cover;}
.media-frame__ph{
  display:grid;place-items:center;width:100%;height:100%;min-height:180px;
  color:rgba(147,162,155,.6);
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-align:center;
  background:
    repeating-linear-gradient(90deg,rgba(243,247,244,.045) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(0deg,rgba(243,247,244,.045) 0 1px,transparent 1px 28px),
    linear-gradient(160deg,#0F1A15,#0C100E);
}
.media-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(12,16,14,.1) 0 1px,transparent 1px 3px);
  opacity:.65;
}
.media-frame__label{
  position:absolute;left:12px;bottom:12px;z-index:2;
  padding:.35rem .6rem;border:1px solid var(--line-strong);border-radius:2px;
  background:rgba(12,16,14,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;color:var(--paper);
}
.media-frame--16x9{aspect-ratio:16/9;}
.media-frame--4x3{aspect-ratio:4/3;}
.media-frame--3x2{aspect-ratio:3/2;}
.media-frame--1x1{aspect-ratio:1/1;}
.media-frame--3x4{aspect-ratio:3/4;}

/* ---------- 跳转链接 ---------- */
.skip-link{
  position:fixed;top:0;left:50%;z-index:300;
  transform:translate(-50%,-140%);
  padding:.75rem 1.25rem;
  background:var(--kiwi);color:#06110b;
  font-size:.85rem;font-weight:800;letter-spacing:.06em;
  border-radius:0 0 4px 4px;
  transition:transform .2s var(--ease);
}
.skip-link:focus{transform:translate(-50%,0);}

/* ---------- 滚动进度 ---------- */
.scroll-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:79;
  background:rgba(243,247,244,.06);pointer-events:none;
}
.scroll-progress__bar{
  display:block;width:0;height:100%;
  background:linear-gradient(90deg,var(--kiwi),var(--flesh));
  transition:width .12s linear;
}
@media (min-width:1024px){
  .scroll-progress{left:var(--rail-w);}
}

/* ---------- 顶部信息条 ---------- */
.top-strip{
  position:fixed;top:0;left:0;right:0;z-index:70;
  height:var(--strip-h);
  background:rgba(12,16,14,.9);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.top-strip__inner{
  display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);
  height:100%;max-width:var(--shell-max);margin-inline:auto;
  padding-inline:clamp(1rem,3vw,2rem);
}
.top-strip__season{
  flex:0 0 auto;margin:0;
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;
  color:var(--flesh);white-space:nowrap;
}
.top-strip__pulse{
  display:inline-block;width:7px;height:7px;margin-right:.5rem;
  border-radius:50%;background:var(--kiwi);
  animation:pulse 2.4s var(--ease) infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(47,191,113,.55);}
  70%{box-shadow:0 0 0 9px rgba(47,191,113,0);}
  100%{box-shadow:0 0 0 0 rgba(47,191,113,0);}
}
.league-strip{
  flex:1 1 auto;display:flex;align-items:center;gap:clamp(.75rem,2vw,1.4rem);
  min-width:0;overflow:hidden;
}
.league-strip__item{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.75rem;letter-spacing:.06em;color:var(--mist);white-space:nowrap;
}
.league-strip__dot{
  width:8px;height:8px;flex:none;border-radius:2px;
  background:var(--mist);transform:rotate(45deg);
}
.league-strip__item[data-league="england"] .league-strip__dot{background:var(--indigo);}
.league-strip__item[data-league="spain"] .league-strip__dot{background:var(--sand);}
.league-strip__item[data-league="italy"] .league-strip__dot{background:var(--berry);}
.league-strip__item[data-league="germany"] .league-strip__dot{background:var(--citrus);}
.league-strip__item[data-league="france"] .league-strip__dot{background:var(--kiwi);}
.top-strip__cta{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 1rem;
  border-radius:2px;background:var(--kiwi);color:#06110b;
  font-size:.78rem;font-weight:800;letter-spacing:.08em;
  transition:background-color .25s var(--ease),color .25s var(--ease);
}
.top-strip__cta:hover{background:var(--flesh);}

/* ---------- 左侧轨道 ---------- */
.rail{
  position:fixed;top:0;bottom:0;left:0;width:var(--rail-w);z-index:85;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:16px 0 20px;
  background:var(--grad-deep);
  border-right:1px solid var(--line);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;
}
.rail::-webkit-scrollbar{display:none;}
.rail__brand{
  flex:none;display:flex;flex-direction:column;align-items:center;gap:.6rem;
  padding-top:.25rem;color:var(--paper);
}
.rail__mark{
  position:relative;flex:none;width:26px;height:26px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#8FE3B0 0%,#2FBF71 48%,#177a46 100%);
  box-shadow:0 0 0 1px rgba(143,227,176,.4),0 0 16px rgba(47,191,113,.3);
}
.rail__mark::after{
  content:"";position:absolute;inset:7px;border-radius:50%;
  border:1px solid rgba(12,16,14,.5);
}
.rail__brand-text{
  writing-mode:vertical-rl;text-orientation:upright;
  font-size:.7rem;font-weight:800;letter-spacing:.2em;color:var(--flesh);
}
.rail__nav{
  flex:1 1 auto;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:0;
}
.rail__list{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;}
.rail__link{
  display:flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:.75rem .5rem;
  border-radius:999px;color:var(--mist);
  writing-mode:vertical-rl;text-orientation:upright;
  font-size:.79rem;font-weight:700;letter-spacing:.16em;
  transition:background-color .25s var(--ease),color .25s var(--ease);
}
.rail__link:hover{color:var(--paper);background:rgba(243,247,244,.08);}
.rail__link[aria-current="page"]{color:#06110b;background:var(--kiwi);}
.rail__foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;}
.rail__icp{
  margin:0;
  writing-mode:vertical-rl;text-orientation:upright;
  font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;
  color:rgba(147,162,155,.7);
}

/* ---------- 移动品牌条 ---------- */
.mobilebar{
  position:fixed;top:0;left:0;right:0;z-index:88;height:var(--bar-h);
  display:none;align-items:center;justify-content:space-between;gap:1rem;
  padding:0 1rem;
  background:rgba(12,16,14,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.mobilebar__brand{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:var(--paper);}
.mobilebar__name{font-family:var(--font-cond);font-weight:900;font-size:1.02rem;letter-spacing:.06em;}

.nav-toggle{
  display:inline-flex;align-items:center;gap:.55rem;
  min-height:44px;min-width:44px;padding:.4rem .7rem;
  background:transparent;border:1px solid var(--line-strong);border-radius:2px;
  color:var(--paper);font-size:.78rem;font-weight:700;letter-spacing:.08em;
  cursor:pointer;
  transition:background-color .25s var(--ease),border-color .25s var(--ease);
}
.nav-toggle:hover{border-color:var(--kiwi);background:rgba(47,191,113,.12);}
.nav-toggle__bars{display:flex;flex-direction:column;gap:4px;width:16px;}
.nav-toggle__bars i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--ease);}
.site-header[data-open] .nav-toggle__bars i:first-child{transform:translateY(3px) rotate(45deg);}
.site-header[data-open] .nav-toggle__bars i:last-child{transform:translateY(-3px) rotate(-45deg);}

/* ---------- 抽屉遮罩 ---------- */
.rail-scrim{
  position:fixed;inset:0;z-index:80;
  background:rgba(6,10,8,.72);
  opacity:0;pointer-events:none;
  transition:opacity .25s var(--ease);
}
.site-header[data-open] .rail-scrim{opacity:1;pointer-events:auto;}

/* ---------- 返回顶部 ---------- */
.to-top{
  position:fixed;right:clamp(.9rem,2vw,1.75rem);bottom:clamp(.9rem,2vw,1.75rem);z-index:78;
  display:inline-flex;align-items:center;gap:.45rem;
  min-height:44px;padding:.55rem .95rem;
  border:1px solid var(--line-strong);border-radius:999px;
  background:rgba(20,28,24,.9);color:var(--paper);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.08em;
  cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);
}
.to-top.is-visible{opacity:1;visibility:visible;transform:none;}
.to-top:hover{border-color:var(--kiwi);color:var(--flesh);}
.to-top__arrow{font-family:var(--font-mono);font-size:.95rem;line-height:1;}

/* ---------- 页脚 ---------- */
.site-footer{
  position:relative;
  margin-top:clamp(3rem,8vw,7rem);
  background:var(--grad-deep);
  border-top:1px solid var(--line);
  overflow:hidden;
}
.site-footer__band{
  height:3px;
  background:linear-gradient(90deg,
    var(--indigo) 0 20%,
    var(--sand) 20% 40%,
    var(--berry) 40% 60%,
    var(--citrus) 60% 80%,
    var(--kiwi) 80% 100%);
  opacity:.9;
}
.site-footer__inner{
  max-width:var(--shell-max);margin-inline:auto;
  padding:clamp(2.25rem,5vw,4rem) clamp(1rem,4vw,2.5rem) clamp(1.5rem,3vw,2.25rem);
}
.site-footer__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,4vw,3.5rem);}
@media (min-width:900px){
  .site-footer__grid{grid-template-columns:minmax(210px,1fr) minmax(0,2.6fr);}
}
.site-footer__logo{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:var(--paper);}
.site-footer__name{font-family:var(--font-cond);font-size:1.45rem;font-weight:900;letter-spacing:.05em;}
.site-footer__sig{margin:.5rem 0 1.1rem;font-size:.82rem;letter-spacing:.1em;color:var(--mist);}
.site-footer__nav{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:clamp(1.25rem,3vw,2rem);
}
.fcol__title{
  margin:0 0 .85rem;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--flesh);
}
.fcol__list{display:flex;flex-direction:column;gap:.5rem;}
.fcol__link{
  display:inline-block;padding:.15rem 0;
  font-size:.86rem;color:rgba(243,247,244,.66);
  border-bottom:1px solid transparent;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.fcol__link:hover{color:var(--paper);border-bottom-color:var(--kiwi);}

.site-footer__contact{
  margin-top:clamp(2rem,4vw,3rem);
  padding-top:clamp(1.5rem,3vw,2.25rem);
  border-top:1px solid var(--line);
}
.site-footer__contact-title{
  margin:0 0 1rem;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--flesh);
}
.contact-list{display:grid;grid-template-columns:1fr;gap:.75rem 2.5rem;margin:0;}
@media (min-width:760px){
  .contact-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.contact-list__row{display:flex;align-items:baseline;gap:.75rem;min-width:0;}
.contact-list dt{
  flex:0 0 auto;min-width:5.2em;
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;
  color:var(--mist);
}
.contact-list dd{margin:0;font-size:.86rem;color:rgba(243,247,244,.8);word-break:break-word;}

.site-footer__legal{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.5rem 1.5rem;
  margin-top:clamp(1.75rem,3vw,2.5rem);padding-top:1.1rem;
  border-top:1px solid var(--line);
  font-size:.75rem;color:var(--mist);
}
.site-footer__legal p{margin:0;}
.site-footer__copy{font-family:var(--font-mono);letter-spacing:.04em;}

/* ---------- 显现动画 ---------- */
[data-reveal]{transition:opacity .6s var(--ease),transform .6s var(--ease);}
html.has-js [data-reveal]{opacity:0;transform:translateY(20px);}
html.has-js [data-reveal].is-revealed{opacity:1;transform:none;}

/* ---------- 移动断点 ---------- */
@media (max-width:1023px){
  .top-strip{position:static;height:auto;}
  .top-strip__inner{
    flex-wrap:wrap;gap:.6rem 1.25rem;
    padding:.6rem 1rem;
  }
  .league-strip{flex:1 1 100%;order:3;overflow-x:auto;padding-bottom:.15rem;}
  .top-strip__cta{height:40px;}
  .rail-scrim{inset:var(--bar-h) 0 0 0;}
  .rail{
    top:var(--bar-h);bottom:0;left:0;
    width:min(300px,86vw);
    align-items:stretch;gap:1rem;
    padding:1.25rem 1.15rem 1.5rem;
    border-right:1px solid var(--line-strong);
    box-shadow:20px 0 60px rgba(0,0,0,.45);
    transform:translateX(-104%);
    transition:transform .3s var(--ease);
  }
  .site-header[data-open] .rail{transform:translateX(0);}
  .rail__brand{
    flex-direction:row;align-items:center;gap:.65rem;
    padding:0 0 .9rem;border-bottom:1px solid var(--line);
  }
  .rail__brand-text{writing-mode:horizontal-tb;text-orientation:mixed;font-size:.95rem;letter-spacing:.14em;}
  .rail__nav{align-items:stretch;justify-content:flex-start;}
  .rail__list{align-items:stretch;gap:.25rem;}
  .rail__link{
    writing-mode:horizontal-tb;text-orientation:mixed;
    justify-content:flex-start;width:100%;
    min-height:48px;padding:.85rem 1rem;border-radius:2px;
    font-size:1rem;letter-spacing:.06em;
  }
  .rail__foot{align-items:flex-start;padding-top:.9rem;border-top:1px solid var(--line);}
  .rail__icp{writing-mode:horizontal-tb;text-orientation:mixed;font-size:.72rem;}
  .mobilebar{display:flex;}
}

@media (max-width:560px){
  .top-strip__season{font-size:.68rem;letter-spacing:.1em;}
  .league-strip__item{font-size:.7rem;}
  .to-top__label{display:none;}
  .to-top{padding:0;width:44px;justify-content:center;}
}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html.has-js [data-reveal]{opacity:1;transform:none;}
  .top-strip__pulse{animation:none;}
}