/* ============================================================
   链接赛场 · 共享 Site Kit  /assets/site.css
   01 变量令牌
   02 reset 与中文排版基线
   03 排版与编号章节体系
   04 布局原语
   05 按钮 / 标签 / 卡片
   06 头部
   07 页脚
   08 面包屑
   09 图片与图注容器
   10 章节目录 / 返回顶部 / 显现
   11 响应式
   12 动效与无障碍收尾
   ============================================================ */

/* ---------- 01 变量令牌 ---------- */
:root{
  --ys-ink-900:#06101F;
  --ys-ink-800:#0A1B31;
  --ys-ink-700:#102A4A;
  --ys-cyan:#39F2E0;
  --ys-cyan-soft:#8FFBF0;
  --ys-orange:#FF6B35;
  --ys-orange-soft:#FFB08A;
  --ys-rock:#2B3542;
  --ys-cream:#F4F0E6;
  --ys-moss:#6E9B83;
  --ys-clay:#B8654A;
  --ys-mist:#B8C7DA;

  --ys-line:rgba(184,199,218,.16);
  --ys-line-strong:rgba(143,251,240,.32);
  --ys-glass:rgba(10,27,49,.72);

  --ys-radius-xl:32px;
  --ys-radius-lg:24px;
  --ys-radius-md:18px;
  --ys-radius-pill:999px;

  --ys-font-sans:"Noto Sans SC","HarmonyOS Sans SC","Source Han Sans SC",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  --ys-font-mono:"JetBrains Mono","SFMono-Regular",ui-monospace,"Cascadia Mono","Menlo",monospace;

  --ys-gutter:clamp(18px,4vw,56px);
  --ys-max:1240px;
  --ys-header-h:76px;
  --ys-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- 02 reset 与中文排版基线 ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100%;
  font-family:var(--ys-font-sans);
  font-size:16px;
  line-height:1.75;
  font-weight:400;
  letter-spacing:.01em;
  color:var(--ys-cream);
  background-color:var(--ys-ink-900);
  background-image:
    radial-gradient(1200px 620px at 84% -12%,rgba(57,242,224,.10),transparent 70%),
    radial-gradient(880px 520px at 2% 6%,rgba(255,107,53,.075),transparent 72%);
  background-repeat:no-repeat;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;color:inherit}
::selection{background:rgba(57,242,224,.28);color:var(--ys-cream)}
:focus-visible{outline:2px solid var(--ys-cyan);outline-offset:3px;border-radius:8px}
#main-content{scroll-margin-top:calc(var(--ys-header-h) + 18px)}

/* ---------- 03 排版与编号章节体系 ---------- */
.ys-display{
  font-size:clamp(2.8rem,7vw,6.4rem);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.ys-h2{
  font-size:clamp(1.75rem,3.4vw,3rem);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.01em;
}
.ys-h3{font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:800;line-height:1.4}
.ys-lede{
  font-size:clamp(1rem,1.35vw,1.15rem);
  line-height:1.8;
  color:var(--ys-mist);
  max-width:46ch;
}
.ys-body{max-width:68ch;color:var(--ys-mist)}
.ys-body strong{color:var(--ys-cream);font-weight:700}
.ys-mono{
  font-family:var(--ys-font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
}
.ys-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--ys-font-mono);
  font-size:11.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ys-cyan);
}
.ys-eyebrow::before{content:"";width:22px;height:1px;background:currentColor;flex:0 0 auto}
.ys-note{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-size:12px;
  letter-spacing:.2em;
  color:rgba(184,199,218,.72);
  line-height:1.4;
}
.ys-chapter{
  font-family:var(--ys-font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(2.2rem,4.6vw,3.6rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--ys-orange);
}
.ys-chapter-head{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:clamp(12px,2vw,22px);
  padding-bottom:14px;
  margin-bottom:clamp(20px,3vw,34px);
  border-bottom:1px solid var(--ys-line);
}
.ys-rule{
  height:1px;
  border:0;
  margin:0;
  background:linear-gradient(90deg,rgba(57,242,224,.42),rgba(184,199,218,.12) 46%,transparent);
}
.ys-glow{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(50px);
  opacity:.55;
  z-index:0;
}

/* ---------- 04 布局原语 ---------- */
.ys-main{display:block}
.ys-main--offset{padding-top:calc(var(--ys-header-h) + 18px)}
.ys-container{
  width:min(100% - var(--ys-gutter) * 2,var(--ys-max));
  margin-inline:auto;
  position:relative;
}
.ys-section{
  position:relative;
  padding-block:clamp(56px,8vw,120px);
}
.ys-grid{display:grid;gap:clamp(18px,2.4vw,30px)}
.ys-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.ys-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ys-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.ys-stack{display:grid;gap:clamp(12px,1.6vw,20px)}

/* ---------- 05 按钮 / 标签 / 卡片 ---------- */
.ys-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55em;
  padding:14px 22px;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  text-align:center;
  color:var(--ys-cream);
  background:transparent;
  border:1px solid transparent;
  border-radius:var(--ys-radius-pill);
  cursor:pointer;
  transition:transform .25s var(--ys-ease),background .25s,border-color .25s,box-shadow .25s,color .25s;
}
.ys-btn--primary{
  background:linear-gradient(135deg,var(--ys-orange),#ff8b5e);
  color:#1b0d06;
  box-shadow:0 14px 32px -16px rgba(255,107,53,.9);
}
.ys-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(255,107,53,1)}
.ys-btn--ghost{
  border-color:var(--ys-line-strong);
  background:rgba(57,242,224,.06);
  color:var(--ys-cyan-soft);
}
.ys-btn--ghost:hover{background:rgba(57,242,224,.14);transform:translateY(-2px)}
.ys-btn--sm{padding:10px 16px;font-size:13px}
.ys-btn--block{width:100%}

