/*
Name：bppws
Date：20241128
Author：kaygb & coolerxde
*/
@font-face {
    font-family: 'Concrete';
    src: url('https://garfieldtom.cool/concrete-2.woff');
}

body{
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-color: black;
    font-family: Concrete, Arial, Helvetica, sans-serif;
}
.main{
    max-width: 600px;
    padding: 10px;
    margin: 20vh auto;
    display: block;
    position: relative;
}

div{
    display: block;
}

h1{
    color: #e84393;
    font-size: 4rem;
    position: relative;
}

p{
    color: #b2bec3;
    font-size: 1.5rem;
}

p a{
    color: #e84393;
}

p a:hover, p a:visited, p a:focus{
    color: #e84393;
}

.zz{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.486);
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.zz img{
    filter: blur(20px);
    min-width: 100%;
    min-height: 100%;
    max-width: 200%;
    max-height: 200%;
}

.footer{
    bottom: 0;
    line-height: 50px;
    height: 50px;
    color: #999;
    font-size: .9rem;
}

.footer a{
    color: #999;
}

.footer img{
    margin: 0;
    padding: 0;
}

a.upyun{
    height: 50px;
}

/* 响应式设计 */
@media screen and (max-width: 600px) {
    .main{
        margin: 100px auto;
    }

    h1{
        font-size: 2.5rem; /* 减小标题字体大小 */
    }

    p{
        font-size: 1.2rem; /* 减小段落字体大小 */
    }

    .footer{
        font-size: .8rem; /* 减小底部字体大小 */
    }

    .footer img{
        width: 40px; /* 调整图片大小 */
    }
}