/* 设置sq的背景图片 */
#back-img-box {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0.3;

    /* 初始的时候就把图片置于最底层 */

    z-index: 0;

    /* 此时鼠标可以穿透 */

    pointer-events: none;

}


/* 清除 a 标签的装饰 */
a {

    text-decoration: none;

}


@keyframes bg_change {

    0% {

        left: 96px;

        top: 300px;

        opacity: 0;

    }

    50% {

        right: -96px;

        bottom: -300px;

        width: 50%;

        height: 50%;

        transform: perspective(400px) rotateX(180deg) rotateY(-90deg) translateX(0px) translateY(100px) translateZ(-100px);

        opacity: 0.5;

    }

    100% {

        left: 0;

        top: 0;

        right: 0;

        width: 100%;

        height: 100%;

        transform: perspective(800px) rotateX(0deg) rotateY(13.3046deg) translateX(147.964px) translateY(41.5282px) translateZ(-112.439px);

        opacity: 1;

    }

}


/* 设置飞起来的壁纸的动效 */
.fly {

    width: 100%;

    height: 100%;

    position: absolute;

    -webkit-animation: bg_change 10s infinite;

}


.base {

    width: 100%;

    height: 100%;

    position: absolute;

    animation: base_change 10s infinite;

    -webkit-animation: base_change 10s infinite;

}


/* 设置头部的sqmw显示样式 */
#Header1_HeaderTitle {

    font-size: 32px;

    text-decoration: none;

    color: black;

    text-shadow: 0 0 10px #8a2be2; /* 紫色阴影 */

    font-family: 宋体;

    /* text-shadow: 0px 0px 15px #00FFFF, 0px 0px 15px #00FFFF, 0px 0px 15px #00FFFF; */

}


#Header1_HeaderTitle::before{

    content: "author: ";

}


table > tbody tr * {

    text-decoration: none;

}


/* 设置头部的样式 */
#header {

    display: flex;

    flex-diraction: row;

    justify-content: space-around;

    height: 80px;

}


/* 设置切换背景音乐的按钮样式 */
#bgmChange {

    font-family: 华文楷体;

}


/* 背景音乐的字体 */
#bgmName {

    font-family: 华文楷体;

}


/* 设置显示 content 的 opicity */
div[class='postcontent'] {
    opacity: 0.99;
}

.myposts_title{
}


/* 上面的代码都是个个人为了实现动态bg切换、音乐部分以及去掉表格的文本的下滑线需要*/