/* 独立命名空间，避免首页 Bootstrap 与帮助中心旧样式互相影响。 */
.top_navigation.gj-top-information { position: relative; z-index: 1001; overflow: visible; }
.gj-top-information .top_right .wx { z-index: 1002; }
#gj-navigation { position: relative; z-index: 1000; width: 100%; padding: 20px 0; background: #fff; font-family: "Microsoft Yahei", sans-serif; color: #0e1133; }
#gj-navigation.gj-navigation-home { position: absolute; top: 0; left: 0; padding-top: 30px; background: transparent; }
#gj-navigation * { box-sizing: border-box; }
#gj-navigation .gj-navigation-inner { display: flex; align-items: center; gap: 24px; width: calc(100% - 30px); max-width: 1200px; margin: 0 auto; }
#gj-navigation a { text-decoration: none; }
#gj-navigation button { margin: 0; font-family: inherit; cursor: pointer; }
#gj-navigation .gj-navigation-logo { flex: 0 0 156px; line-height: 0; }
#gj-navigation .gj-navigation-logo img { width: 156px; height: 39px; max-width: 100%; margin: 0; }
#gj-navigation-menu { display: flex; align-items: center; justify-content: center; gap: 35px; flex: 1; }
#gj-navigation-menu > a, #gj-navigation .gj-navigation-scene-toggle { padding: 0; border: 0; background: none; color: #0e1133; font-size: 15px; font-weight: 700; line-height: 45px; white-space: nowrap; }
#gj-navigation-menu > a:hover, #gj-navigation-menu .is-current { color: #2b70fa; }
#gj-navigation .gj-navigation-actions { display: flex; gap: 10px; flex-shrink: 0; }
#gj-navigation .gj-navigation-actions a, #gj-navigation .gj-navigation-actions button { display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; height: 45px; border: 1px solid #2b70fa; border-radius: 6px; background: #2b70fa; color: #fff; font-size: 15px; font-weight: 500; line-height: 1; white-space: nowrap; }
#gj-navigation .gj-navigation-actions .gj-navigation-logout { background: #fff; color: #2b70fa; padding: 0 12px; }
#gj-navigation .gj-navigation-scenes { position: relative; }
#gj-navigation .gj-navigation-popup { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); width: 360px; padding: 16px 18px; background: #fff; border: 1px solid #edf0f6; border-radius: 12px; box-shadow: 0 14px 36px rgba(20,37,70,.16); max-height: 75vh; overflow-y: auto; }
#gj-navigation [hidden] { display: none !important; }
#gj-navigation .gj-navigation-popup h3 { height: 45px; margin: 0 0 6px; padding: 0 0 8px; border-bottom: 1px solid #edf0f3; font-size: 18px; line-height: 30px; color: #202532; }
#gj-navigation .gj-navigation-popup a { display: block; padding: 12px 0; border-bottom: 1px solid #f0f1f4; color: #202532; }
#gj-navigation .gj-navigation-popup strong { display: block; font-size: 15px; line-height: 1.35; font-weight: 700; }
#gj-navigation .gj-navigation-popup a:hover strong { color: #2b70fa; }
#gj-navigation .gj-navigation-popup small { display: block; margin-top: 6px; color: #7b8392; font-size: 12px; font-weight: 400; line-height: 1.6; white-space: normal; }
#gj-navigation .gj-navigation-toggle { display: none; }
@media (max-width: 1199px) {
    #gj-navigation .gj-navigation-inner { gap: 16px; }
    #gj-navigation-menu { gap: 12px; }
    #gj-navigation .gj-navigation-actions a { padding: 0 14px; }
}
@media (max-width: 991px) {
    #gj-navigation .gj-navigation-inner { flex-wrap: wrap; }
    #gj-navigation .gj-navigation-toggle { display: block; margin-left: auto; padding: 0; border: 0; background: none; color: #0e1133; font-size: 28px; line-height: 39px; }
    #gj-navigation-menu { display: none; order: 4; flex-basis: 100%; align-items: stretch; padding: 12px 18px; background: #fff; max-height: 70vh; overflow-y: auto; }
    #gj-navigation.is-open #gj-navigation-menu { display: flex; flex-direction: column; gap: 0; }
    #gj-navigation-menu > a, #gj-navigation .gj-navigation-scene-toggle { display: block; width: 100%; text-align: left; line-height: 42px; }
    #gj-navigation .gj-navigation-popup { position: static; width: 100%; transform: none; box-shadow: none; border: 0; border-left: 2px solid #e9eef8; border-radius: 0; padding: 0 12px; max-height: none; }
    #gj-navigation .gj-navigation-popup h3, #gj-navigation .gj-navigation-popup small { display: none; }
    #gj-navigation .gj-navigation-popup a { padding: 9px 0; }
    #gj-navigation .gj-navigation-popup strong { font-size: 14px; font-weight: 400; }
}
@media (max-width: 575px) {
    #gj-navigation .gj-navigation-actions { display: none; }
}