.ys-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 11px;
  border-radius:var(--ys-radius-pill);
  border:1px solid var(--ys-line);
  font-family:var(--ys-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ys-mist);
  white-space:nowrap;
}
.ys-tag--cyan{border-color:rgba(57,242,224,.42);color:var(--ys-cyan-soft);background:rgba(57,242,224,.08)}
.ys-tag--orange{border-color:rgba(255,107,53,.46);color:var(--ys-orange-soft);background:rgba(255,107,53,.09)}
.ys-tag--moss{border-color:rgba(110,155,131,.5);color:#a9cbb7;background:rgba(110,155,131,.12)}

.ys-card{
  position:relative;
  display:block;
  padding:clamp(18px,2.4vw,28px);
  border-radius:var(--ys-radius-lg);
  border:1px solid var(--ys-line);
  background:linear-gradient(160deg,rgba(16,42,74,.78),rgba(10,27,49,.92));
  transition:transform .25s var(--ys-ease),border-color .25s,box-shadow .25s;
}
.ys-card--link:hover{transform:translateY(-2px);border-color:rgba(255,107,53,.55);box-shadow:0 22px 44px -30px rgba(0,0,0,.95)}
.ys-card--link:focus-within{border-color:var(--ys-cyan)}

/* ---------- 06 头部 ---------- */
.ys-skip{
  position:fixed;
  top:10px;
  left:50%;
  z-index:200;
  transform:translate(-50%,-180%);
  padding:12px 20px;
  border-radius:var(--ys-radius-pill);
  background:var(--ys-cyan);
  color:#04202a;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 16px 34px -18px rgba(57,242,224,.95);
  transition:transform .25s var(--ys-ease);
}
.ys-skip:focus-visible{transform:translate(-50%,0)}

.ys-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:100;
  padding:14px var(--ys-gutter) 0;
}
.ys-header__inner{
  width:min(100%,var(--ys-max));
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:clamp(12px,2vw,30px);
  min-height:60px;
  padding:8px 10px 8px 16px;
  border-radius:var(--ys-radius-pill);
  border:1px solid transparent;
  transition:background .4s var(--ys-ease),border-color .4s,box-shadow .4s,padding .4s;
}
.ys-header[data-state="solid"] .ys-header__inner{
  background:rgba(10,27,49,.92);
  border-color:rgba(143,251,240,.16);
  box-shadow:0 22px 48px -32px rgba(0,0,0,.98);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
}

