/*<main class="flex-1 md:ml-64 transition-all duration-300">*/

body {
    overflow-x: hidden;
}

/* 内容区调整  整个页区，包含侧边和主内容*/
.pt-16.flex.min-h-screen {
    max-width: 1400px;
    min-height: calc(120vh - 4rem); /* 占满屏幕高度（减去顶部16px和底部footer高度） */
}

/* 左侧目录样式 */
.text-xs.uppercase {
   color: black; /* 设置文字颜色为红色 */
   font-size: 20px; /* 设置字体大小为20像素 */
   font-weight: 600;/*设置字体的粗细*/
   text-transform: uppercase;/*将文本转换为大写*/
   margin-bottom: 20px;/*设置元素的下外边距为20像素*/
   padding: 10px 15px;/*设置元素的内边距。上下内边距为10像素，左右内边距为15像素*/
   background-color: #E8EFFF;/*设置元素的背景颜色为浅蓝色（#E8EFFF）*/
   border-left: 4px solid blue;/*设置元素的左边框为4像素宽的实线，颜色为蓝色*/
   border-radius: 4px;/*设置元素的边框半径为4像素，这使得元素的四个角变得圆润*/
}

/* 主页标题样式 */
#home-content h2.text-2xl {
    font-size: 18px; /* 设置字体大小为20像素 */
    line-height: 10px; /* 高度 */
}

/* 左边导航调整 */
aside {
    width: 15rem; /* 固定宽度不变化 */
    overflow-x: hidden; /* 禁止侧边栏横向滚动 */
    bottom: 0; /* 与底部对齐，无间隙 */
}

main {
     width: calc(100% - 15rem) ; /*固定宽度不变化 */
     overflow-y: auto; /* 仅主内容区滚动，不影响底部 */
     max-height: calc(120vh - 4rem); /* 限制主内容区高度，避免超出屏幕 */
}

/* 底部调整 */
footer {
   width: 100%; /* 背景满屏 */
   position: relative;
   z-index: 10; /* 低于侧边栏/顶部导航，不遮挡 */
   height: 70px;
   font-size: 13px;
}