/* ============================================================
   云顶集团官网 · 共享样式 /assets/site.css
   复古出版色 × 夜场控制台 · 直角细线精密网格
   ============================================================ */

:root{
  --yd-gold:#E0891C;
  --yd-rust:#C0492B;
  --yd-ochre:#F2B45C;
  --yd-cream:#F5EFE4;
  --yd-paper:#E6DDCC;
  --yd-night:#0F1A2B;
  --yd-night-2:#1C2B45;
  --yd-ink:#2A211C;
  --yd-silver:#A9B3BF;
  --yd-neon:#35E0B0;
  --yd-amber:#D98324;
  --yd-line:rgba(42,33,28,.18);
  --yd-line-dark:rgba(169,179,191,.26);
  --yd-font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --yd-font-display:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --yd-font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --yd-wrap:1240px;
  --yd-gutter:20px;
  --yd-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset & base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  margin:0;padding:0;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  margin:0;
  background:var(--yd-cream);
  color:var(--yd-ink);
  font-family:var(--yd-font-body);
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.yd-nav-open{overflow:hidden}
img,svg,video{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-family:var(--yd-font-display);font-weight:800;line-height:1.22;letter-spacing:-.02em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.15em}
a{color:var(--yd-rust);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--yd-gold)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--yd-neon);outline-offset:3px}
::selection{background:rgba(224,137,28,.3);color:var(--yd-ink)}

/* ---------- 工具类 ---------- */
.yd-container{
  width:100%;
  max-width:var(--yd-wrap);
  margin-inline:auto;
  padding-inline:var(--yd-gutter);
}
.yd-visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.yd-mono{font-family:var(--yd-font-mono);font-size:14px;letter-spacing:.04em}
.yd-annot{
  display:inline-block;
  font-family:var(--yd-font-mono);
  font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(42,33,28,.6);
}
.yd-annot--vertical{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  transform:rotate(-6deg);
  transform-origin:left top;
}
.yd-title-lite{font-weight:300;color:rgba(42,33,28,.72)}
.yd-rule{height:1px;border:0;background:var(--yd-line);margin:0}

/* ---------- 跳过链接 ---------- */
.yd-skip{
  position:absolute;left:14px;top:-64px;z-index:200;
  background:var(--yd-gold);color:#1B1206;
  font-family:var(--yd-font-display);font-weight:800;font-size:14px;
  padding:11px 18px;text-decoration:none;
  border:1px solid var(--yd-gold);
  transition:top .18s var(--yd-ease);
}
.yd-skip:focus{top:14px;color:#1B1206}

/* ---------- 页头 ---------- */
.yd-header{
  position:sticky;top:0;z-index:80;
  background:var(--yd-cream);
}
.yd-header__upper{
  position:relative;z-index:3;
  background:var(--yd-night);
  color:var(--yd-cream);
  border-bottom:1px solid var(--yd-line-dark);
}
.yd-upper__inner{
  display:flex;align-items:center;gap:16px;
  min-height:42px;
  padding-block:6px;
}
.yd-upper__brandline{
  margin:0;
  font-family:var(--yd-font-mono);
  font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--yd-silver);
}
.yd-version-tag{
  display:inline-block;
  font-family:var(--yd-font-mono);
  font-size:11px;letter-spacing:.2em;
  color:var(--yd-neon);
  border:1px solid rgba(53,224,176,.55);
  padding:3px 9px;
  white-space:nowrap;
}
.yd-upper__links{margin-left:auto;display:flex;align-items:center;gap:4px}
.yd-shortcut{
  display:inline-block;
  font-size:12.5px;letter-spacing:.04em;
  color:var(--yd-ochre);text-decoration:none;
  padding:5px 11px;
  border:1px solid transparent;
}
.yd-shortcut:hover,.yd-shortcut:focus-visible{
  color:#FFF8EE;
  border-color:rgba(242,180,92,.6);
}
.yd-header[data-condensed] .yd-upper__brandline,
.yd-header[data-condensed] .yd-upper__links{display:none}
.yd-header[data-condensed] .yd-upper__inner{min-height:34px}

