/* ===================================================================
   响应式导航栏完整优化版
   - 清晰分离电脑端和手机端样式
   - 去除重复定义
   - 确保互不干扰
   =================================================================== */





html body .header{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important;grid-template-areas:none !important;grid-template-columns:none !important;grid-template-rows:none !important;grid-area:none !important;grid-gap:0 !important;gap:0 !important}
html body .navbar{--page-margin:0 !important;--page-width:none !important;--entry-width:none !important;--header-height:auto !important;--border-radius:0 !important;--body-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif !important;--navbar-bg:transparent !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important;width:100% !important;max-width:100% !important;flex:1 !important;position:relative !important;margin:0 auto !important;padding:0 20px !important;grid-template-areas:none !important;grid-template-columns:none !important;grid-template-rows:none !important;grid-area:none !important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif !important;font-size:16px !important;font-weight:400 !important;line-height:1.5 !important;background:none !important;background-color:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;box-sizing:border-box !important;z-index:100 !important;overflow:visible !important}
.btn,[type=button],[type=submit],button{-webkit-box-shadow:none !important;box-shadow:none !important}
.search__button{overflow:unset !important}
html body .navbar::after{content:"" !important;display:table !important;clear:both !important}
html body .navbar .navbar__brand-container{flex-shrink:0 !important;margin:0 !important;padding:0 !important;position:relative !important;z-index:1001 !important}
html body .navbar .navbar__brand,html body .navbar .logo{display:flex !important;align-items:center !important;width:auto !important;margin:0 !important;padding:0 20px 0 0 !important;font-size:1.5rem !important;font-weight:700 !important;color:inherit !important;text-decoration:none !important;cursor:pointer !important;transition:all 0.3s ease !important;position:relative !important;z-index:1001 !important;grid-area:none !important}
html body .navbar .logo img{width:auto !important;object-fit:contain !important}
html body .navbar .navbar__toggle{display:none !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;background:none !important;border:none !important;cursor:pointer !important;z-index:1001 !important;transition:all 0.3s ease !important;padding:0 !important}
html body .navbar .navbar__toggle:hover,html body .navbar .navbar__toggle:focus{outline:none !important;background:none !important}
html body .navbar .navbar__toggle .navbar__toggle-inner{display:none !important}
html body .navbar .navbar__toggle .navbar__toggle-box{display:flex !important;flex-direction:column !important;width:24px !important;height:18px !important}
html body .navbar .navbar__toggle .navbar__toggle-box span{display:block !important;width:100% !important;height:3px !important;background-color:#ffffff !important;border-radius:2px !important;transition:all 0.3s ease !important}
html body .navbar .search{display:flex !important;align-items:center !important;position:relative !important;max-width:50px !important;margin-right:0 !important}
html body .navbar .search__btn{width:50px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:none !important;border:none !important;cursor:pointer !important;transition:all 0.3s ease !important;border-radius:8px !important;padding:0 !important}
html body .navbar .search__btn:hover{background-color:rgba(0,123,255,0.1) !important;transform:scale(1.05) !important}
html body .navbar .search__btn svg{width:30px !important;height:30px !important;transition:all 0.3s ease !important}
@media (min-width:993px){html body .navbar{height:auto !important;min-height:80px !important;max-width:var(--navbar-width) !important;margin:0 auto !important}
html body .navbar .logo img{height:calc(var(--navbar-height,80px) - 20px) !important}
html body .navbar .navbar__menu{display:flex !important;flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;margin:0 !important;margin-left:auto !important;padding:0 !important;gap:10px !important;list-style:none !important;background:none !important;border:none !important;position:relative !important;z-index:100 !important}
html body .navbar .navbar__menu > li{display:block !important;margin:0 !important;padding:0 !important;list-style:none !important;background:none !important;position:relative !important}
html body .navbar .navbar__menu > li::before,html body .navbar .navbar__menu > li::after,html body .navbar .navbar__menu > li > a::before{display:none !important;content:none !important}
html body .navbar .navbar__menu > li > a,html body .navbar .navbar__menu > li > span{display:flex !important;align-items:center !important;padding:12px 18px !important;margin:0 !important;gap:6px !important;font-size:16px !important;font-weight:500 !important;line-height:1.5 !important;color:inherit !important;text-decoration:none !important;white-space:nowrap !important;background:none !important;border:none !important;border-radius:6px !important;cursor:pointer !important;transition:all 0.3s ease !important;position:relative !important}
html body .navbar .navbar__menu > li span.is-separator{padding:12px 18px !important}
html body .navbar .navbar__menu > .has-submenu > span::after,html body .navbar .navbar__menu > .has-submenu > a::after{content:'' !important;display:inline-block !important;width:0 !important;height:0 !important;margin-left:6px !important;border-left:4px solid transparent !important;border-right:4px solid transparent !important;border-top:5px solid currentColor !important;opacity:0.7 !important;transition:all 0.25s ease !important;vertical-align:middle !important}
html body .navbar .navbar__menu > .has-submenu:hover > span::after,html body .navbar .navbar__menu > .has-submenu:hover > a::after{opacity:1 !important;transform:rotate(180deg) !important}
html body .navbar .navbar__submenu{display:block !important;position:absolute !important;top:100% !important;left:0 !important;min-width:220px !important;width:max-content !important;max-width:320px !important;margin:0 !important;padding:6px 0 !important;list-style:none !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(0,0,0,0.06) !important;border-radius:4px !important;box-shadow:0 5px 20px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.08) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-12px) scale(0.95) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;z-index:1000 !important;overflow:visible !important}
html body .navbar .navbar__menu .has-submenu:hover > .navbar__submenu{opacity:1 !important;visibility:visible !important;transform:translateY(0) scale(1) !important}
html body .navbar .navbar__submenu li{display:block !important;margin:4px 8px !important;padding:0 !important;list-style:none !important;background:none !important;position:relative !important}
html body .navbar .navbar__submenu li::before,html body .navbar .navbar__submenu li::after{display:none !important;content:none !important}
html body .navbar .navbar__submenu a,html body .navbar .navbar__submenu .has-submenu > span{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:12px 18px !important;margin:0 !important;font-size:15px !important;font-weight:500 !important;line-height:1.4 !important;color:#334155 !important;text-decoration:none !important;white-space:nowrap !important;background:transparent !important;border:none !important;border-radius:4px !important;cursor:pointer !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important}
html body .navbar .navbar__submenu a::before,html body .navbar .navbar__submenu a::after{display:none !important;content:none !important}
html body .navbar .navbar__submenu a:hover,html body .navbar .navbar__submenu .has-submenu > span:hover{background:rgba(255,255,255,0.1) !important;color:#0369a1 !important;transform:translateX(2px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .navbar .navbar__submenu a:hover::before,html body .navbar .navbar__submenu .has-submenu > span:hover::before{content:'' !important;display:block !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;background:linear-gradient(180deg,#0ea5e9 0%,#0284c7 100%) !important;border-radius:0 2px 2px 0 !important}
html body .navbar .navbar__submenu .has-submenu > span::after{content:'' !important;display:inline-block !important;width:0 !important;height:0 !important;margin-left:12px !important;border-top:5px solid transparent !important;border-bottom:5px solid transparent !important;border-left:6px solid currentColor !important;opacity:0.6 !important;transition:all 0.25s ease !important}
html body .navbar .navbar__submenu .has-submenu:hover > span::after{opacity:1 !important;transform:translateX(2px) !important}
html body .navbar .navbar__submenu .navbar__submenu{top:-12px !important;left:100% !important;margin-left:8px !important;min-width:200px !important;box-shadow:0 12px 48px rgba(0,0,0,0.15),0 4px 16px rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu{background:white !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu{background:transparent !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu{background:#1e40af !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu{background:white !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu{background:linear-gradient(to bottom,#5a6fd8 0%,#6a4199 50%,#503075 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.18) !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu .navbar__submenu{background:white !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu .navbar__submenu{background:transparent !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu .navbar__submenu{background:#1e40af !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu .navbar__submenu{background:white !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu .navbar__submenu{background:linear-gradient(to bottom,#5a6fd8 0%,#6a4199 50%,#503075 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.18) !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu a,html body .header:has(.navbar--style-1) .navbar .navbar__submenu .has-submenu > span{color:#f8fafc !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu a,html body .header:has(.navbar--style-2) .navbar .navbar__submenu .has-submenu > span{color:#1e293b !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu a,html body .header:has(.navbar--style-3) .navbar .navbar__submenu .has-submenu > span{color:white !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu a,html body .header:has(.navbar--style-4) .navbar .navbar__submenu .has-submenu > span{color:#1e293b !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu a,html body .header:has(.navbar--style-5) .navbar .navbar__submenu .has-submenu > span{color:white !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu a,html body .header:has(.navbar--style-6) .navbar .navbar__submenu .has-submenu > span{color:#1e293b !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu a,html body .header:has(.navbar--style-7) .navbar .navbar__submenu .has-submenu > span{color:white !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu a,html body .header:has(.navbar--style-8) .navbar .navbar__submenu .has-submenu > span{color:white !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu a,html body .header:has(.navbar--style-9) .navbar .navbar__submenu .has-submenu > span{color:white !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu a,html body .header:has(.navbar--style-10) .navbar .navbar__submenu .has-submenu > span{color:#1e293b !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu .navbar__submenu a{color:#f8fafc !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu .navbar__submenu a{color:#1e293b !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu .navbar__submenu a{color:white !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu .navbar__submenu a{color:#1e293b !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu .navbar__submenu a{color:white !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu .navbar__submenu a{color:#1e293b !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu .navbar__submenu a{color:white !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu .navbar__submenu a{color:white !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu .navbar__submenu a{color:white !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu .navbar__submenu a{color:#1e293b !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-1) .navbar .navbar__submenu .has-submenu > span:hover{color:#ffffff !important;background-color:rgba(255,255,255,0.1) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-3) .navbar .navbar__submenu .has-submenu > span:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-4) .navbar .navbar__submenu .has-submenu > span:hover{color:#0f172a !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-5) .navbar .navbar__submenu .has-submenu > span:hover{color:white !important;background-color:rgba(255,255,255,0.1) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-6) .navbar .navbar__submenu .has-submenu > span:hover{color:#10b981 !important;background-color:rgba(16,185,129,0.05) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-7) .navbar .navbar__submenu .has-submenu > span:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-8) .navbar .navbar__submenu .has-submenu > span:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-9) .navbar .navbar__submenu .has-submenu > span:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu a:hover,html body .header:has(.navbar--style-10) .navbar .navbar__submenu .has-submenu > span:hover{color:#1e293b !important;background:rgba(255,255,255,0.5) !important;transform:translateX(4px) !important;box-shadow:0 2px 8px rgba(14,165,233,0.15) !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu .navbar__submenu a:hover{color:#ffffff !important;background-color:rgba(255,255,255,0.1) !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu .navbar__submenu a:hover{background:none !important;color:#1e293b !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu .navbar__submenu a:hover{background:none !important;color:#0f172a !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.1) !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu .navbar__submenu a:hover{color:#10b981 !important;background-color:rgba(16,185,129,0.05) !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu .navbar__submenu a:hover{color:#1e293b !important;background:rgba(255,255,255,0.5) !important}
html body .navbar .navbar__submenu .navbar__submenu a{font-size:14px !important;padding:10px 16px !important;color:#475569 !important}
html body .navbar .navbar__submenu .navbar__submenu a:hover{color:white !important;background-color:rgba(255,255,255,0.1) !important}
html body .navbar .navbar__submenu .navbar__submenu::before{left:-6px !important;top:20px !important;border-left:1px solid rgba(0,0,0,0.06) !important;border-bottom:1px solid rgba(0,0,0,0.06) !important;border-top:none !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu::before{background:rgba(248,250,252,0.9) !important;border-top:1px solid rgba(255,255,255,0.2) !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu::before{background:white !important;border-top:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.95) !important;border-top:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.9) !important;border-top:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu::before{background:white !important;border-top:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.95) !important;border-top:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.95) !important;border-top:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.95) !important;border-top:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu::before{background:rgba(255,255,255,0.9) !important;border-top:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-1) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.2) !important;border-bottom:1px solid rgba(255,255,255,0.2) !important}
html body .header:has(.navbar--style-2) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(0,0,0,0.1) !important;border-bottom:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-3) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-4) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(0,0,0,0.1) !important;border-bottom:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-5) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-6) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(0,0,0,0.1) !important;border-bottom:1px solid rgba(0,0,0,0.1) !important}
html body .header:has(.navbar--style-7) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-8) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-9) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .header:has(.navbar--style-10) .navbar .navbar__submenu .navbar__submenu::before{border-left:1px solid rgba(255,255,255,0.3) !important;border-bottom:1px solid rgba(255,255,255,0.3) !important}
html body .navbar .navbar__cta{display:inline-flex !important;align-items:center !important;padding:10px 24px !important;margin:0 0 0 15px !important;font-size:16px !important;font-weight:600 !important;color:white !important;border-radius:6px !important;cursor:pointer !important;transition:all 0.3s ease !important}
html body .navbar .navbar__submenu::-webkit-scrollbar{width:6px !important}
html body .navbar .navbar__submenu::-webkit-scrollbar-track{background:rgba(0,0,0,0.03) !important;border-radius:3px !important}
html body .navbar .navbar__submenu::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15) !important;border-radius:3px !important}
html body .navbar .navbar__submenu::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.25) !important}
}@media (max-width:992px){html body .header{flex-wrap:wrap !important;padding:10px 20px !important}
html body .navbar{width:100% !important;height:auto !important;min-height:60px !important;padding:0 !important}
html body .navbar .navbar__brand-container{display:block !important}
html body .navbar .navbar__brand,html body .navbar .logo{height:50px !important;padding:0 !important}
html body .navbar .logo img{height:40px !important}
html body .navbar .navbar__toggle{display:flex !important;width:50px !important;height:50px !important;margin-left:auto !important}
html body .navbar .navbar__toggle .navbar__toggle-box{gap:6px !important}
html body .navbar .navbar__toggle.active .navbar__toggle-box span:nth-child(1){transform:rotate(45deg) translate(6px,6px) !important}
html body .navbar .navbar__toggle.active .navbar__toggle-box span:nth-child(2){opacity:0 !important}
html body .navbar .navbar__toggle.active .navbar__toggle-box span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px) !important}
html body .navbar .navbar__menu{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;display:none !important;flex-direction:column !important;margin:0 !important;padding:10px !important;gap:0 !important;border-radius:0 0 8px 8px !important;box-shadow:0 10px 20px rgba(0,0,0,0.1) !important;max-height:calc(100vh - 100px) !important;overflow-y:auto !important;z-index:1000 !important;background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%) !important}
html body .navbar .navbar__menu.active{display:flex !important}
html body .navbar .navbar__menu > li{width:100% !important}
html body .navbar .navbar__menu > li > a,html body .navbar .navbar__menu > li > span{width:100% !important;padding:14px 18px !important;margin:6px 0 !important;border-radius:10px !important;background:rgba(255,255,255,0.1) !important;color:white !important;font-weight:600 !important;font-size:16px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;transition:all 0.3s ease !important}
html body .navbar .navbar__menu > li.active > a,html body .navbar .navbar__menu > li.has-submenu.active > span,html body .navbar .navbar__menu > li > a:hover,html body .navbar .navbar__menu > li > span:hover{background:rgba(255,255,255,0.25) !important;transform:translateX(4px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important}
html body .navbar .navbar__menu .has-submenu > a::after,html body .navbar .navbar__menu .has-submenu > span::after{content:"›" !important;margin-left:auto !important;font-size:16px !important;font-weight:bold !important;transition:transform 0.3s ease !important;display:inline-block !important;border:none !important}
html body .navbar .navbar__menu .has-submenu.active > a::after,html body .navbar .navbar__menu .has-submenu.active > span::after{transform:rotate(90deg) !important}
html body .navbar .navbar__submenu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;margin:8px 0 8px 12px !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;display:none !important;width:calc(100% - 12px) !important}
html body .navbar .navbar__submenu[aria-hidden="false"]{display:block !important;animation:submenuSlideDown 0.3s ease-out !important}
html body .navbar .navbar__submenu[aria-hidden="true"]{display:none !important}
html body .navbar .navbar__submenu li{margin:4px 0 !important;list-style:none}
html body .navbar .navbar__submenu li a,html body .navbar .navbar__submenu li span{padding:12px 16px !important;margin:0 !important;border-radius:8px !important;background:rgba(255,255,255,0.12) !important;font-weight:500 !important;font-size:15px !important;color:rgba(255,255,255,0.95) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;border:1px solid rgba(255,255,255,0.1) !important;transition:all 0.25s ease !important}
html body .navbar .navbar__submenu li a:hover,html body .navbar .navbar__submenu li span:hover,html body .navbar .navbar__submenu li.has-submenu.active > span{background:rgba(255,255,255,0.22) !important;color:white !important;transform:translateX(6px) !important;border-color:rgba(255,255,255,0.3) !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important}
html body .navbar .navbar__submenu .navbar__submenu{margin:6px 0 0 10px !important;width:calc(100% - 10px) !important}
html body .navbar .navbar__submenu .navbar__submenu li a{padding:10px 14px !important;font-size:14px !important;background:rgba(255,255,255,0.08) !important;color:rgba(255,255,255,0.9) !important;border:1px solid rgba(255,255,255,0.08) !important}
html body .navbar .navbar__submenu .navbar__submenu li a:hover{background:rgba(255,255,255,0.18) !important;color:white !important;transform:translateX(4px) !important;border-color:rgba(255,255,255,0.2) !important}
html body .navbar .navbar__submenu .has-submenu.active > span::after{transform:rotate(90deg) !important}
html body .navbar .navbar__cta{margin:16px 0 8px 0 !important;width:100% !important;display:flex !important;justify-content:center !important}
html body .navbar .navbar__cta a{padding:14px 32px !important;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%) !important;color:#78350f !important;font-weight:700 !important;font-size:16px !important;border-radius:12px !important;box-shadow:0 4px 16px rgba(251,191,36,0.4) !important;transition:all 0.3s ease !important;text-align:center !important;width:90% !important}
html body .navbar .navbar__cta a:hover{transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(251,191,36,0.5) !important;background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%) !important}
html body .navbar .navbar__menu::-webkit-scrollbar{width:6px !important}
html body .navbar .navbar__menu::-webkit-scrollbar-track{background:rgba(255,255,255,0.1) !important;border-radius:10px !important}
html body .navbar .navbar__menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3) !important;border-radius:10px !important}
html body .navbar .search{position:relative !important;max-width:50px !important}
html body .navbar .search__btn{width:50px !important;height:50px !important}
html body .navbar .search__btn svg{width:24px !important;height:24px !important}
html body .navbar .search__overlay{position:fixed !important;top:80px !important;left:0 !important;right:0 !important;width:100% !important;background:white !important;border-top:1px solid #e2e8f0 !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;z-index:9999 !important;display:none !important;padding:20px !important;opacity:0 !important;transform:translateY(-10px) !important;transition:all 0.3s ease !important}
html body .navbar .search__overlay.expanded{display:block !important;opacity:1 !important;visibility:visible !important;transform:translateY(0) !important}
html body .navbar .search__form{width:calc(100% - 40px) !important;max-width:600px !important;margin:0 auto !important;display:flex !important;align-items:center !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;padding:6px 8px !important;gap:12px !important}
html body .navbar .search__input{flex:1 !important;border:none !important;outline:none !important;padding:3px 8px !important;font-size:16px !important;background:transparent !important;color:#1e293b !important}
html body .navbar .search__button{display:flex !important;background:#3b82f6 !important;color:white !important;border:none !important;border-radius:8px !important;padding:12px 20px !important;cursor:pointer !important;font-size:16px !important;min-width:60px !important;margin-top:12px}
}@keyframes submenuSlideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}
to{opacity:1;max-height:500px;transform:translateY(0)}
}html body .header:has(.navbar--style-1){background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important}
html body .header:has(.navbar--style-2){background:white !important}
html body .header:has(.navbar--style-3){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}
html body .header:has(.navbar--style-4){background:transparent !important}
html body .header:has(.navbar--style-5){background:#1e40af !important}
html body .header:has(.navbar--style-6){background:white !important}
html body .header:has(.navbar--style-7){background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}
html body .header:has(.navbar--style-8){background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%) !important}
html body .header:has(.navbar--style-9){background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important}
html body .header:has(.navbar--style-10){background:linear-gradient(to bottom,#5a6fd8 0%,#6a4199 50%,#503075 100%) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.18) !important}
html body .navbar.navbar--style-1{color:#f8fafc !important;height:80px !important}
html body .navbar.navbar--style-1 .navbar__brand{color:#60a5fa !important}
html body .navbar.navbar--style-1 .navbar__menu > li > a{color:#cbd5e1 !important}
html body .navbar.navbar--style-1 .navbar__menu > li.active > a,html body .navbar.navbar--style-1 .navbar__menu > li > a:hover{color:#ffffff !important;background-color:rgba(255,255,255,0.1) !important}
html body .navbar.navbar--style-1 .navbar__cta{background:linear-gradient(90deg,#3b82f6,#8b5cf6) !important;color:white !important}
html body .navbar.navbar--style-1 .navbar__cta:hover{transform:translateY(-2px) !important;box-shadow:0 5px 15px rgba(59,130,246,0.4) !important}
html body .navbar.navbar--style-2{color:#1e293b !important;height:90px !important;border-bottom:1px solid #e2e8f0 !important}
html body .navbar.navbar--style-2 .navbar__brand{color:#1e40af !important}
html body .navbar.navbar--style-2 .navbar__menu > li > a{color:#475569 !important;position:relative !important;padding-bottom:8px !important}
html body .navbar.navbar--style-2 .navbar__menu > li > a::before,html body .navbar.navbar--style-2 .navbar__menu > li > span::before{content:'' !important;display:block !important;position:absolute !important;bottom:0 !important;left:30% !important;width:40% !important;height:2px !important;background-color:#3b82f6 !important;transform:scaleX(0) !important;transition:transform 0.3s ease !important}
html body .navbar.navbar--style-2 .navbar__menu > li > a:hover::before,html body .navbar.navbar--style-2 .navbar__menu > li.active > a::before{transform:scaleX(1) !important}
html body .navbar.navbar--style-2 .navbar__toggle-box span{background-color:#000 !important}
html body .navbar.navbar--style-2 .search__btn svg{fill:#000000 !important;color:#000000 !important}
html body .navbar.navbar--style-2 .navbar__cta a{background:#3b82f6 !important;color:white !important}
html body .navbar.navbar--style-2 .navbar__menu > li.navbar__cta > a{color:#fff !important}
html body .navbar.navbar--style-3{color:white !important;height:85px !important}
html body .navbar.navbar--style-3 .navbar__brand{color:white !important}
html body .navbar.navbar--style-3 .navbar__menu > li > a{color:rgba(255,255,255,0.9) !important}
html body .navbar.navbar--style-3 .navbar__menu > li.active > a,html body .navbar.navbar--style-3 .navbar__menu > li > a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .navbar.navbar--style-3 .navbar__cta a{background:white !important}
html body .navbar.navbar--style-3 .navbar__menu > li.navbar__cta > a{color:#764ba2 !important}
html body .navbar.navbar--style-4{color:#1e293b !important;height:70px !important;border-bottom:2px solid #e2e8f0 !important}
html body .navbar.navbar--style-4 .navbar__brand{color:#0f172a !important;font-weight:800 !important}
html body .navbar.navbar--style-4 .navbar__menu > li > a{color:#64748b !important}
html body .navbar.navbar--style-4 .navbar__menu > li.active > a,html body .navbar.navbar--style-4 .navbar__menu > li > a:hover{color:#0f172a !important}
html body .navbar.navbar--style-4 .navbar__toggle-box span{background-color:#0f172a !important}
html body .navbar.navbar--style-4 .search__btn svg{fill:#0f172a !important;color:#0f172a !important}
html body .navbar.navbar--style-4 .navbar__cta a{background:#64748b !important;color:white !important}
html body .navbar.navbar--style-4 .navbar__menu > li.navbar__cta > a{color:#fff !important}
html body .navbar.navbar--style-5{color:white !important;height:80px !important}
html body .navbar.navbar--style-5 .navbar__brand{color:white !important}
html body .navbar.navbar--style-5 .navbar__menu > li > a{color:rgba(255,255,255,0.85) !important}
html body .navbar.navbar--style-5 .navbar__menu > li.active > a,html body .navbar.navbar--style-5 .navbar__menu > li > a:hover{color:white !important;background-color:rgba(255,255,255,0.1) !important}
html body .navbar.navbar--style-5 .navbar__cta a{background:#fbbf24 !important;color:#1e40af !important}
html body .navbar.navbar--style-5 .navbar__menu > li.navbar__cta > a{color:#1e40af !important}
html body .navbar.navbar--style-5 .search__btn svg{fill:#ffffff !important;color:#ffffff !important}
html body .navbar.navbar--style-6{color:#1e293b !important;height:85px !important}
html body .navbar.navbar--style-6 .navbar__brand{color:#10b981 !important}
html body .navbar.navbar--style-6 .navbar__menu > li > a{color:#475569 !important}
html body .navbar.navbar--style-6 .navbar__menu > li.active > a,html body .navbar.navbar--style-6 .navbar__menu > li > a:hover{color:#10b981 !important;background-color:rgba(16,185,129,0.05) !important}
html body .navbar.navbar--style-6 .navbar__toggle-box span{background-color:#10b981 !important}
html body .navbar.navbar--style-6 .search__btn svg{fill:#10b981 !important;color:#10b981 !important}
html body .navbar.navbar--style-6 .navbar__cta a{background:#10b981 !important;color:white !important}
html body .navbar.navbar--style-6 .navbar__menu > li.navbar__cta > a{color:#ffffff !important}
html body .navbar.navbar--style-7{color:white !important;height:80px !important}
html body .navbar.navbar--style-7 .navbar__brand{color:#d1fae5 !important}
html body .navbar.navbar--style-7 .navbar__menu > li > a{color:rgba(255,255,255,0.9) !important}
html body .navbar.navbar--style-7 .navbar__menu > li.active > a,html body .navbar.navbar--style-7 .navbar__menu > li > a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .navbar.navbar--style-7 .navbar__cta a{background:white !important;color:#047857 !important}
html body .navbar.navbar--style-7 .navbar__menu > li.navbar__cta > a{color:#047857 !important}
html body .navbar.navbar--style-7 .search__btn svg{fill:#ffffff !important;color:#ffffff !important}
html body .navbar.navbar--style-8{color:white !important;height:85px !important}
html body .navbar.navbar--style-8 .navbar__brand{color:#e9d5ff !important}
html body .navbar.navbar--style-8 .navbar__menu > li > a{color:rgba(255,255,255,0.9) !important}
html body .navbar.navbar--style-8 .navbar__menu > li.active > a,html body .navbar.navbar--style-8 .navbar__menu > li > a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .navbar.navbar--style-8 .navbar__cta a{background:#fbbf24 !important;color:#5b21b6 !important}
html body .navbar.navbar--style-8 .navbar__menu > li.navbar__cta > a{color:#ffffff !important}
html body .navbar.navbar--style-8 .search__btn svg{fill:#ffffff !important;color:#ffffff !important}
@media (max-width:992px){html body .navbar.navbar--style-8 .navbar__menu{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%) !important}
}html body .navbar.navbar--style-9{color:white !important;height:80px !important}
html body .navbar.navbar--style-9 .navbar__brand{color:#fecaca !important}
html body .navbar.navbar--style-9 .navbar__menu > li > a{color:rgba(255,255,255,0.9) !important}
html body .navbar.navbar--style-9 .navbar__menu > li.active > a,html body .navbar.navbar--style-9 .navbar__menu > li > a:hover{color:white !important;background-color:rgba(255,255,255,0.15) !important}
html body .navbar.navbar--style-9 .navbar__cta a{background:white !important;color:#dc2626 !important}
html body .navbar.navbar--style-9 .navbar__menu > li.navbar__cta > a{color:#dc2626 !important}
html body .navbar.navbar--style-10{color:#1e293b !important;height:85px !important;-webkit-backdrop-filter:blur(10px) !important}
html body .navbar.navbar--style-10 .navbar__brand{color:#3b82f6 !important}
html body .navbar.navbar--style-10 .navbar__menu > li > a,html body .navbar.navbar--style-10 .navbar__menu > li > span{color:#ffffff !important;background:rgba(255,255,255,0.3) !important}
html body .navbar.navbar--style-10 .navbar__menu > li.active > a,html body .navbar.navbar--style-10 .navbar__menu > li > a:hover{color:#1e293b !important;background:rgba(255,255,255,0.5) !important}
html body .navbar.navbar--style-10 .navbar__toggle-box span{background-color:#3b82f6 !important}
html body .navbar.navbar--style-10 .navbar__cta a{color:white !important}
html body .navbar.navbar--style-10 .navbar__menu > li.navbar__cta > a{color:#000 !important}
html body .navbar.navbar--style-10 .search__btn svg{fill:#ffffff !important;color:#ffffff !important}
@media (max-width:992px){html body .navbar.navbar--style-1 .navbar__menu{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important}
html body .navbar.navbar--style-2 .navbar__menu{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}
html body .navbar.navbar--style-3 .navbar__menu{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}
html body .navbar.navbar--style-4 .navbar__menu{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}
html body .navbar.navbar--style-5 .navbar__menu{background:#1e40af !important}
html body .navbar.navbar--style-6 .navbar__menu{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important}
html body .navbar.navbar--style-7 .navbar__menu{background:linear-gradient(135deg,#059669 0%,#047857 100%) !important}
html body .navbar.navbar--style-9 .navbar__menu{background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%) !important}
html body .navbar.navbar--style-10 .navbar__menu{background:linear-gradient(to bottom,#5a6fd8 0%,#6a4199 50%,#503075 100%) !important}
}@media (prefers-color-scheme:dark){@media (min-width:993px){html body .navbar .navbar__submenu{background:rgba(30,41,59,0.98) !important;border-color:rgba(255,255,255,0.1) !important}
html body .navbar .navbar__submenu a,html body .navbar .navbar__submenu .has-submenu > span{color:#e2e8f0 !important}
html body .navbar .navbar__submenu a:hover,html body .navbar .navbar__submenu .has-submenu > span:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%) !important;color:#ffffff !important}
}}