/* ===== 重置与基础 ===== */
*,*::before,*::after{box-sizing:border-box;}
html{line-height:1.75;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;color:#F5F8FC;background:
  radial-gradient(1100px 600px at 92% -80px, rgba(0,230,118,0.10) 0%, rgba(0,230,118,0) 60%),
  radial-gradient(900px 600px at -120px 112%, rgba(0,191,165,0.08) 0%, rgba(0,191,165,0) 55%),
  #0B1D3A;overflow-x:hidden;}

/* ===== 主题变量 ===== */
:root{
  --clr-primary-900:#0B1D3A;
  --clr-primary-800:#122A4C;
  --clr-primary-700:#162F54;
  --clr-accent:#00E676;
  --clr-accent-orange:#FF6D00;
  --clr-text:#F5F8FC;
  --clr-text-muted:#A0B8D9;
  --clr-line:#1E3A5F;
  --clr-data:#00BFA5;
  --gradient-highlight:linear-gradient(135deg, #00E676 0%, #00BFA5 100%);
  --gradient-warm:linear-gradient(135deg, #FF6D00 0%, #F5A200 100%);
  --font-heading:"Noto Sans SC","Microsoft YaHei",sans-serif;
  --font-body:"Noto Sans SC","Microsoft YaHei",sans-serif;
  --font-mono:"Fira Mono","Roboto Mono",monospace;
  --fs-h1:clamp(36px,6vw,56px);
  --fs-h2:clamp(26px,4.5vw,36px);
  --fs-h3:clamp(20px,3vw,24px);
  --container-max:1320px;
  --header-h:76px;
  --ease-out:cubic-bezier(0.22,1,0.36,1);
  --t-fast:160ms;
  --t-base:260ms;
}

/* ===== 中文排版 ===== */
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:900;line-height:1.15;color:var(--clr-text);margin:0 0 .5em;}
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);}
h3{font-size:var(--fs-h3);}
p{margin:0 0 16px;color:var(--clr-text);}
a{color:var(--clr-accent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--t-fast);}
a:hover{color:var(--clr-accent-orange);}
ul,ol{margin:0 0 16px;padding-left:1.4em;}
strong{font-weight:700;}
:focus-visible{outline:3px solid var(--clr-accent);outline-offset:3px;}

/* ===== 通用容器 ===== */
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:24px;}
.section{padding-block:64px;}
.section--tight{padding-block:32px;}
.section--soft{background:var(--clr-primary-800);}
.section--grid{background-image:linear-gradient(var(--clr-line) 1px,transparent 1px),linear-gradient(90deg,var(--clr-line) 1px,transparent 1px);background-size:40px 40px;background-position:center;}
.section--slope{position:relative;isolation:isolate;}
.section--slope::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,230,118,.05),rgba(0,191,165,.02) 55%,transparent 80%);z-index:-1;pointer-events:none;}
.main-content{min-height:70vh;width:100%;}

/* ===== 可访问工具 ===== */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.skip-link{position:fixed;top:-120px;left:16px;z-index:300;background:var(--clr-accent);color:var(--clr-primary-900);font-weight:700;font-size:14px;padding:10px 16px;text-decoration:none;transition:top var(--t-fast) var(--ease-out);}
.skip-link:focus{top:16px;color:var(--clr-primary-900);}

/* ===== 滚动进度 ===== */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(0,230,118,.12);transform-origin:0 50%;transform:scaleX(0);z-index:400;pointer-events:none;}

/* ===== 头部 ===== */
.site-header{position:sticky;top:0;z-index:100;background:rgba(11,29,58,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--clr-line);}
.site-header__inner{position:relative;max-width:var(--container-max);height:var(--header-h);margin-inline:auto;padding-inline:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;}

