/* 全局 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    background: url("images/bg.jpg") center / cover no-repeat fixed;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}


/* 主内容 */

.overlay {

    min-height: 100vh;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    text-align: center;

    padding: 20px;

}


/* 名字 */

.name {

    font-size: 42px;
    font-weight: 600;

    letter-spacing: 2px;

    margin-bottom: 15px;

}


/* 简介 */

.intro {

    font-size: 16px;

    margin-bottom: 35px;

    opacity: .85;

}


/* 域名区域 */

.domain-box {

    margin: 10px 0 25px;

}


#domain {

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 3px;

    color: #000;

    text-shadow:

        0 2px 10px rgba(0, 0, 0, .18);

}



/* 提示文字 */

.visit-text {

    font-size: 15px;

    margin-bottom: 30px;

}



/* 社交按钮 */

.social {

    display: flex;

    gap: 25px;

}


.social a {

    color: #000;

    font-size: 22px;

    transition: .3s;

}


.social a:hover {

    transform: translateY(-4px);

    opacity: .6;

}



/* Power */

.power {

    margin-top: 35px;

    font-size: 13px;

    opacity: .7;

}



/* 底部 */

.footer {

    position: fixed;

    bottom: 25px;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

    font-size: 13px;

    color: #000;

}



.time-title {

    margin-bottom: 5px;

    font-weight: 600;

}



#time {

    margin-bottom: 6px;

}


#ip {

    opacity: .75;

}



/* 手机适配 */

@media(max-width:600px) {


    .name {

        font-size: 34px;

    }


    .intro {

        font-size: 14px;

    }


    #domain {

        font-size: 24px;

        letter-spacing: 2px;

    }


    .social {

        gap: 20px;

    }


    .footer {

        bottom: 18px;

        font-size: 12px;

    }


}