/* ============================================================
   易丰娱乐 · 共享样式 /assets/site.css
   深空底 · 星芒金 · 青玉色 · 精密网格
   ============================================================ */

/* ---------- 1. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{margin:0;padding:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,pre{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video,canvas{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}

/* ---------- 2. 变量 ---------- */
:root{
  --yf-void:#070B14;
  --yf-panel:#0E1524;
  --yf-float:#151E31;
  --yf-line:#26324A;
  --yf-gold:#E8B85C;
  --yf-gold-hi:#F5D79B;
  --yf-jade:#36BFA6;
  --yf-jade-hi:#7FE0CE;
  --yf-ink:#E9EDF5;
  --yf-muted:#94A1B8;

  --yf-wrap:1280px;
  --yf-prose:720px;
  --yf-gap:24px;
  --yf-header-h:64px;

  --yf-font-head:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --yf-font-body:"PingFang SC","Noto Sans SC","Source Han Sans SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  --yf-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;

  --yf-ease:cubic-bezier(.4,0,.2,1);
}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth}
}

/* ---------- 3. 基础排版 ---------- */
body{
  min-height:100vh;
  background-color:var(--yf-void);
  color:var(--yf-ink);
  font-family:var(--yf-font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(38,50,74,.55) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(38,50,74,.55) 1px,transparent 1px);
  background-size:120px 120px;
  -webkit-mask-image:radial-gradient(130% 90% at 50% 0%,#000 0%,rgba(0,0,0,.28) 55%,transparent 86%);
  mask-image:radial-gradient(130% 90% at 50% 0%,#000 0%,rgba(0,0,0,.28) 55%,transparent 86%);
}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--yf-gold);
  outline-offset:2px;
}

/* ---------- 4. 标题与文字工具 ---------- */
.yf-display,.yf-h1,.yf-h2,.yf-h3,.yf-h4{
  font-family:var(--yf-font-head);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.02em;
  color:var(--yf-ink);
}
.yf-display{font-size:clamp(38px,6vw,56px);font-weight:900;line-height:1.05}
.yf-h1{font-size:clamp(34px,5.2vw,56px)}
.yf-h2{font-size:clamp(28px,3.6vw,40px)}
.yf-h3{font-size:clamp(22px,2.4vw,28px);line-height:1.25}
.yf-h4{font-size:clamp(18px,1.8vw,20px);line-height:1.35}

.yf-lead{
  font-size:clamp(16px,1.4vw,18px);
  line-height:1.8;
  color:var(--yf-muted);
  max-width:60ch;
}
.yf-text{max-width:var(--yf-prose);font-size:16px;line-height:1.75}
.yf-muted{color:var(--yf-muted)}
.yf-gold{color:var(--yf-gold)}
.yf-jade{color:var(--yf-jade)}
.yf-num{
  font-family:var(--yf-font-mono);
  font-weight:500;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.yf-eyebrow{
  display:inline-block;
  font-family:var(--yf-font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.2em;
  color:var(--yf-gold);
}
.yf-link{
  color:var(--yf-jade);
  border-bottom:1px solid rgba(54,191,166,.45);
  transition:color .16s var(--yf-ease),border-color .16s var(--yf-ease);
}
.yf-link:hover{color:var(--yf-jade-hi);border-bottom-color:var(--yf-jade-hi)}
.yf-rule{height:1px;background:var(--yf-line);border:0;margin-block:32px}

.yf-prose{max-width:var(--yf-prose)}
.yf-prose p{margin-bottom:1.1em;font-size:16px;line-height:1.75}
.yf-prose p:last-child{margin-bottom:0}
.yf-prose h2{
  font-family:var(--yf-font-head);font-size:clamp(22px,2.4vw,28px);font-weight:800;
  letter-spacing:-.02em;margin-top:1.9em;margin-bottom:.6em;
}
.yf-prose h3{
  font-family:var(--yf-font-head);font-size:clamp(18px,1.8vw,20px);font-weight:700;
  letter-spacing:-.01em;margin-top:1.5em;margin-bottom:.5em;
}
.yf-prose ul,.yf-prose ol{margin:0 0 1.1em;padding-left:1.2em}
.yf-prose ul li{list-style:none;position:relative}
.yf-prose ul li::before{content:"";position:absolute;left:-1.1em;top:.72em;width:8px;height:1px;background:var(--yf-gold)}
.yf-prose ol{list-style:decimal}
.yf-prose ol li::marker{font-family:var(--yf-font-mono);color:var(--yf-gold)}

/* ---------- 5. 容器与网格 ---------- */
.yf-wrap{
  width:100%;
  max-width:var(--yf-wrap);
  margin-inline:auto;
  padding-inline:20px;
}
@media (min-width:768px){
  .yf-wrap{padding-inline:32px}
}
.yf-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--yf-gap);
}
.yf-span-3{grid-column:span 3}
.yf-span-4{grid-column:span 4}
.yf-span-5{grid-column:span 5}
.yf-span-6{grid-column:span 6}
.yf-span-7{grid-column:span 7}
.yf-span-8{grid-column:span 8}
.yf-span-12{grid-column:span 12}
@media (max-width:960px){
  .yf-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
  .yf-span-3,.yf-span-4{grid-column:span 3}
  .yf-span-5,.yf-span-6,.yf-span-7,.yf-span-8,.yf-span-12{grid-column:1/-1}
}
@media (max-width:600px){
  .yf-grid{grid-template-columns:1fr;gap:16px}
  .yf-grid > [class*="yf-span-"]{grid-column:1/-1}
}

