.header{z-index:9;background:0 0;width:100%;transition:all .3s;position:fixed;top:0;left:0}.header .nav-item{color:#fff;cursor:pointer;padding:0 15px;position:relative}.header .nav-item>a{padding:8px 0;font-size:15px;font-weight:500;transition:all .3s;display:inline-block;position:relative}.header .nav-item>a:after{content:"";background:#8c52ff;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.header .nav-item>a:hover:after{transform:translate(-50%)scaleX(1)}.header .nav-item>a.active{color:#8c52ff}.header .nav-item>a.active:after{transform:translate(-50%)scaleX(1)}.header .nav-item:hover .child-nav-item{opacity:1;visibility:visible;z-index:99}.header .nav-item:hover .child-nav-item .child-nav{transform:translateY(0)}.header .nav-item:hover .more-child-item{opacity:1;visibility:visible;z-index:99}.header .nav-item:hover .more-child-item .child-nav{transform:translate(0)}.header .nav-item .child-nav-item{opacity:0;visibility:hidden;background:0 0;width:180px;padding-top:12px;transition:opacity .3s,visibility .3s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.header .nav-item .child-nav-item .child-nav{color:#fff;z-index:99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);will-change:transform,opacity;background:#00000080;border-radius:12px;padding:8px 0;transition:transform .1s,background .1s,color .1s;position:relative;transform:translateY(-8px);box-shadow:0 12px 32px #00000080,0 4px 12px #0006,0 0 0 1px #ffffff1a}.header .nav-item .child-nav-item .child-nav:before{content:"";filter:drop-shadow(0 -2px 4px #0000004d);z-index:1;border-bottom:8px solid #00000080;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.header .nav-item .child-nav-item .child-nav a{white-space:break-spaces;word-break:break-all;word-wrap:break-word;color:#fff;border-radius:6px;margin:2px 8px;padding:10px 16px;font-size:14px;transition:all .2s;display:block}.header .nav-item .child-nav-item .child-nav a:hover{color:#7c40f3}.header .nav-item .child-nav-item .child-nav a.active{color:#8c52ff}.header .nav-item .child-nav-item.bg-white .child-nav{color:#393d39;background:#fff;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.header .nav-item .child-nav-item.bg-white .child-nav a{color:#393d39}.header .nav-item .child-nav-item.bg-white .child-nav a:hover,.header .nav-item .child-nav-item.bg-white .child-nav a.active{color:#8c52ff;background:#773cee36}.header .nav-item .child-nav-item.bg-white .child-nav:before{content:"";filter:drop-shadow(0 -2px 4px #00000014);z-index:1;border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.header .nav-item .more-child-item{opacity:0;visibility:hidden;background:#fff;border-radius:12px;width:180px;padding:8px 0;transition:opacity .3s,visibility .3s;position:absolute;top:0;right:-180px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.header .nav-item .more-child-item .child-nav{transition:transform .3s;transform:translate(-8px)}.header .switch .icon{background:url(/assets/images/switch-0.png) 50%/contain no-repeat;width:15px;height:15px;margin-right:5px}.header .switch .switch-text{color:#fff}.header .nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 2px 12px #00000014}.header .nav-bar .switch .icon{background:url(/assets/images/switch-1.png) 50%/contain no-repeat}.header .nav-bar .nav-item,.header .nav-bar .switch-text{color:#393d39}.header .nav-bar .nav-item.active,.header .nav-bar .switch-text.active{color:#8c52ff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-list::-webkit-scrollbar-corner{width:0}.nav-list::-webkit-scrollbar{width:5px;height:5px}.nav-list::-webkit-scrollbar-thumb{background:#9b6bfa;border-radius:5px}.nav-list{max-width:952px}
.footer{background:#f4f5f6}.footer .label{color:#393d39;font-size:20px}.footer .nav-item{color:#666;cursor:pointer;font-size:16px}.footer .nav-item:hover{color:#232322}
