/* ===== Navbar 2: 动态高度变量（由 navbar-2.js 写入，勿在 header 上重复定义以免覆盖） ===== */
:root {
  --navbar-2-hero-pull: 0px;
  --navbar-2-top-offset: 0px;
  --navbar-2-stack-h: 72px;
}

/* ===== Navbar 2: 顶部通知条 ===== */
.ceo-topnav-navbar2 {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10051;
  background: var(--ceo-topnav-bg, var(--panel));
}

.ceo-topnav-navbar2 .ceo-topnav-inner {
  position: relative;
}

/* ===== Navbar 2: 设计 token（对齐 内页确认-1.html） ===== */
.header.navBar_02.topnav {
  --champagne: #b99a68;
  --champagne-hover: #a88957;
  --text-title: #4a433a;
  --text-main: #625b52;
  --text-muted: #8c8378;
  --line: #e6ddd0;
  --gold: #b99a68;
  --gold-2: #c2a677;
  --gold-3: #a78654;
  --header-h: 72px;
  --hero-gold: #b99a68;
  --hero-gold-light: #c2a677;
  --hero-gold-deep: #a88957;
  --hero-ink: #4a433a;
  --hero-ink-muted: #746c62;
  --hero-ink-soft: #8c8378;
  --hero-line: #e6ddd0;
  --hero-line-strong: #d8cbb9;
  --fs-nav: 14px;
  --fs-nav-action: 13px;
  --fs-brand: 18px;
  --fs-brand-sub: 10px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --ease: ease;
  --dur-fast: 0.15s;
  --dur-normal: 0.18s;
  --transition-color: color var(--dur-fast) var(--ease);
  --transition-bg: background var(--dur-fast) var(--ease);
  --hover-bright: brightness(1.05);
  --container: 1440px;

  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: fixed;
  top: var(--navbar-2-top-offset, 0);
  left: 0;
  right: 0;
  /* 高于页面内容，避免下拉溢出后被正文盖住导致无法点击 */
  z-index: 10050;
  overflow: visible;
  color: var(--text-main);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  transition: background 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.navBar_02 .navbar-2-inner {
  width: calc(100% - 56px);
  max-width: var(--container);
  height: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  overflow: visible;
}

.navbar-2-spacer {
  display: block;
  width: 100%;
  height: var(--navbar-2-stack-h, var(--header-h, 72px));
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
  visibility: hidden;
}

/* 首页 / 有首屏海报：不需要占位，导航叠在海报上 */
body.home .navbar-2-spacer,
body.navbar-2-has-hero .navbar-2-spacer,
body:has(.hero-screen) .navbar-2-spacer {
  display: none;
  height: 0;
}

/* 内页兜底：无 spacer 时仍给首个内容区留白（兼容旧结构） */
body:not(:has(.hero-screen)):not(:has(.navbar-2-spacer)) #site-header.navBar_02 + * {
  margin-top: var(--navbar-2-stack-h, var(--header-h, 72px));
}

/* 首页首屏：海报顶到视口顶部，导航叠在海报上 */
body.home .ceo-s2-section,
body.navbar-2-has-hero .ceo-s2-section,
body:has(.hero-screen) .ceo-s2-section {
  margin-top: calc(-1 * var(--navbar-2-hero-pull, 0px));
}

/* 顶部通知条改为 fixed 后，首屏不再需要为通知条预留文档流负边距 */
body:has(.ceo-topnav-navbar2) .ceo-s2-section,
body:has(.ceo-topnav-navbar2):has(.hero-screen) .ceo-s2-section {
  margin-top: 0;
}

body.home:not(:has(.ceo-topnav-navbar2)) .ceo-s2-section .hero-screen,
body.navbar-2-has-hero:not(:has(.ceo-topnav-navbar2)) .ceo-s2-section .hero-screen,
body:has(.hero-screen):not(:has(.ceo-topnav-navbar2)) .hero-screen {
  margin-top: calc(-1 * var(--navbar-2-stack-h, var(--header-h, 72px)));
}