/* ---------- 6. 章节外壳 ---------- */
.yf-section{padding-block:64px}
@media (min-width:900px){
  .yf-section{padding-block:96px}
}
.yf-section--panel{
  background:var(--yf-panel);
  border-top:1px solid var(--yf-line);
  border-bottom:1px solid var(--yf-line);
}
.yf-section__head{
  display:flex;
  align-items:baseline;
  gap:16px;
  flex-wrap:wrap;
  padding-bottom:16px;
  margin-bottom:32px;
  border-bottom:1px solid var(--yf-line);
}
.yf-section__index{
  font-family:var(--yf-font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:.14em;
  color:var(--yf-gold);
}
.yf-section__title{
  font-family:var(--yf-font-head);
  font-size:clamp(22px,2.4vw,28px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
}

/* ---------- 7. 按钮 ---------- */
.yf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 16px;
  border:1px solid var(--yf-line);
  border-radius:0;
  background:transparent;
  color:var(--yf-ink);
  font-family:var(--yf-font-body);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.04em;
  white-space:nowrap;
  transition:background-color .18s var(--yf-ease),color .18s var(--yf-ease),
             border-color .18s var(--yf-ease),transform .18s var(--yf-ease);
}
.yf-btn:hover{border-color:var(--yf-gold-hi);color:var(--yf-gold-hi);background:rgba(232,184,92,.08)}
.yf-btn:active{transform:translateY(1px)}
.yf-btn--gold{border-color:var(--yf-gold);color:var(--yf-gold)}
.yf-btn--gold:hover{background:var(--yf-gold);color:var(--yf-void);border-color:var(--yf-gold)}
.yf-btn--jade{border-color:rgba(54,191,166,.6);color:var(--yf-jade)}
.yf-btn--jade:hover{background:rgba(54,191,166,.12);border-color:var(--yf-jade-hi);color:var(--yf-jade-hi)}
.yf-btn--ghost{color:var(--yf-muted)}
.yf-btn--block{width:100%}

/* ---------- 8. 头部命令栏 ---------- */
.skip-link{
  position:absolute;
  left:12px;
  top:-120px;
  z-index:120;
  padding:10px 16px;
  background:var(--yf-gold);
  color:var(--yf-void);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  transition:top .16s var(--yf-ease);
}
.skip-link:focus{top:8px}

.yf-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(14,21,36,.94);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--yf-line);
  color:var(--yf-ink);
}
.yf-header__inner{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:var(--yf-header-h);
}
.yf-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  overflow:hidden;
  pointer-events:none;
}
.yf-progress__bar{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:0 50%;
  background:linear-gradient(90deg,var(--yf-jade),var(--yf-gold));
}

