/* ==========================================================================
   英博体育 · 全站共享样式 /assets/site.css
   深墨绿场域 + 玻璃青雾 + 荧光青激活 + 珠宝色分区
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd,details,summary{margin:0;}
ul,ol{padding:0;list-style:none;}
img,svg{max-width:100%;}
img{height:auto;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
a{color:inherit;text-decoration:none;}

:root{
  --yb-ink:#05201C;
  --yb-panel:#0B2E28;
  --yb-glass:rgba(180,255,238,.07);
  --yb-cyan:#38F2C4;
  --yb-orange:#FF6B2C;
  --yb-yellow:#FFD24A;
  --yb-indigo:#2B1F4D;
  --yb-wine:#5C1F33;
  --yb-text:#E9F6F2;
  --yb-muted:#9CBDB5;
  --yb-line:#1C4A42;
  --yb-dim:rgba(156,189,181,.72);
  --yb-ease:cubic-bezier(.2,.7,.3,1);
  --yb-max:1320px;
  --yb-gap:20px;
  --yb-radius:16px;
  --yb-font:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --yb-mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background-color:var(--yb-ink);
  background-image:
    radial-gradient(1100px 560px at 10% -12%,rgba(56,242,196,.09),transparent 62%),
    radial-gradient(920px 520px at 94% 4%,rgba(43,31,77,.60),transparent 64%),
    radial-gradient(720px 430px at 58% 108%,rgba(92,31,51,.32),transparent 66%);
  background-attachment:fixed;
  color:var(--yb-text);
  font-family:var(--yb-font);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
}
main{display:block;flex:1 1 auto;}

h1,h2,h3,h4{font-weight:900;line-height:1.2;letter-spacing:-.02em;}
h1{font-size:clamp(34px,5vw,64px);}
h2{font-size:clamp(26px,3.4vw,44px);}
h3{font-size:clamp(19px,2vw,24px);}
strong{font-weight:700;color:var(--yb-text);}

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

/* ---------- 容器与网格 ---------- */
.yb-wrap{width:100%;max-width:var(--yb-max);margin:0 auto;padding:0 28px;}

.yb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--yb-gap);}
.yb-span-2{grid-column:span 2;}
.yb-span-3{grid-column:span 3;}
.yb-span-4{grid-column:span 4;}
.yb-span-6{grid-column:span 6;}
.yb-span-8{grid-column:span 8;}
.yb-span-12{grid-column:span 12;}

/* ---------- 跳转链接 ---------- */
.yb-skip{
  position:absolute;left:16px;top:-64px;z-index:120;
  padding:10px 20px;border-radius:0 0 10px 10px;
  background:var(--yb-cyan);color:var(--yb-ink);
  font-size:14px;font-weight:700;letter-spacing:.06em;
  transition:top .22s var(--yb-ease);
}
.yb-skip:focus{top:0;}

/* ---------- 顶栏 ---------- */
.yb-header{
  position:sticky;top:0;z-index:80;
  background:linear-gradient(180deg,rgba(5,32,28,.97),rgba(5,32,28,.90));
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--yb-line);
}
.yb-progress{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;}
.yb-progress__fill{
  display:block;height:100%;width:100%;
  transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--yb-cyan),var(--yb-yellow));
  transition:transform .12s linear;
}

.yb-statusbar{
  max-height:46px;overflow:hidden;
  background:linear-gradient(90deg,rgba(43,31,77,.85),rgba(11,46,40,.78) 52%,rgba(92,31,51,.5));
  border-bottom:1px solid var(--yb-line);
  transition:max-height .28s var(--yb-ease),opacity .28s var(--yb-ease);
}
.yb-header[data-stuck] .yb-statusbar{max-height:0;opacity:0;}
.yb-statusbar__inner{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:46px;font-size:12px;color:var(--yb-muted);
}
.yb-status{display:inline-flex;align-items:center;gap:9px;color:var(--yb-text);letter-spacing:.06em;}
.yb-status__dot{
  width:8px;height:8px;border-radius:50%;flex:none;
  background:var(--yb-orange);
  box-shadow:0 0 0 4px rgba(255,107,44,.18);
  animation:yb-pulse 2.4s var(--yb-ease) infinite;
}
.yb-statusbar__date{font-family:var(--yb-mono);font-size:12px;letter-spacing:.04em;color:var(--yb-muted);}

