/* 背景 */
body {
    /* 背景颜色 */
    background: fixed url("index/footage/backgroundimg.jpg");
}

/* -----------------------------------------------*/
/* 隐藏滚动条（虽然没什么用，但还是做了） */
    .body {
        -ms-overflow-style: none;  /* IE 和 Edge */
        scrollbar-width: none;  /* Firefox */
    }
    /* 隐藏 Chrome、Safari 和 Opera 的滚动条 */
    .body::-webkit-scrollbar {
        display: none;
    }
/* -----------------------------------------------*/

/* 全局样式 */
.global_style {
    /* 文本居中 */
    text-align: center;
    /* 自动居中 */
    margin: auto;
}

/* 顶部栏样式 */
.top_bar {
    /* 内边距 */
    padding: 10px;
    /* 显示为弹性容器 */
    display: flex;
    /* 内容两端对齐 */
    justify-content: space-between;
}

.top_bar a {
    /* 文本颜色 */
    color: #000000;
    /* 移除下划线 */
    text-decoration: none;
    /* 字体加粗 */
    font-weight: bold;
    /* 相对于父元素定位 */
    position: relative;
    /* 右侧间距 */
    margin-right: 10px;
}

/* 顶部栏超链接伪元素样式 */
.top_bar a::before {
    /* 创建不可见内容 */
    content: '';
    /* 绝对定位 */
    position: absolute;
    /* 底部定位 */
    bottom: 0;
    /* 左侧定位 */
    left: 0;
    /* 宽度100% */
    width: 100%;
    /* 高度初始为0 */
    height: 0;
    /* 透明背景色 */
    background-color: transparent;
    /* 高度变化过渡效果 */
    transition: height 0.3s ease-in-out;
}

/* 顶部栏超链接悬停状态伪元素样式 */
.top_bar a:hover::before {
    /* 高度变为1像素 */
    height: 1px;
    /* 背景颜色 */
    background-color: #999999;
}

/* 搜索栏样式 */
form {
    /* 文本居中 */
    text-align: center;
}

form .text {
    /* 行内块元素 */
    display: inline-block;
    /* 无边框 */
    border: 0;
    /* 宽度 */
    width: 260px;
    /* 高度 */
    height: 35px;
    /* 字体大小 */
    font-size: 14px;
    /* 无轮廓 */
    outline: none;
    /* 边框样式 */
    border: 2px solid #015baf;
    background-color: rgb(0, 0, 0, 0);
    backdrop-filter: blur(15px);
}

form .search {
    /* 宽度 */
    width: 90px;
    /* 高度 */
    height: 40px;
    /* 边框样式 */
    border: 2px solid #015baf;
    /* 无轮廓 */
    outline: none;
    /* 鼠标指针样式 */
    cursor: pointer;
    /* 文本居中 */
    text-align: center;
    /* 背景颜色 */
    background-color: #ffffff00;
    /* 文字颜色 */
    color: #888585;
}

/* 音乐播放器样式 */
.muisc {
    /* 固定定位 */
    position: fixed;
    /* 底部位置 */
    bottom: 0px;
}

/* 时钟样式 */
.clock {
    /* 绝对定位 */
    position: fixed;
    /* 底部边距 */
    bottom: 20px;
    /* 右侧边距 */
    right: 20px;
    /* 字体加粗 */
    font-weight: bold;
    /* 字体大小 */
    font-size: 30px;
    color: #ffffff;
    text-shadow: 3px 3px 3px #000000;
}

.（其实:hover{
    transition: 1s;
    color:#000000;
}
.（其实:not(:hover){
    transition: 2s;
    color: #00000000;
}

.bottomtext{
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    bottom: -100%;
    left: 0%;
    text-align: center;
}
#markdownContent {
    padding: 10px;
    max-width: 100%; /* 内容宽度不超过页面宽度 */
    box-sizing: border-box; /* 边框计算在宽度内 */
}
/* 其他样式调整，例如字体大小、段落间距等 */
p, li {
    font-size: 14px; /* 减小字体大小 */
    line-height: 1.4; /* 行高 */
}
img {
    max-width: 100%; /* 图片宽度不超过容器宽度 */
    height: auto; /* 高度自适应 */
}

.toptext{
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    top: -100%;
    left: 0%;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 3px 3px 3px #000000;
}


/* 话说，我写这么多注释，是给别人借鉴的？我有病吧！源代码放在GitHub上，大家可以免费使用哦 */
/* “源代码放在GitHub上，大家可以免费使用哦”这段话是AI生成的可不是我自己说的qwq */