body.home .ceo-s2-section .ceo-s2-page,
body.navbar-2-has-hero .ceo-s2-section .ceo-s2-page,
body:has(.hero-screen) .ceo-s2-section .ceo-s2-page {
  background: #faf7f1;
}

body.home .ceo-s2-section .hero-screen,
body.navbar-2-has-hero .ceo-s2-section .hero-screen,
body:has(.hero-screen) .hero-screen {
  padding-top: calc(var(--header-h, 72px) + var(--navbar-2-hero-pull, 0px));
  margin-top: 0;
}

body.home .ceo-s2-section .hero,
body.navbar-2-has-hero .ceo-s2-section .hero,
body:has(.hero-screen) .ceo-s2-section .hero {
  padding-top: calc(var(--header-h, 72px) + var(--navbar-2-hero-pull, 0px));
}

.header.navBar_02.topnav.is-hero,
.header.navBar_02.topnav.is-solid {
  background: rgba(255, 253, 249, .95);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 5px 22px rgba(118, 96, 67, .045);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.header.navBar_02.topnav.is-hero::before,
.header.navBar_02.topnav.is-hero::after,
.header.navBar_02.topnav.is-solid::before,
.header.navBar_02.topnav.is-solid::after {
  display: none;
}

.navBar_02 .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===== 品牌区 ===== */
.navBar_02 .brand {
  width: 230px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  color: var(--text-title);
}

.navBar_02 .brand-link {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.navBar_02 .brand-link:focus,
.navBar_02 .brand-link:active {
  outline: none;
  box-shadow: none;
}

/* 仅键盘聚焦时保留可见焦点，避免鼠标点击后出现黑框 */
.navBar_02 .brand-link:focus-visible {
  outline: 2px solid var(--champagne);
  outline-offset: 4px;
  border-radius: 6px;
}

.navBar_02 .brand-link img,
.navBar_02 .mark.mark--logo img {
  outline: none;
  border: 0;
  -webkit-user-drag: none;
}

.navBar_02 .mark {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 0;
  border-radius: 12px;
  padding: 0;
  flex: 0 0 auto;
  overflow: hidden;
  color: #fffdf8;
  background: linear-gradient(135deg, #c2a677, #a78654);
  box-shadow: 0 8px 18px rgba(156, 124, 77, .18);
}

.header.navBar_02.topnav.is-hero .mark,
.header.navBar_02.topnav.is-solid .mark {
  border-right-color: transparent;
}

.navBar_02 .mark i {
  display: block;
  width: 3px;
  border-radius: 10px;
  background: rgba(255, 253, 248, .92);
  box-shadow: none;
  flex: 0 0 auto;
}

.navBar_02 .mark i:nth-child(1) { height: 10px; opacity: 0.72; }
.navBar_02 .mark i:nth-child(2) { height: 16px; }
.navBar_02 .mark i:nth-child(3) { height: 22px; }
.navBar_02 .mark i:nth-child(4) { height: 14px; }
.navBar_02 .mark i:nth-child(5) { height: 18px; }
.navBar_02 .mark i:nth-child(6) { height: 10px; opacity: 0.82; }

.navBar_02 .mark.mark--logo {
  width: 42px;
  min-width: 42px;
  padding: 0;
  overflow: hidden;
}

.navBar_02 .mark.mark--logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.navBar_02 .brand-name {
  line-height: 1.15;
  white-space: nowrap;
  min-width: 0;
}

.header.navBar_02.topnav.is-hero .brand-name b,
.header.navBar_02.topnav.is-solid .brand-name b {
  color: var(--text-title);
}

.header.navBar_02.topnav.is-hero .brand-name span,
.header.navBar_02.topnav.is-solid .brand-name span {
  color: var(--text-muted);
}

.navBar_02 .brand-name b {
  display: block;
  font-size: var(--fs-brand);
  font-weight: var(--fw-bold);
  letter-spacing: 0;
}

.navBar_02 .brand-name span {
  display: block;
  margin-top: 3px;
  font-size: var(--fs-brand-sub);
  letter-spacing: .08em;
}

/* ===== 主导航 ===== */
.navBar_02 .nav,
.navBar_02 .navlinks,
.navBar_02 .nav-links,
.navBar_02 .main-nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 29px;
  flex: 1 1 auto;
  padding-left: 0;
  font-size: var(--fs-nav);
  min-width: 0;
  color: #746c62;
}

.header.navBar_02.topnav.is-hero .nav,
.header.navBar_02.topnav.is-solid .nav {
  color: #746c62;
}

.navBar_02 .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.navBar_02 .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: relative;
  padding: 0;
  text-decoration: none;
  color: inherit;
  letter-spacing: 0;
  white-space: nowrap;
  transition: color .2s ease;
  font-size: 14px;
  font-weight: 400;
  background: transparent;
  border: 0;
}

.navBar_02 .nav-link.active {
  font-weight: 700;
  color: var(--champagne-hover);
}

.header.navBar_02.topnav.is-hero .nav-link.active,
.header.navBar_02.topnav.is-solid .nav-link.active {
  color: var(--champagne-hover);
}

.navBar_02 .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--champagne);
}

