/* ============================================
   css/nav.css
   Mucha Exhibition v7.1.17 OSS (v6 起源 + v7.1.x 暗色/优化增量)
   ============================================ */

/* ===================== 锚点导航 ===================== */
/* v7.1.15: 圆点保留（v6 源包设计）+ hover/active 弹出的 data-label 文字"无边框无色块只有字"
   - 圆点：白天 = 米色填充 + 鎏金边框 + 鎏金光晕
   - 圆点：暗色 = 月银填充 + 月白边框 + 月银光晕
   - hover/active：鎏金实色 + 1.4 放大 + 12px 强金光晕
   - data-label 弹字（::after）：无 background / 无 border / 无 box-shadow
     白天 = 鎏金 #B8860B 文字 + 鎏金光晕
     暗色 = 月白 #F0F6FC 文字 + 月银光晕
     只有艺术字没有多余色块 */
/* v7.1.15: 锚点导航 fixed 定位加固（防止 ancestor transform/filter 破坏 fixed）
   之前 .season-num / .diaochan-text h2 的 filter:drop-shadow 在某些浏览器/层级下
   会导致 #anchor-nav 误定位（跑到右下角），用 !important + transform:none 兜底 */
#anchor-nav{
  position:fixed !important;right:24px !important;top:50% !important;
  transform:translateY(-50%) !important;
  z-index:9999 !important;
  display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity 0.6s;
  pointer-events:auto;
  contain:layout style;  /* 创建独立 stacking context，防止 ancestor 干扰 */
}
#anchor-nav.show{opacity:1}
#anchor-nav a{
  display:block;width:12px;height:12px;border-radius:50%;
  border:1.5px solid #D4AF37;
  background:rgba(244,236,216,0.7);
  box-shadow:0 0 4px rgba(255,215,0,0.3);
  transition:all 0.3s;position:relative;
  outline:none;-webkit-tap-highlight-color:transparent;
}
#anchor-nav a:hover,
#anchor-nav a.active{
  background:#B8860B;border-color:#FFD700;
  transform:scale(1.4);
  box-shadow:0 0 12px rgba(255,215,0,0.7),0 0 24px rgba(255,215,0,0.3);
}
/* hover/active 弹字 ::after：纯文字无色块无边框 */
#anchor-nav a::after{
  content:attr(data-label);position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-family:'Cinzel','Noto Serif SC',serif;font-size:13px;letter-spacing:0.3em;
  color:#B8860B;                              /* 白天鎏金 */
  white-space:nowrap;
  text-shadow:0 0 6px rgba(255,215,0,0.4),0 0 2px rgba(0,0,0,0.2);
  background:none;border:none;box-shadow:none;
  padding:0;margin:0;
  opacity:0;transition:opacity 0.3s;pointer-events:none;
}
#anchor-nav a:hover::after{opacity:1}
/* 暗色：圆点 + 弹字全月白/月银系 */
:root[data-theme="dark"] #anchor-nav a{
  background:rgba(168,192,216,0.25);
  border-color:#A8C0D8;
  box-shadow:0 0 4px rgba(168,192,216,0.4);
}
:root[data-theme="dark"] #anchor-nav a:hover,
:root[data-theme="dark"] #anchor-nav a.active{
  background:#A8C0D8;border-color:#F0F6FC;
  transform:scale(1.4);
  box-shadow:0 0 12px rgba(168,192,216,0.7),0 0 24px rgba(168,192,216,0.3);
}
:root[data-theme="dark"] #anchor-nav a::after{
  color:#F0F6FC;                              /* 暗色月白 */
  text-shadow:0 0 6px rgba(168,192,216,0.5),0 0 2px rgba(0,0,0,0.3);
}
#anchor-nav a:focus,
#anchor-nav a:focus-visible,
#anchor-nav a:focus:not(:focus-visible){
  outline:none;box-shadow:0 0 4px rgba(255,215,0,0.3);
}