.ys-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  color:var(--ys-cream);
}
.ys-brand__mark{
  position:relative;
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:conic-gradient(from 210deg,var(--ys-cyan),#1f8f97 46%,var(--ys-orange) 92%,var(--ys-cyan));
  box-shadow:inset 0 0 0 1px rgba(6,16,31,.35),0 8px 20px -12px rgba(57,242,224,.9);
}
.ys-brand__mark::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:50%;
  border:2.5px solid var(--ys-ink-900);
  border-right-color:transparent;
  border-bottom-color:transparent;
  transform:rotate(35deg);
}
.ys-brand__text{display:block;min-width:0}
.ys-brand__name{
  display:block;
  font-size:17px;
  font-weight:900;
  letter-spacing:.06em;
  line-height:1.25;
}
.ys-brand__descriptor{
  display:block;
  margin-top:2px;
  font-size:10.5px;
  letter-spacing:.14em;
  color:var(--ys-mist);
  line-height:1.3;
  white-space:nowrap;
}

.ys-nav{flex:1 1 auto;display:flex;justify-content:flex-end;min-width:0}
.ys-nav__list{
  display:flex;
  align-items:center;
  gap:clamp(2px,1vw,8px);
  counter-reset:ysnav;
}
.ys-nav__item{position:relative}
.ys-nav__link{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:9px 12px;
  border-radius:var(--ys-radius-pill);
  font-size:13.5px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ys-mist);
  white-space:nowrap;
  transition:color .25s,background .25s,box-shadow .25s;
}
.ys-nav__link::before{
  counter-increment:ysnav;
  content:counter(ysnav,decimal-leading-zero);
  font-family:var(--ys-font-mono);
  font-size:9.5px;
  letter-spacing:.06em;
  color:rgba(143,251,240,.5);
  transition:color .25s;
}
.ys-nav__link:hover{color:var(--ys-cream);background:rgba(57,242,224,.08)}
.ys-nav__link[aria-current="page"]{
  color:var(--ys-cyan);
  background:rgba(57,242,224,.10);
  box-shadow:inset 0 0 0 1px rgba(57,242,224,.3);
}
.ys-nav__link[aria-current="page"]::before{color:var(--ys-orange)}

.ys-header__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
.ys-nav-toggle{
  display:none;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:var(--ys-radius-pill);
  border:1px solid var(--ys-line-strong);
  background:rgba(16,42,74,.62);
  color:var(--ys-cream);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:pointer;
}
.ys-nav-toggle__bars{display:inline-flex;flex-direction:column;gap:4px;width:16px}
.ys-nav-toggle__bars span{
  display:block;
  height:2px;
  border-radius:2px;
  background:var(--ys-cyan);
  transition:transform .25s var(--ys-ease),opacity .25s;
}
.ys-header[data-open="true"] .ys-nav-toggle__bars span:first-child{transform:translateY(3px) rotate(45deg)}
.ys-header[data-open="true"] .ys-nav-toggle__bars span:last-child{transform:translateY(-3px) rotate(-45deg)}
.ys-nav-toggle__label{display:inline-block}

.ys-progress{
  position:absolute;
  left:var(--ys-gutter);
  right:var(--ys-gutter);
  bottom:0;
  margin-inline:auto;
  max-width:var(--ys-max);
  height:2px;
  border-radius:2px;
  overflow:hidden;
  background:rgba(184,199,218,.12);
  opacity:0;
  transition:opacity .3s;
  pointer-events:none;
}
.ys-header[data-state="solid"] .ys-progress{opacity:1}
.ys-progress__bar{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--ys-cyan),var(--ys-orange));
}

/* ---------- 07 页脚 ---------- */
.ys-footer{
  position:relative;
  margin-top:clamp(48px,8vw,110px);
  overflow:hidden;
  border-top:1px solid var(--ys-line);
  background:linear-gradient(180deg,rgba(10,27,49,.42),var(--ys-ink-800) 26%,var(--ys-ink-900));
  color:var(--ys-cream);
}
.ys-footer__glow{
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:6%;
  height:360px;
  pointer-events:none;
  background:
    radial-gradient(560px 260px at 18% 50%,rgba(57,242,224,.14),transparent 70%),
    radial-gradient(520px 240px at 82% 42%,rgba(255,107,53,.12),transparent 72%);
  filter:blur(2px);
}
.ys-footer__inner{
  position:relative;
  z-index:1;
  width:min(100% - var(--ys-gutter) * 2,var(--ys-max));
  margin-inline:auto;
  padding-block:clamp(44px,6vw,80px) 28px;
}
.ys-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);
  gap:clamp(28px,4vw,56px);
  align-items:start;
}
.ys-footer__brand{display:grid;gap:14px;justify-items:start}
.ys-brand--footer .ys-brand__mark{width:44px;height:44px;border-radius:16px}
.ys-brand--footer .ys-brand__name{font-size:20px}
.ys-footer__intro{
  max-width:38ch;
  font-size:14.5px;
  line-height:1.8;
  color:var(--ys-mist);
}
.ys-footer__hours{
  font-size:11.5px;
  letter-spacing:.14em;
  color:var(--ys-moss);
}
.ys-footer__cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,3vw,36px);
}
.ys-footer__group{min-width:0}
.ys-footer__title{
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--ys-line);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--ys-cyan-soft);
  line-height:1.4;
}
.ys-footer__list{display:grid;gap:10px}
.ys-footer__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--ys-mist);
  transition:color .2s,transform .2s;
}
.ys-footer__link::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ys-rock);
  flex:0 0 auto;
  transition:background .2s,transform .2s;
}
.ys-footer__link:hover{color:var(--ys-cream);transform:translateX(2px)}
.ys-footer__link:hover::before{background:var(--ys-orange);transform:scale(1.2)}

