/* ── JOYRISE SHARED NAV ─────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;700&family=Noto+Sans+SC:wght@300;400;500&family=Barlow:ital,wght@0,300;0,400;0,600;0,700;1,300&family=Barlow+Condensed:wght@400;600;700&display=swap');

:root {
  --sky:        #5ba3d0;
  --sky-light:  #8ec4e4;
  --sky-pale:   #e8f4fb;
  --sky-bg:     #f0f8fd;
  --navy:       #1a4f8a;
  --navy-dark:  #0f3060;
  --white:      #ffffff;
  --gray-100:   #f5f7fa;
  --gray-200:   #e8edf3;
  --gray-400:   #9aafc4;
  --gray-600:   #5a7290;
  --text:       #1c2f45;
  --text-light: #5a7290;
  --border:     rgba(91,163,208,0.2);
  --border-navy:rgba(26,79,138,0.12);
}

nav.joyrise-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 64px;
  height: 72px;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 20px rgba(26,79,138,0.06);
}

/* Logo */
.nav-logo { display:flex; align-items:center; gap:14px; text-decoration:none; flex-shrink:0; }
.nav-logo img { height:40px; width:auto; object-fit:contain; }
.nav-logo-text { display:flex; flex-direction:column; gap:2px; }
.nav-logo-cn { font-family:'Noto Serif SC',serif; font-size:13.5px; font-weight:600; color:var(--navy); letter-spacing:0.5px; line-height:1.2; }
.nav-logo-en { font-family:'Barlow',sans-serif; font-size:9.5px; color:var(--sky); letter-spacing:2.5px; text-transform:uppercase; }

/* Right side wrapper */
.nav-right { display:flex; align-items:center; gap:32px; }

/* All nav links — uniform style, no special CTA button */
.nav-links { display:flex; align-items:center; gap:28px; list-style:none; }
.nav-links a {
  font-family:'Barlow',sans-serif;
  font-size:12.5px; font-weight:400;
  color:var(--gray-600);
  text-decoration:none;
  letter-spacing:1.5px;
  text-transform:uppercase;
  transition:color 0.2s;
  position:relative;
  white-space:nowrap;
}
.nav-links a::after {
  content:'';
  position:absolute; bottom:-3px; left:0;
  width:0; height:2px;
  background:var(--sky);
  transition:width 0.3s;
}
.nav-links a:hover,
.nav-links a.active { color:var(--navy); }
.nav-links a:hover::after,
.nav-links a.active::after { width:100%; }

/* Language switcher */
.lang-switcher { display:flex; align-items:center; border:1px solid var(--border); overflow:hidden; flex-shrink:0; }
.lang-btn { font-family:'Barlow',sans-serif; font-size:11px; font-weight:500; letter-spacing:1.5px; color:var(--gray-400); background:transparent; border:none; cursor:pointer; padding:6px 13px; text-transform:uppercase; transition:all 0.2s; text-decoration:none; display:inline-block; }
.lang-btn:hover { color:var(--navy); background:var(--sky-pale); }
.lang-btn.active { color:var(--sky); background:var(--sky-pale); }
.lang-divider { width:1px; height:14px; background:var(--border); flex-shrink:0; }

@media (max-width:960px) {
  nav.joyrise-nav { padding:0 20px; }
  .nav-logo-en { display:none; }
  .nav-logo-cn { font-size:11.5px; }
  .nav-links { gap:16px; }
  .nav-links a { font-size:11px; letter-spacing:1px; }
}
@media (max-width:700px) {
  .nav-links { gap:12px; }
  .nav-links a { font-size:10px; letter-spacing:0.8px; }
}