/* =========================================================
   KY · 开元棋牌 共享样式 /assets/site.css
   棋盘轨道 · 鎏金刻度 · 米白读纸
   ========================================================= */

/* 1. 设计令牌 */
:root{
  --ky-ink:#081912;
  --ky-green-deep:#0E2A1E;
  --ky-green-room:#163D2C;
  --ky-gold:#C6A15B;
  --ky-gold-soft:#E7D3A2;
  --ky-gold-deep:#8A6A2A;
  --ky-crimson:#8A2F2F;
  --ky-paper:#F3EBDD;
  --ky-paper-grey:#CFC7B8;
  --ky-sage:#7A8C82;
  --ky-text-ink:#102018;

  --ky-font-display:'Noto Serif SC','Songti SC','SimSun',serif;
  --ky-font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --ky-font-mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,'Courier New',monospace;

  --ky-gutter:clamp(18px,4vw,56px);
  --ky-max:1280px;
  --ky-header-h:74px;
  --ky-ease:cubic-bezier(.22,.68,.28,1);
  --ky-hair:1px solid rgba(198,161,91,.26);
  --ky-hair-ink:1px solid rgba(16,32,24,.16);
}

/* 2. 重置 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  margin:0;
  font-family:var(--ky-font-body);
  font-size:1rem;
  line-height:1.8;
  color:var(--ky-text-ink);
  background:var(--ky-paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--ky-font-display);
  font-weight:600;
  line-height:1.22;
  letter-spacing:.01em;
  margin:0 0 .6em;
  color:var(--ky-text-ink);
}
p{margin:0 0 1.1em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img,svg,picture,video{max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
table{border-collapse:collapse}
hr{border:0;height:1px;background:var(--ky-hair-ink);margin:2em 0}
::selection{background:var(--ky-gold);color:var(--ky-ink)}
:focus-visible{outline:2px solid var(--ky-gold);outline-offset:3px}
[data-chapter]{scroll-margin-top:120px}

/* 3. 跳转链接 */
.ky-skip{
  position:fixed;
  top:10px;left:10px;
  z-index:300;
  transform:translateY(-200%);
  padding:10px 20px;
  background:var(--ky-gold);
  color:var(--ky-ink);
  font-family:var(--ky-font-mono);
  font-size:.8125rem;
  letter-spacing:.08em;
  transition:transform .18s var(--ky-ease);
}
.ky-skip:focus,.ky-skip:focus-visible{transform:translateY(0);outline-offset:2px}

/* 4. 布局容器 */
.ky-container{
  width:100%;
  max-width:var(--ky-max);
  margin-inline:auto;
  padding-inline:var(--ky-gutter);
}
.ky-page{
  display:block;
  background:var(--ky-paper);
  padding-block:clamp(28px,4.4vw,56px) clamp(52px,7vw,96px);
}
.ky-section{padding-block:clamp(28px,4vw,56px)}
.ky-section__title{
  font-size:clamp(1.5rem,2.4vw,2rem);
  margin:0 0 .7em;
}
.ky-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(16px,2.2vw,30px);
}
.ky-grid > *{grid-column:1 / -1}
@media (min-width:720px){
  .ky-grid--half > *{grid-column:span 6}
}
@media (min-width:900px){
  .ky-grid--split > *:first-child{grid-column:1 / span 8}
  .ky-grid--split > *:last-child{grid-column:9 / span 4}
}
.ky-rule{
  height:1px;
  border:0;
  margin:clamp(20px,3vw,34px) 0;
  background:linear-gradient(90deg,var(--ky-gold),rgba(198,161,91,0));
}