.yf-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:none;
  padding-block:8px;
}
.yf-brand__mark{
  position:relative;
  width:34px;
  height:34px;
  flex:none;
  border:1px solid var(--yf-gold);
  background:
    linear-gradient(135deg,transparent calc(50% - .5px),rgba(232,184,92,.85) 50%,transparent calc(50% + .5px)),
    linear-gradient(45deg,transparent calc(50% - .5px),rgba(54,191,166,.75) 50%,transparent calc(50% + .5px)),
    var(--yf-float);
}
.yf-brand__mark::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  transform:translate(-50%,-50%);
  background:var(--yf-gold-hi);
}
.yf-brand__text{display:flex;flex-direction:column;line-height:1.15}
.yf-brand__line{
  font-family:var(--yf-font-head);
  font-size:17px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--yf-ink);
}
.yf-brand__tag{
  font-family:var(--yf-font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--yf-muted);
  margin-top:3px;
}

.yf-nav{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.yf-nav__list{display:flex;align-items:center;gap:2px}
.yf-nav__item{position:relative}
.yf-nav__link{
  position:relative;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:10px 10px;
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  color:var(--yf-muted);
  transition:color .18s var(--yf-ease),background-color .18s var(--yf-ease);
}
.yf-nav__link::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:1px;
  background:var(--yf-gold);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .2s var(--yf-ease);
}
.yf-nav__link:hover{color:var(--yf-ink);background:var(--yf-float)}
.yf-nav__link:hover::after{transform:scaleX(1)}
.yf-nav__index{
  font-family:var(--yf-font-mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.06em;
  color:rgba(232,184,92,.45);
  transition:color .18s var(--yf-ease);
}
.yf-nav__label{display:inline-block}
.yf-nav__link[aria-current="page"]{color:var(--yf-gold);font-weight:700}
.yf-nav__link[aria-current="page"] .yf-nav__index{color:var(--yf-gold-hi)}
.yf-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.yf-nav__actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:12px;
  padding-left:16px;
  border-left:1px solid var(--yf-line);
}

.yf-nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:9px 12px;
  border:1px solid var(--yf-line);
  border-radius:0;
  color:var(--yf-ink);
  font-size:13px;
  font-weight:600;
  letter-spacing:.1em;
  transition:border-color .18s var(--yf-ease),color .18s var(--yf-ease);
}
.yf-nav-toggle:hover{border-color:var(--yf-gold);color:var(--yf-gold)}
.yf-nav-toggle__bars{display:inline-flex;flex-direction:column;justify-content:space-between;width:16px;height:11px}
.yf-nav-toggle__bars i{display:block;height:1px;width:100%;background:currentColor}
.yf-nav-toggle__text{display:inline-block}

@media (max-width:1080px){
  .yf-nav-toggle{display:inline-flex}
  .yf-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    max-height:calc(100vh - var(--yf-header-h));
    overflow-y:auto;
    padding:8px 20px 20px;
    background:var(--yf-panel);
    border-top:1px solid var(--yf-line);
    border-bottom:1px solid var(--yf-line);
    box-shadow:0 26px 48px rgba(3,6,12,.62);
  }
  .yf-header[data-open] .yf-nav{display:flex}
  .yf-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .yf-nav__item{border-bottom:1px solid var(--yf-line)}
  .yf-nav__link{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 4px;
    font-size:16px;
    font-weight:600;
    color:var(--yf-ink);
  }
  .yf-nav__link::after{display:none}
  .yf-nav__index{font-size:12px;color:rgba(232,184,92,.5)}
  .yf-nav__link[aria-current="page"]{color:var(--yf-gold);padding-left:14px;background:var(--yf-float)}
  .yf-nav__actions{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin:18px 0 0;
    padding:18px 0 0;
    border-left:0;
    border-top:1px solid var(--yf-line);
  }
  .yf-nav__actions .yf-btn{width:100%;padding:13px 16px}
}
@media (min-width:1081px){
  .yf-nav{display:flex}
}

