/* One public navigation shared by every AIWEYOU page. */
.global-header {
  flex: 0 0 64px;
  width: 100%;
  height: 64px !important;
  background: #fff;
  border-bottom: 0;
  box-sizing: border-box;
}

.global-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 29px;
}

.global-logo {
  display: flex;
  align-items: center;
  padding: 7px 0;
  min-width: 0;
  color: #111;
  text-decoration: none;
}

.global-logo img { display: block; width: 175px; height: 48px; object-fit: contain; max-width: 42vw; }

.global-brand-group {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.global-header .service-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 310px;
  min-height: 34px;
  padding: 0 10px;
  background: #df2029;
  color: #fff !important;
  font: 700 25px/1 "Noto Sans SC", "Microsoft YaHei", sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.global-header .service-badge:hover {
  background: #b9151d;
  color: #fff !important;
  transform: translateY(-2px);
}

.service-badge-text {
  display: inline-block;
  width: 0;
  max-width: 12em;
  overflow: hidden;
  border-right: 1px solid currentColor;
  line-height: 1;
  animation: aw-service-typing 5.2s steps(12,end) infinite, aw-service-caret .7s step-end infinite;
}

@keyframes aw-service-typing {
  0%,8% { width: 0; }
  48%,76% { width: 12em; }
  96%,100% { width: 0; }
}

@keyframes aw-service-caret {
  0%,100% { border-color: transparent; }
  50% { border-color: currentColor; }
}

.global-header .top-right,
.global-header .primary-nav,
.global-header .top-actions {
  display: flex;
  align-items: center;
}

.global-header .top-right { gap: 30px; }
.global-header .primary-nav { gap: 20px; }
.global-header .top-actions { gap: 19px; }

.global-header .primary-nav a,
.global-header .login,
.global-header .register {
  color: #333;
  font: 13px "Noto Sans SC", "Microsoft YaHei", sans-serif;
  text-decoration: none;
}

.global-header .primary-nav a {
  color: #4e4e4e;
  font-size: 12px;
  transition: color .2s;
}
.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-menu{position:absolute;z-index:50;top:calc(100% + 16px);left:-170px;display:none;width:min(780px,calc(100vw - 80px));padding:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 45px #1112}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.nav-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nav-mega-grid>a{display:flex!important;min-height:92px;flex-direction:column;justify-content:center;padding:14px;background:#fafafa;white-space:normal;text-decoration:none}.nav-mega-grid>a:hover{background:#eaf4ff;transform:translateY(-2px)}.nav-mega-grid b,.nav-mega-grid span,.nav-mega-grid small{display:block}.nav-mega-grid b{color:#1d2939;font-size:14px}.nav-mega-grid span{margin-top:7px;color:#7b8797;font-size:11px;line-height:1.5}.nav-mega-grid small{margin-top:auto;color:#df2029;font-size:10px}.nav-mega-feature{grid-column:3;grid-row:1 / span 2!important;background:linear-gradient(145deg,#111827,#2e3c52)!important;color:#fff!important}.nav-mega-feature strong{font-size:17px;line-height:1.35}.nav-mega-feature span{color:#cbd5e1!important;font-size:12px}.nav-mega-feature em{margin-top:20px;color:#6db1ff;font-size:12px;font-style:normal}

.global-header .primary-nav a:hover,
.global-header .primary-nav a.active,
.global-header .login:hover { color: #df2029; }

.global-header .language,
.global-header .login,
.global-header .register {
  border: 0;
  background: none;
  cursor: pointer;
  transition: color .2s, transform .2s, background .2s;
}

.global-header .language {
  padding: 0;
  color: #333;
  font: 11px "DM Mono", monospace;
  letter-spacing: .08em;
}

.global-header .login { padding: 0; }
.global-header .language:hover,
.global-header .login:hover { transform: translateY(-1px); }

.global-header .register {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  background: #df2029;
  color: #fff !important;
}

.global-header .register:hover {
  background: #b9151d;
  transform: translateY(-2px);
}

.mobile-menu-toggle,
.mobile-nav { display: none; }

@media (max-width: 760px) {
  .global-header { flex-basis: 56px; height: 56px !important; }
  .global-topbar { gap: 14px; padding: 0 16px; }
  .global-header .primary-nav,
  .global-header .language { display: none; }
  .global-header .top-right { flex: 0 0 auto; gap: 0; margin-left: auto; }
  .global-header .top-actions { gap: 10px; }
  .global-header .login,
  .global-header .register { font-size: 12px; }
  .global-logo { padding: 6px 0; }
  .global-logo img { width: 120px; height: 32px; max-width: 42vw; }
  .global-brand-group { flex: 0 1 auto; gap: 0; }
  .global-header .service-badge { width: 112px; min-height: 30px; margin-left: -5px; padding: 0 5px; font-size: 8.5px; }
  .global-header .register,
  .global-header .account-link-nav { display: none; }
  .mobile-menu-toggle { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid #d8d8d8; background: #fff; color: #333; font-size: 16px; line-height: 1; cursor: pointer; }
  .mobile-nav { position: absolute; z-index: 20; top: 56px; right: 12px; left: 12px; display: grid; gap: 1px; padding: 7px; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0 8px 22px #1112; }
  .mobile-nav[hidden] { display: none; }
  .mobile-nav a { padding: 12px 13px; color: #333; background: #fafafa; font-size: 13px; text-decoration: none; }
  .mobile-nav a:hover { color: #df2029; background: #f5f5f5; }
}
@media (min-width: 761px) and (max-width: 1060px) {
  .global-logo img { width: 145px; }
  .global-brand-group { gap: 8px; }
  .global-header .service-badge { width: 230px; padding: 0 7px; font-size: 18px; }
  .global-header .top-right { gap: 17px; }
  .global-header .primary-nav { gap: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-badge-text { width: 12em; border-right: 0; animation: none; }
}
.account-link-nav{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dfe3e8;color:#171a20!important;text-decoration:none;transition:.2s}.account-link-nav small{color:#d72525;font-size:10px}.account-link-nav:hover{border-color:#d72525;transform:translateY(-2px);box-shadow:3px 3px 0 #171a20}