@keyframes yb-pulse{0%,100%{opacity:1;}50%{opacity:.42;}}
@keyframes yb-nav-in{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* ---------- 刊头 ---------- */
.yb-masthead__inner{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:20px;padding:20px 0 18px;
}
.yb-brand{grid-column:2;display:inline-flex;align-items:baseline;gap:12px;justify-self:center;}
.yb-brand__name{
  font-size:clamp(24px,3.2vw,38px);font-weight:900;
  letter-spacing:.08em;line-height:1;color:var(--yb-text);
}
.yb-brand__lat{
  font-family:var(--yb-mono);font-size:11px;
  letter-spacing:.30em;text-transform:uppercase;color:var(--yb-muted);
}
.yb-brand__mark{width:10px;height:10px;background:var(--yb-cyan);flex:none;align-self:center;}

.yb-navtoggle{
  grid-column:1;justify-self:start;display:none;align-items:center;gap:10px;
  padding:9px 12px;border:1px solid var(--yb-line);border-radius:10px;
  color:var(--yb-text);font-size:13px;letter-spacing:.08em;
  transition:border-color .22s var(--yb-ease),color .22s var(--yb-ease);
}
.yb-navtoggle:hover{border-color:var(--yb-cyan);color:var(--yb-cyan);}
.yb-navtoggle__bars{position:relative;display:block;width:18px;height:2px;border-radius:2px;background:currentColor;}
.yb-navtoggle__bars::before,
.yb-navtoggle__bars::after{content:"";position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;}
.yb-navtoggle__bars::before{top:-6px;}
.yb-navtoggle__bars::after{top:6px;}
.yb-navtoggle__label{white-space:nowrap;}

.yb-utility{grid-column:3;justify-self:end;display:flex;align-items:center;gap:20px;}
.yb-utility__link{
  font-size:13px;letter-spacing:.06em;color:var(--yb-muted);
  padding-bottom:3px;border-bottom:1px solid transparent;
  transition:color .22s var(--yb-ease),border-color .22s var(--yb-ease);
}
.yb-utility__link:hover{color:var(--yb-cyan);border-bottom-color:var(--yb-cyan);}

/* ---------- 居中刊头导航条 ---------- */
.yb-navbar{border-top:1px solid var(--yb-line);}
.yb-nav{display:flex;justify-content:center;align-items:stretch;gap:4px;}
.yb-nav a{
  position:relative;display:inline-block;padding:15px 18px;
  font-size:15px;letter-spacing:.04em;color:var(--yb-muted);
  transition:color .22s var(--yb-ease);
}
.yb-nav a::after{
  content:"";position:absolute;left:18px;right:18px;bottom:9px;height:2px;
  background:var(--yb-cyan);transform:scaleX(0);transform-origin:0 50%;
  transition:transform .24s var(--yb-ease);
}
.yb-nav a:hover{color:var(--yb-text);}
.yb-nav a:hover::after{transform:scaleX(1);}
.yb-nav a[aria-current="page"]{color:var(--yb-text);font-weight:700;}
.yb-nav a[aria-current="page"]::after{transform:scaleX(1);}

/* ---------- 页脚 ---------- */
.yb-footer{
  margin-top:72px;
  background:linear-gradient(180deg,var(--yb-panel),var(--yb-ink) 80%);
  border-top:1px solid var(--yb-line);
  color:var(--yb-muted);font-size:14px;
}
.yb-footer__grid{
  display:grid;grid-template-columns:1.5fr .9fr 1.25fr 1fr;
  gap:40px;padding:56px 0 36px;
}
.yb-footer__col{min-width:0;}
.yb-footer__brand{font-size:22px;font-weight:900;letter-spacing:.08em;color:var(--yb-text);}
.yb-footer__intro{margin-top:14px;max-width:34ch;line-height:1.8;}
.yb-footer__intro--dim{color:var(--yb-dim);font-size:13px;}
.yb-footer__title{
  font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--yb-text);
  padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--yb-line);
}
.yb-footer__list{display:flex;flex-direction:column;gap:10px;}
.yb-footer__list a{color:var(--yb-muted);transition:color .22s var(--yb-ease);}
.yb-footer__list a:hover{color:var(--yb-cyan);}
.yb-footer__list--plain li{display:flex;flex-direction:column;gap:3px;line-height:1.6;}
.yb-footer__label{font-size:12px;letter-spacing:.08em;color:var(--yb-dim);}
.yb-footer__note{margin-top:14px;font-size:12px;line-height:1.75;color:var(--yb-dim);}
.yb-footer__list--inline{
  flex-direction:row;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;
}
.yb-footer__legal{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 0 30px;border-top:1px solid var(--yb-line);
  font-size:12px;letter-spacing:.04em;color:var(--yb-dim);
}