/* ---------- 9. 页脚 ---------- */
.yf-footer{
  position:relative;
  background:var(--yf-panel);
  border-top:1px solid var(--yf-line);
  color:var(--yf-muted);
  font-size:14px;
}
.yf-footer::before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:min(320px,42%);
  height:1px;
  background:linear-gradient(90deg,var(--yf-gold),rgba(232,184,92,0));
}
.yf-footer__inner{padding-top:56px}
.yf-footer__grid{
  display:grid;
  grid-template-columns:1.6fr .9fr .9fr .9fr 1.5fr;
  gap:40px 28px;
}
.yf-footer__brand{max-width:36ch}
.yf-footer__brandline{
  font-family:var(--yf-font-mono);
  font-size:13px;
  font-weight:500;
  letter-spacing:.02em;
  color:var(--yf-ink);
}
.yf-footer__tagline{
  margin-top:8px;
  font-size:13px;
  letter-spacing:.16em;
  color:var(--yf-gold);
}
.yf-footer__note{
  margin-top:16px;
  font-size:14px;
  line-height:1.8;
  color:var(--yf-muted);
}
.yf-footer__col{min-width:0}
.yf-footer__title{
  position:relative;
  padding-left:12px;
  margin-bottom:16px;
  font-family:var(--yf-font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--yf-ink);
}
.yf-footer__title::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:1px;
  background:var(--yf-gold);
}
.yf-footer__list{display:flex;flex-direction:column;gap:11px}
.yf-footer__link{
  font-size:14px;
  color:var(--yf-muted);
  border-bottom:1px solid transparent;
  transition:color .16s var(--yf-ease),border-color .16s var(--yf-ease);
}
.yf-footer__link:hover{color:var(--yf-gold-hi);border-bottom-color:rgba(232,184,92,.5)}
.yf-footer__link[aria-current="page"]{color:var(--yf-gold)}
.yf-footer__contact{min-width:0}
.yf-footer__contact-line{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.7;
}
.yf-footer__contact-key{
  flex:none;
  padding:1px 6px;
  border:1px solid rgba(54,191,166,.35);
  font-family:var(--yf-font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--yf-jade);
}
.yf-footer__contact-value{overflow-wrap:anywhere;color:var(--yf-ink)}
.yf-footer__hours{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--yf-line);
  font-size:13px;
  color:var(--yf-muted);
}
.yf-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 24px;
  margin-top:48px;
  padding-block:20px;
  border-top:1px solid var(--yf-line);
}
.yf-footer__legal{
  font-family:var(--yf-font-mono);
  font-size:12px;
  letter-spacing:.02em;
  color:var(--yf-muted);
  overflow-wrap:anywhere;
}
@media (max-width:1120px){
  .yf-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .yf-footer__brand{grid-column:1/-1;max-width:52ch}
  .yf-footer__contact{grid-column:1/-1}
  .yf-footer__contact-line{max-width:52ch}
}
@media (max-width:680px){
  .yf-footer__inner{padding-top:44px}
  .yf-footer__grid{grid-template-columns:1fr;gap:32px}
  .yf-footer__bottom{margin-top:36px}
}

/* ---------- 10. 通用组件 ---------- */
.yf-card{
  display:flex;
  flex-direction:column;
  padding:24px;
  background:var(--yf-float);
  border:1px solid var(--yf-line);
  transition:transform .2s var(--yf-ease),border-color .2s var(--yf-ease),background-color .2s var(--yf-ease);
}
.yf-card:hover{
  transform:translateY(-2px);
  border-color:rgba(232,184,92,.45);
  background:var(--yf-panel);
}
.yf-card__num{
  font-family:var(--yf-font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:.16em;
  color:var(--yf-gold);
}
.yf-card__title{
  margin-top:12px;
  font-family:var(--yf-font-head);
  font-size:20px;
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.3;
  color:var(--yf-ink);
}
.yf-card__text{margin-top:8px;font-size:15px;line-height:1.7;color:var(--yf-muted)}
.yf-card__meta{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--yf-line);
  font-family:var(--yf-font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--yf-muted);
}
.yf-card__value{
  font-family:var(--yf-font-mono);
  font-size:22px;
  font-weight:500;
  color:var(--yf-jade);
}