.yd-header__main{
  position:relative;z-index:3;
  background:var(--yd-cream);
  border-bottom:1px solid var(--yd-line);
}
.yd-main__inner{
  display:flex;align-items:center;gap:24px;
  min-height:78px;
}
.yd-brand{
  display:flex;flex-direction:column;gap:6px;
  text-decoration:none;color:var(--yd-ink);
  line-height:1;
}
.yd-brand__mark{
  font-family:var(--yd-font-display);
  font-weight:900;font-size:26px;letter-spacing:-.02em;
}
.yd-brand__sub{
  font-family:var(--yd-font-mono);
  font-size:10px;letter-spacing:.22em;
  color:rgba(42,33,28,.58);
}
.yd-brand:hover .yd-brand__mark{color:var(--yd-rust)}

/* 移动目录按钮 */
.yd-navtoggle{
  display:none;
  align-items:center;gap:10px;
  margin-left:auto;
  background:transparent;
  border:1px solid var(--yd-line);
  color:var(--yd-ink);
  padding:10px 13px;
  cursor:pointer;
}
.yd-navtoggle__bars{display:flex;flex-direction:column;gap:5px}
.yd-navtoggle__bar{
  display:block;width:18px;height:1.5px;
  background:currentColor;
  transition:transform .22s var(--yd-ease);
}
.yd-navtoggle__label{
  font-family:var(--yd-font-mono);
  font-size:11px;letter-spacing:.18em;
}
.yd-navtoggle:hover{border-color:var(--yd-gold);color:var(--yd-rust)}
.yd-header[data-open] .yd-navtoggle__bar:first-child{transform:translateY(3.25px) rotate(45deg)}
.yd-header[data-open] .yd-navtoggle__bar:last-child{transform:translateY(-3.25px) rotate(-45deg)}

/* 导航 */
.yd-nav{
  margin-left:auto;
  display:flex;align-items:center;gap:26px;
}
.yd-nav__list{
  display:flex;align-items:center;gap:2px;
  list-style:none;margin:0;padding:0;
}
.yd-nav__item{list-style:none}
.yd-nav__link{
  display:block;
  padding:11px 12px;
  font-size:15px;color:var(--yd-ink);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:color .18s var(--yd-ease),border-color .18s var(--yd-ease);
}
.yd-nav__link:hover{color:var(--yd-rust);border-bottom-color:var(--yd-rust)}
.yd-nav__link[aria-current="page"]{
  color:var(--yd-ink);
  font-weight:800;
  border-bottom-color:var(--yd-gold);
}
.yd-nav__link[aria-current="page"]:focus-visible{
  outline-color:var(--yd-neon);
  outline-offset:2px;
}
.yd-nav__foot{display:none}
.yd-nav__foot-list{
  display:flex;flex-wrap:wrap;gap:10px 24px;
  list-style:none;margin:0;padding:0;
}
.yd-nav__foot-link{
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.14em;
  color:var(--yd-silver);text-decoration:none;
}
.yd-nav__foot-link:hover{color:var(--yd-neon)}

.yd-header__actions{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
}
.yd-cta{
  display:inline-block;
  background:var(--yd-gold);
  border:1px solid var(--yd-gold);
  color:#1B1206;
  font-family:var(--yd-font-display);
  font-weight:800;font-size:15px;
  padding:12px 22px;
  text-decoration:none;
  white-space:nowrap;
  transition:background .18s var(--yd-ease),color .18s var(--yd-ease),border-color .18s var(--yd-ease);
}
.yd-cta:hover,.yd-cta:focus-visible{
  background:var(--yd-rust);border-color:var(--yd-rust);color:#FFF6EC;
}
.yd-cta__note{
  font-family:var(--yd-font-mono);
  font-size:10.5px;letter-spacing:.12em;
  color:rgba(42,33,28,.6);
  white-space:nowrap;
}

/* 阅读进度 */
.yd-progress{
  position:absolute;left:0;right:0;bottom:0;z-index:4;
  height:3px;
  background:rgba(42,33,28,.12);
}
.yd-progress__bar{
  display:block;height:100%;width:100%;
  background:var(--yd-neon);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .12s linear;
}