/* ---------- 折叠面板与版本列表 ---------- */
.yb-fold{
  border:1px solid var(--yb-line);border-radius:12px;
  background:var(--yb-glass);overflow:hidden;
  transition:border-color .24s var(--yb-ease);
}
.yb-fold[open]{border-color:rgba(56,242,196,.48);}
.yb-fold__summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;font-size:13px;letter-spacing:.04em;
  color:var(--yb-text);cursor:pointer;list-style:none;
}
.yb-fold__summary::-webkit-details-marker{display:none;}
.yb-fold__summary::after{
  content:"+";font-family:var(--yb-mono);font-size:16px;line-height:1;color:var(--yb-cyan);
}
.yb-fold[open] .yb-fold__summary::after{content:"−";}
.yb-fold__body{padding:14px 16px 16px;border-top:1px solid var(--yb-line);}

.yb-ver{display:flex;flex-direction:column;gap:9px;}
.yb-ver__item{display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--yb-muted);}
.yb-ver__tag{font-family:var(--yb-mono);font-size:12px;letter-spacing:.06em;color:var(--yb-yellow);}
.yb-ver__name{color:var(--yb-muted);}

/* ---------- 章节与排版 ---------- */
.yb-section{padding:64px 0;scroll-margin-top:140px;}
.yb-section__head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;flex-wrap:wrap;margin-bottom:28px;
}
.yb-section__title{position:relative;padding-left:18px;font-size:clamp(24px,3vw,44px);}
.yb-section__title::before{
  content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:3px;
  background:var(--yb-line);transition:background .26s var(--yb-ease);
}
.yb-section.is-active .yb-section__title::before{background:var(--yb-cyan);}

.yb-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--yb-mono);font-size:12px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--yb-cyan);
}
.yb-annotation{font-size:13px;line-height:1.7;color:var(--yb-muted);letter-spacing:.04em;}
.yb-vert{
  writing-mode:vertical-rl;font-size:12px;letter-spacing:.34em;
  text-transform:uppercase;color:var(--yb-muted);
}

.yb-prose{max-width:72ch;}
.yb-prose p+p{margin-top:16px;}
.yb-prose h2{margin-top:46px;margin-bottom:16px;}
.yb-prose h3{margin-top:30px;margin-bottom:12px;}
.yb-prose ul{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
.yb-prose li{position:relative;padding-left:18px;}
.yb-prose li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--yb-cyan);}
.yb-prose a{color:var(--yb-cyan);border-bottom:1px solid rgba(56,242,196,.35);}

