.submenu-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform 0.3s ease;vertical-align:middle}.has-submenu>a{align-items:center;display:inline-flex}.has-submenu.active .submenu-arrow{transform:rotate(180deg)}.nav-submenu-container{background:#fff;border-top:1px solid #eee;box-shadow:0 4px 20px rgba(0,0,0,.1);display:none;left:0;max-height:0;opacity:0;overflow:hidden;position:fixed;right:0;top:65px;transition:max-height 0.3s ease,opacity 0.3s ease;z-index:999}.nav-submenu-container.active{display:block;max-height:500px;opacity:1}.nav-submenu-wrapper{width:100%}.nav-submenu{display:none;min-height:180px;padding:30px 0}.nav-submenu.active{animation:fadeInUp 0.3s ease;display:block}.nav-submenu[data-empty=true]{display:none!important}.submenu-inner{width:100%}.submenu-header{border-bottom:1px solid #f0f0f0;margin:0 auto 20px;max-width:1000px;padding:0 30px 12px}.submenu-category{align-items:center;color:#333;display:inline-flex;font-size:16px;font-weight:600}.submenu-category:before{background:linear-gradient(180deg,#0052d9,#00a4ff);border-radius:2px;content:"";display:inline-block;height:16px;margin-right:10px;width:4px}.submenu-content{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;min-height:80px;padding:0 30px}.submenu-item{align-items:flex-start;background:#f8f9fc;border:1px solid transparent;border-radius:10px;box-sizing:border-box;color:#333;display:flex;min-height:76px;overflow:hidden;padding:18px 20px;position:relative;text-decoration:none;transition:all 0.3s ease}.submenu-item:before{background-image:var(--item-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:0.45;pointer-events:none;position:absolute;right:0;top:0;transition:opacity 0.3s ease;z-index:0}.submenu-item:hover{background:#fff;border-color:#0052d9;box-shadow:0 4px 12px rgba(0,82,217,.12);transform:translateY(-3px)}.submenu-item:hover:before{opacity:0.6}.submenu-text{flex:1;position:relative;z-index:1}.submenu-title{color:#333;font-size:15px;font-weight:600;line-height:1.4;transition:color 0.3s ease}.submenu-title+.submenu-desc{margin-top:6px}.submenu-text:only-child .submenu-title:only-child,.submenu-title:only-child{align-items:center;display:flex;min-height:38px}.submenu-desc{color:#888;font-size:13px;line-height:1.5}.submenu-item:hover .submenu-title{color:#0052d9}.submenu-item:hover .submenu-desc{color:#666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animated.slideInDown{animation:slideInDown 0.3s ease}@media (max-width:1024px){.submenu-content{gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.submenu-header{padding:0 20px 12px}}@media (max-width:768px){.nav-submenu-container{border-top:1px solid #e0e0e0;box-shadow:none;display:none!important;position:static}.submenu-content{gap:10px;grid-template-columns:1fr;min-height:auto;padding:0 15px}.nav-submenu{min-height:auto;padding:15px 0}.submenu-item{min-height:auto;padding:12px}.submenu-header{margin-bottom:15px;padding:0 15px 10px}}