/* =====================================================

   链金引擎 Unified Navigation v2.1

   全站统一导航栏：固定顶部 / 毛玻璃 / 响应式

   ===================================================== */



.lj-nav{

  position:fixed;

  top:0;left:0;right:0;

  z-index:1000;

  background:rgba(255,255,255,.98);

  backdrop-filter:blur(20px);

  -webkit-backdrop-filter:blur(20px);

  border-bottom:1px solid var(--border);

  box-shadow:var(--shadow-sm);

}

.lj-nav-inner{

  display:flex;

  align-items:center;

  justify-content:space-between;

  height:var(--nav-height);

  padding:0 var(--section-px);

  max-width:var(--container-max);

  margin:0 auto;

}

.lj-nav-logo{

  display:flex;

  align-items:center;

  gap:10px;

  text-decoration:none;

  flex-shrink:0;

}

.lj-nav-logo img{

  width:34px;

  height:34px;

  border-radius:8px;

  object-fit:cover;

}

.lj-nav-logo span{

  font-size:18px;

  font-weight:800;

  color:var(--navy);

  letter-spacing:.5px;

}



/* Nav links */

.lj-nav-links{

  display:flex;

  align-items:center;

  gap:4px;

  flex:1;

  justify-content:center;

}

.lj-nav-links a,

.lj-nav-dropbtn{

  height:40px;

  display:inline-flex;

  align-items:center;

  gap:6px;

  padding:0 14px;

  border-radius:10px;

  font-size:14px;

  color:var(--muted);

  font-weight:500;

  transition:all .2s ease;

  background:none;

  border:none;

  cursor:pointer;

  white-space:nowrap;

}

.lj-nav-links a:hover,

.lj-nav-dropbtn:hover{

  color:var(--navy);

  background:var(--bg-section);

}

.lj-nav-links a.active,

.lj-nav-links a.lj-nav-core.active{

  color:var(--navy);

  background:rgba(12,68,124,.08);

  font-weight:600;

}

.lj-nav-core .nav-icon{font-size:15px}

.lj-nav-pricing{

  color:var(--gold-dark)!important;

}

.lj-nav-pricing:hover{background:var(--gold-bg)!important}

.lj-nav-pricing.active{background:var(--gold-bg)!important;color:var(--gold-dark)!important;font-weight:600}



/* Dropdown */

.lj-nav-dropdown{position:relative}

.lj-nav-arrow{font-size:10px;transition:transform .2s ease}

.lj-nav-dropdown.open .lj-nav-arrow{transform:rotate(180deg)}

.lj-nav-dropdown-menu{

  position:absolute;

  top:calc(100% + 8px);

  left:50%;

  transform:translateX(-50%) translateY(-6px);

  background:#fff;

  border:1px solid var(--border);

  border-radius:var(--radius);

  box-shadow:var(--shadow-lg);

  padding:8px;

  min-width:190px;

  opacity:0;

  visibility:hidden;

  transition:all .2s ease;

  z-index:1001;

}

.lj-nav-dropdown.open .lj-nav-dropdown-menu{

  opacity:1;

  visibility:visible;

  transform:translateX(-50%) translateY(0);

}

.lj-nav-dropdown-menu a{

  display:flex;

  align-items:center;

  gap:10px;

  padding:10px 14px;

  border-radius:8px;

  font-size:14px;

  color:var(--text);

  width:100%;

}

.lj-nav-dropdown-menu a:hover{background:var(--bg-section);color:var(--navy)}

.lj-nav-dropdown-menu a.active{background:rgba(12,68,124,.08);color:var(--navy);font-weight:600}

.lj-nav-dropicon{font-size:15px;width:20px;text-align:center}



/* Actions */

.lj-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}

.lj-nav-guest,.lj-nav-user{display:flex;align-items:center;gap:10px}

.lj-nav-login,

.lj-nav-register{

  height:36px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:0 18px;

  border-radius:8px;

  font-size:14px;

  font-weight:600;

  transition:all .2s ease;

}

.lj-nav-login{

  color:var(--navy);

  background:transparent;

  border:1px solid var(--border);

}

.lj-nav-login:hover{border-color:var(--navy);background:var(--bg-section)}

.lj-nav-login.active{background:rgba(12,68,124,.08)}

.lj-nav-register{

  color:#fff;

  background:var(--navy);

  border:1px solid var(--navy);

  box-shadow:0 2px 8px rgba(12,68,124,.2);

}