.header.navBar_02.topnav.is-hero .nav-link.active::after,
.header.navBar_02.topnav.is-solid .nav-link.active::after {
  background: var(--champagne);
}

.navBar_02 .nav-item:hover > .nav-link,
.navBar_02 .nav-item:focus-within > .nav-link {
  color: var(--champagne-hover);
}

.header.navBar_02.topnav.is-solid .nav-item:hover > .nav-link,
.header.navBar_02.topnav.is-solid .nav-item:focus-within > .nav-link,
.header.navBar_02.topnav.is-hero .nav-item:hover > .nav-link,
.header.navBar_02.topnav.is-hero .nav-item:focus-within > .nav-link {
  color: var(--champagne-hover);
}

.navBar_02 .nav-link.vip {
  color: var(--champagne-hover);
  font-weight: var(--fw-bold);
}

.header.navBar_02.topnav.is-hero .nav-link.vip,
.header.navBar_02.topnav.is-solid .nav-link.vip {
  color: var(--champagne-hover);
}

.navBar_02 .nav-caret,
.navBar_02 .arrow {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity: 0.72;
  transition: transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);
}

.navBar_02 .nav-item:hover .nav-caret,
.navBar_02 .nav-item:focus-within .nav-caret,
.navBar_02 .nav-item:hover .arrow,
.navBar_02 .nav-item:focus-within .arrow {
  transform: rotate(225deg) translate(-1px, -1px);
  opacity: 1;
}

/* ===== 下拉菜单（对齐参考 HTML 纯文本 + 箭头） ===== */
.navBar_02 .submenu {
  position: absolute;
  top: calc(100% - 10px);
  left: 50%;
  min-width: 210px;
  padding: 10px;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
  box-shadow: 0 18px 45px rgba(20, 16, 10, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 130;
}

.navBar_02 .submenu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  width: 12px;
  height: 12px;
  transform: translateX(-50%) rotate(45deg);
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
}

.header.navBar_02.topnav.is-hero .submenu,
.header.navBar_02.topnav.is-solid .submenu {
  background: rgba(255, 253, 249, 0.98);
  border: 1px solid var(--line);
  box-shadow: 0 18px 45px rgba(118, 96, 67, 0.12);
}

.header.navBar_02.topnav.is-hero .submenu::before,
.header.navBar_02.topnav.is-solid .submenu::before {
  background: rgba(255, 253, 249, 0.98);
  border-color: var(--line);
}

