:root{--primary-color:#1976d2;--primary-light:#2196f3;--primary-dark:#0d47a1;--background-color:#fff;--text-color:#333;--text-secondary:#666;--border-color:#eaecef;--border-radius:4px;--box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);--transition:all 0.3s ease}.nav-section{width:100%;height:auto;background-color:var(--background-color);padding:2rem 0}.nav-section .nav-container{position:relative;width:76.25rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-section .nav-container .category-sidebar{width:18rem;margin-right:2rem;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden;z-index:10}.nav-section .nav-container .category-sidebar .category-list .category-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.8rem 1.5rem;background-color:var(--background-color);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.nav-section .nav-container .category-sidebar .category-list .category-item:last-child{border-bottom:none}.nav-section .nav-container .category-sidebar .category-list .category-item span{font-size:1rem;color:var(--text-color);font-weight:500}.nav-section .nav-container .category-sidebar .category-list .category-item .category-icon{color:var(--text-secondary);font-size:.9rem;-webkit-transition:var(--transition);transition:var(--transition)}.nav-section .nav-container .category-sidebar .category-list .category-item:hover{background-color:var(--primary-light)}.nav-section .nav-container .category-sidebar .category-list .category-item:hover .category-icon,.nav-section .nav-container .category-sidebar .category-list .category-item:hover span{color:#fff}.nav-section .nav-container .category-sidebar .category-list .category-item:hover .category-icon{-webkit-transform:translateX(5px);transform:translateX(5px)}.nav-section .nav-container .carousel-container{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:var(--border-radius);overflow:hidden;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__container{border-radius:var(--border-radius)}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__container .el-carousel__item .carousel-image-wrapper{width:100%;height:100%;overflow:hidden;display:block}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__container .el-carousel__item .carousel-image-wrapper a{display:block;width:100%;height:100%}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__container .el-carousel__item .carousel-image-wrapper .carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .8s ease;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__container .el-carousel__item .carousel-image-wrapper .carousel-image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__arrow{background-color:rgba(0,0,0,.3)}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__arrow:hover{background-color:var(--primary-light)}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__indicators .el-carousel__button{background-color:hsla(0,0%,100%,.7);height:3px;width:20px;border-radius:2px}.nav-section .nav-container .carousel-container .el-carousel .el-carousel__indicators .el-carousel__indicator--active .el-carousel__button{background-color:var(--primary-light)}@media screen and (max-width:76.25rem){.nav-section .nav-container{width:100%;padding:0 1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav-section .nav-container .category-sidebar{width:100%;margin-right:0;margin-bottom:2rem}.nav-section .nav-container .carousel-container{width:100%}}