/* ---------- 页脚 ---------- */
.yd-footer{
  background:var(--yd-night);
  color:var(--yd-cream);
}
.yd-footer__band{
  padding-block:clamp(42px,6vw,76px);
  border-bottom:1px solid var(--yd-line-dark);
}
.yd-footer__inner{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:0;
}
.yd-footer__col{padding-left:clamp(24px,3.4vw,56px)}
.yd-footer__col--brand{padding-left:0}
.yd-footer__col--download{border-left:1px solid var(--yd-line-dark)}
.yd-footer__eyebrow{
  margin:0 0 18px;
  font-family:var(--yd-font-mono);
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--yd-ochre);
}
.yd-footer__brand{
  margin:0 0 12px;
  font-family:var(--yd-font-display);
  font-weight:900;font-size:26px;letter-spacing:-.02em;
  color:var(--yd-cream);
}
.yd-footer__line{
  max-width:34em;
  margin:0 0 26px;
  font-size:15px;
  color:rgba(245,239,228,.78);
}
.yd-footer__nav{margin-bottom:26px}
.yd-footer__list{
  display:flex;flex-wrap:wrap;gap:8px 22px;
  list-style:none;margin:0;padding:0;
}
.yd-footer__link{
  display:inline-block;
  font-size:15px;color:var(--yd-cream);text-decoration:none;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
}
.yd-footer__link:hover,.yd-footer__link:focus-visible{
  color:var(--yd-neon);border-bottom-color:var(--yd-neon);
}
.yd-contact-list{
  list-style:none;margin:0;padding:0;
  display:grid;gap:10px;
  font-size:14.5px;
}
.yd-contact-item{
  display:grid;grid-template-columns:88px minmax(0,1fr);
  gap:12px;align-items:baseline;
}
.yd-contact-item__key{
  font-family:var(--yd-font-mono);
  font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--yd-silver);
}
.yd-contact-item__val{color:rgba(245,239,228,.92);word-break:break-word}

.yd-download-list{
  list-style:none;margin:0 0 22px;padding:0;
  border-top:1px solid var(--yd-line-dark);
}
.yd-download-item{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--yd-line-dark);
}
.yd-download-item__label{
  font-family:var(--yd-font-display);
  font-weight:700;font-size:16px;
  color:var(--yd-cream);text-decoration:none;
  transition:color .18s var(--yd-ease);
}
.yd-download-item__label:hover,.yd-download-item__label:focus-visible{color:var(--yd-gold)}
.yd-download-item__meta{
  font-family:var(--yd-font-mono);
  font-size:11.5px;letter-spacing:.08em;
  color:var(--yd-silver);
  white-space:nowrap;
}
.yd-footer__note{
  max-width:32em;margin:0;
  font-size:13.5px;
  color:rgba(245,239,228,.64);
}
.yd-footer__legal{
  background:var(--yd-night-2);
  padding-block:18px;
}
.yd-legal__inner{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.06em;
  color:var(--yd-silver);
}
.yd-legal__copy{margin:0}
.yd-legal__links{
  display:flex;flex-wrap:wrap;gap:20px;
  list-style:none;margin:0;padding:0;
}
.yd-legal__link{color:var(--yd-silver);text-decoration:none}
.yd-legal__link:hover,.yd-legal__link:focus-visible{color:var(--yd-neon)}
.yd-legal__icp{margin-left:auto;color:var(--yd-ochre)}

/* ---------- 章节 ---------- */
.yd-section{padding-block:clamp(48px,7vw,96px)}
.yd-section--tight{padding-block:clamp(30px,4vw,56px)}
.yd-section--paper{background:var(--yd-paper)}
.yd-section--night{background:var(--yd-night);color:var(--yd-cream)}
.yd-section--night .yd-section__lead{color:rgba(245,239,228,.78)}
.yd-section--night .yd-title-lite{color:rgba(245,239,228,.7)}
.yd-section__index{
  display:inline-block;
  margin-bottom:14px;
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.24em;
  color:var(--yd-gold);
}
.yd-section__title{font-size:clamp(26px,3.6vw,42px)}
.yd-section__lead{
  max-width:34em;
  margin:16px 0 0;
  font-size:17px;
  color:rgba(42,33,28,.78);
}

