/*	#app {
	    display: flex;
	    width: 100%;
	    height: 100%;
	    flex-direction: column;
	}*/

	.content {
	    display: flex;
	    width: 100%;
	    height: calc(100% - 50px);
	    /* Adjust height to account for the settings area */
	}

	.nav-container {
	    width: 300px;
	    transition: width 0.2s ease;
	    position: relative;
/*	    background-color: transparent !important;*/
	    /* 使导航栏背景透明 */
	    border-right: 1px solid #ccc;

	    position:fixed;
	    top:0;
	    bottom:0;
      background: linear-gradient(90deg,var(--fullCorlor),black);

	}

	.nav-container .el-menu {
/* 	    background-color: transparent !important; */
	    /* 使导航栏背景透明 */

	}

	.nav-container.hidden {
	    width: 0;
	}

	.nav-content {
	    width: 100%;
	    height: 100%;
	    overflow-y: auto;
	}



	.toggle-btn {
	    position: absolute;
	    top: 50%;
	    right: -15px;
	    transform: translateY(-50%);
	    background: #007BFF;
	    color: white;
	    border: none;
	    cursor: pointer;
	    width: 30px;
	    height: 30px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    z-index: 2;
	    border-radius: 50%;
	}

	section {
	    flex-grow: 1;
	    padding: 20px;
	    overflow-y: auto;
	    transition: all 0.3s ease;
	}

	.el-menu-item a {
	    white-space: nowrap;
	    overflow: visible;
	    text-overflow: ellipsis;
	    display: block;
	}
    .el-menu-item.is-active {
            background-color: #00af577f!important;
    }

	.Btn1 {
	    background - color: rgb(250, 248, 238);
	    width: 20px;
	    height: 20px;
	    border: 0px;
	    border - radius: 10px;
	    margin: 10px;
	}

	.Btn1:hover {
	    background - color: rgb(250, 238, 238);
	}

	.Btn2 {
	    background - color: rgb(242, 226, 216);
	    width: 20px;
	    height: 20px;
	    border: 0px;
	    border - radius: 10px;
	    margin: 10px;
	}

	.Btn2:hover {
	    background - color: rgb(242, 226, 216);
	}

	.Btn3 {
	    background - color: rgb(216, 244, 196);
	    width: 20px;
	    height: 20px;
	    border: 12px;
	    border - radius: 10px;
	    margin: 10px;
	}

	.Btn3:hover {
	    background - color: rgb(216, 244, 196);
	}

	.Btn4 {
	    background - color: rgb(79, 82, 84);
	    width: 20px;
	    height: 20px;
	    border: 0px;
	    border - radius: 10px;
	    margin: 10px;
	}

	.Btn4:hover {
	    background - color: rgb(79, 82, 84);
	}

	.Btn5 {
	    background - color: rgb(61, 61, 61);
	    width: 20px;
	    height: 20px;
	    border: 0px;
	    border - radius: 10px;
	    margin: 10px;

	}

	.Btn5:hover {
	    background - color: rgb(61, 61, 61);
	}

	::-webkit-scrollbar {
	    width: 16px;
	    display: var(--scrollbar);
	}

	::-webkit-scrollbar-thumb {
	    background: var(--scrollCorlor);
	    box-shadow: inset 0 0 4px green;
	    border-radius: 30px;
	}

	#mainContent:fullscreen {
	    background-color: var(--fullCorlor);
	}

	#mainContent {
	    padding-left: 200px;
	    padding-right: 200px;
	}
  .el-container {
    flex-direction: column;
   }

    .top-div {
    	padding-right: 100px;
    	padding-left: 100px;
   }