.ys-contact{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:18px 28px;
  margin-top:clamp(28px,4vw,44px);
  padding-top:clamp(22px,3vw,32px);
  border-top:1px solid var(--ys-line);
}
.ys-contact__item{min-width:0;display:grid;gap:6px}
.ys-contact__label{
  font-family:var(--ys-font-mono);
  font-size:10.5px;
  letter-spacing:.2em;
  color:var(--ys-orange-soft);
}
.ys-contact__row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.ys-contact__value{
  font-size:14px;
  line-height:1.6;
  color:var(--ys-cream);
  overflow-wrap:anywhere;
}
.ys-copy{
  padding:5px 12px;
  border-radius:var(--ys-radius-pill);
  border:1px solid var(--ys-line-strong);
  background:rgba(57,242,224,.06);
  color:var(--ys-cyan-soft);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.4;
  cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.ys-copy:hover{background:rgba(57,242,224,.16)}
.ys-copy[data-copied="true"]{
  border-color:var(--ys-orange);
  background:rgba(255,107,53,.14);
  color:var(--ys-orange-soft);
}
.ys-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 22px;
  margin-top:clamp(26px,4vw,40px);
  padding-top:20px;
  border-top:1px solid var(--ys-line);
  font-size:12px;
  line-height:1.7;
  color:rgba(184,199,218,.75);
}
.ys-footer__legal{letter-spacing:.12em;color:var(--ys-mist)}
.ys-footer__meta{margin:0}
.ys-footer__note{max-width:52ch;margin:0;color:rgba(184,199,218,.6)}

/* ---------- 08 面包屑 ---------- */
.ys-breadcrumb{padding-block:16px 6px}
.ys-breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(184,199,218,.7);
}
.ys-breadcrumb__item{display:inline-flex;align-items:center;gap:8px}
.ys-breadcrumb__item + .ys-breadcrumb__item::before{content:"/";color:var(--ys-rock)}
.ys-breadcrumb__link{color:var(--ys-mist);transition:color .2s}
.ys-breadcrumb__link:hover{color:var(--ys-cyan)}
.ys-breadcrumb__current{color:var(--ys-cream)}

/* ---------- 09 图片与图注容器 ---------- */
.ys-media{
  position:relative;
  display:block;
  overflow:hidden;
  isolation:isolate;
  border-radius:var(--ys-radius-lg);
  border:1px solid var(--ys-line);
  background:
    radial-gradient(420px 220px at 78% 12%,rgba(57,242,224,.18),transparent 70%),
    linear-gradient(150deg,var(--ys-ink-700),var(--ys-ink-800) 58%,#0d2237);
}
.ys-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:52%;
  background:linear-gradient(180deg,transparent,rgba(6,16,31,.62));
  pointer-events:none;
}
.ys-media__img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.ys-media--wide .ys-media__img{aspect-ratio:21/9}
.ys-media--tall .ys-media__img{aspect-ratio:4/5}
.ys-media--square .ys-media__img{aspect-ratio:1/1}
.ys-figure{display:grid;gap:10px;margin:0}
.ys-figure__caption{font-size:12px;letter-spacing:.08em;line-height:1.7;color:rgba(184,199,218,.7)}