/* ---------- 按钮 ---------- */
.yd-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;
  font-family:var(--yd-font-display);
  font-weight:800;font-size:15px;
  color:var(--yd-ink);
  background:transparent;
  border:1px solid var(--yd-ink);
  text-decoration:none;
  cursor:pointer;
  transition:background .18s var(--yd-ease),color .18s var(--yd-ease),border-color .18s var(--yd-ease);
}
.yd-btn--solid{background:var(--yd-gold);border-color:var(--yd-gold);color:#1B1206}
.yd-btn--solid:hover,.yd-btn--solid:focus-visible{background:var(--yd-rust);border-color:var(--yd-rust);color:#FFF6EC}
.yd-btn--ghost{border-color:var(--yd-line);color:var(--yd-ink)}
.yd-btn--ghost:hover,.yd-btn--ghost:focus-visible{border-color:var(--yd-neon);color:var(--yd-rust)}
.yd-btn--quiet{border-color:transparent;padding-inline:0;color:var(--yd-rust)}
.yd-btn--quiet:hover,.yd-btn--quiet:focus-visible{color:var(--yd-gold);border-color:transparent}

/* ---------- 标签与展签 ---------- */
.yd-tag{
  display:inline-block;
  font-family:var(--yd-font-mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  padding:4px 9px;
  border:1px solid currentColor;
  color:var(--yd-rust);
}
.yd-tag--gold{color:var(--yd-gold)}
.yd-tag--neon{color:var(--yd-neon)}
.yd-plate{
  border:1px solid var(--yd-line-dark);
  background:var(--yd-night-2);
  color:var(--yd-cream);
  padding:18px 20px;
}
.yd-plate__label{
  display:block;
  font-family:var(--yd-font-mono);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--yd-ochre);
  margin-bottom:8px;
}
.yd-plate__value{
  display:block;
  font-family:var(--yd-font-mono);
  font-size:22px;letter-spacing:.02em;
  color:var(--yd-gold);
}

/* ---------- 面包屑 ---------- */
.yd-breadcrumb{margin-bottom:26px}
.yd-breadcrumb__list{
  display:flex;flex-wrap:wrap;gap:10px;
  list-style:none;margin:0;padding:0;
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.1em;
  color:rgba(42,33,28,.62);
}
.yd-breadcrumb__item{display:flex;align-items:center;gap:10px}
.yd-breadcrumb__link{
  color:inherit;text-decoration:none;
  border-bottom:1px solid var(--yd-line);
}
.yd-breadcrumb__link:hover{color:var(--yd-rust);border-bottom-color:var(--yd-rust)}
.yd-breadcrumb__sep{color:var(--yd-gold)}

/* ---------- 正文 ---------- */
.yd-prose{max-width:38em;font-size:17px;line-height:1.75}
.yd-prose p{margin:0 0 1.1em}
.yd-prose h2,.yd-prose h3{margin:1.7em 0 .6em}
.yd-prose ul,.yd-prose ol{padding-left:1.2em;margin:0 0 1.2em}
.yd-prose li{margin-bottom:.4em}

/* ---------- 网格 ---------- */
.yd-grid{display:grid;gap:clamp(18px,2.4vw,32px)}
.yd-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.yd-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.yd-grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}

/* ---------- 目录索引 ---------- */
.yd-index-list{
  list-style:none;margin:0;padding:0;
  border-top:1px solid var(--yd-line);
}
.yd-index-item{border-bottom:1px solid var(--yd-line)}
.yd-index-item__link{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:18px;align-items:baseline;
  padding:18px 6px;
  color:inherit;text-decoration:none;
  transition:background .18s var(--yd-ease),color .18s var(--yd-ease);
}
.yd-index-item__link:hover,.yd-index-item__link:focus-visible{
  background:var(--yd-paper);
  color:var(--yd-rust);
}
.yd-index-item__no{
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.16em;
  color:var(--yd-gold);
}
.yd-index-item__title{
  font-family:var(--yd-font-display);
  font-weight:800;font-size:20px;
}
.yd-index-item__meta{
  font-family:var(--yd-font-mono);
  font-size:12px;
  color:rgba(42,33,28,.6);
}

/* ---------- 图片容器 ---------- */
.yd-figure{margin:0}
.yd-figure__frame{
  position:relative;
  border:1px solid var(--yd-line-dark);
  background:var(--yd-night-2);
  overflow:hidden;
}
.yd-figure__media{
  display:block;width:100%;height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  background:
    linear-gradient(160deg,#1C2B45 0%,#0F1A2B 58%,#2A3D58 100%);
}
.yd-figure__caption{
  margin-top:10px;
  font-family:var(--yd-font-mono);
  font-size:12px;letter-spacing:.08em;
  color:rgba(42,33,28,.62);
}
.yd-figure--wide .yd-figure__media{aspect-ratio:21/9}
.yd-figure--tall .yd-figure__media{aspect-ratio:3/4}
.yd-figure--night .yd-figure__caption{color:var(--yd-silver)}

/* ---------- 显现动效 ---------- */
.yd-js .yd-reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .5s var(--yd-ease),transform .5s var(--yd-ease);
}
.yd-js .yd-reveal.is-visible{opacity:1;transform:none}

/* ---------- 平板 ---------- */
@media (max-width:1080px){
  .yd-nav{gap:14px}
  .yd-nav__link{padding:11px 9px;font-size:14.5px}
  .yd-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 移动 ---------- */
@media (max-width:900px){
  :root{--yd-gutter:18px}
  body{font-size:16px}

  .yd-upper__brandline{display:none}
  .yd-upper__inner{min-height:36px;gap:10px}
  .yd-shortcut{padding:4px 8px;font-size:11.5px}

  .yd-main__inner{min-height:64px;gap:12px}
  .yd-brand__mark{font-size:21px}
  .yd-brand__sub{font-size:9px;letter-spacing:.16em}

  .yd-navtoggle{display:inline-flex}

  .yd-nav{
    position:fixed;inset:0;z-index:1;
    display:flex;flex-direction:column;align-items:stretch;
    gap:0;margin:0;
    padding:128px var(--yd-gutter) 48px;
    background:var(--yd-night);
    overflow-y:auto;
    transform:translateX(100%);
    visibility:hidden;
    opacity:.4;
    transition:transform .3s var(--yd-ease),opacity .3s var(--yd-ease),visibility .3s linear;
  }
  .yd-header[data-open] .yd-nav{
    transform:translateX(0);
    visibility:visible;
    opacity:1;
  }
  .yd-nav__list{
    flex-direction:column;align-items:stretch;gap:0;
    border-top:1px solid var(--yd-line-dark);
  }
  .yd-nav__link{
    padding:17px 4px 17px 12px;
    font-family:var(--yd-font-display);
    font-size:21px;font-weight:800;
    color:var(--yd-cream);
    border-bottom:1px solid var(--yd-line-dark);
    border-left:3px solid transparent;
  }
  .yd-nav__link:hover{color:var(--yd-ochre);border-bottom-color:var(--yd-line-dark)}
  .yd-nav__link[aria-current="page"]{
    color:var(--yd-gold);
    border-bottom-color:var(--yd-line-dark);
    border-left-color:var(--yd-gold);
  }
  .yd-nav__foot{
    display:block;
    margin-top:34px;padding-top:22px;
    border-top:1px solid var(--yd-line-dark);
  }
  .yd-nav__foot-list{gap:12px 24px}
  .yd-nav__foot-link{color:var(--yd-silver)}
  .yd-header__actions{
    flex-direction:row;flex-wrap:wrap;align-items:center;
    gap:14px;margin-top:30px;
  }
  .yd-cta__note{color:var(--yd-silver)}

  .yd-footer__inner{grid-template-columns:minmax(0,1fr)}
  .yd-footer__col{padding-left:0}
  .yd-footer__col--download{
    border-left:0;
    border-top:1px solid var(--yd-line-dark);
    margin-top:34px;padding-top:34px;
  }
  .yd-legal__icp{margin-left:0;width:100%}

  .yd-grid--12{grid-template-columns:repeat(6,minmax(0,1fr))}
}

@media (max-width:640px){
  .yd-grid--2,.yd-grid--3{grid-template-columns:minmax(0,1fr)}
  .yd-grid--12{grid-template-columns:minmax(0,1fr)}
  .yd-index-item__link{grid-template-columns:48px minmax(0,1fr);gap:12px}
  .yd-index-item__meta{grid-column:2;padding-bottom:4px}
  .yd-contact-item{grid-template-columns:minmax(0,1fr);gap:2px}
  .yd-download-item{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ---------- 无障碍：减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .yd-js .yd-reveal{opacity:1;transform:none}
  .yd-progress__bar{transition:none}
}