/** 全局样式 **/
body {
    font-family: 'CustomFont', 'Microsoft YaHei', Arial, sans-serif;
    --container-width: 1200px;
}

.no-data {
    padding: 20px 0;
}

/** 阴影 **/
.text-shadow {
    text-shadow: 1px 1px 0px var(--shadow-color, #0001), -1px -1px 0px var(--shadow-color, #0001), 1px -1px 0px var(--shadow-color, #0001), -1px 1px 0px var(--shadow-color, #0001);
}

.text-shadow-black {
    text-shadow: 1px 1px 0px var(--shadow-color, #0001), -1px -1px 0px var(--shadow-color, #0001), 1px -1px 0px var(--shadow-color, #0001), -1px 1px 0px var(--shadow-color, #0001);
}

.hover-shadow-box,
.shadow-box {
    box-shadow: 0 0 8px 0 var(--shadow-color, #ffffff05);
    transition: all .3s ease;
}

.hover-shadow-box:hover {
    box-shadow: 0 0 10px 2px var(--shadow-color, #ffffff05);
}


.svg-user {
    width: 20px;
    height: 20px;
    fill: #fff;
}








/* 图标样式 */
.svg-date {
    fill: #333;
    margin-top: 1px;
    width: 1.35em;
    height: 1.35em;
}

.svg-fire {
    width: 1.3em;
    height: 1.3em;
}

.svg-menu {
    width: 1.3em;
    height: 1.3em;
}

@media screen and (min-width:640px) and (max-width:1200px) {
    .svg-menu {
        width: 1em;
        height: 1em;
        margin-top: -1px;
    }
}





/* 分页器 */
.xg-page a:hover {
    text-decoration: none;
}

.xg-page {
    display: flex;
    text-align: center;
    align-items: center;
    overflow: hidden;
    margin: -0.2rem;
}

.xg-page .xg-page-cur {
    color: #fff;
    background: var(--xg-color);
    border-radius: 0.3rem;
}

.xg-page span {
    padding: 0.3rem 0.5rem 0.2rem 0.5rem;
}

.xg-page .xg-page-link,
.xg-page .xg-page-next,
.xg-page .xg-page-prev,
.xg-page .xg-page-first,
.xg-page .xg-page-end,
.xg-page .xg-page-cur {
    display: block;
    padding: 0.3rem 0.5rem 0.2rem 0.5rem;
    margin: 0.2rem;
    text-decoration: none;
    border-radius: 0.3rem;
    border: solid 1px #ddd;
    min-width: 1.2em;
}