.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;color:inherit;}
.brand:hover{color:inherit;}
.brand__mark{display:grid;place-items:center;width:42px;height:42px;background:var(--gradient-highlight);color:var(--clr-primary-900);font-size:20px;font-weight:900;line-height:1;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.brand:hover .brand__mark{clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));}
.brand__text{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.brand__name{display:block;font-family:var(--font-heading);font-weight:900;font-size:18px;line-height:1.3;color:var(--clr-text);letter-spacing:.04em;}
.brand__subtext{display:block;font-size:11px;color:var(--clr-text-muted);line-height:1.5;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;}

.nav-toggle{display:none;align-items:center;gap:8px;margin-left:auto;background:transparent;border:1px solid var(--clr-line);padding:10px 12px;cursor:pointer;color:var(--clr-text);font-family:var(--font-body);font-size:13px;letter-spacing:.08em;line-height:1;transition:border-color var(--t-fast),color var(--t-fast);}
.nav-toggle:hover{border-color:var(--clr-accent);color:var(--clr-accent);}
.nav-toggle__bars{display:inline-flex;flex-direction:column;gap:4px;width:18px;}
.nav-toggle__bar{display:block;width:100%;height:2px;background:var(--clr-accent);transition:transform var(--t-base) var(--ease-out),opacity var(--t-fast) var(--ease-out);}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.nav-toggle__label{font-size:13px;}

.site-nav{display:flex;align-items:stretch;height:100%;}
.site-nav__list{display:flex;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none;height:100%;}
.site-nav__item{display:flex;align-items:stretch;}
.site-nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:500;color:var(--clr-text-muted);text-decoration:none;letter-spacing:.02em;background:transparent;transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out);}
.site-nav__link::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--clr-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--t-base) var(--ease-out);}
.site-nav__link:hover{color:var(--clr-text);background:rgba(0,230,118,.06);}
.site-nav__link:hover::after{transform:scaleX(1);}
.site-nav__link[aria-current="page"]{color:var(--clr-accent);background:rgba(0,230,118,.06);}
.site-nav__link[aria-current="page"]::after{transform:scaleX(1);}
.site-nav__index{font-family:var(--font-mono);font-size:11px;color:var(--clr-accent);opacity:.75;line-height:1;margin-top:2px;flex-shrink:0;}
.site-nav__label{white-space:nowrap;}

@media(max-width:920px){
  .nav-toggle{display:inline-flex;}
  .brand__subtext{max-width:110px;}
  .site-nav{position:absolute;top:calc(100% + 1px);left:12px;right:12px;max-height:0;overflow:hidden;background:var(--clr-primary-800);border:1px solid var(--clr-line);border-top:0;transition:max-height 320ms var(--ease-out);}
  .site-nav[data-open]{max-height:calc(100vh - var(--header-h));overflow-y:auto;}
  .site-nav__list{flex-direction:column;align-items:stretch;height:auto;padding:8px;gap:0;}
  .site-nav__item{display:block;}
  .site-nav__link{width:100%;justify-content:flex-start;padding:14px 12px;border-bottom:1px solid rgba(30,58,95,.55);}
  .site-nav__link::after{display:none;}
  .site-nav__link[aria-current="page"]{background:rgba(0,230,118,.10);}
  .site-nav__index{margin-left:auto;}
}

/* ===== 页脚 ===== */
.site-footer{position:relative;color:var(--clr-text);background:linear-gradient(180deg,var(--clr-primary-800) 0%,var(--clr-primary-900) 100%);border-top:1px solid var(--clr-line);padding-top:52px;overflow:hidden;}
.site-footer::before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--clr-accent) 0%,var(--clr-accent) 20%,var(--clr-line) 20.5%,var(--clr-line) 78%,var(--clr-accent-orange) 78.5%,var(--clr-accent-orange) 100%);}
.site-footer::after{content:"BOYUN SPORTS";position:absolute;top:28px;right:24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.4em;color:rgba(0,230,118,.12);pointer-events:none;}
.site-footer__inner{position:relative;z-index:1;max-width:var(--container-max);margin-inline:auto;padding:48px 24px 28px;}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:56px;align-items:start;}

.site-footer__brand-block{display:grid;justify-items:start;gap:14px;}
.site-footer__logo{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--gradient-highlight);color:var(--clr-primary-900);font-size:22px;font-weight:900;line-height:1;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));}
.site-footer__brand-name{margin:0;font-family:var(--font-heading);font-weight:900;font-size:20px;line-height:1.3;color:var(--clr-text);display:flex;align-items:center;gap:10px;}
.site-footer__version{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--clr-accent);border:1px solid var(--clr-accent);padding:2px 6px;line-height:1;}
.site-footer__about{margin:0;max-width:42em;font-size:14px;color:var(--clr-text-muted);}

