/* 全局样式设置 */
html, body {
    margin: 0;
    padding: 0;
}
hr
{
    color: #377ce2;
}
.container
{
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto; /* 居中对齐 */
}
@font-face {
    font-family: "bodyfont";
    src: url(ProximaNova-Regular.otf);
    
}/*文章内字体*/
@font-face {
    font-family: "Head";
    src: url(times.ttf);
}
body {
    font-family: "Head";
    margin: 0;
    padding: 0;
    background-color: #FFD98D;
    overflow-x: hidden; /* 防止水平滚动 */
    overflow-y: scroll; /* 允许垂直滚动 */
}

/* 隐藏所有滚动条样式 */
body::-webkit-scrollbar {
    display: none; /* 针对WebKit浏览器隐藏滚动条 */
}

/* 针对IE和Edge */
body {
    -ms-overflow-style: none;  /* IE和Edge */
}

/* 针对Firefox */
body {
    scrollbar-width: none; /* Firefox */
}

.main-view {
    display: flex;
    padding: 1vw 0 1vw 0;
    /*height: 100%;*/
}
.nav-area{
    /* position: sticky;
    position: -webkit-sticky;  */
    top: 200px; /* 当向上滚动到距离视口顶部0px时，元素变得固定 */
    z-index: 10;
    border-radius: 10px;
}

.nav-area{
    flex: 0 0 15vw;
    height: fit-content;
    margin-right: 3vw;
    border-radius: 10px;
}
.main-view nav ul {
    padding: 0;
    margin: 0;
    list-style-position: outside;
}
.title1>ul
{
list-style-position: inside;
}
.title1>ul>li
{
    list-style-position: inside;
    padding-left: 10px;
    text-indent: -30px;
}

.nav-area nav li {
    position: relative;
}

@keyframes enlarge {
    from {
        font-size: 1.6em;
    }
    to {
        font-size: 2em;
    }
}

@keyframes shrink {
    from {
        font-size: 2em;
    }
    to {
        font-size: 1.6em;
    }
}

/* 激活状态的导航栏样式 */
.nav-area nav .active > a {
    /* background-color: #043ca5; */
    color: #377ce2;
    border-radius: 10px;
    /* border-left: #377ce2 3px; */
    /* font-size: 1.6em; */
    /* animation: enlarge 0.8s forwards;  */
}

/* 非激活状态的样式，逐渐变小 */
.nav-area nav > ul > li > a {
    font-size: 1.2em;
    transition: font-size 0.8s;
    font-weight: bolder;   
}
/* .nav-area nav > ul > li:not(.active) > a {
    animation: shrink 0.8s forwards; 
} */

.nav-area nav .active .submenu {
    display: block; /* 展开子菜单 */
    transform: scale(1); /* 展开到原始大小 */
    transform-origin: center left; /* 确保在展开时也从左上角开始 */
}

/* 默认隐藏子菜单 */
.nav-area nav .submenu {
    display: none;
    position: relative;
    width: 100%;
    padding-left: 10px;
    border-radius: 10px;
    transform: scale(0); /* 初始状态为完全缩放，不可见 */
    transition: transform 0.5s ease-in-out; /* 平滑地转换大小 */
    transform-origin: center left; /* 设置变换的原点为左上角 */
}
.submenu
{
    font-size: 1em;
}
/* 定义从小到大的动画 */
@keyframes showSubMenu {
    from {transform: scale(0);}
    to {transform: scale(1);}
}

/* 定义从大到小的动画 */
/* @keyframes hideSubMenu {
    from {transform: scale(1);}
    to {transform: scale(0);}
} */

@keyframes showSubMenu {
    from {transform: scaleY(0);}  /* 开始时宽度为0 */
    to {transform: scaleY(1);}    /* 结束时宽度全展开 */
}

/* .nav-area nav .active .submenu {
    animation: showSubMenu 0.5s forwards; 
} */

/* .nav-area nav li:not(.active) > .submenu {
    animation: hideSubMenu 0.5s forwards;
} */

.title1 > a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    display: block;
    padding: 5px;
    transition: background-color 0.3s;
    border-radius: 10px;
    font-weight: bold;
}

.submenu a {
    text-decoration: none;
    color:rgb(130, 137, 139) ;
    /* #9BC8E7 */
    padding-left: 30px;
    transition: background-color 0.3s;
}


