﻿    * { margin:0; padding:0; box-sizing:border-box; }
    a { text-decoration:none; color:inherit; }
    ul { list-style:none; }
    img { display:block; border:0; }

    /* ---------- 顶栏 ---------- */
    .header-menu-topbar { background:#222; color:#fff; padding:5px 24px; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.08); }
    .header-menu-topbar-inner { width:100%; max-width:1740px; padding:0 70px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
    .header-menu-topbar-left { display:flex; align-items:center; flex-wrap:wrap; gap:4px 14px; }
    .header-menu-topbar-left i { margin-right:4px; opacity:0.9; }
    .header-menu-topbar-left a { transition:opacity 0.2s; }
    .header-menu-topbar-left a:hover { opacity:0.7; }
    .header-menu-topbar-left .header-menu-sep { color:rgba(255,255,255,0.25); }
    .header-menu-topbar-right { display:flex; align-items:center; gap:12px; }
    .header-menu-social { display:flex; gap:6px; }
    .header-menu-social a { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; color:#fff; font-size:14px; transition:transform 0.25s, opacity 0.25s; box-shadow:0 2px 6px rgba(0,0,0,0.04); }
    .header-menu-social a:hover { transform:translateY(-2px); opacity:0.9; }
    .header-menu-lang { position:relative; cursor:pointer; padding:4px 8px 4px 4px; border-radius:30px; transition:background 0.2s; }
    .header-menu-lang:hover { background:rgba(255,255,255,0.08); }
    .header-menu-lang i { margin-right:4px; }
    .header-menu-lang .header-menu-dropdown { position:absolute; right:0; top:100%; background:#fff; color:#1e1e1e; min-width:140px; border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,0.06); padding:8px 0; display:block; z-index:999; border:1px solid rgba(0,0,0,0.02); margin-top:4px; opacity:0; transform:translateY(-4px); visibility:hidden; transition:opacity 0.25s, transform 0.25s, visibility 0.25s; }
    .header-menu-lang:hover .header-menu-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
    .header-menu-lang .header-menu-dropdown a { display:block; padding:8px 20px; font-size:13px; border-bottom:1px solid #f0f0f0; transition:background 0.15s, padding-left 0.2s; }
    .header-menu-lang .header-menu-dropdown a:last-child { border-bottom:0; }
    .header-menu-lang .header-menu-dropdown a:hover { background:#f5f7fc; color:#cc0000; padding-left:26px; }
    .header-menu-lang .header-menu-dropdown a i { width:20px; margin-right:8px; }

    /* ---------- 桌面导航 ---------- */
    .header-menu-nav { background:#fff; padding:0 24px; border-bottom:1px solid #eef2f6; }
	
    .header-menu-nav-inner { width:100%; max-width:1740px; padding:0 70px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:90px; gap:12px; }
    .header-menu-logo img { width:200px; height:60px; object-fit:contain; }

    .header-menu-links { display:flex; align-items:center; gap:4px; margin-left:auto; }
    .header-menu-links > li { position:relative; padding:0 4px; }
    .header-menu-links > li > a { display:inline-block; padding:15px 6px 14px; font-weight:500; color:#0b0b0b; font-size:18px; letter-spacing:0.3px; position:relative; transition:color 0.25s; white-space:nowrap; }
    .header-menu-links > li > a i { font-size:12px; margin-left:4px; color:#3a3a3a; transition:transform 0.25s; }
    .header-menu-links > li > a::after { content:''; position:absolute; bottom:2px; left:50%; width:0; height:2.5px; background:#cc0000; transition:all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform:translateX(-50%); border-radius:4px; }
    .header-menu-links > li > a:hover::after { width:100%; left:0; transform:translateX(0); }
    .header-menu-links > li > a:hover { color:#cc0000; }

    .header-menu-mega { position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(-4px); background:#fff; min-width:200px; border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,0.05); padding:8px 0; display:block; z-index:999; border-top:0px solid #cc0000; margin-top:2px; opacity:0; visibility:hidden; transition:opacity 0.3s, transform 0.3s, visibility 0.3s; }
    .header-menu-links > li:hover .header-menu-mega { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
    .header-menu-mega a { display:block; padding:9px 28px; color:#1e1e1e; font-size:14px; border-bottom:1px solid #f1f3f7; transition:background 0.15s, padding-left 0.2s; font-weight:400; letter-spacing:0.2px; text-align:left; }
    .header-menu-mega a:last-child { border-bottom:0; }
    .header-menu-mega a:hover { background:#f6f9ff; color:#cc0000; padding-left:34px; }

    .header-menu-right { display:flex; align-items:center; gap:16px; flex-shrink:0; }
    .header-menu-btn { display:inline-block; background:#cc0000; color:#fff; padding:8px 24px; border-radius:50px; font-weight:500; font-size:14px; transition:transform 0.25s, box-shadow 0.25s; box-shadow:0 4px 10px rgba(220,38,38,0.12); letter-spacing:0.4px; white-space:nowrap; }
    .header-menu-btn:hover { transform:scale(0.96); box-shadow:0 8px 18px rgba(220,38,38,0.15); }
    .header-menu-search { position:relative; display:inline-block; }
    .header-menu-search input { border:1px solid #d8dfe8; border-radius:40px; padding:7px 40px 7px 18px; font-size:14px; background:#fff; width:160px; transition:width 0.3s, border-color 0.25s, box-shadow 0.25s; color:#1e1e1e; outline:0; }
    .header-menu-search input:focus { border-color:#cc0000; width:210px; box-shadow:0 0 0 3px rgba(220,38,38,0.05); }
    .header-menu-search button { position:absolute; right:8px; top:50%; transform:translateY(-50%); background:transparent; border:0; font-size:17px; color:#444; cursor:pointer; transition:color 0.2s; }
    .header-menu-search button:hover { color:#cc0000; }

    /* ---------- 移动端布局 ---------- */
    .header-menu-mobile-bar { display:none; background:#fff; padding:10px 20px; border-bottom:1px solid #eef2f6; }
    .header-menu-mobile-inner { display:flex; align-items:center; justify-content:space-between; }
    .header-menu-mobile-logo img { width:150px; height:48px; object-fit:contain; }
    .header-menu-mobile-actions { display:flex; align-items:center; gap:14px; }
    .header-menu-mobile-lang { position:relative;  color:#cc0000; cursor:pointer; padding:4px 6px; border-radius:30px; transition:background 0.2s; }
 .header-menu-mobile-lang i{font-size:26px; }
    .header-menu-mobile-lang:hover { background:rgba(0,0,0,0.02); }
    .header-menu-mobile-lang .header-menu-mobile-drop { position:absolute; right:0; top:100%; background:#fff; min-width:140px; border-radius:5px; box-shadow:0 12px 28px rgba(0,0,0,0.05); display:block; margin-top:8px; padding:6px 0; border:1px solid #f0f0f0; z-index:9999; opacity:0; transform:translateY(-4px); visibility:hidden; transition:opacity 0.25s, transform 0.25s, visibility 0.25s; }
    .header-menu-mobile-lang.open .header-menu-mobile-drop { opacity:1; visibility:visible; transform:translateY(0); }
    .header-menu-mobile-lang .header-menu-mobile-drop a { display:block; padding:9px 20px; border-bottom:1px solid #f0f2f6; color:#1e1e1e; font-size:14px; white-space:nowrap; transition:background 0.15s; }
    .header-menu-mobile-lang .header-menu-mobile-drop a:last-child { border-bottom:0; }
    .header-menu-mobile-lang .header-menu-mobile-drop a i { width:20px; margin-right:8px; }

    .header-menu-mobile-toggle { font-size:24px; color:#cc0000; cursor:pointer; width:34px; text-align:center; transition:0.2s; }
	 .header-menu-mobile-toggle i{ font-size:26px; }
    .header-menu-mobile-toggle .header-menu-icon-close { display:none; }
    .header-menu-mobile-toggle.open .header-menu-icon-menu { display:none; }
    .header-menu-mobile-toggle.open .header-menu-icon-close { display:inline-block; }

    /* ===== 移动菜单 —— 覆盖层 + 绝对定位，不挤压任何元素 ===== */
    .header-menu-mobile-menu {
      display: none;                    /* 默认隐藏，由JS控制显示 */
      position: absolute;              /* 脱离文档流，不占位 */
      left: 0;
      right: 0;
      top: 100%;                      /* 紧贴移动栏底部 */
      background: #fff;
      padding: 8px 20px 22px;
      border-bottom: 1px solid #eef2f6;
      box-shadow: 0 12px 28px rgba(0,0,0,0.06);
      z-index: 9998;
      max-height: calc(100vh - 80px);  /* 防止超出屏幕，可滚动 */
      overflow-y: auto;
    }
    .header-menu-mobile-menu.open {
      display: block;
    }
    /* 父容器需要相对定位，让移动菜单相对于移动栏定位 */
    .header-menu-mobile-bar {
      position: relative;             /* 为 absolute 子菜单提供参考 */
    }

    /* 移动菜单样式 (与原保持一致) */
    .header-menu-mobile-menu ul li { border-bottom:1px solid #f0f3f8; }
    .header-menu-mobile-menu ul li:last-child { border-bottom:0; }
    .header-menu-mobile-menu ul li a { display:block; padding:16px 4px; color:#0b0b0b; font-weight:500; font-size:15px; }
    .header-menu-mobile-menu .header-menu-sub { padding-left:20px; display:none; }
    .header-menu-mobile-menu .header-menu-sub a { padding:12px 4px; font-weight:400; font-size:14px; border-bottom:1px solid #f3f6fc; }
    .header-menu-mobile-menu .header-menu-sub a:last-child { border-bottom:0; }
    .header-menu-mobile-menu .header-menu-arrow { float:right; font-size:14px; color:#3a3a3a; transition:transform 0.25s; pointer-events:none; }
    .header-menu-mobile-menu .header-menu-has-sub.open .header-menu-sub { display:block; }
    .header-menu-mobile-menu .header-menu-has-sub.open > a .header-menu-arrow i { transform:rotate(180deg); }

    /* ---------- fixed 模式 ---------- */
    .header-menu-wrapper { transition:box-shadow 0.3s, background 0.3s; }
    .header-menu-wrapper.fixed { position:fixed; top:0; left:0; width:100%; z-index:9999; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,0.05); }
    .header-menu-wrapper.fixed .header-menu-topbar { display:none; }
    .header-menu-wrapper.fixed .header-menu-nav { background:#fff !important; border-bottom:1px solid #eef2f6; }
    .header-menu-wrapper.fixed .header-menu-nav .header-menu-links > li > a { color:#0b0b0b !important; }
    .header-menu-wrapper.fixed .header-menu-nav .header-menu-links > li > a i { color:#3a3a3a !important; }
    .header-menu-wrapper.fixed .header-menu-btn { background:#cc0000 !important; color:#fff !important; box-shadow:0 4px 10px rgba(220,38,38,0.12) !important; }
    .header-menu-wrapper.fixed .header-menu-mobile-bar { background:#fff !important; border-bottom:1px solid #eef2f6; position:relative; }
    .header-menu-wrapper.fixed .header-menu-mobile-bar .header-menu-mobile-lang,
    .header-menu-wrapper.fixed .header-menu-mobile-bar .header-menu-mobile-toggle { color:#0b0b0b !important; }
    .header-menu-wrapper.fixed .header-menu-mobile-menu { background:#fff !important; }

    /* ---------- 响应式 ---------- */
    @media (max-width: 1024px) {
      .header-menu-links { gap:2px; }
      .header-menu-links > li > a { font-size:14px; padding:10px 4px 14px; }
      .header-menu-search input { width:130px; }
      .header-menu-search input:focus { width:170px; }
    }
    @media (max-width: 991px) {
      .header-menu-topbar { display:none; }
      .header-menu-nav { display:none; }
      .header-menu-mobile-bar { display:block; }
      /* 移动菜单默认隐藏，由 .open 控制 */
      .header-menu-mobile-menu { display: none; }
      .header-menu-mobile-menu.open { display: block; }
    }
    @media (max-width: 480px) {
      .header-menu-mobile-bar { padding:8px 14px; }
      .header-menu-mobile-logo img { width:100px; height:34px; }
      .header-menu-mobile-lang { font-size:18px; }
      .header-menu-mobile-toggle { font-size:22px; width:30px; }
      .header-menu-mobile-menu { padding:0 14px 18px; }
      .header-menu-mobile-lang .header-menu-mobile-drop { min-width:120px; right:0; left:auto; }
    }