/* ---------- 10 章节目录 / 返回顶部 / 显现 ---------- */
.ys-index{
  position:sticky;
  top:calc(var(--ys-header-h) + 24px);
  display:grid;
  gap:10px;
  align-content:start;
  padding:18px;
  border-radius:var(--ys-radius-lg);
  border:1px solid var(--ys-line);
  background:rgba(10,27,49,.72);
}
.ys-index__list{display:grid;gap:4px}
.ys-index__link{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:9px 10px;
  border-radius:var(--ys-radius-md);
  font-size:13.5px;
  color:var(--ys-mist);
  border-left:2px solid transparent;
  transition:color .2s,background .2s,border-color .2s;
}
.ys-index__link:hover{color:var(--ys-cream);background:rgba(57,242,224,.07)}
.ys-index__link[aria-current="true"]{
  color:var(--ys-cyan);
  background:rgba(57,242,224,.1);
  border-left-color:var(--ys-orange);
}

.ys-totop{
  position:fixed;
  right:clamp(14px,2.5vw,28px);
  bottom:clamp(18px,3vw,34px);
  z-index:90;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--ys-line-strong);
  background:rgba(10,27,49,.92);
  color:var(--ys-cyan);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transition:opacity .3s,transform .3s,border-color .3s;
}
.ys-totop[data-visible="true"]{opacity:1;transform:none;pointer-events:auto}
.ys-totop:hover{border-color:var(--ys-orange);color:var(--ys-orange-soft)}

.ys-js [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s var(--ys-ease),transform .6s var(--ys-ease);
}
.ys-js [data-reveal].is-in{opacity:1;transform:none}

/* ---------- 11 响应式 ---------- */
@media (max-width:1180px){
  .ys-brand__descriptor{display:none}
  .ys-nav__link{font-size:13px;padding:9px 10px}
}
@media (max-width:980px){
  .ys-footer__top{grid-template-columns:1fr;gap:32px}
  .ys-footer__intro{max-width:56ch}
}
@media (max-width:960px){
  html.ys-lock{overflow:hidden}
  .ys-header{padding-top:10px}
  .ys-header__inner{
    gap:10px;
    padding:8px 10px 8px 12px;
    background:rgba(9,24,43,.74);
    border-color:rgba(184,199,218,.14);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  .ys-header[data-state="solid"] .ys-header__inner{background:rgba(10,27,49,.96)}
  .ys-nav-toggle{display:inline-flex}
  .ys-nav{
    position:absolute;
    top:calc(100% + 8px);
    left:var(--ys-gutter);
    right:var(--ys-gutter);
    flex:none;
    display:block;
    max-height:calc(100dvh - 140px);
    overflow-y:auto;
    padding:14px;
    border-radius:var(--ys-radius-lg);
    border:1px solid rgba(143,251,240,.18);
    background:rgba(10,27,49,.98);
    box-shadow:0 30px 60px -30px #000;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .3s var(--ys-ease),transform .3s var(--ys-ease),visibility .3s;
  }
  .ys-header[data-open="true"] .ys-nav{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .ys-nav__list{display:grid;gap:2px;justify-items:stretch}
  .ys-nav__link{
    width:100%;
    justify-content:flex-start;
    padding:14px 14px;
    font-size:17px;
    font-weight:700;
    border-radius:var(--ys-radius-md);
    color:var(--ys-cream);
  }
  .ys-nav__link::before{font-size:11px}
  .ys-nav__link[aria-current="page"]{background:rgba(57,242,224,.12)}
  .ys-progress{opacity:0}
  .ys-index{position:static;top:auto}
}
@media (max-width:760px){
  .ys-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ys-contact{grid-template-columns:1fr}
  .ys-footer__bottom{justify-content:flex-start;font-size:11.5px}
  .ys-note{display:none}
}
@media (max-width:520px){
  .ys-nav-toggle__label{display:none}
  .ys-brand__name{font-size:16px}
  .ys-btn--sm{padding:9px 13px;font-size:12.5px}
  .ys-footer__cols{grid-template-columns:1fr}
  .ys-display{font-size:clamp(2.4rem,11vw,3.4rem)}
}

/* ---------- 12 动效与无障碍收尾 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .ys-js [data-reveal]{opacity:1;transform:none}
  .ys-footer__glow{filter:none}
  .ys-btn:hover,.ys-card--link:hover,.ys-footer__link:hover{transform:none}
}