@charset "UTF-8";

@import "_utils/normal.css";
@import "_utils/variables.css";
@import "_utils/reset.css";
@import "_utils/container.css";
@import "_utils/layout.css";
@import "_utils/text.css";
@import "_utils/scroll.css";
@import "_utils/transition.css";
@import "_utils/button.css";
@import "_utils/card.css";
@import "_utils/badge.css";
@import "_utils/skeleton.css";
@import "_utils/table.css";
@import "_utils/pagination.css";
@import "_utils/tooltip.css";
@import "_utils/drawer.css";
@import "_utils/spinner.css";
@import "_utils/upload-play.css";
@import "_form/index.css";

/* DataStar.js 所有请求开始时元素不可以再次点击，直到请求完成（finished）自动删除样式 */
.ds-fetch-started {
    position: relative;
    cursor: auto;
    pointer-events: none;
    opacity: 0.6;
    transition: opacity 200ms;
}

.ds-fetch-started.spin::before {
    --spin-size: 20px;
    content: '';
    position: absolute;
    z-index: 9;
    height: var(--spin-size);
    width: var(--spin-size);
    border: 2px solid #e5e5e5;
    border-top: 2px solid black;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* 棋盘格透明背景 */
.checkerboard {
    position: relative;
}
.checkerboard::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #fff;
    background-image: linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd), linear-gradient(45deg, #ddd 25%, transparent 25%, transparent 75%, #ddd 75%, #ddd);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    border-radius: 5px;
}

/* 顶部导航 */
.topnav {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 9;
}

.topnav .container {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(0.625rem);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 2rem;
    box-shadow: rgba(0, 0, 0, 0.06) 0rem 0.1875rem 0rem;
}

/* 页底 */
.footer {
    font-size: 0.75rem;
    color: rgb(141, 141, 143);
    margin-top: 3.125rem;
}

.footer .container {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 0rem 0px;
}