.site-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;}
.site-footer__heading{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--clr-accent);}
.site-footer__heading-num{font-family:var(--font-mono);font-size:11px;color:var(--clr-text-muted);opacity:.8;}
.site-footer__list{list-style:none;margin:0;padding:0;}
.site-footer__list li{margin-bottom:10px;}
.site-footer__list a{color:var(--clr-text-muted);text-decoration:none;font-size:14px;transition:color var(--t-fast);}
.site-footer__list a:hover{color:var(--clr-accent);}

.site-footer__meta{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.site-footer__meta-item{display:grid;gap:2px;}
.site-footer__meta-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--clr-data);text-transform:uppercase;}
.site-footer__meta-value{font-size:14px;color:var(--clr-text);line-height:1.5;word-break:break-word;}
.site-footer__col--contact{background:rgba(255,109,0,.06);border:1px solid rgba(255,109,0,.18);padding:16px;}

.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:40px;padding-top:16px;border-top:1px solid var(--clr-line);}
.site-footer__copyright,.site-footer__icp{margin:0;font-size:13px;color:var(--clr-text-muted);}
.site-footer__trust{margin:16px 0 0;padding:16px 0 0;border-top:1px dashed var(--clr-line);font-size:12px;line-height:1.7;color:var(--clr-text-muted);max-width:98%;}

@media(max-width:960px){
  .site-footer__top{grid-template-columns:1fr;gap:40px;}
  .site-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .site-footer__cols{grid-template-columns:1fr;}
  .site-footer__bottom{flex-direction:column;align-items:flex-start;}
  .site-footer__col--contact{padding:12px;}
  .site-footer::after{right:16px;transform:scale(.85);transform-origin:right center;}
}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:1px solid transparent;background:transparent;color:var(--clr-text);font-family:var(--font-body);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn--primary{background:var(--clr-accent);color:var(--clr-primary-900);border-color:var(--clr-accent);}
.btn--primary:hover{background:transparent;color:var(--clr-accent);border-color:var(--clr-accent);}
.btn--outline{border-color:var(--clr-line);color:var(--clr-text);}
.btn--outline:hover{border-color:var(--clr-accent);color:var(--clr-accent);}
.btn--orange{background:var(--clr-accent-orange);color:#fff;border-color:var(--clr-accent-orange);}
.btn--orange:hover{background:transparent;color:var(--clr-accent-orange);border-color:var(--clr-accent-orange);}

/* ===== 面包屑 ===== */
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 24px;padding:0;list-style:none;font-size:14px;}
.breadcrumbs__item{display:inline-flex;align-items:center;color:var(--clr-text-muted);}
.breadcrumbs__item:not(:last-child)::after{content:"/";margin-left:6px;color:var(--clr-line);}
.breadcrumbs__link{color:var(--clr-text-muted);text-decoration:none;transition:color var(--t-fast);}
.breadcrumbs__link:hover{color:var(--clr-accent);}
.breadcrumbs__item[aria-current="page"]{color:var(--clr-text);}

/* ===== 栅格 ===== */
.grid{display:grid;gap:24px;}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid--center{align-items:center;}
@media(max-width:1000px){
  .grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr;}
}

/* ===== 拆分编辑部栅格 ===== */
.split-layout{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:48px;align-items:start;}
.split-layout__aside{position:sticky;top:calc(var(--header-h) + 24px);min-width:0;color:var(--clr-text-muted);font-size:15px;}
.split-layout__main{min-width:0;}
@media(max-width:960px){
  .split-layout{grid-template-columns:1fr;gap:24px;}
  .split-layout__aside{position:static;}
}

/* ===== 卡片与指标 ===== */
.card{position:relative;background:var(--clr-primary-800);border:1px solid var(--clr-line);padding:24px;transition:transform var(--t-base) var(--ease-out),border-color var(--t-fast) var(--ease-out),box-shadow var(--t-base) var(--ease-out);}
.card:hover{transform:translateY(-4px);border-color:var(--clr-accent);box-shadow:0 12px 24px rgba(0,0,0,.22);}
.card__title{margin:0 0 8px;font-size:16px;}
.card__meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--clr-text-muted);text-transform:uppercase;}
.card__value{font-family:var(--font-mono);font-size:32px;font-weight:700;line-height:1.1;color:var(--clr-accent);}