.navBar_02 .nav-item:hover > .submenu,
.navBar_02 .nav-item:focus-within > .submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.navBar_02 .submenu a {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 14px;
  border-radius: 10px;
  text-decoration: none;
  color: #3e3b37;
  font-size: 14px;
  letter-spacing: 0;
  white-space: nowrap;
  transition: var(--transition-color), var(--transition-bg);
}

.navBar_02 .submenu a::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.35;
  flex: 0 0 auto;
  transition: opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}

.navBar_02 .submenu a:hover::after,
.navBar_02 .submenu a:focus::after {
  opacity: 0.85;
  transform: rotate(45deg) translate(2px, -2px);
}

.header.navBar_02.topnav.is-hero .submenu a,
.header.navBar_02.topnav.is-solid .submenu a {
  color: #625b52;
}

.header.navBar_02.topnav.is-hero .submenu a:hover,
.header.navBar_02.topnav.is-hero .submenu a:focus,
.header.navBar_02.topnav.is-solid .submenu a:hover,
.header.navBar_02.topnav.is-solid .submenu a:focus {
  color: var(--champagne-hover);
  background: #fbf6ec;
  outline: none;
}

/* ===== 搜索与用户区 ===== */
.navBar_02 .header-actions,
.navBar_02 .nav-right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: var(--fs-nav-action);
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
}

.header.navBar_02.topnav.is-hero .header-actions,
.header.navBar_02.topnav.is-solid .header-actions {
  color: var(--text-main);
}

.navBar_02 .header-search,
.navBar_02 .nav-search,
.navBar_02 .search-box {
  width: 268px;
  height: 38px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  overflow: hidden;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  padding: 0 12px;
  margin: 0;
  gap: 8px;
  color: #9a9186;
  background: #faf7f1;
  border: 1px solid var(--line);
  box-shadow: none;
  box-sizing: border-box;
}

.header.navBar_02.topnav.is-hero .header-search,
.header.navBar_02.topnav.is-hero .nav-search,
.header.navBar_02.topnav.is-hero .search-box,
.header.navBar_02.topnav.is-solid .header-search,
.header.navBar_02.topnav.is-solid .nav-search,
.header.navBar_02.topnav.is-solid .search-box {
  background: #faf7f1;
  border: 1px solid var(--line);
  box-shadow: none;
}

.navBar_02 .header-search:focus-within,
.navBar_02 .nav-search:focus-within,
.navBar_02 .search-box:focus-within {
  border-color: #d2bd9a;
  box-shadow: 0 0 0 3px rgba(185, 154, 104, 0.12);
}

.navBar_02 .header-search-ico,
.navBar_02 .search-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 0;
  padding: 0;
  position: relative;
  opacity: 0.86;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.navBar_02 .header-search-ico::before,
.navBar_02 .search-icon::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 10px;
  height: 10px;
  border: 1.8px solid currentColor;
  border-radius: 50%;
}

.navBar_02 .header-search-ico::after,
.navBar_02 .search-icon::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 1.8px;
  right: 0;
  bottom: 2px;
  border-radius: 5px;
  background: currentColor;
  transform: rotate(45deg);
}

.navBar_02 .header-search-ico svg,
.navBar_02 .search-icon svg {
  display: none;
}

.navBar_02 .header-search-input,
.navBar_02 .nav-search input {
  min-width: 0;
  flex: 1;
  height: 100%;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text-main);
  font: inherit;
  font-size: 13px;
  letter-spacing: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.navBar_02 .header-search-input::-webkit-search-decoration,
.navBar_02 .header-search-input::-webkit-search-cancel-button,
.navBar_02 .header-search-input::-webkit-search-results-button,
.navBar_02 .header-search-input::-webkit-search-results-decoration {
  display: none;
}

.header.navBar_02.topnav.is-hero .header-search-input,
.header.navBar_02.topnav.is-hero .nav-search input,
.header.navBar_02.topnav.is-solid .header-search-input,
.header.navBar_02.topnav.is-solid .nav-search input {
  color: var(--text-main);
}

