.menu{background:var(--black-color3);cursor:pointer;-webkit-user-select:none;user-select:none;height:40px;margin:1px 0;padding:0 18px;line-height:40px;transition:all .2s ease-in-out}.menu:hover{background:var(--pink--color);box-shadow:0 2px 8px #00000026}.menu-container{position:relative}.menu-header{background:#f5f5f5;border-radius:8px;margin:4px 0;padding:12px 16px}.menu-header:hover{background:#e6f7ff;transform:translate(4px)}.menu-icon{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.menu-icon.open{transform:rotate(180deg)}.menu-icon span{color:#666;font-size:12px;transition:color .3s}.menu-header:hover .menu-icon span{color:#1890ff}.menu-content{will-change:max-height}.menu-child{padding-left:20px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}