.stat{display:grid;gap:4px;padding:16px 18px;background:var(--clr-primary-800);border-left:3px solid var(--clr-accent);}
.stat__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-text-muted);}
.stat__value{font-family:var(--font-mono);font-size:26px;line-height:1.1;color:var(--clr-text);}
.stat__value--accent{color:var(--clr-accent);}
.stat__value--orange{color:var(--clr-accent-orange);}

.tag{display:inline-block;padding:4px 10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;line-height:1.6;border:1px solid var(--clr-line);color:var(--clr-text-muted);background:transparent;text-decoration:none;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);}
.tag:hover{color:var(--clr-accent);border-color:var(--clr-accent);}
.tag--accent{color:var(--clr-accent);border-color:var(--clr-accent);}
.tag--orange{color:var(--clr-accent-orange);border-color:var(--clr-accent-orange);}

/* ===== 时间轴 ===== */
.timeline{position:relative;margin:48px 0 0;padding:0 0 0 28px;list-style:none;border-left:1px solid var(--clr-line);}
.timeline__item{position:relative;padding:0 0 36px 8px;}
.timeline__item::before{content:"";position:absolute;left:-33px;top:2px;width:9px;height:9px;background:var(--clr-accent);transform:rotate(45deg);}
.timeline__date{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:var(--clr-accent);}
.timeline__title{font-size:18px;font-weight:900;line-height:1.3;margin:4px 0 8px;color:var(--clr-text);}
.timeline__desc{font-size:14px;color:var(--clr-text-muted);}

/* ===== 媒体占位 ===== */
.media{position:relative;overflow:hidden;margin:0;background:linear-gradient(135deg,rgba(0,230,118,.05),rgba(0,191,165,.02)),var(--clr-primary-700);border:1px solid var(--clr-line);}
.media::before{content:"";display:block;padding-top:65%;}
.media--16-9::before{padding-top:56.25%;}
.media--4-3::before{padding-top:75%;}
.media--square::before{padding-top:100%;}
.media--portrait::before{padding-top:125%;}
.media__body{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--clr-text-muted);font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;}

/* ===== 章节标签与装饰 ===== */
.section-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-accent);}
.section-label::before{content:"";width:26px;height:2px;background:var(--gradient-highlight);}
.divider{height:1px;background:var(--clr-line);border:0;margin:32px 0;}
.divider--accent{height:3px;background:linear-gradient(90deg,var(--clr-accent) 0%,var(--clr-accent) 24%,var(--clr-data) 55%,var(--clr-accent-orange) 100%);opacity:.75;margin:40px 0;}

/* ===== 大数字与渐变文字 ===== */
.display-number{display:block;font-family:var(--font-mono);font-size:clamp(72px,14vw,150px);font-weight:700;line-height:.9;letter-spacing:-.05em;color:var(--clr-text);}
.text-gradient{background:var(--gradient-highlight);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}

/* ===== 页面首屏辅助 ===== */
.page-hero{position:relative;padding:64px 0 40px;}
.page-hero__kicker{display:block;margin-bottom:16px;font-family:var(--font-mono);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-accent);}
.page-hero__title{margin:0 0 16px;font-size:var(--fs-h1);line-height:1.1;}
.page-hero__lead{margin:0;max-width:42em;font-size:18px;color:var(--clr-text-muted);}

/* ===== 响应式细节 ===== */
@media(max-width:640px){
  .container{padding-inline:16px;}
  .site-header__inner{padding-inline:16px;}
  .section{padding-block:40px;}
  .page-hero{padding:40px 0 28px;}
  .nav-toggle__label{display:none;}
}
@media(max-width:960px){
  .site-footer__top{grid-template-columns:1fr;gap:40px;}
  .site-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .site-footer__cols{grid-template-columns:1fr;}
  .site-footer__bottom{flex-direction:column;align-items:flex-start;}
}

/* ===== 动效偏好 ===== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}