body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}#menuWrap{width:100%;position:fixed;height:100%;top:0;background-color:#fff;z-index:1001;color:#000;overflow-y:auto}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.menu-logo{width:50px;height:auto}.close-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:transform .3s ease}.close-button:hover{transform:rotate(360deg)}.close-button img{width:28px;height:28px}.menu{padding:30px;margin:20px auto}.menu ul{display:flex;flex-direction:column}.menu .nav-item{display:flex;align-items:center;margin-bottom:20px}.menu .nav-item img{width:24px;height:24px;margin-right:12px}.menu .has-submenu{display:block}.menu .menu-item-header{display:flex;align-items:center;cursor:pointer}.menu .menu-item-header span{flex:1}.menu .arrow-icon{width:12px!important;height:12px!important;transition:transform .3s ease}.menu .rotate-up{transform:rotate(90deg)}.menu .rotate-down{transform:rotate(-90deg)}.menu .submenu{margin-left:36px;overflow:hidden}.menu .submenu li{margin:8px 0}.menu .submenu a{font-size:14px;color:#666}.menu-footer{position:fixed;bottom:0;left:0;width:100%;padding:20px;border-top:1px solid #eee;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.my-info-link{display:flex;align-items:center;font-size:16px;color:#333;text-decoration:none}.my-info-link img{width:24px;height:24px;margin-right:12px}.logout-button{border-color:#ddd;color:#666;font-size:14px;transition:all .3s ease}.logout-button:hover{background-color:#f5f5f5;border-color:#ccc}