a{
    color:orange;
}
a:hover {
    color:blue;
}

body{
    font-size:15px;
    padding:22px 15px;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

/* 导航条 */
 
    nav {
        display: flex;
        background-color: #f4f4f4; /* 导航栏背景色 */
    }
   
    nav a {
        font-size:15px;
        flex: 1;         /* 链接块级元素 */
        color: black;          /* 链接文字颜色 */
        text-align: center;     /* 文字居中 */
        padding: 12px 0px;    /* 内边距 */
        text-decoration: none;  /* 去掉下划线 */
    }
    nav a:hover {
        color:maroon;
        /* background-color: #575757; 悬停时改变背景色 */
        border-bottom: 4px solid red;
        font-size:15px;
        font-weight: bolder;
    }


#link1 a{
    color:black;
    font-size:14px;
    text-decoration:none;
}

section{
    text-align:auto;
    margin:15px;
    font-size:15px;
    border-bottom: 1.5px solid orange; /* 每个部分下边框 */
}



#title_{
    color:#000;
    font-weight: bold;
    margin:12px 10;
    font-size:20px;
    text-decoration: none;
}
#title_:hover{
    color:orchid;
    font-size:19px;
}


#j_name {
    font-weight:bold;
    font-style: italic;
    color:black;
}
#j_li,#c_li{
    margin:10px 10px;
}

#j_li i{
    color: blue;
}

#c_li i{
    color: darkgreen;
}



#p_name{
    color:maroon;
    text-decoration: underline;
}

#p_li,#my_li{
    font-size:16px;
    margin:5px 0px;

}

#_detail{

    font-size:13px;
    color:black;
    font-style: italic;
}
#_detail img{
    width: 50px;
    height:50px;
    margin:10px  2px;
}

#_detail div{
    margin:2px 0px;
}
#_detail ul{
    padding-left:0px;
    list-style-type:square;
    padding-left: 2px;
}
#_detail .first_ol{

    padding-left:2px;
    list-style-position: inside;
    list-style-type: upper-alpha;
}

#_detail ol{
    padding-left:0px;
    list-style-position: inside;
    list-style-type: lower-roman;
}
#_detail ol a{
    text-decoration:  none;
}

#roller{

    margin: 15px auto;
    text-align: center;
    
}
#roller a{
    text-decoration: none;
    font-size:15px;
    margin:10px 0px;
    color:goldenrod;
}

#roller a:hover{
    color:red;
    font-size:16px;
}
.roll_{
    text-align: left;
    margin:auto 30px;
}

.my_ol_dataset {
    margin:5 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制分成等宽的4列 */
    gap: 5px; /* 列之间的间距 */
}

.dataset_title{
    text-decoration:none;
    color:black;
}
.dataset_title:hover{
    color:blue;
}



#tail{
    text-align:right;
    margin:18px 10px;
}


/* =============================data============================ */

.main-container h2 a{
    text-decoration: none;
    color: var(--color-text-secondary);
}
.main-container h2{
    font-size:22px;
}
.main-container section{
    border:none;
}
.main-container h1{
    border:none;
}
.main-container nav{
     border-bottom: 2px solid var(--color-border-primary);
}
#data_nav{

     display: block;
     background-color: white; /* 导航栏背景色 */

}

#data_nav a {
        font-size:16px;
        flex: 1;         /* 链接块级元素 */
        color: black;          /* 链接文字颜色 */
        text-align: center;     /* 文字居中 */
        padding: 8px 5px;    /* 内边距 */
        text-decoration: none;  /* 去掉下划线 */
    }

#data_nav a:hover {
        color:rgb(0,0,0,.9);
        /*background-color: #575757; 悬停时改变背景色 */
        border-bottom: 3px solid red;
        font-size:17px;
        font-weight: bolder;
    }

    h3 a{
            font-size: 1.25rem;
            margin: 1.25rem 0 0.75rem;
            color: var(--color-text-secondary);
            padding-left: 0.5rem;
            /* border-left: 3px solid var(--color-accent); */
            text-decoration: none;
    }
    .main-container hr{
        border-bottom: 1px solid var(--color-border-primary);
    }

  .main-container  h1 a{
            font-size: 2rem;
            margin: 2rem 0 1rem;
            padding-bottom: 0.5rem;
            /* border-bottom: 2px solid var(--color-border-primary); */
            color: var(--color-text-primary);
            text-decoration: none;
        }