/* ── 顶部信息栏 ───────────────────────────────────────── */
.haolian-topbar { background:color-mix(in srgb,var(--hl-primary) 85%,#000); font-size:13px; }
.haolian-topbar-inner { display:flex; justify-content:space-between; align-items:center; padding:8px 20px; }
.haolian-topbar-item { color:rgba(255,255,255,.85); display:inline-flex; align-items:center; gap:6px; margin-right:16px; }
.haolian-topbar-item:hover { color:#fff; opacity:1; }
.haolian-topbar svg { flex-shrink:0; }

/* ── 主 Header ────────────────────────────────────────── */
.haolian-site-header { background:var(--hl-primary); color:#fff; position:relative; z-index:200; transition:box-shadow .3s; }
.haolian-site-header.is-sticky { position:sticky; top:0; }
.haolian-site-header.is-scrolled { box-shadow:0 2px 20px rgba(0,0,0,.18); }
.haolian-header-main { border-top:1px solid rgba(255,255,255,.08); }
.haolian-header-inner { display:flex; align-items:center; gap:24px; min-height:70px; padding:12px 20px; }

/* ── Logo ─────────────────────────────────────────────── */
.haolian-logo { flex-shrink:0; }
.haolian-logo img,.haolian-logo svg { max-height:48px; width:auto; display:block; }
.haolian-site-title-link { text-decoration:none; }
.haolian-site-title { font-size:20px; font-weight:800; color:#fff; letter-spacing:-.01em; }

/* ── 桌面导航 ─────────────────────────────────────────── */
.haolian-nav-desktop { flex:1; display:flex; justify-content:center; }
.haolian-nav-menu { display:flex; align-items:center; gap:4px; }
.haolian-nav-menu > li { position:relative; }
.haolian-nav-menu > li > a { display:block; padding:10px 14px; color:rgba(255,255,255,.9); font-size:14px; font-weight:500; border-radius:6px; transition:var(--hl-trans,all .22s ease); white-space:nowrap; }
.haolian-nav-menu > li > a:hover,
.haolian-nav-menu > li.current-menu-item > a,
.haolian-nav-menu > li.current-page-ancestor > a { color:#fff; background:rgba(255,255,255,.12); opacity:1; }

/* ── 下拉子菜单 ───────────────────────────────────────── */
.haolian-nav-menu .sub-menu { display:none; position:absolute; top:calc(100% + 8px); left:0; background:#fff; border-radius:var(--hl-radius,8px); box-shadow:0 8px 32px rgba(0,0,0,.14); min-width:200px; z-index:300; border:1px solid rgba(0,0,0,.07); }
.haolian-nav-menu > li:hover > .sub-menu,
.haolian-nav-menu > li:focus-within > .sub-menu { display:block; }
.haolian-nav-menu .sub-menu li a { display:block; padding:10px 16px; color:var(--hl-text,#1A1A2E); font-size:13.5px; border-bottom:1px solid rgba(0,0,0,.05); transition:var(--hl-trans,all .22s ease); }
.haolian-nav-menu .sub-menu li:last-child a { border-bottom:none; }
.haolian-nav-menu .sub-menu li a:hover { background:var(--hl-bg,#F5F7FA); color:var(--hl-accent,#2563EB); opacity:1; padding-left:22px; }

/* ── Header CTA ───────────────────────────────────────── */
.haolian-header-cta { flex-shrink:0; background:var(--hl-accent,#2563EB); color:#fff; padding:10px 22px; border-radius:6px; font-size:14px; font-weight:600; white-space:nowrap; transition:var(--hl-trans,all .22s ease); }
.haolian-header-cta:hover { filter:brightness(1.1); color:#fff; opacity:1; transform:translateY(-1px); }

/* ── 汉堡按钮 ─────────────────────────────────────────── */
.haolian-menu-toggle { display:none; background:none; border:none; cursor:pointer; padding:8px; color:#fff; border-radius:6px; transition:var(--hl-trans,all .22s ease); min-width:44px; min-height:44px; align-items:center; justify-content:center; }
.haolian-menu-toggle:hover { background:rgba(255,255,255,.12); }
.haolian-icon-close { display:none; }
.haolian-menu-toggle.is-open .haolian-icon-menu { display:none; }
.haolian-menu-toggle.is-open .haolian-icon-close { display:block; }

/* ── 移动端菜单 ───────────────────────────────────────── */
.haolian-mobile-menu { display:none; position:fixed; top:0; right:0; width:min(360px,90vw); height:100vh; background:#fff; z-index:500; transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); overflow-y:auto; }
.haolian-mobile-menu.is-open { transform:translateX(0); }
.haolian-mobile-menu-inner { padding:80px 24px 40px; }
.haolian-mobile-nav-menu li { border-bottom:1px solid var(--hl-border,#E2E8F0); }
.haolian-mobile-nav-menu li a { display:block; padding:16px 0; font-size:16px; font-weight:500; color:var(--hl-text,#1A1A2E); min-height:44px; line-height:1.3; }
.haolian-mobile-nav-menu li a:hover { color:var(--hl-accent,#2563EB); opacity:1; }
.haolian-mobile-nav-menu .sub-menu { padding-left:16px; }
.haolian-mobile-nav-menu .sub-menu a { font-size:14px; color:var(--hl-muted,#64748B); padding:12px 0; }
.haolian-mobile-menu-footer { margin-top:32px; padding-top:24px; border-top:1px solid var(--hl-border,#E2E8F0); }
.haolian-mobile-contact { display:flex; align-items:center; gap:8px; color:var(--hl-muted,#64748B); font-size:14px; margin-bottom:12px; }
.haolian-menu-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:400; backdrop-filter:blur(4px); }
.haolian-menu-overlay.is-open { display:block; }

/* ── 响应式：手机 ──────────────────────────────────────── */
@media (max-width:900px) {
  .haolian-nav-desktop,.haolian-header-cta { display:none; }
  .haolian-menu-toggle { display:flex; }
  .haolian-mobile-menu { display:block; }
}