/* ═══════════════════════════════════════════════════════════════
   基准页最小交互层（2026-10-15）
   背景：搬来的 363 页剥掉了 Next 运行时（原本缺 chunk 会把 DOM 清空），
        所以这里**用最小 JS 把基站的交互补回来**：
          ① 站头滚动状态（透明 → 深色毛玻璃）
          ② 移动端菜单（汉堡 → 抽屉，含滚动锁）
          ③ 锚点平滑滚动
   只作用于搬来的基准页（这些页 body 带 bg-background class），不影响我们的 Astro 页。
   ═══════════════════════════════════════════════════════════════ */

/* ① 站头滚动状态 */
nav.fixed.is-scrolled {
  background: rgba(10, 10, 10, 0.86) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom-color: rgba(237, 235, 230, 0.1) !important;
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}

/* ② 移动端抽屉 */
.base-menu-btn { display: none; }
@media (max-width: 767px) { .base-menu-btn { display: inline-flex; } }

.base-menu {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(10, 10, 10, 0.97);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  padding: 5.5rem 1.5rem 2rem;
  gap: 0.25rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), visibility 180ms;
}
.base-menu.is-open { opacity: 1; visibility: visible; }
.base-menu a {
  display: block;
  padding: 0.9rem 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #EDEBE6;
  text-decoration: none;
  border-bottom: 1px solid rgba(237, 235, 230, 0.08);
}
.base-menu a:hover { color: #A855F7; }
.base-menu__close {
  position: absolute;
  top: 1.35rem;
  right: 1.25rem;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(237, 235, 230, 0.18);
  border-radius: 9999px;
  background: transparent;
  color: #EDEBE6;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
body.base-menu-open { overflow: hidden; }

/* ③ 缺失品牌图不显示破图（2026-10-16）
   镜像站头 logo 有两种写法，**两种的原件都没抓到**，且原站域名现已不可解析（无法回源）：
     · /_next/static/media/logo-white.5f98d6df.png  （4,806 页）
     · /media/brand/logo.png                        （363 页中文）
   logo 旁边本来就有文字字标（"熙熙"），所以直接不渲染这张破图即可。
   ★ 选定我们的品牌件后，把文件放回上述任一路径即可自动恢复，无需改这里。 */
img[alt="熙熙 Logo"] { display: none !important; }