#header-container{width:100%;position:fixed;top:0;left:0;z-index:99999}.header{width:100%;height:80px;position:fixed;top:0;left:0;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:99999;transition:all .3s ease}.header.transparent{box-shadow:none}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:1200px;margin:0 auto;position:relative}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:50px;width:auto;margin-right:10px}.logo .logo-dark{display:none}.logo .logo-light{display:block}.scrolled .logo .logo-dark{display:block}.scrolled .logo .logo-light{display:none}.slogan{display:flex;flex-direction:column;white-space:normal;word-break:break-word;max-width:300px}.slogan span{font-size:18px;font-weight:600;white-space:normal;display:inline}.slogan small{font-size:14px;margin-top:2px;white-space:normal;display:inline}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:32px}.nav ul li{position:relative}.nav ul li a{text-decoration:none;color:#333;font-size:16px;padding:5px 0;border-bottom:2px solid transparent;transition:all .3s ease;display:flex;align-items:center}.nav ul li a i{margin-left:5px;font-size:12px;transition:transform .3s ease}.nav ul li a i.rotated{transform:rotate(180deg)}.nav ul li a.active,.nav ul li a:hover{color:var(--gradient-start-color)}.submenu{display:none;position:absolute;top:66px;left:0;background-color:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 16px rgba(0,0,0,.1);padding:10px 0;border-radius:8px;z-index:1000}.product-menu{width:600px;left:50%;transform:translateX(-50%)}.product-menu-container{display:flex;flex-direction:column;gap:20px;padding:20px}.product-menu-group{border-bottom:1px solid #eee;padding-bottom:15px}.product-menu-group:last-child{border-bottom:none;padding-bottom:0}.product-menu-title{font-size:14px;color:#333;margin-bottom:15px;text-align:left}.product-menu-items{display:flex;flex-wrap:wrap;gap:20px}.product-menu-item{display:flex;flex-direction:column;align-items:flex-start;flex-basis:calc(33.333% - 14px);padding:15px 20px;border-radius:8px;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.product-menu-item.active,.product-menu-item:hover{background-color:#e0e7ff;border-color:#c7d2fe}.product-name-en{font-weight:700;font-size:16px;color:#333}.product-name-zh{font-size:14px;color:#555}.has-homemenu{left:50%;transform:translateX(-50%);padding:20px}.homemenu-items{display:flex;justify-content:space-between;gap:20px;padding:20px 30px}.homemenu{width:50%;padding:0 10px}.homemenu-thumb{position:relative;overflow:hidden;border-radius:8px}.homemenu-thumb img{max-width:300px!important;display:block}.demo-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;opacity:0;transition:opacity .3s ease}.homemenu-thumb:hover .demo-button{opacity:1}.demo-button a.theme-btn{background-color:rgba(255,255,255,.65);color:var(--gradient-start-color)!important;padding:10px 20px!important;border-radius:5px;text-align:center;text-decoration:none;font-weight:600}.homemenu-content{padding-top:15px}.homemenu-title{font-size:16px;color:#333}.lang-toggle{position:relative;margin-left:20px}.lang-btn{background:0 0;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#333;padding:6px 12px;border-radius:20px;transition:all .3s ease}.lang-btn:hover{border-color:rgba(150,111,255,.8);background-color:rgba(0,123,255,.05)}.lang-btn.active{border-color:rgba(150,111,255,.8);color:rgba(150,111,255,.8)}.lang-btn i{margin-right:5px;font-size:16px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;min-width:150px;z-index:1001;border:1px solid #e0e0e0}.lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{background:0 0;border:none;text-align:left;padding:10px 15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;color:#333;font-size:14px}.lang-option:hover{background-color:rgba(0,123,255,.05);color:rgba(150,111,255,.8)}.lang-option i{margin-right:8px;font-size:16px;color:rgba(150,111,255,.8);opacity:0;transition:opacity .3s ease}.lang-option:hover i{opacity:1}.lang-option.active{background-color:rgba(0,123,255,.1);color:rgba(150,111,255,.8)}.lang-option.active i{opacity:1}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:10px}.hamburger{display:block;position:relative;width:24px;height:2px;background-color:#333;transition:background-color .3s}.hamburger::after,.hamburger::before{content:'';position:absolute;width:24px;height:2px;background-color:#333;transition:transform .3s}.hamburger::before{top:-8px}.hamburger::after{bottom:-8px}.nav-toggle.active .hamburger{background-color:transparent}.nav-toggle.active .hamburger::before{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active .hamburger::after{transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none}@media (max-width:1024px){.nav{display:none!important}.nav-toggle{display:block}.logo .logo-light{display:none}.mobile-nav{display:none;position:fixed;top:80px;left:0;width:100%;background-color:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,123,255,.1);padding:16px;z-index:999;max-height:calc(100vh - 80px);overflow-y:auto}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-list .nav-item a{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;text-decoration:none;color:#333;font-size:16px;border-top:1px solid #eee}.mobile-nav-list .nav-item.active>a{color:var(--gradient-start-color)}.mobile-nav-list .submenu{padding-left:20px}.mobile-nav-list .submenu li a{padding:12px 10px;font-size:14px}.mobile-nav-list .nav-item.has-submenu>a i{transition:transform .3s ease}.mobile-nav-list .nav-item.has-submenu.active>a i{transform:rotate(180deg)}.mobile-nav .nav-link.active{background-color:rgba(150,111,255,.4);color:#fff;border-color:rgba(150,111,255,.4)}.mobile-nav .nav-link:hover{background-color:#e4ebff}}.mobile-submenu{padding:20px}.mobile-submenu a{border-top:none!important}@media (max-width:1024px){.nav{display:none}.nav-toggle{display:block}.header-inner{padding:0 15px}.logo-img{height:40px}.slogan span{font-size:16px}.slogan small{font-size:14px}}@media (max-width:768px){.logo-light{display:none!important}.logo-dark{display:none!important}}.mobile-nav.show{display:block}.h5-mobile{display:none;height:100px}@media (max-width:1024px){.h5-mobile{display:block;height:80px}}