:root{
    --background-color : #71a3ff;
}
@font-face {
    font-family: loli;
    src: url("./fonts/loli.woff2");
}
*{
    font-family: loli;
    word-wrap:break-word;
    word-break: break-all;
}

/* 背景 */
.bg{
    background:url(https://api.chino.mom/api) center 0px /cover no-repeat fixed;
}
/* 标题文字 */
tt{
    font-size: 4rem;
    text-align: center;
}
.code{
    margin-right: 5rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    border-radius: 6px;
    overflow: auto;
}

a {
    text-decoration:none;
    color: #6fa7ff;
}
li{
    list-style: none;
    padding: .8rem;
}
.app{
    width: 100%;
}
.blurcard{
    border-radius: 20px;
    background: var(--background-color);
    background: linear-gradient(90deg, #71a3ff7a 0,#aab2e47e 54%);
    backdrop-filter: blur(10px);
}
.hr{
    margin: 2rem 6rem;
    padding: 2rem;
}
.card{
    margin: 1rem 6rem;
    padding: 2rem 0;
}
.header{
    text-align: center;
    margin: 3rem 6rem;
    padding: 3.5rem;
}

/* 手机适配 */
@media (max-width: 768px) {
    tt{
        font-size: 2rem;
    }
    .hr{
        margin: 2rem 2rem;
    }
    .card{
        margin: 1rem 2rem;
    }
    .header{
        margin: 3rem 2rem;
    }

    .code{
        margin-right: 2rem;
    }
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    padding: 8px;
    text-align: center;
}
th {
    text-align: center;
}