/* 5. 文本元素 */
.ky-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  letter-spacing:.2em;
  color:var(--ky-crimson);
}
.ky-eyebrow::before{content:"";width:24px;height:1px;background:currentColor}
.ky-index{
  font-family:var(--ky-font-mono);
  font-size:.8125rem;
  letter-spacing:.08em;
  font-weight:600;
  color:var(--ky-gold-deep);
}
.ky-prose{
  max-width:40em;
  font-size:clamp(1rem,.3vw + .95rem,1.0625rem);
  line-height:1.85;
}
.ky-prose h2{font-size:1.5rem;margin-top:2em}
.ky-prose h3{font-size:1.1875rem;margin-top:1.6em}
.ky-prose ul{margin:0 0 1.2em}
.ky-prose ul li{position:relative;padding-left:1.5em;margin-bottom:.5em}
.ky-prose ul li::before{
  content:"";
  position:absolute;left:0;top:.85em;
  width:8px;height:1px;
  background:var(--ky-gold);
}
.ky-prose a{color:var(--ky-crimson);border-bottom:1px solid rgba(138,47,47,.35)}
.ky-prose a:hover{border-bottom-color:var(--ky-crimson)}
.ky-prose strong{color:var(--ky-green-deep)}
.ky-note{
  margin:0 0 1.5em;
  padding:14px 18px;
  border-left:2px solid var(--ky-gold);
  background:rgba(198,161,91,.1);
  font-size:.9375rem;
  line-height:1.75;
}
.ky-note > *:last-child{margin-bottom:0}

/* 6. 面包屑 */
.ky-breadcrumb{
  margin-bottom:18px;
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  letter-spacing:.06em;
}
.ky-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ky-breadcrumb__item{display:inline-flex;align-items:center;gap:8px}
.ky-breadcrumb__item a{
  color:var(--ky-green-room);
  border-bottom:1px solid transparent;
  transition:color .18s var(--ky-ease),border-color .18s var(--ky-ease);
}
.ky-breadcrumb__item a:hover{color:var(--ky-crimson);border-bottom-color:rgba(138,47,47,.45)}
.ky-breadcrumb__sep{color:var(--ky-paper-grey)}
.ky-breadcrumb__current{color:var(--ky-text-ink)}

/* 7. 面板 */
.ky-panel{
  position:relative;
  background:var(--ky-paper);
  border:var(--ky-hair-ink);
}
.ky-panel::before{
  content:"";
  position:absolute;
  top:-1px;left:-1px;
  width:26px;height:26px;
  border-top:2px solid var(--ky-gold);
  border-left:2px solid var(--ky-gold);
  pointer-events:none;
}
.ky-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 20px;
  border-bottom:var(--ky-hair-ink);
}
.ky-panel__title{
  margin:0;
  font-family:var(--ky-font-display);
  font-size:1.0625rem;
}
.ky-panel__body{padding:20px}
.ky-panel__body > *:last-child{margin-bottom:0}

