/* 一 侧边栏相关 */
.main{
    margin-right: 8%;
    margin-left: 4%;
}
.left-nav{
    /* height: 300px; */
    position:sticky;
    top: 100px;
    width: 100%;
    margin-left: -20px;
}
.left-nav li{ 
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: left;
    font-size: large;
    display: flex;
    align-items: center;

    background:linear-gradient( to right, #73dbd9, #c271f8) no-repeat right bottom;
    /*即下划线（背景图）在默认情况下宽度为0 */
    background-size: 0 2px; 
    /* 设定过度时间 */
    transition: background-size 800ms; 
}
.left-nav li:hover {
    /* font-size: medium; */
    /* background: linear-gradient(to right, rgba(98, 103, 255,0.8), rgb(255, 255, 255)); */
    /* background-size: 200% 100%;
    background-position: -100% 0; */
    /* 悬停 下划线的横向滑动位置为左 */

    background-position-x: left;
    /* 设定下划线宽度为100%展示 */
    background-size: 100% 2px;
    /* animation: gradientAnimation 0.5s linear forwards; */
}
.left-nav li:hover a{
    color: rgb(146, 100, 190) !important;

}
.left-nav li:hover::before {
    content: "";
    position: absolute;
    left: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    /* border-left: 15px solid rgb(98, 103, 255); */
    /* border-bottom: 10px solid transparent; */
}
@keyframes gradientAnimation {
    0% {
        background-position: 0% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
/* 侧边栏响应 */
@media (max-width: 900px) {
    .side-nav{
        display: none;
    }
}

ul.nav > li{
    white-space: pre-line;
}

div>li{
    list-style-type: none;
}
.sider-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sider-item {
    position: relative;
}
.sider-item:hover {
    background-color: #2e3544b3;
}
.sider-item a {
    display: block;
    /* padding: 10px; */
    text-decoration: none;
}

.sider-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 10px;
    z-index: 1;
    border: 1px solid #ccc;
}

.sider-item:hover .sider-submenu {
    background-color: #2e3544b3;
    display:block;
}

.sider-submenu li {
    height: auto;
    list-style: none;
}
.sider-submenu li:hover {
    background-color: #2e3544b3;
}

/* 文本框设置 */
/* Abstract阅读框 */
.Abstract-box {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    padding: 10px;
    margin: 20px auto;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.662);
}
.Abstract-title{
    text-align: center;
    font-size:4vh;
    padding-bottom: 10px;
    padding-top: 10px;
}
.Abstract-content {
    display: block;
    opacity: 0.5;
    width: 98%;
    margin: auto;
    margin-bottom: 2%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 2px -1px rgb(0, 0, 0); /* 设置左边框阴影 */
    animation: fade-in 0.5s linear forwards;
}
.Abstract-content.collapsed {
    display: none;
}

/* 滑入动画效果参考 */
@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*  */
.main-box{
    margin: auto;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    border-left: 1px solid #ccc; /* 设置左边框样式 */
    box-shadow: -3px 0 5px -5px rgba(0, 0, 0, 0.5); /* 设置左边框阴影 */
    box-shadow: 0 5px 15px rgba(20, 20, 20, 0.8);
    align-items: center;
    backdrop-filter: blur(50px);
}
.text-box{
    text-align: justify;
    margin-top: 70px;
    margin-left: 7%;
    margin-right: 10%;
    margin-bottom: 50px;
}


/* 图片格式 */
.text-graph>p{
    /* background-color: white; */
    text-align: center;
    font-size: small;
}
.text-graph img{
    display: block;
    border-radius: 5%;
    background: #fff;
    padding: 30px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.505);
}

/* 文本设置 */
a{
    text-decoration: none; 
    color: rgb(255, 255, 255);
}
p{
    letter-spacing: 0.8px;
    line-height:2;
    word-spacing:3;
}


/* 表格 */
table {
    border-collapse: collapse;
    border: 1px solid #000000;
}
th, td {
    border: 1px solid #000000;
    padding: 10px;
}

/* 图像 */
.linimg{
    border: none;
    border-collapse: collapse;
}
.linimg th,.linimg td{
    border: none;
}