.qxxb-navigation{position:sticky;top:0;z-index:60;border-bottom:1px solid #ece5ef;background:rgba(255,255,255,.97);box-shadow:0 3px 20px #25104004;isolation:isolate}
.qxxb-navigation::before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,#ff853d26,#ff853d 25%,#7528d4 75%,#7528d426)}
.qxxb-navigation-inner{position:relative;display:flex;align-items:center;gap:36px;max-width:1200px;min-height:88px;margin:auto;padding:16px 28px;z-index:2}
.qxxb-navigation .qxxb-brand{display:inline-flex;flex:none;direction:ltr;align-items:center;gap:9px;color:#111a4b;text-decoration:none}
.qxxb-brand svg{width:44px;height:34px;overflow:visible;flex:none}
.qxxb-brand strong{font-family:Arial,sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-1px}
.qxxb-desktop-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}
.qxxb-navigation .qxxb-desktop-links a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:9px;color:#4f526c;font-size:14px;font-weight:500;white-space:nowrap;transition:color .16s,background .16s}
.qxxb-navigation .qxxb-desktop-links a:hover{background:#f8f4fc;color:#6527b6}
.qxxb-navigation .qxxb-desktop-links a[aria-current]{color:#6527b6;font-weight:600}
.qxxb-desktop-links a[aria-current]::after{content:"";position:absolute;bottom:1px;inset-inline-start:calc(50% - 9px);width:18px;height:2px;border-radius:2px;background:#7528d4}
.qxxb-navigation-actions{display:flex;align-items:center;gap:15px}
.qxxb-navigation .qxxb-subscription-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #e1d3f2;border-radius:11px;background:#f8f2ff;color:#6125af;font-size:14px;font-weight:600;white-space:nowrap;transition:background .16s,border-color .16s,box-shadow .16s}
.qxxb-navigation .qxxb-subscription-link:hover,.qxxb-navigation .qxxb-subscription-link[aria-current]{background:#efe1ff;border-color:#c8a6ee;box-shadow:0 3px 10px #7528d40a}
.qxxb-subscription-link svg{width:20px;height:20px;flex:none}
.qxxb-navigation .qxxb-account-link,.qxxb-desktop-logout button{display:inline-flex;align-items:center;min-height:44px;color:#55536e;font-size:13px;font-weight:500;white-space:nowrap;background:transparent;padding:8px 0}
.qxxb-navigation .qxxb-account-link:hover,.qxxb-desktop-logout button:hover{color:#6527b6}
.qxxb-desktop-logout{margin:0}
.qxxb-menu-toggle{display:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:11px;border:1px solid #e9e1ee;border-radius:11px;background:#fff;color:#31214b}
.qxxb-menu-toggle svg{width:22px;height:22px}
.qxxb-menu-close-icon{display:none}
.qxxb-menu-toggle[aria-expanded=true]{background:#f7f1fd;border-color:#d6bfe9;color:#6527b6}
.qxxb-menu-toggle[aria-expanded=true] .qxxb-menu-close-icon{display:block}
.qxxb-menu-toggle[aria-expanded=true] .qxxb-menu-open-icon{display:none}
.qxxb-navigation a:focus-visible,.qxxb-navigation button:focus-visible{outline:3px solid #9863d7;outline-offset:3px}
.qxxb-navigation-backdrop,.qxxb-mobile-panel{display:none}
.qxxb-navigation [hidden]{display:none!important}
.qxxb-navigation~main [id]{scroll-margin-top:108px}
@media(max-width:1050px){
 .qxxb-navigation-inner{min-height:76px;gap:24px;padding:13px 24px}
 .qxxb-desktop-links{gap:0}
 .qxxb-navigation .qxxb-desktop-links a{font-size:13px;padding-inline:9px}
 .qxxb-navigation-actions{gap:10px}
 .qxxb-navigation .qxxb-account-link,.qxxb-desktop-logout{display:none}
}
@media(max-width:800px){
 .qxxb-navigation-inner{min-height:74px;gap:16px;padding:12px 18px;justify-content:space-between}
 .qxxb-desktop-links{display:none}
 .qxxb-menu-toggle{display:inline-flex}
 .qxxb-brand strong{font-size:28px}
 .qxxb-brand svg{width:42px;height:32px}
 .qxxb-navigation .qxxb-subscription-link{font-size:13px;padding:9px 12px;gap:6px}
 .qxxb-navigation-backdrop{display:block;position:fixed;inset:var(--qxxb-navigation-bottom,74px) 0 0;background:#18102e38;backdrop-filter:blur(3px);z-index:3}
 .qxxb-mobile-panel{display:block;position:fixed;top:calc(var(--qxxb-navigation-bottom,74px) + 10px);inset-inline:16px;max-height:calc(100dvh - var(--qxxb-navigation-bottom,74px) - 26px);overflow:auto;padding:22px;border:1px solid #e9dfef;border-radius:18px;background:#fff;box-shadow:0 18px 60px #21133526;z-index:4;overscroll-behavior:contain;animation:qxxb-menu-in .18s ease-out}
 .qxxb-menu-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 18px;color:#222447;font-size:14px;font-weight:600}
 .qxxb-navigation .qxxb-menu-title small{display:block;font-size:12px;color:#77718a;font-weight:400;line-height:1.6}
 .qxxb-navigation .qxxb-menu-subscription{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e4d3f5;border-radius:12px;background:linear-gradient(110deg,#fcf8ff,#f6edff);color:#6022ab;text-decoration:none}
 .qxxb-menu-subscription-icon{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1px solid #e4d4f5;border-radius:10px;background:#fff}
 .qxxb-menu-subscription-icon svg{width:21px;height:21px}
 .qxxb-menu-subscription strong{display:block;font-size:15px;font-weight:600}
 .qxxb-navigation .qxxb-menu-subscription small{display:block;font-size:12px;line-height:1.7;margin-top:2px;color:#79648e}
 .qxxb-nav-arrow{margin-inline-start:auto;color:#916aaf;font-family:Arial,sans-serif;font-size:19px}
 .qxxb-menu-links{display:grid;gap:3px;padding-block:16px}
 .qxxb-navigation .qxxb-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:9px 10px;border-radius:9px;color:#272940;font-size:14px;font-weight:500}
 .qxxb-navigation .qxxb-menu-links a:hover{color:#6324b0;background:#f8f4fc}
 .qxxb-menu-account{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;border-top:1px solid #eee9f1;padding:15px 10px 0}
 .qxxb-navigation .qxxb-menu-account a,.qxxb-menu-account button{display:inline-flex;align-items:center;gap:8px;min-height:36px;background:transparent;padding:2px 0;color:#65586f;font-size:13px;font-weight:500}
 .qxxb-menu-account form{margin:0}
 .qxxb-nav-open{overflow:hidden}
}
@media(max-width:420px){
 .qxxb-navigation-inner{padding-inline:14px;gap:9px}
 .qxxb-navigation-actions{gap:8px}
 .qxxb-brand strong{font-size:25px}
 .qxxb-brand svg{width:37px;height:29px}
 .qxxb-navigation .qxxb-brand{gap:7px}
 .qxxb-navigation .qxxb-subscription-link{font-size:12px;padding-inline:10px}
 .qxxb-subscription-link svg{width:18px;height:18px}
 .qxxb-mobile-panel{inset-inline:12px;padding:18px}
 .qxxb-menu-title{align-items:flex-start;flex-direction:column;gap:1px}
}
@media(max-width:350px){.qxxb-subscription-link svg{display:none}.qxxb-navigation .qxxb-subscription-link{padding-inline:8px}.qxxb-navigation-inner{padding-inline:10px}.qxxb-navigation-actions{gap:6px}}
@keyframes qxxb-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.qxxb-mobile-panel{animation:none}.qxxb-navigation a{transition:none}}
@media print{.qxxb-navigation{position:static}.qxxb-desktop-links,.qxxb-navigation-actions,.qxxb-navigation-backdrop,.qxxb-mobile-panel{display:none!important}}