@import url('https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Regular/result.css');
@import url('colors.css');
@import url('modifyTags.css');
body {
    overflow: hidden;
    display: flex;
    height: 100%;
    font-family: "Maple Mono CN";
    margin: 0;
    font-size: 1.1em;
    color:var(--normal);
    padding: 64px;
    gap: 32px;
    background-image: url("../imgs/Mita.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover; /* 确保背景图片覆盖整个屏幕 */

    /* 可选，使图片居中 */
}

*{
    transition: .3s;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
    width: 8px;
    /* 滚动条宽度 */
    height: 12px;
    /* 水平滚动条高度，根据需要设置 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f100;
    /* 轨道背景色 */
    border-radius: 6px;
    /* 圆角 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #666;
    /* 滑块背景色 */
    border-radius: 4px;
    /* 圆角 */
    transition: .3s;
}

/* 滑块在被悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* 悬停时滑块背景色 */
}

.box {
    border-radius: 16px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(64px);
    box-shadow: 4px 4px 8px var(--boxshadow);
}

.inbox{
    background-color:rgba(255,255,255,0.5);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    padding: 16px;
}