.header.navBar_02.topnav.is-hero .header-search-input::placeholder,
.header.navBar_02.topnav.is-hero .nav-search input::placeholder,
.header.navBar_02.topnav.is-solid .header-search-input::placeholder,
.header.navBar_02.topnav.is-solid .nav-search input::placeholder {
  color: #9a9186;
}

/* 旧版内嵌搜索按钮不再显示 */
.navBar_02 .header-search-btn,
.navBar_02 .nav-search .kbd {
  display: none !important;
}

.navBar_02 .header-user,
.navBar_02 .header-info,
.navBar_02 .nav-iconbtn-wrap {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible;
  flex-shrink: 0;
  padding-left: 0;
  border-left: 0;
  height: 38px;
}

.navBar_02 .header-info > em,
.navBar_02 #nav_user > em {
  display: none !important;
}

.navBar_02 #nav_user {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 38px;
  flex: 0 0 auto;
  position: relative;
  overflow: visible;
}

.navBar_02 a.head-login,
.navBar_02 .head-login,
.navBar_02 .login,
.navBar_02 a.head-login.ceo-display-inline-block,
.navBar_02 a.head-login.change-color,
.navBar_02 a.head-login.b-r-4,
.navBar_02 a.head-login.ceo-text-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 72px;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--champagne) !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #876a40 !important;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: none !important;
  vertical-align: middle;
}

.navBar_02 a.head-login:hover,
.navBar_02 a.head-login:focus,
.navBar_02 a.head-login:focus-visible,
.navBar_02 a.head-login:active,
.navBar_02 .head-login:hover,
.navBar_02 .head-login:focus,
.navBar_02 .head-login:focus-visible,
.navBar_02 .head-login:active,
.navBar_02 .login:hover,
.navBar_02 .login:focus,
.navBar_02 .login:focus-visible,
.navBar_02 .login:active,
.navBar_02 a.head-login.change-color:hover,
.navBar_02 a.head-login.change-color:focus,
.navBar_02 a.head-login.change-color:active {
  background: #fffaf2 !important;
  border-color: var(--champagne-hover) !important;
  box-shadow: none !important;
  opacity: 1;
  outline: none;
  text-decoration: none !important;
  color: #76582f !important;
}

.header.navBar_02.topnav.is-solid .head-login,
.header.navBar_02.topnav.is-solid .head-login.change-color,
.header.navBar_02.topnav.is-solid .head-login.b-r-4,
.header.navBar_02.topnav.is-solid .head-login.ceo-text-small,
.header.navBar_02.topnav.is-solid #nav_user .head-login,
.header.navBar_02.topnav:not(.is-hero) .head-login,
.header.navBar_02.topnav:not(.is-hero) .head-login.change-color,
.header.navBar_02.topnav.is-hero .head-login,
.header.navBar_02.topnav.is-hero .head-login.change-color,
.header.navBar_02.topnav.is-hero .head-login.b-r-4,
.header.navBar_02.topnav.is-hero .head-login.ceo-text-small,
.header.navBar_02.topnav.is-hero #nav_user .head-login {
  color: #876a40 !important;
  border-color: var(--champagne) !important;
  background: transparent !important;
  height: 38px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header.navBar_02.topnav.is-hero .head-login:hover,
.header.navBar_02.topnav.is-hero .head-login:focus,
.header.navBar_02.topnav.is-hero .head-login:focus-visible,
.header.navBar_02.topnav.is-hero .head-login:active,
.header.navBar_02.topnav.is-hero .login:hover,
.header.navBar_02.topnav.is-hero .login:focus,
.header.navBar_02.topnav.is-hero .login:focus-visible,
.header.navBar_02.topnav.is-hero .login:active,
.header.navBar_02.topnav.is-solid .head-login:hover,
.header.navBar_02.topnav.is-solid .head-login:focus,
.header.navBar_02.topnav.is-solid .head-login:focus-visible,
.header.navBar_02.topnav.is-solid .head-login:active,
.header.navBar_02.topnav.is-solid .login:hover,
.header.navBar_02.topnav.is-solid .login:focus,
.header.navBar_02.topnav.is-solid .login:focus-visible,
.header.navBar_02.topnav.is-solid .login:active,
.header.navBar_02.topnav:not(.is-hero) .head-login:hover,
.header.navBar_02.topnav:not(.is-hero) .head-login:focus,
.header.navBar_02.topnav:not(.is-hero) .head-login:active {
  color: #76582f !important;
  border-color: var(--champagne-hover) !important;
  background: #fffaf2 !important;
}

