/* =====================================================================
   hm-nav — 全站统一导航组件（作用域 .hm-nav，绝不污染全局元素）
   创建：2026-10-14  用途：替换各页自行编写的导航，统一链接结构与风格
   ===================================================================== */
.hm-nav, .hm-nav ul, .hm-nav li { margin:0; padding:0; list-style:none; }
.hm-nav *, .hm-nav *::before, .hm-nav *::after { box-sizing:border-box; }
.hm-nav a { text-decoration:none; }
.hm-nav {
  background: linear-gradient(135deg, #1a365d 0%, #12253f 100%);
  position: sticky; top:0; z-index: 1000;
  font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}
.hm-nav__inner {
  max-width: 1100px; margin:0 auto; padding:10px 20px;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.hm-nav__brand {
  display:flex; flex-direction:column; line-height:1.2; color:#fff; margin-right:auto;
}
.hm-nav__brand-cn { font-size:17px; font-weight:bold; }
.hm-nav__brand-en { font-size:10px; letter-spacing:1px; color:#cbd5e0; }
.hm-nav__menu { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.hm-nav__item { position:relative; }
.hm-nav__item > a {
  display:block; padding:10px 12px; color:#e8eef6; font-size:15px; white-space:nowrap;
  transition: color .2s, background .2s; border-radius:4px;
}
.hm-nav__item > a:hover { color:#d4af37; background:rgba(255,255,255,.06); }
.hm-nav__caret { font-size:11px; opacity:.8; }
.hm-nav__submenu {
  position:absolute; top:100%; left:0; min-width:180px;
  background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.18); border-radius:6px;
  padding:8px 0; display:none; z-index:1001;
}
.hm-nav__item--has-menu:hover > .hm-nav__submenu,
.hm-nav__item--has-menu:focus-within > .hm-nav__submenu { display:block; }
.hm-nav__submenu li a {
  display:block; padding:9px 18px; color:#333; font-size:14px; white-space:nowrap;
}
.hm-nav__submenu li a:hover { background:#f0f4f8; color:#1a365d; }
.hm-nav__cta > a { background:#d4af37; color:#1a365d !important; font-weight:bold; }
.hm-nav__cta > a:hover { background:#c79f2c; color:#12253f !important; }
.hm-nav.scrolled { box-shadow:0 4px 16px rgba(0,0,0,.25); }
@media (max-width: 820px) {
  .hm-nav__inner { padding:8px 14px; }
  .hm-nav__brand { margin-right:0; width:100%; }
  .hm-nav__menu { flex-direction:column; align-items:stretch; width:100%; gap:0; }
  .hm-nav__item > a { padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.08); border-radius:0; }
  .hm-nav__submenu { position:static; box-shadow:none; background:rgba(255,255,255,.04); display:block; padding:0 0 6px; }
  .hm-nav__submenu li a { color:#cbd5e0; padding:9px 26px; }
  .hm-nav__submenu li a:hover { background:rgba(255,255,255,.08); color:#d4af37; }
  .hm-nav__cta > a { text-align:center; margin-top:6px; }
}

/* brand 图形 logo（后写覆盖原 column 为 row） */
.hm-nav__brand { display:flex; flex-direction:row; align-items:center; gap:10px; }
.hm-nav__brand-logo { height:40px; width:auto; display:block; border-radius:4px; }
.hm-nav__brand-text { display:flex; flex-direction:column; line-height:1.25; }
@media (max-width: 820px) {
  .hm-nav__brand-logo { height:34px; }
}