/* -------------------------------- 

 * 版权所有 (c) 2025 hubweb.cn
 * 保留所有权利
 * www.hubweb.cn

-------------------------------- */
table {
    border-collapse: collapse;
}
thead {
    position: sticky;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8); /* 设置半透明背景 */
    z-index: 1;
    backdrop-filter: blur(5px); /* 添加毛玻璃模糊效果 */
    border-bottom-width: 3px;   
}
table span {font-size: 9px;color: #8f8f8f}
@media (prefers-color-scheme: dark){
    thead {
        background-color: rgba(29, 29, 29, 0.8); /* 设置半透明背景 */
    }
}

.nav-container {
    display: flex;
    justify-content: left;
    gap: 8px;
    padding-bottom: 8px;
}
.nav-container-min {
    display: flex;
    justify-content: left;
    gap: 2px;
    padding-bottom: 8px;
}

.navIn{
    transition: transform 0.2s ease;
    width: 80px;
    height: 40px;
    /*float: left;*/
    border-radius: 30px;
    margin: 0;
    color: #C0C0C0;
    background-color: #f6f6f6;
    font-weight: bolder;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    align-self: center;
    display: block;
    cursor:pointer;
    box-shadow: rgba(210, 210, 210, 0.5) 1.5px 1.5px 1px -1px inset, rgba(210, 210, 210, 0.5) -1px -1px 1px 0px inset;
    position: relative;
    overflow: hidden;
    padding-top: 8px;
}
.navIn-min{
    transition: transform 0.2s ease;
    width: 45px;
    height: 28px;
    /*float: left;*/
    border-radius: 30px;
    margin: 0;
    color: #C0C0C0;
    background-color: #f6f6f6;
    font-weight: bolder;
    font-size: 10px;
    line-height: 28px;
    text-align: center;
    align-self: center;
    display: block;
    cursor:pointer;
    box-shadow: rgba(210, 210, 210, 0.5) 1.5px 1.5px 1px -1px inset, rgba(210, 210, 210, 0.5) -1px -1px 1px 0px inset;
    position: relative;
    overflow: hidden;
}
.navIn-min-2{
    transition: transform 0.2s ease;
    width: 72px;
    height: 28px;
    /*float: left;*/
    border-radius: 30px;
    margin: 0;
    color: #C0C0C0;
    background-color: #f6f6f6;
    font-weight: bolder;
    font-size: 10px;
    line-height: 28px;
    text-align: center;
    align-self: center;
    display: block;
    cursor:pointer;
    box-shadow: rgba(210, 210, 210, 0.5) 1.5px 1.5px 1px -1px inset, rgba(210, 210, 210, 0.5) -1px -1px 1px 0px inset;
    position: relative;
    overflow: hidden;
}
.navIn:hover, .navIn-min:hover, .navIn-min-2:hover{
    background-color: #f0f0f0;
    transform: scale(0.98);
}
.navIn:active, .navIn-min:active, .navIn-min-2:active {
    transform: scale(0.95);
}
.pointer-effect {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 10;
    border-radius: 30px;
    background: transparent;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.border-line {
    position: absolute;
    inset: 0;
    border: 1px solid var(--color-hover-line, #ADADAD);
    border-radius: 30px;
    background: transparent;
    clip-path: inset(0px round 9999px);
    mask-image: radial-gradient(circle at var(--mouse-x) var(--mouse-y), black, transparent 100%);
}
@media (prefers-color-scheme: dark) {
    body{
        background-color: rgb(29, 29, 29);
    }
    .tip {
        color: rgb(172, 172, 172);
    }
    a:hover {
        color: rgb(245, 245, 245);
    }
    .navIn, .navIn-min, .navIn-min-2{
        background-color: rgb(35, 35, 35);
        color: rgb(172, 172, 172);
        box-shadow: rgba(100, 100, 100, 0.5) 1.5px 1.5px 1px -1px inset, rgba(100, 100, 100, 0.5) -1px -1px 1px 0px inset;
    }
    .navIn:hover, .navIn-min:hover, .navIn-min-2:hover{
        background-color: rgb(45, 45, 45);
    }
}