/* ===== Navigation: 深紫底 + 白字加粗 + 下拉菜单 ===== */
.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 72px; display: flex; align-items: center; background: var(--c-primary); box-shadow: 0 1px 8px rgba(0,0,0,0.12); }
.nav-inner { width: 100%; max-width: var(--max-w); margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.logo { display: flex; align-items: center; gap: 10px; font-family: "Noto Serif SC", "Source Han Serif SC", serif; font-size: 22px; font-weight: 700; color: #fff; letter-spacing: 0.05em; }
.logo--stacked { flex-direction: column; gap: 6px; text-align: center; }
.logo--stacked .logo__icon { height: 36px; width: auto; }
.logo--stacked .logo__text { font-size: 11px; letter-spacing: 0.04em; color: rgba(255,255,255,0.85); white-space: nowrap; }
.nav-links { display: none; gap: 32px; align-items: center; }
.nav-links a { font-size: 15px; font-weight: 700; color: rgba(255,255,255,0.90); padding: 8px 0; border-bottom: 2px solid transparent; transition: all .15s; text-decoration: none; }
.nav-links a:hover { color: #fff; border-color: var(--c-gold); }
.menu-toggle { display: flex; width: 28px; height: 28px; flex-direction: column; justify-content: center; gap: 5px; }
.menu-toggle span { display: block; height: 2px; background: #fff; border-radius: 1px; }
.nav-cta { background: #fff; color: var(--c-primary); font-weight: 700; display: none; padding: 12px 28px; border-radius: 9999px; font-size: 15px; }
.nav-cta:hover { background: rgba(255,255,255,0.90); box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.nav-links.mobile-open {
  display: flex; position: absolute; top: 72px; left: 0; right: 0;
  background: var(--c-primary); flex-direction: column;
  padding: 16px 24px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); z-index: 199; align-items: flex-start;
}
.nav-links.mobile-open a { border-bottom: none; padding: 12px 0; font-size: 16px; color: rgba(255,255,255,0.90); }
@media (min-width: 768px) { .nav-links { display: flex; } .menu-toggle { display: none; } .nav-cta { display: inline-flex; } }

/* ===== Nav Dropdown ===== */
.nav-dropdown { position: relative; }
.nav-dropdown__toggle { cursor: pointer; }
.nav-dropdown__menu {
  display: none; position: absolute; top: 100%; left: 0;
  background: #fff; border-radius: 8px; box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  min-width: 160px; padding: 8px 0; z-index: 201;
}
.nav-dropdown:hover .nav-dropdown__menu { display: block; }
.nav-dropdown__menu li { list-style: none; }
/* 提高特异性 (.nav .nav-links .nav-dropdown__menu a) 替代 !important */
.nav .nav-links .nav-dropdown__menu a {
  display: block; padding: 10px 20px; font-size: 14px; font-weight: 500;
  color: var(--c-text); border-bottom: none;
  white-space: nowrap; transition: background 0.15s;
}
.nav .nav-links .nav-dropdown__menu a:hover { background: var(--c-block-light-purple); color: var(--c-primary); }

/* Mobile: dropdown click-based toggle */
.nav-dropdown.dropdown-open .nav-dropdown__menu { display: block; position: static; background: transparent; box-shadow: none; padding: 0 0 0 16px; }
.nav .nav-links .nav-dropdown.dropdown-open .nav-dropdown__menu a { color: rgba(255,255,255,0.7); font-size: 14px; padding: 8px 0; }
.nav .nav-links .nav-dropdown.dropdown-open .nav-dropdown__menu a:hover { color: #fff; background: transparent; }

/* Responsive: logo text hidden on mobile */
@media (max-width: 768px) { .logo span { display: none; } }