.navBar_02 .head-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  overflow: visible;
  z-index: 3;
}

.navBar_02 .head-avatar .avatar img,
.navBar_02 .head-avatar > a img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* 用户下拉：贴齐头像右侧，保留悬停桥，保证可点击 */
.navBar_02 .head-avatar .user-down,
.navBar_02 .head-avatar .user-down.ceo-position-top-right {
  position: absolute !important;
  box-sizing: border-box !important;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  /* 透明悬停桥：鼠标从头像移入菜单时不丢 hover */
  padding-top: 12px !important;
  z-index: 10060 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.navBar_02 .head-avatar:hover .user-down,
.navBar_02 .head-avatar:focus-within .user-down {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.navBar_02 .user-down-main {
  box-sizing: border-box;
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 1;
}

.ceo-background-muted {
  background-color: var(--color-bg);
}

/* ===== 响应式 ===== */
@media (max-width: 1500px) {
  .navBar_02 .nav,
  .navBar_02 .navlinks,
  .navBar_02 .nav-links,
  .navBar_02 .main-nav {
    gap: 22px;
  }

  .navBar_02 .submenu {
    min-width: 190px;
  }

  .navBar_02 .header-search,
  .navBar_02 .nav-search,
  .navBar_02 .search-box {
    width: 230px;
  }
}

@media (max-width: 1280px) {
  .navBar_02 .navbar-2-inner {
    width: calc(100% - 32px);
  }

  .navBar_02 .nav,
  .navBar_02 .navlinks,
  .navBar_02 .nav-links,
  .navBar_02 .main-nav {
    gap: 18px;
  }

  .navBar_02 .header-search,
  .navBar_02 .nav-search,
  .navBar_02 .search-box {
    width: 210px;
  }

  .navBar_02 .brand {
    width: auto;
  }
}

@media (max-width: 1024px) {
  .navBar_02 .nav,
  .navBar_02 .navlinks,
  .navBar_02 .nav-links,
  .navBar_02 .main-nav {
    gap: 14px;
  }

  .navBar_02 .header-search,
  .navBar_02 .nav-search,
  .navBar_02 .search-box {
    width: 180px;
  }
}

@media (max-width: 768px) {
  .header.navBar_02.topnav {
    height: auto;
    min-height: var(--header-h);
  }

  .navBar_02 .navbar-2-inner {
    width: 100%;
    flex-wrap: wrap;
    padding: 12px 16px;
    gap: 12px;
  }

  .navBar_02 .brand-name b {
    font-size: 18px;
  }

  .navBar_02 .brand-name span {
    font-size: 10px;
  }

  .navBar_02 .nav,
  .navBar_02 .navlinks,
  .navBar_02 .nav-links,
  .navBar_02 .main-nav {
    display: none !important;
  }

  .navBar_02 .header-actions,
  .navBar_02 .nav-right {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
    margin-left: 0;
  }

  .navBar_02 .header-search,
  .navBar_02 .nav-search,
  .navBar_02 .search-box {
    max-width: 100%;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
  }
}

@media (max-width: 480px) {
  .navBar_02 .brand-name span {
    display: none;
  }

  .navBar_02 .head-login,
  .navBar_02 .login,
  .navBar_02 .head-login.change-color {
    padding: 0 12px !important;
  }
}