/*nav ul li a:hover {*/
/*    background-color: #ddd;*/
/*}*/
.article-area {
    flex-grow: 1; /*Take up the remaining width*/
    padding: 1vw 3vw 2vw 3vw;
    background-color: rgb(255,255,255);
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0 15px 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}
.conribution-area{
    padding: 1vw 3vw 2vw 3vw;
    background-color: #fafafa;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0 15px 15px;
    border-radius: 20px;
}
.contribution h1
{
    margin-bottom: 10px;
    font-size: 2.4rem;
    color: rgb(245, 195, 100);
    line-height: 80px;
    font-weight: 100 !important;
    margin-top: 30px;
    border-bottom: 2px solid rgb(234, 169, 48); /* 添加底部边框 */
}
.contribution p{
    font-size: 1rem;
    word-spacing: 3px;
    line-height: 1.2;
}
.figure {
    /* margin-left: auto;
    margin-right: auto; */
    text-align: center;
    align-items: center;
    font-size: 1rem;
    width: 60%;
}

.figure img {
    /* display: block; */
    height: auto;
    margin: 0 auto;
}
.figcaption
{
    text-align: center;
    margin-top: 10px;
    color: #5c5c5c;
    font-size: 0.9rem;
}
.article-area article h1 {
    margin-bottom: 10px;
    font-size: 2.2rem;
    color: rgb(245, 195, 100);
    line-height: 50px;
    font-weight: 100 !important;
    margin-top: 30px;
    border-bottom: 2px solid rgb(234, 169, 48); /* 添加底部边框 */
}

.article-area article h2 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: rgb(245, 195, 100);
    line-height: 25px;
}
.article-area article h3 {
    margin-bottom: 1.4px;
    font-size: 1.6rem;
    color: rgb(237, 196, 120);
}
.article-area article h4 {
    margin-bottom: 10px;
    font-size: 1.3rem;
    color: rgb(237, 196, 120);
}
.article-area article p {
    font-size: 1rem;
    word-spacing: 3px;
    line-height: 1.5;
}

.article-area article li {
    font-size: 1rem;
    word-spacing: 3px;
    line-height: 1.5;
}
.reference-area h1
{
    margin-bottom: 10px;
    font-size: 2.3rem;
    color: #013aa3;
}

sup {
    vertical-align: 50%;
    font-size: smaller;
}
sup a {
    text-decoration: none;
    color: inherit;
}
.sup1:before {
    content: '[';
}
.sup1:after {
    content: ']';
}
/* 三线表的形式 */
table{
    table-layout:auto;
    width: 100%;
    font-size: 1.1rem;
    margin: 20px auto;
    border-collapse: collapse;
    }
    table>caption {
        margin: 0 0 5px 0;
        font-size: 3rem;
        font-family: "Head";
        color: #013aa3;
    }
.caption
{  
     margin: 0 0 5px 0;
    font-size: 0.9rem;
    font-family: "Head";
    color: #5c5c5c;
    white-space: normal;
    text-align: center;
}
    table>thead>tr>th {
        border-top: 1.5px solid #000;
        border-bottom: 0.75px solid #000;
        vertical-align: top;
        text-align: center;
        padding: 8px;
    }

    th,td{
        vertical-align: top;
         text-align: center;
         padding: 8px;
    }
    table>thead>tr>td >a{
       color: #000;
    }
    table>tbody>tr:last-child>td {
        border-bottom: 1.5px solid #000;
    }
    table>thead>tr>th {
        /* padding: 6px 20px; */
        vertical-align: top;
         text-align: center;
    }

    .part>tbody>tr>td:last-child {
      width: 60%;  
    }
    
.reference-area ol {
    counter-reset: item;
    font-size: 1rem;
    word-spacing: 3px;
    line-height: 1.5;
}
.reference-area li {
    display: block;
    position: relative;
}
.reference-area li::before {
    content: "[" counter(item) "]";
    counter-increment: item;
    position: absolute;
    left: -2em; /* 根据需要调整此值 */
}
.download{
    background-color: #FFD98D;
    border-radius: 10px;
    padding: 1vw 3vw 2vw 3vw;
}
.download a{
    font-size: 1.5rem; ;
}
.download h2{
    color: white;
}
.award >td
{
    font-size: 1.5rem;
}
.award>caption
{
    font-size: 2.0rem;
    color: solid #013aa3;
}

.cite-ref {
  vertical-align: super;  /* 关键：设置为上角标 */
  font-size: 75%;         /* 字体缩小到正常大小的75% */
  line-height: 0;         /* 防止影响行高 */
  position: relative;     /* 允许微调位置 */
  top: -0.5em;            /* 向上移动一点，效果更明显 */
}