@charset "UTF-8";
/* ======================================================
   fz-header.css — 仿站专题页专用「深色页眉皮肤」
   结构与内容仍引用主站公共页眉 /Public/header.php（改页眉只改一处，内容自动同步），
   本文件仅把主站白底导航覆盖为本页深色主题。
   仅在 fz 页面加载，不影响主站。
   ====================================================== */

/* 主站变量在本页的取值（common.css 中 var(--ink)/var(--line)/var(--text) 的头部规则自动适配） */
body.fz-page {
  --line: #2A2D34;
  --text: #C6CBD4;
}

/* ===== 主导航条：白底 → 半透明深色毛玻璃 ===== */
.fz-page .navbar {
  background: rgba(11, 11, 15, 0.88);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--rule);
}

.fz-page .navbar.scrolled {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
}

/* 与全屏内容区左缘对齐（去容器宽度限制） */
.fz-page .navbar-inner,
.fz-page .mega-inner {
  max-width: none;
  padding-left: 4vw;
  padding-right: 4vw;
}

.fz-page .hamburger span {
  background: #E8EAEE;
}

.fz-page .nav-divider {
  background: var(--rule);
}

.fz-page .nav-link {
  color: #C9CED6;
}

.fz-page .nav-link:hover,
.fz-page .nav-item.active > .nav-link {
  color: var(--accent2);
}

/* ===== 简单下拉（合作伙伴） ===== */
.fz-page .dropdown {
  background: #16181D;
  border: 1px solid var(--rule);
  border-top: none;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
}

.fz-page .dropdown a {
  color: #B9C0CA;
}

.fz-page .dropdown a:hover {
  color: var(--accent2);
  background: rgba(37, 244, 238, 0.07);
}

/* ===== mega 大面板 ===== */
.fz-page .mega {
  background: #101116;
  border-top: 1px solid var(--rule);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.55);
}

.fz-page .mega-col h5 {
  color: #7A828E;
  border-bottom: 1px solid var(--rule);
}

.fz-page .mega-col a {
  color: #B9C0CA;
}

.fz-page .mega-col a:hover {
  color: var(--accent2);
}

.fz-page .mega-rail {
  background: #0E0F13;
  border-right: 1px solid var(--rule);
}

.fz-page .rail-title svg,
.fz-page .dm-name svg,
.fz-page .dm-h svg {
  color: #5A626E;
}

.fz-page .rail-desc,
.fz-page .dm-desc {
  color: #8A93A0;
}

.fz-page .dm-name {
  color: #D6DAE1;
}

/* ===== 搜索框 / 图标按钮 ===== */
.fz-page .search input {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--rule);
  color: var(--ink);
}

.fz-page .search input::placeholder {
  color: #6B7480;
}

.fz-page .search input:focus {
  border-color: var(--accent2);
  box-shadow: 0 0 0 3px rgba(37, 244, 238, 0.1);
}

.fz-page .icon-btn {
  color: #B9C0CA;
}

.fz-page .icon-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--accent2);
}

/* ===== 左侧抽屉 ===== */
.fz-page .drawer {
  background: #121318;
  border-right: 1px solid var(--rule);
}

.fz-page .drawer a.d-link {
  color: #C6CBD4;
}

.fz-page .drawer a.d-link:hover {
  color: var(--accent2);
  background: rgba(37, 244, 238, 0.07);
}