/* Navbar 2 — 对齐 首页.html 暖色纸感顶部导航 */

.ceo-topnav-navbar2 {
  display: block;
  background: var(--ceo-topnav-bg, #faf9f7);
  border-bottom: 1px solid #e6e0d8;
}

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

/* ── Topbar shell ── */
.navBar_02.topbar {
  --nb2-line: #e6e0d8;
  --nb2-text: #1e1d1b;
  --nb2-accent: #d53b2f;
  --nb2-container: 1440px;

  height: 70px;
  background: rgba(255, 255, 253, .94);
  border-bottom: 1px solid var(--nb2-line);
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(8px);
}

.navBar_02 .page,
.navBar_02 .nav,
.navBar_02 .topnav-inner,
.navBar_02 .nav-inner {
  width: min(var(--nb2-container), calc(100% - 32px));
  max-width: var(--nb2-container);
  margin: 0 auto;
  height: 70px;
  display: flex;
  align-items: center;
  gap: 28px;
}

/* ── Brand ── */
.navBar_02 .brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 170px;
  color: var(--nb2-text);
  text-decoration: none;
  flex-shrink: 0;
}

.navBar_02 .logo {
  width: 42px;
  height: 42px;
  border: 1.5px solid #898680;
  position: relative;
  background: #fff;
  flex-shrink: 0;
}

.navBar_02 .logo::before,
.navBar_02 .logo::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  right: 2px;
  border-top: 1.5px solid #898680;
  transform: rotate(42deg);
}

.navBar_02 .logo::after {
  transform: rotate(-42deg);
}

.navBar_02 .brand-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
  background: #fff;
}

.navBar_02 .brand-title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--nb2-text);
  white-space: nowrap;
}

.navBar_02 .brand-sub {
  margin-top: 2px;
  color: #79736a;
  font-size: 12px;
  white-space: nowrap;
}

/* ── Menu ── */
.navBar_02 .menu,
.navBar_02 .navlinks,
.navBar_02 .nav-links {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 18px;
  white-space: nowrap;
  flex-shrink: 0;
}

.navBar_02 .menu > li,
.navBar_02 .navlinks > li,
.navBar_02 .nav-links > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navBar_02 .menu a,
.navBar_02 .navlinks a,
.navBar_02 .nav-links a {
  display: inline-block;
  color: var(--nb2-text);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background: transparent;
  border: 0;
  padding: 0;
  height: auto;
  transition: color .2s;
}

.navBar_02 .menu a:hover,
.navBar_02 .navlinks a:hover,
.navBar_02 .nav-links a:hover,
.navBar_02 .menu .current-menu-item > a,
.navBar_02 .menu .current_page_item > a,
.navBar_02 .menu a.active,
.navBar_02 .navlinks .current-menu-item > a,
.navBar_02 .navlinks .current_page_item > a,
.navBar_02 .nav-links .current-menu-item > a,
.navBar_02 .nav-links .current_page_item > a {
  color: var(--nb2-accent);
  text-shadow: none;
  background: transparent;
}

.navBar_02 .menu .current-menu-item > a::after,
.navBar_02 .menu .current_page_item > a::after,
.navBar_02 .menu a.active::after,
.navBar_02 .navlinks .current-menu-item > a::after,
.navBar_02 .navlinks .current_page_item > a::after,
.navBar_02 .nav-links .current-menu-item > a::after,
.navBar_02 .nav-links .current_page_item > a::after {
  content: none;
}

/* ── Search ── */
.navBar_02 .search,
.navBar_02 .nav-search {
  margin-left: auto;
  width: 260px;
  height: 38px;
  border: 1px solid var(--nb2-line);
  border-radius: 5px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
  flex-shrink: 0;
}

.navBar_02 .search input,
.navBar_02 .nav-search input {
  flex: 1;
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
  font-size: 13px;
  color: #444;
  background: transparent;
  padding: 0;
}

.navBar_02 .search input::placeholder,
.navBar_02 .nav-search input::placeholder {
  color: #aaa39b;
}

.navBar_02 .search-icon {
  width: 17px;
  height: 17px;
  border: 2px solid #111;
  border-radius: 50%;
  position: relative;
  flex: 0 0 17px;
}

.navBar_02 .search-icon::after {
  content: "";
  position: absolute;
  width: 8px;
  border-top: 2px solid #111;
  right: -6px;
  bottom: -4px;
  transform: rotate(45deg);
}

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