/* 8. 图片容器基础规则（页面阶段放置占位内容） */
.ky-media{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16 / 10;
  background:var(--ky-green-room);
  border:var(--ky-hair);
}
.ky-media::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(198,161,91,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,161,91,.14) 1px,transparent 1px);
  background-size:32px 32px;
  pointer-events:none;
}
.ky-media--wide{aspect-ratio:16 / 7}
.ky-media--tall{aspect-ratio:4 / 5}
.ky-media--square{aspect-ratio:1 / 1}
.ky-media > img,
.ky-media > svg,
.ky-media > picture,
.ky-media picture > img{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ky-media__caption{
  position:absolute;
  left:0;bottom:0;
  z-index:2;
  padding:7px 12px;
  background:rgba(8,25,18,.82);
  color:var(--ky-gold-soft);
  font-family:var(--ky-font-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
}

/* 9. 对照表 */
.ky-table__scroll{
  overflow-x:auto;
  border:var(--ky-hair-ink);
  background:rgba(255,255,255,.4);
  -webkit-overflow-scrolling:touch;
}
.ky-table{
  width:100%;
  min-width:560px;
  font-size:.9375rem;
  line-height:1.7;
}
.ky-table th,
.ky-table td{
  padding:12px 16px;
  text-align:left;
  vertical-align:top;
  border-bottom:var(--ky-hair-ink);
}
.ky-table thead th{
  background:var(--ky-green-deep);
  color:var(--ky-gold-soft);
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  font-weight:400;
  letter-spacing:.1em;
  border-bottom:1px solid var(--ky-gold);
  white-space:nowrap;
}
.ky-table tbody tr:nth-child(even){background:rgba(22,61,44,.05)}
.ky-table tbody tr:hover{background:rgba(198,161,91,.14)}
.ky-table tbody td:first-child{
  font-family:var(--ky-font-mono);
  color:var(--ky-green-room);
  white-space:nowrap;
}
.ky-table tbody tr:last-child th,
.ky-table tbody tr:last-child td{border-bottom:0}

/* 10. 状态标签 */
.ky-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  border:1px solid rgba(16,32,24,.24);
  font-family:var(--ky-font-mono);
  font-size:.6875rem;
  letter-spacing:.08em;
  line-height:1.6;
  color:var(--ky-green-room);
}
.ky-badge--gold{
  border-color:rgba(198,161,91,.62);
  background:rgba(198,161,91,.14);
  color:var(--ky-gold-deep);
}
.ky-badge--red{
  border-color:rgba(138,47,47,.5);
  background:rgba(138,47,47,.09);
  color:var(--ky-crimson);
}

/* 11. 按钮 */
.ky-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 20px;
  border:1px solid transparent;
  font-family:var(--ky-font-mono);
  font-size:.8125rem;
  letter-spacing:.08em;
  line-height:1.2;
  color:var(--ky-ink);
  background:var(--ky-gold);
  transition:background .2s var(--ky-ease),color .2s var(--ky-ease),border-color .2s var(--ky-ease);
}
.ky-btn--gold{background:var(--ky-gold);border-color:var(--ky-gold);color:var(--ky-ink)}
.ky-btn--gold:hover{background:var(--ky-gold-soft);border-color:var(--ky-gold-soft);color:var(--ky-ink)}
.ky-btn--ghost{
  background:transparent;
  border-color:rgba(198,161,91,.58);
  color:var(--ky-gold-soft);
}
.ky-btn--ghost:hover{background:rgba(198,161,91,.16);border-color:var(--ky-gold);color:var(--ky-gold-soft)}
.ky-btn--sm{padding:9px 14px;font-size:.75rem}

/* 12. 页头 */
.ky-header{
  position:sticky;
  top:0;
  z-index:100;
  isolation:isolate;
  color:var(--ky-paper);
  background:linear-gradient(180deg,rgba(8,25,18,.97) 0%,rgba(8,25,18,.86) 58%,rgba(8,25,18,.58) 100%);
  transition:background .24s var(--ky-ease),box-shadow .24s var(--ky-ease);
}
.ky-header[data-scrolled="true"]{
  background:var(--ky-ink);
  box-shadow:0 1px 0 rgba(198,161,91,.42),0 22px 38px -30px rgba(0,0,0,.95);
}
.ky-header__meter{
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:rgba(198,161,91,.16);
  z-index:3;
}
.ky-header__meter-fill{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,var(--ky-sage),var(--ky-gold) 55%,var(--ky-gold-soft));
  transition:width .12s linear;
}
.ky-header__utility{
  border-bottom:1px solid rgba(198,161,91,.16);
  background:linear-gradient(90deg,rgba(198,161,91,.08),rgba(198,161,91,0));
}
.ky-header__utility-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  max-width:var(--ky-max);
  margin-inline:auto;
  padding:6px var(--ky-gutter);
  font-family:var(--ky-font-mono);
  font-size:.6875rem;
  letter-spacing:.12em;
}
.ky-header__stamp{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(231,211,162,.62);
}
.ky-header__stamp::before{
  content:"";
  width:5px;height:5px;
  background:var(--ky-gold);
  transform:rotate(45deg);
}
.ky-header__search{
  color:rgba(231,211,162,.82);
  padding-bottom:1px;
  border-bottom:1px solid rgba(198,161,91,.34);
  transition:color .18s var(--ky-ease),border-color .18s var(--ky-ease);
}
.ky-header__search:hover{color:var(--ky-gold);border-bottom-color:var(--ky-gold)}
.ky-header__bar-inner{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(14px,2.4vw,36px);
  max-width:var(--ky-max);
  margin-inline:auto;
  padding:0 var(--ky-gutter);
  min-height:var(--ky-header-h);
}