.yb-crumbs{padding:18px 0 0;font-size:13px;color:var(--yb-muted);}
.yb-crumbs ol,.yb-crumbs ul{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.yb-crumbs li{display:flex;align-items:center;gap:10px;}
.yb-crumbs li::after{content:"/";color:var(--yb-line);}
.yb-crumbs li:last-child::after{content:"";}
.yb-crumbs a{color:var(--yb-muted);transition:color .22s var(--yb-ease);}
.yb-crumbs a:hover{color:var(--yb-cyan);}

/* ---------- 卡片 ---------- */
.yb-card{
  position:relative;background:var(--yb-panel);
  border:1px solid var(--yb-line);border-radius:var(--yb-radius);
  padding:24px;
  transition:transform .24s var(--yb-ease),border-color .24s var(--yb-ease),box-shadow .24s var(--yb-ease);
}
.yb-card:hover{
  transform:translateY(-2px);
  border-color:var(--yb-cyan);
  box-shadow:0 20px 44px -30px rgba(56,242,196,.6);
}
.yb-card--glass{
  background:var(--yb-glass);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.yb-card--indigo{background:linear-gradient(160deg,var(--yb-indigo),#1A1434);border-color:rgba(56,242,196,.20);}
.yb-card--wine{background:linear-gradient(160deg,var(--yb-wine),#2A0E19);border-color:rgba(255,210,74,.20);}

/* ---------- 按钮 ---------- */
.yb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 24px;border-radius:999px;
  border:1px solid var(--yb-cyan);background:var(--yb-cyan);color:var(--yb-ink);
  font-size:15px;font-weight:700;letter-spacing:.04em;
  transition:transform .22s var(--yb-ease),background .22s var(--yb-ease),color .22s var(--yb-ease),border-color .22s var(--yb-ease);
}
.yb-btn:hover{transform:translateY(-2px);background:transparent;color:var(--yb-cyan);}
.yb-btn--ghost{background:transparent;color:var(--yb-cyan);}
.yb-btn--ghost:hover{background:var(--yb-cyan);color:var(--yb-ink);}
.yb-btn--orange{background:var(--yb-orange);border-color:var(--yb-orange);color:#220C02;}
.yb-btn--orange:hover{background:transparent;color:var(--yb-orange);}

/* ---------- 联赛标签与条带 ---------- */
.yb-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 12px;border-radius:999px;
  border:1px solid var(--yb-line);background:var(--yb-glass);color:var(--yb-text);
  font-size:12px;letter-spacing:.12em;
  transition:background .22s var(--yb-ease),border-color .22s var(--yb-ease),color .22s var(--yb-ease);
}
.yb-tag:hover{background:var(--yb-orange);border-color:var(--yb-orange);color:#220C02;}
.yb-tag__sq{width:9px;height:9px;border-radius:2px;background:var(--yb-cyan);flex:none;}
.yb-tag--live .yb-tag__sq{background:var(--yb-orange);animation:yb-pulse 2.4s var(--yb-ease) infinite;}

.yb-league{
  display:flex;gap:8px;overflow-x:auto;
  padding:2px 2px 10px;scrollbar-width:thin;
  scrollbar-color:var(--yb-line) transparent;
}
.yb-league__item{
  flex:none;white-space:nowrap;
  padding:9px 15px;border-radius:10px;
  border:1px solid var(--yb-line);background:var(--yb-glass);color:var(--yb-muted);
  font-size:13px;letter-spacing:.06em;
  transition:background .22s var(--yb-ease),border-color .22s var(--yb-ease),color .22s var(--yb-ease);
}
.yb-league__item:hover{border-color:var(--yb-orange);color:var(--yb-text);}
.yb-league__item[data-active]{background:var(--yb-cyan);border-color:var(--yb-cyan);color:var(--yb-ink);font-weight:700;}

.yb-band{
  display:flex;gap:14px;overflow-x:auto;
  padding:14px 2px 18px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;scrollbar-color:var(--yb-line) transparent;
}
.yb-band>*{flex:0 0 auto;scroll-snap-align:start;}

[data-axis-link][data-active]{color:var(--yb-cyan);border-color:var(--yb-cyan);}

/* ---------- 数字 ---------- */
.yb-num{
  font-family:var(--yb-mono);font-weight:700;line-height:1;
  font-size:clamp(24px,3vw,44px);letter-spacing:-.01em;color:var(--yb-cyan);
}
.yb-num--yellow{color:var(--yb-yellow);}

/* ---------- 图片容器 ---------- */
.yb-media{
  position:relative;display:block;overflow:hidden;
  border-radius:14px;border:1px solid var(--yb-line);
  background:linear-gradient(150deg,#062722,#2B1F4D);
  isolation:isolate;
}
.yb-media img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(.82) contrast(1.06);
}
.yb-media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(155deg,rgba(5,32,28,.78),rgba(43,31,77,.55) 60%,rgba(92,31,51,.42));
}
.yb-media--wide{aspect-ratio:16/9;}
.yb-media--square{aspect-ratio:1/1;}
.yb-media--tall{aspect-ratio:3/4;}
.yb-media__caption{
  position:absolute;left:16px;bottom:14px;z-index:2;
  font-family:var(--yb-mono);font-size:12px;letter-spacing:.12em;color:var(--yb-text);
}

/* ---------- 显现动效协议 ---------- */
.yb-reveal-ready [data-reveal]{
  opacity:0;transform:translateY(8px);
  transition:opacity .34s var(--yb-ease),transform .34s var(--yb-ease);
}
.yb-reveal-ready [data-reveal].is-in{opacity:1;transform:none;}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width:1040px){
  .yb-footer__grid{grid-template-columns:1.4fr 1fr 1.2fr;gap:32px;}
  .yb-footer__col:last-child{grid-column:1 / -1;}
  .yb-span-2,.yb-span-3,.yb-span-4{grid-column:span 6;}
  .yb-span-6,.yb-span-8{grid-column:span 12;}
}

@media (max-width:900px){
  .yb-navtoggle{display:inline-flex;}
  .yb-masthead__inner{grid-template-columns:auto 1fr auto;gap:14px;padding:14px 0 12px;}
  .yb-brand{flex-wrap:wrap;justify-content:center;}
  .yb-brand__name{font-size:24px;}
  .yb-brand__lat{font-size:10px;letter-spacing:.22em;}
  .yb-utility{gap:12px;}
  .yb-utility__link:first-child{display:none;}

  .yb-navbar[data-open]{box-shadow:0 24px 48px -32px rgba(0,0,0,.9);}
  .yb-nav{display:none;flex-direction:column;justify-content:flex-start;gap:0;padding:6px 0 14px;}
  .yb-navbar[data-open] .yb-nav{display:flex;animation:yb-nav-in .24s var(--yb-ease) both;}
  .yb-nav li{border-top:1px solid var(--yb-line);}
  .yb-nav li:first-child{border-top:0;}
  .yb-nav a{display:block;width:100%;padding:14px 4px;font-size:16px;}
  .yb-nav a::after{display:none;}
  .yb-nav a[aria-current="page"]{color:var(--yb-cyan);}
}

@media (max-width:720px){
  body{font-size:16px;}
  .yb-wrap{padding:0 18px;}
  .yb-statusbar__inner{min-height:42px;font-size:11px;}
  .yb-statusbar__date{display:none;}
  .yb-section{padding:48px 0;scroll-margin-top:120px;}
  .yb-card{padding:20px;}
  .yb-footer{margin-top:52px;}
}

@media (max-width:640px){
  .yb-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .yb-span-2,.yb-span-3,.yb-span-4,.yb-span-6,.yb-span-8,.yb-span-12{grid-column:span 4;}
  .yb-footer__grid{grid-template-columns:1fr;gap:28px;padding:40px 0 28px;}
  .yb-footer__intro{max-width:none;}
  .yb-footer__legal{flex-direction:column;align-items:flex-start;gap:8px;}
  .yb-media--tall{aspect-ratio:4/5;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .yb-reveal-ready [data-reveal]{opacity:1;transform:none;}
  .yb-status__dot,.yb-tag--live .yb-tag__sq{animation:none;}
  .yb-progress__fill{transition:none;}
}