/* ── Login / user ── */
.navBar_02 .login,
.navBar_02 .nav-login {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: var(--nb2-text);
  white-space: nowrap;
  flex-shrink: 0;
}

.navBar_02 .login .head-login,
.navBar_02 .nav-login .head-login {
  display: inline;
  color: var(--nb2-text);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  padding: 0;
  background: transparent;
  border: 0;
}

.navBar_02 .login .head-login::before,
.navBar_02 .nav-login .head-login::before {
  content: none;
}

.navBar_02 .login .head-login:hover,
.navBar_02 .nav-login .head-login:hover {
  color: var(--nb2-accent);
}

.navBar_02 .nav-right .header-info,
.navBar_02 .login.header-info,
.navBar_02 .nav-login.header-info {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible;
}

.navBar_02 .nav-right .header-info > em,
.navBar_02 .login > em,
.navBar_02 .nav-login > em {
  display: none !important;
}

.navBar_02 .nav-right #nav_user,
.navBar_02 .login #nav_user,
.navBar_02 .nav-login #nav_user {
  display: inline-flex !important;
  align-items: center;
  width: auto;
  flex: 0 0 auto;
  position: relative;
  overflow: visible;
}

.navBar_02 .nav-right #nav_user > em,
.navBar_02 .login #nav_user > em,
.navBar_02 .nav-login #nav_user > em {
  display: none !important;
}

.navBar_02 .nav-right .head-avatar,
.navBar_02 .login .head-avatar,
.navBar_02 .nav-login .head-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
}

.navBar_02 .nav-right .head-avatar .avatar,
.navBar_02 .login .head-avatar .avatar,
.navBar_02 .nav-login .head-avatar .avatar {
  width: 28px;
  height: 28px;
  border: 1px solid #d4ccc0;
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: center;
}

.navBar_02 .nav-right .header-info .head-avatar .avatar img,
.navBar_02 .nav-right .header-info .head-avatar > a img,
.navBar_02 .login .head-avatar .avatar img,
.navBar_02 .nav-login .head-avatar .avatar img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.navBar_02 .nav-right .head-avatar .user-down,
.navBar_02 .nav-right .head-avatar .user-down.ceo-position-top-right,
.navBar_02 .login .head-avatar .user-down,
.navBar_02 .nav-login .head-avatar .user-down {
  position: absolute !important;
  width: 330px !important;
  top: calc(100% - 15px) !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  z-index: 1001;
  transform: none !important;
  right: 300px !important; 
  /*display: block !important;*/
}

.navBar_02 .nav-right .user-down-main,
.navBar_02 .login .user-down-main,
.navBar_02 .nav-login .user-down-main {
  width: 100%;
  min-width: 330px;
}

/* ── Member button ── */
.navBar_02 .member-btn {
  border: 0;
  background: #111;
  color: #fff;
  height: 38px;
  padding: 0 18px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
}

.navBar_02 .member-btn:hover {
  color: #fff;
  background: #2a2a2a;
}

/* ── Responsive ── */
@media (max-width: 980px) {
  .navBar_02.topbar {
    height: auto;
    position: relative;
  }

  .navBar_02 .page,
  .navBar_02 .nav,
  .navBar_02 .topnav-inner,
  .navBar_02 .nav-inner {
    height: auto;
    flex-wrap: wrap;
    padding: 14px 0;
    gap: 14px;
  }

  .navBar_02 .menu,
  .navBar_02 .navlinks,
  .navBar_02 .nav-links {
    order: 3;
    width: 100%;
    gap: 18px;
    overflow: auto;
    margin-left: 0;
    padding-bottom: 3px;
  }

  .navBar_02 .search,
  .navBar_02 .nav-search {
    width: min(100%, 320px);
    margin-left: auto;
  }
}

@media (max-width: 680px) {
  .navBar_02 .page,
  .navBar_02 .nav,
  .navBar_02 .topnav-inner,
  .navBar_02 .nav-inner {
    width: min(100% - 20px, var(--nb2-container));
  }

  .navBar_02 .search,
  .navBar_02 .nav-search {
    width: 100%;
    order: 4;
    margin-left: 0;
  }

  .navBar_02 .login,
  .navBar_02 .nav-login,
  .navBar_02 .member-btn {
    display: none;
  }
}

@media (max-width: 820px) {
  .navBar_02 .brand-sub {
    display: none;
  }
}