/* 品牌锁定组合 */
.ky-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  color:var(--ky-paper);
}
.ky-brand__mark{
  display:grid;
  grid-template-columns:repeat(2,9px);
  grid-template-rows:repeat(2,9px);
  gap:2px;
  padding:4px;
  border:1px solid rgba(198,161,91,.5);
}
.ky-brand__cell{display:block;background:var(--ky-gold);opacity:.3}
.ky-brand__cell:nth-child(1),
.ky-brand__cell:nth-child(4){opacity:.95}
.ky-brand__text{display:flex;flex-direction:column;line-height:1.1}
.ky-brand__name{
  font-family:var(--ky-font-display);
  font-size:1.125rem;
  letter-spacing:.05em;
  color:var(--ky-paper);
}
.ky-brand__descriptor{
  margin-top:5px;
  font-family:var(--ky-font-mono);
  font-size:.625rem;
  letter-spacing:.16em;
  color:rgba(231,211,162,.64);
}

/* 主导航 */
.ky-nav{margin-left:auto}
.ky-nav__list{display:flex;align-items:center;gap:clamp(4px,1.4vw,22px)}
.ky-nav__item{display:block}
.ky-nav__link{
  position:relative;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:10px 2px;
  font-size:.9375rem;
  color:rgba(243,235,221,.84);
  transition:color .18s var(--ky-ease);
}
.ky-nav__num{
  font-family:var(--ky-font-mono);
  font-size:.625rem;
  letter-spacing:.04em;
  color:var(--ky-gold);
  opacity:.55;
  transition:opacity .18s var(--ky-ease),color .18s var(--ky-ease);
}
.ky-nav__link::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:2px;
  height:1px;
  background:var(--ky-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--ky-ease);
}
.ky-nav__link:hover{color:var(--ky-gold-soft)}
.ky-nav__link:hover::after{transform:scaleX(1)}
.ky-nav__link[aria-current="page"]{color:var(--ky-gold-soft)}
.ky-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.ky-nav__link[aria-current="page"] .ky-nav__num{opacity:1;color:var(--ky-gold-soft)}

.ky-header__actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:6px;
}

/* 移动菜单按钮 */
.ky-nav-toggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:9px 12px;
  border:1px solid rgba(198,161,91,.46);
  color:var(--ky-gold-soft);
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  letter-spacing:.12em;
  transition:border-color .18s var(--ky-ease),background .18s var(--ky-ease);
}
.ky-nav-toggle:hover{border-color:var(--ky-gold);background:rgba(198,161,91,.12)}
.ky-nav-toggle__lines{display:flex;flex-direction:column;gap:4px;width:16px}
.ky-nav-toggle__lines span{
  display:block;
  height:1px;
  background:currentColor;
  transition:transform .2s var(--ky-ease),opacity .2s var(--ky-ease);
}
.ky-nav-toggle__text{line-height:1}
.ky-header[data-open] .ky-nav-toggle__lines span:nth-child(1){transform:translateY(2.5px) rotate(45deg)}
.ky-header[data-open] .ky-nav-toggle__lines span:nth-child(2){transform:translateY(-2.5px) rotate(-45deg)}