.lj-nav-register:hover{background:var(--navy-dark)}

.lj-nav-workbench{

  height:36px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:0 16px;

  border-radius:8px;

  font-size:14px;

  font-weight:600;

  color:var(--navy);

  background:rgba(12,68,124,.08);

  transition:all .2s ease;

}

.lj-nav-workbench:hover{background:rgba(12,68,124,.12)}

.lj-nav-workbench.active{background:var(--navy);color:#fff}



/* User dropdown */

.lj-nav-userdrop{position:relative}

.lj-nav-userbtn{

  height:36px;

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:0 10px 0 6px;

  border-radius:20px;

  background:var(--bg-section);

  border:1px solid var(--border);

  cursor:pointer;

  font-size:13px;

  color:var(--text);

  font-weight:500;

  transition:all .2s ease;

}

.lj-nav-userbtn:hover{border-color:var(--border-hover);background:#fff}

.lj-user-avatar{

  width:24px;

  height:24px;

  border-radius:50%;

  background:linear-gradient(135deg,var(--navy),var(--navy-light));

  color:#fff;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  font-size:11px;

  font-weight:700;

}

.lj-nav-usermenu{

  position:absolute;

  top:calc(100% + 8px);

  right:0;

  background:#fff;

  border:1px solid var(--border);

  border-radius:var(--radius);

  box-shadow:var(--shadow-lg);

  padding:8px;

  min-width:160px;

  opacity:0;

  visibility:hidden;

  transition:all .2s ease;

  z-index:1001;

}

.lj-nav-userdrop.open .lj-nav-usermenu{opacity:1;visibility:visible}

.lj-nav-usermenu a{

  display:flex;

  align-items:center;

  gap:10px;

  padding:10px 14px;

  border-radius:8px;

  font-size:13px;

  color:var(--text);

}

.lj-nav-usermenu a:hover{background:var(--bg-section);color:var(--navy)}



/* Mobile menu button */

.lj-nav-mobile-btn{

  display:none;

  width:40px;

  height:40px;

  border-radius:8px;

  align-items:center;

  justify-content:center;

  font-size:20px;

  color:var(--navy);

  background:var(--bg-section);

}



/* Mobile drawer */

.lj-nav-drawer{

  display:none;

  position:fixed;

  top:0;right:0;

  width:280px;

  height:100vh;

  background:#fff;

  box-shadow:-8px 0 32px rgba(0,0,0,.12);

  z-index:1002;

  flex-direction:column;

  padding:80px 20px 24px;

  transform:translateX(100%);

  transition:transform .3s ease;

}

.lj-nav-drawer.open{transform:translateX(0)}

.lj-nav-drawer a{

  padding:14px;

  border-radius:10px;

  font-size:15px;

  color:var(--text);

  font-weight:500;

  display:flex;

  align-items:center;

  gap:10px;

}

.lj-nav-drawer a:hover{background:var(--bg-section);color:var(--navy)}

.lj-nav-drawer a.active{background:rgba(12,68,124,.08);color:var(--navy);font-weight:600}

.lj-nav-overlay{

  display:none;

  position:fixed;

  inset:0;

  background:rgba(0,0,0,.4);

  z-index:1001;

  opacity:0;

  transition:opacity .3s ease;

}

.lj-nav-overlay.open{display:block;opacity:1}



/* Responsive */

@media(max-width:900px){

  .lj-nav-links{display:none}

  .lj-nav-mobile-btn{display:flex}

  .lj-nav-drawer{display:flex}

}

@media(max-width:480px){

  .lj-nav-logo span{font-size:16px}

  .lj-nav-login{padding:0 12px;font-size:13px}

  .lj-nav-register{padding:0 12px;font-size:13px}

}



/* Nav SVG icon sizing */

.nav-icon-img{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;margin-right:6px}

.lj-nav-core{display:inline-flex;align-items:center}

.lj-nav-core span{vertical-align:middle}

/* Drawer SVG icon sizing */

.lj-nav-drawer a img.icon-nav{margin-right:10px}


/* Pricing nav dropdown */
.lj-nav-dropdown .lj-nav-pricing.lj-nav-dropbtn{color:var(--gold-dark)!important}
.lj-nav-dropdown .lj-nav-pricing.lj-nav-dropbtn:hover{background:var(--gold-bg)!important}
.lj-nav-dropdown.open .lj-nav-pricing.lj-nav-dropbtn{background:var(--gold-bg)!important;color:var(--gold-dark)!important;font-weight:600}