.yf-index{border-top:1px solid var(--yf-line)}
.yf-index__item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:16px;
  align-items:baseline;
  padding:18px 12px;
  border-bottom:1px solid var(--yf-line);
  transition:background-color .18s var(--yf-ease),padding-left .18s var(--yf-ease);
}
.yf-index__item:hover{background:var(--yf-float);padding-left:18px}
.yf-index__no{font-family:var(--yf-font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--yf-gold)}
.yf-index__title{font-size:16px;font-weight:600;color:var(--yf-ink);line-height:1.55}
.yf-index__meta{font-family:var(--yf-font-mono);font-size:12px;letter-spacing:.04em;color:var(--yf-muted);text-align:right;white-space:nowrap}
@media (max-width:600px){
  .yf-index__item{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 8px}
  .yf-index__meta{grid-column:2;text-align:left;white-space:normal}
}

.yf-media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  background:var(--yf-panel);
  border:1px solid var(--yf-line);
}
.yf-media img,.yf-media svg,.yf-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.yf-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(38,50,74,.55) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(38,50,74,.55) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.4;
}
.yf-media--21x9{aspect-ratio:21/9}
.yf-media--16x9{aspect-ratio:16/9}
.yf-media--4x3{aspect-ratio:4/3}
.yf-media--1x1{aspect-ratio:1/1}
.yf-media--3x4{aspect-ratio:3/4}

.yf-figure{margin:0}
.yf-figure__caption{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:12px;
  font-size:13px;
  line-height:1.7;
  color:var(--yf-muted);
}
.yf-figure__index{
  flex:none;
  font-family:var(--yf-font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--yf-gold);
}

.yf-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 8px;
  border:1px solid var(--yf-line);
  font-family:var(--yf-font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--yf-muted);
}
.yf-tag--gold{border-color:rgba(232,184,92,.5);color:var(--yf-gold)}
.yf-tag--jade{border-color:rgba(54,191,166,.5);color:var(--yf-jade)}

.yf-breadcrumb{
  padding-block:16px;
  border-bottom:1px solid var(--yf-line);
  font-family:var(--yf-font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--yf-muted);
}
.yf-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.yf-breadcrumb__list li{display:inline-flex;align-items:center;gap:8px}
.yf-breadcrumb__list li+li::before{content:"/";color:var(--yf-line)}
.yf-breadcrumb__link{color:var(--yf-muted);transition:color .16s var(--yf-ease)}
.yf-breadcrumb__link:hover{color:var(--yf-gold-hi)}
.yf-breadcrumb__current{color:var(--yf-ink)}

.yf-toc{
  padding:20px;
  background:var(--yf-float);
  border:1px solid var(--yf-line);
}
.yf-toc__title{
  margin-bottom:14px;
  font-family:var(--yf-font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--yf-jade);
}
.yf-toc__list{display:flex;flex-direction:column;gap:2px}
.yf-toc__link{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:8px 10px;
  border-left:2px solid transparent;
  font-size:14px;
  line-height:1.6;
  color:var(--yf-muted);
  transition:color .16s var(--yf-ease),background-color .16s var(--yf-ease),border-color .16s var(--yf-ease);
}
.yf-toc__link:hover{color:var(--yf-ink);background:rgba(232,184,92,.06)}
.yf-toc__link[aria-current="true"]{
  color:var(--yf-gold);
  border-left-color:var(--yf-gold);
  background:rgba(232,184,92,.08);
}
.yf-toc__index{
  flex:none;
  font-family:var(--yf-font-mono);
  font-size:11px;
  color:rgba(232,184,92,.55);
}
.yf-toc__link[aria-current="true"] .yf-toc__index{color:var(--yf-gold-hi)}

/* ---------- 11. 显现与动效 ---------- */
.yf-js [data-reveal]{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .2s var(--yf-ease),transform .2s var(--yf-ease);
}
.yf-js [data-reveal].is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .yf-js [data-reveal]{opacity:1 !important;transform:none !important}
  .yf-card:hover{transform:none}
  .yf-index__item:hover{padding-left:12px}
  .yf-nav__link::after{transition:none}
}