/* 13. 页脚 */
.ky-footer{
  position:relative;
  background:var(--ky-ink);
  color:rgba(243,235,221,.78);
  border-top:1px solid rgba(198,161,91,.32);
}
.ky-footer::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,rgba(198,161,91,0),var(--ky-gold),rgba(198,161,91,0));
  opacity:.55;
}
.ky-footer__inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,2fr);
  gap:clamp(28px,5vw,64px);
  max-width:var(--ky-max);
  margin-inline:auto;
  padding:clamp(40px,6vw,72px) var(--ky-gutter) clamp(28px,4vw,46px);
}
.ky-footer__lead{max-width:34ch}
.ky-brand--footer .ky-brand__name{font-size:1.1875rem}
.ky-brand--footer .ky-brand__descriptor{color:rgba(231,211,162,.56)}
.ky-footer__note{
  margin:18px 0 22px;
  font-size:.9375rem;
  line-height:1.8;
  color:rgba(243,235,221,.72);
}
.ky-footer__cta{margin-top:2px}
.ky-footer__columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,3vw,40px);
}
.ky-footer__col{min-width:0}
.ky-footer__title{
  margin:0 0 16px;
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  font-weight:400;
  letter-spacing:.16em;
  color:var(--ky-gold);
  padding-bottom:10px;
  border-bottom:1px solid rgba(198,161,91,.22);
}
.ky-footer__list{display:flex;flex-direction:column;gap:10px;font-size:.9375rem}
.ky-footer__link{
  display:inline-block;
  padding-bottom:2px;
  color:rgba(243,235,221,.8);
  border-bottom:1px solid transparent;
  transition:color .18s var(--ky-ease),border-color .18s var(--ky-ease);
}
.ky-footer__link:hover{color:var(--ky-gold-soft);border-bottom-color:rgba(198,161,91,.62)}
.ky-footer__list--plain{gap:12px;font-size:.875rem;color:rgba(243,235,221,.72)}
.ky-footer__line{line-height:1.75;word-break:break-word}
.ky-footer__line--muted{
  font-family:var(--ky-font-mono);
  font-size:.75rem;
  letter-spacing:.04em;
  color:var(--ky-sage);
}
.ky-footer__legal{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px 24px;
  max-width:var(--ky-max);
  margin-inline:auto;
  padding:16px var(--ky-gutter) 30px;
  border-top:1px solid rgba(198,161,91,.18);
  font-family:var(--ky-font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  color:rgba(207,199,184,.6);
}
.ky-footer__copy,.ky-footer__update{margin:0}

/* 14. 响应式 */
@media (max-width:1080px){
  .ky-nav{
    display:none;
    position:absolute;
    top:100%;left:0;right:0;
    margin:0;
    max-height:calc(100vh - 80px);
    overflow-y:auto;
    padding:6px var(--ky-gutter) 22px;
    background:var(--ky-ink);
    border-top:1px solid rgba(198,161,91,.3);
    border-bottom:1px solid rgba(198,161,91,.3);
    box-shadow:0 30px 44px -32px rgba(0,0,0,.95);
  }
  .ky-header[data-open] .ky-nav{display:block;animation:ky-drawer .22s var(--ky-ease)}
  .ky-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .ky-nav__item + .ky-nav__item{border-top:1px solid rgba(198,161,91,.14)}
  .ky-nav__link{width:100%;padding:15px 0;font-size:1rem}
  .ky-nav__link::after{display:none}
  .ky-nav__link[aria-current="page"]{padding-left:12px;border-left:2px solid var(--ky-gold)}
  .ky-nav-toggle{display:inline-flex}
  .ky-header__actions{margin-left:auto}
}
@keyframes ky-drawer{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:980px){
  .ky-footer__inner{grid-template-columns:1fr}
  .ky-footer__lead{max-width:none}
  .ky-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
}
@media (max-width:820px){
  .ky-header__utility{display:none}
  .ky-header__meter{top:0}
}
@media (max-width:640px){
  :root{--ky-header-h:64px}
  .ky-brand__descriptor{display:none}
  .ky-brand__name{font-size:1rem}
  .ky-header__actions > .ky-btn{display:none}
  .ky-footer__columns{grid-template-columns:1fr}
  .ky-footer__legal{flex-direction:column;gap:6px}
  .ky-panel__body{padding:16px}
  .ky-table{min-width:480px}
  .ky-table th,.ky-table td{padding:10px 12px}
}

/* 15. 打印 */
@media print{
  .ky-header,.ky-footer,.ky-skip{display:none !important}
  .ky-page{background:#fff;padding:0}
  .ky-prose{max-width:none}
  .ky-table__scroll{overflow:visible;border:1px solid #999}
  .ky-table{min-width:0}
}

/* 16. 降低动效 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .ky-header__meter-fill{transition:none}
  .ky-nav__link::after{transition:none}
}