.header[data-astro-cid-3ef6ksr2] {
    color: var(--color-font-header);
    background-color: var(--color-bg-bar);
    height: var(--page-header-height);
    position: sticky;
    top: 0;
    z-index: 666
}

.logo[data-astro-cid-3ef6ksr2] {
    width: 1rem;
    margin-right: var(--gap-size);
    background: var(--icon-logo) center no-repeat;
    background-size: contain;
    position: relative
}

.logo[data-astro-cid-3ef6ksr2]:after {
    content: "官方";
    display: block;
    padding: .02rem .04rem;
    border-radius: .03rem;
    color: var(--color-white);
    background-color: #cc0200cc;
    position: absolute;
    font-size: .12rem;
    transform: scale(.66);
    top: -.02rem;
    right: -.24rem
}

nav[data-astro-cid-3ef6ksr2] {
    flex: 1;
    font-size: var(--font-size-header)
}

nav[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:not(.home) {
    font-size: 0
}
.pagination>.epages{
    display: flex;
  }
.pagination>.epages>a{
    padding: 8px 6px;
    width: auto;
    display: flex;
    flex: none;
    max-width: 2.4rem;
    margin: 0 6px;
  }
nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:after {
    font-size: var(--font-size-header)
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].soccer:after {
    content: "足球"
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].basket:after {
    content: "篮球"
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].news:after {
    content: "资讯"
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].replay:after {
    content: "录像"
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].predict:after {
    content: "视频"
}

nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover {
    font-weight: 700;
    color: var(--color-font-hover-header)
}

nav[data-astro-cid-3ef6ksr2] .active[data-astro-cid-3ef6ksr2] {
    color: var(--color-font-hover-header);
    font-weight: 700;
    display: flex;
    justify-content: center
}

nav[data-astro-cid-3ef6ksr2] .active[data-astro-cid-3ef6ksr2]:before {
    position: absolute;
    display: block;
    bottom: 0;
    content: "";
    width: 0;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    border-bottom: .05rem solid var(--color-white)
}

@media screen and (min-width: 1024px) {
    .logo[data-astro-cid-3ef6ksr2] {
        width: 1.4rem;
        background-size: cover
    }

    .logo[data-astro-cid-3ef6ksr2]:after {
        padding: .02rem .06rem;
        font-size: .12rem;
        top: -.1rem;
        right: -.24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] {
        padding-left: .3rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:not(.home) {
        font-size: inherit
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:after {
        display: none
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].home {
        background: var(--icon-home) no-repeat;
        background-size: .24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].soccer {
        background: var(--icon-soccer) no-repeat;
        background-size: .24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].basket {
        background: var(--icon-basket) no-repeat;
        background-size: .24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].news {
        background: var(--icon-news) no-repeat;
        background-size: .24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].replay {
        background: var(--icon-replay) no-repeat;
        background-size: .24rem
    }

    nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].predict {
        background: var(--icon-brain) no-repeat;
        background-size: .24rem
    }
}

.nav[data-astro-cid-dmqpwcec] {
    background-color: var(--color-bg-nav)
}

.nav h1 {
    font-size: var(--font-size-main)
}

.container[data-astro-cid-dmqpwcec] {
    position: relative
}

.container[data-astro-cid-dmqpwcec]:after {
    pointer-events: none;
    position: absolute;
    right: 0;
    display: inline-block;
    content: "";
    width: .3rem;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--color-bg-nav))
}

ul[data-astro-cid-dmqpwcec] {
    column-gap: var(--gap-size);
    row-gap: .1rem;
    display: flex;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

ul[data-astro-cid-dmqpwcec]::-webkit-scrollbar {
    display: none
}

li[data-astro-cid-dmqpwcec] {
    flex-shrink: 0
}

li[data-astro-cid-dmqpwcec] .active[data-astro-cid-dmqpwcec] {
    color: var(--color-green);
    font-weight: 700
}

@media screen and (min-width: 1024px) {
    .container[data-astro-cid-dmqpwcec]:after {
        display: none
    }

    ul[data-astro-cid-dmqpwcec] {
        flex-wrap: wrap
    }
}

nav[data-astro-cid-qaanghzh] {
    margin-bottom: 0;
    flex: 0;
    font-size: .12rem
}

ol[data-astro-cid-qaanghzh] {
    width: 100%;
    display: flex;
    color: var(--color-font-gray)
}

li[data-astro-cid-qaanghzh] {
    flex-shrink: 0
}

li[data-astro-cid-qaanghzh]:last-child {
    flex-shrink: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

li[data-astro-cid-qaanghzh]+li[data-astro-cid-qaanghzh]:before {
    content: "/";
    margin: 0 .04rem
}

@media screen and (min-width: 1024px) {
    nav[data-astro-cid-qaanghzh] {
        font-size: .14rem
    }
}

.footer[data-astro-cid-sz7xmlte] {
    color: var(--color-font-footer);
    background-color: var(--color-bg-footer)
}

.container[data-astro-cid-sz7xmlte] {
    flex-direction: column;
    font-size: calc(var(--font-size-main) - .02rem);
    gap: var(--gap-size)
}

.declare[data-astro-cid-sz7xmlte] {
    line-height: .2rem
}

.links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
    word-break: break-all;
    margin-right: var(--gap-size)
}

a[data-astro-cid-sz7xmlte]:hover {
    color: var(--color-font-hover)
}

@media screen and (min-width: 1024px) {
    .container[data-astro-cid-sz7xmlte] {
        align-items: center;
        gap: calc(var(--gap-size) / 2)
    }

    .declare[data-astro-cid-sz7xmlte] {
        line-height: .26rem
    }

    .links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
        margin-right: calc(var(--gap-size) / 2)
    }
}

.astro-route-announcer {
    position: absolute;
    left: 0;
    top: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
    width: 1px;
    height: 1px
}

:root {
    --root-font-size: 100px;
    --page-max-width: 100vw;
    --page-header-height: .5rem;
    --gap-size: .1rem;
    --schedule-summary-height: .4rem;
    --font-size-main: .14rem;
    --font-size-header: .16rem;
    --font-size-h1: .18rem;
    --font-size-h2: .16rem;
    --font-size-box-caption: .15rem;
    --color-bg-main: #F7F8FA;
    --color-bg-bar: #0e8c58;
    --color-bg-nav: #FFF;
    --color-bg-box: #FFF;
    --color-bg-footer: #212224;
    --color-font-main: #333;
    --color-font-gray: rgba(0, 0, 0, .54);
    --color-font-header: #FFF;
    --color-font-footer: rgba(255, 255, 255, .8);
    --color-font-hover: #00a457;
    --color-font-hover-header: #FFF;
    --color-white: #FFF;
    --color-red: #CC0200;
    --color-orange: #FF5A00;
    --color-green: #0e8c58;
    --color-blue: #007aff;
    --color-live: #f15b5b;
    --color-bg-li-hover: #F7F8FA;
    --color-bg-logo-team: #EEE;
    --color-bg-button-more: rgba(255, 255, 255, .8);
    --color-bg-replay: #F7F8FA;
    --color-bg-backtop: rgba(255, 255, 255, .8);
    --border-color: #F7F7F7;
    --border-radius: .06rem;
    --gradient-game: radial-gradient(circle, rgb(18, 173, 108) 0%, rgba(14, 140, 88, 1) 100%);
    --icon-logo: url(../asset/logo.svg);
    --icon-more: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12L31 24L19 36' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --icon-live: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m24 44c11.0457 0 20-8.9543 20-20s-8.9543-20-20-20-20 8.9543-20 20 8.9543 20 20 20z'/%3E%3Cpath d='m20 24v-6.9282l6 3.4641 6 3.4641-6 3.4641-6 3.4641z'/%3E%3C/g%3E%3C/svg%3E");
    --icon-replay: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m4 10h32v28h-32z' fill='none'/%3E%3Cg stroke-linecap='round'%3E%3Cpath clip-rule='evenodd' d='m44 14-8 6.75v6.5l8 6.75z' fill-rule='evenodd'/%3E%3Cpath d='m17 19 6 5-6 5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --icon-recap: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m4 11c0-1.10457.89543-2 2-2h36c1.1046 0 2 .89543 2 2v24c0 1.1046-.8954 2-2 2h-36c-1.10457 0-2-.8954-2-2z' fill='none'/%3E%3Cpath d='m28 17h-8v12h8z' fill='none'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='m44 17h-8v12h8'/%3E%3Cpath d='m4 17h8v12h-8'/%3E%3Cpath d='m4 13v20'/%3E%3Cpath d='m44 13v20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --icon-brain: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-width='3'%3E%3Cpath d='m19.036 44.0002c-.9799-3.1956-2.4582-5.5779-4.4349-7.1469-2.9651-2.3535-7.67627-.8908-9.41652-3.3183-1.74025-2.4276 1.21924-6.8918 2.25776-9.5259 1.03852-2.634-3.98055-3.5654-3.39458-4.3132.39066-.4985 2.92695-1.9371 7.60894-4.3157 1.3303-7.58664 6.2441-11.37996 14.7415-11.37996 12.7459 0 17.6018 10.80596 17.6018 17.67886 0 6.873-5.8799 14.2773-14.2559 15.8738-.749 1.0908.3313 3.2399 3.2407 6.4473' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath clip-rule='evenodd' d='m19.4997 14.5001c-.6533 2.5343-.4589 4.3138.5832 5.3385 1.0421 1.0248 2.8182 1.6949 5.3283 2.0104-.5695 3.2687.1249 4.8022 2.083 4.6004 1.9582-.2018 3.1347-1.0154 3.5297-2.441 3.0603.8601 4.7189.1403 4.9758-2.1594.3855-3.4496-1.4747-6.2014-2.2373-6.2014-.7627 0-2.7385-.0928-2.7385-1.1475 0-1.0548-2.308-1.6507-4.391-1.6507s-.8294-1.4041-3.6897-.8493c-1.9069.3698-3.0547 1.2031-3.4435 2.5z' fill='none' stroke-linejoin='round'/%3E%3Cpath d='m30.5002 25.5002c-1.0169.6311-2.4124 1.6803-3 2.5-1.4689 2.0495-2.6604 3.2974-2.9211 4.6081' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    --icon-soccer: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='2' stroke-width='3'%3E%3Cpath d='m17.8172 4.97973c-10.50815 3.40948-16.24713 14.69777-12.83773 25.19607 3.40939 10.4984 14.69743 16.2475 25.19553 12.8381 10.5081-3.4095 16.2471-14.6978 12.8377-25.1961-3.4094-10.50843-14.6974-16.24754-25.1955-12.83807z'/%3E%3Cpath d='m34 21-10-8-10 8 4 12h12z' fill='none'/%3E%3Cpath d='m34 21 9-3'/%3E%3Cpath d='m36 40-6-7'/%3E%3Cpath d='m18 33-6 7'/%3E%3Cpath d='m14 21-9-3'/%3E%3Cpath d='m24 13v-9'/%3E%3C/g%3E%3C/svg%3E");
    --icon-basket: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='m24 44c11.0457 0 20-8.9543 20-20s-8.9543-20-20-20-20 8.9543-20 20 8.9543 20 20 20z'/%3E%3Cpath d='m8.5459 11.2727c4.2424 3.6364 6.3636 7.8788 6.3636 12.7273s-2.1212 9.0909-6.3636 12.7272'/%3E%3Cpath d='m39.4545 36.7272c-4.2425-3.6363-6.3637-7.8787-6.3637-12.7272s2.1212-9.0909 6.3637-12.7273'/%3E%3Cpath d='m4 24h40'/%3E%3Cpath d='m24 4v40'/%3E%3C/g%3E%3C/svg%3E");
    --icon-home: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-width='3'%3E%3Cpath d='m9 18v24h30v-24l-15-12z' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m19 29v13h10v-13z' fill='none' stroke-linejoin='round'/%3E%3Cpath d='m9 42h30' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
    --icon-news: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='m22 44-1-8'/%3E%3Cpath d='m42 44v-32h-16l1 8 1 8 1 8-7 8z' fill='none'/%3E%3Cpath d='m28 28h5'/%3E%3Cpath d='m27 20h6'/%3E%3Cpath d='m6 4h19l1 8 1 8 1 8 1 8h-8-15z' fill='none'/%3E%3Cpath d='m12 12h7'/%3E%3Cpath d='m12 20h8'/%3E%3Cpath d='m12 28h9'/%3E%3C/g%3E%3C/svg%3E");
    --icon-play: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m24 44c11.0457 0 20-8.9543 20-20s-8.9543-20-20-20-20 8.9543-20 20 8.9543 20 20 20z'/%3E%3Cpath d='m20 24v-6.9282l6 3.4641 6 3.4641-6 3.4641-6 3.4641z'/%3E%3C/g%3E%3C/svg%3E");
    --icon-stats: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m16.3446 5.51758c-2.4446 1.01366-4.6445 2.49816-6.48674 4.34039-3.61928 3.61933-5.85786 8.61933-5.85786 14.14213 0 11.0457 8.9543 20 20 20 5.5228 0 10.5228-2.2386 14.1421-5.8579 1.8423-1.8422 3.3268-4.0421 4.3404-6.4867' stroke-linecap='round'/%3E%3Cpath d='m24 24h20c0-11.0457-8.9543-20-20-20z' fill='none'/%3E%3C/g%3E%3C/svg%3E");
    --icon-link: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m26.2401 16.373-9.14-9.13997c-2.6613-2.66135-7.0348-2.60273-9.76852.13094-2.73367 2.73363-2.79229 7.10723-.13094 9.76853l7.93526 7.9353'/%3E%3Cpath d='m32.9027 23.0031 7.9353 7.9353c2.6614 2.6614 2.6027 7.0349-.1309 9.7686-2.7337 2.7337-7.1072 2.7923-9.7686.1309l-9.14-9.14'/%3E%3Cpath d='m26.1093 26.1416c2.7337-2.7337 2.7923-7.1072.131-9.7686'/%3E%3Cpath d='m21.7989 21.7984c-2.7337 2.7337-2.7923 7.1072-.131 9.7685'/%3E%3C/g%3E%3C/svg%3E")
}

@media screen and (min-width: 540px) {
    :root {
        --root-font-size: 120px
    }
}

@media screen and (min-width: 768px) {
    :root {
        --root-font-size: 150px
    }
}

@media screen and (min-width: 1024px) {
    :root {
        --root-font-size: 100px;
        --page-max-width: 1200px;
        --page-header-height: .7rem;
        --gap-size: .2rem;
        --schedule-summary-height: .44rem;
        --font-size-main: .16rem;
        --font-size-header: .18rem;
        --font-size-h1: .24rem;
        --font-size-h2: .18rem;
        --font-size-box-caption: .17rem;
        --border-radius: .1rem
    }
}

html {
    font-size: var(--root-font-size);
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth
}

body,
ul,
ol,
p,
h1,
h2 {
    padding: 0;
    margin: 0
}

ul,
ol,
li {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: var(--color-font-hover)
}

h1 {
    font-size: var(--font-size-h1)
}

h2 {
    font-size: var(--font-size-h2)
}

button {
    padding: 0;
    margin: 0;
    border: 0;
    color: inherit;
    background-color: transparent;
    font-size: 100%;
    cursor: pointer
}

button:hover {
    color: var(--color-font-hover)
}

body {
    user-select: none;
    -webkit-user-select: none;
    font-size: var(--font-size-main);
    background-color: var(--color-bg-main);
    color: var(--color-font-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: PingFang SC, miui, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif
}

.header,
.nav,
.main,
.footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.main {
    flex: 1
}

.main .container {
    gap: var(--gap-size);
    flex-direction: column
}

.container {
    flex: 1;
    width: calc(100% - .2rem);
    max-width: var(--page-max-width);
    display: flex;
    margin: var(--gap-size)
}

.box {
    padding: var(--gap-size);
    border-radius: var(--border-radius);
    background-color: var(--color-bg-box)
}

.box .head {
    overflow: hidden;
    color: var(--color-font-gray);
    padding-bottom: var(--gap-size);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    gap: var(--gap-size)
}

.box .head>a {
    flex-shrink: 0;
    flex-grow: 0
}

.box .head .caption,
.box .head .active {
    font-size: var(--font-size-box-caption);
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--color-green);
    white-space: nowrap
}

.box .head .caption:before,
.box .head .active:before {
    content: "";
    display: inline-block;
    width: .04rem;
    height: .15rem;
    border-radius: .04rem;
    margin-right: .04rem;
    background: var(--color-green)
}

.box .head .more {
    margin-left: auto;
    -webkit-mask: var(--icon-more) no-repeat center;
    mask: var(--icon-more) no-repeat center;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    content: "";
    width: .18rem;
    height: .18rem;
    margin-right: 0;
    background-color: currentColor;
    margin-top: -.01rem;
    -webkit-mask-position: .02rem;
    mask-position: .02rem
}

.box .head .datetime {
    margin-left: auto;
    font-size: calc(var(--font-size-main) - .02rem);
    white-space: nowrap
}

.no-data {
    justify-content: center !important;
    text-align: center;
    padding: .2rem 0 !important;
    color: var(--color-font-gray)
}

.pagination {
    display: flex;
    justify-content: center;
    gap: calc(var(--gap-size)/2);
    overflow: hidden
}

.pagination a {
    flex: 1;
    padding: calc(var(--gap-size)/2) 0;
    max-width: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-green);
    border-radius: var(--border-radius)
}

.pagination .active {
    background-color: var(--color-green);
    color: var(--color-white)
}

.back-top {
    position: fixed;
    right: .2rem;
    bottom: .6rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 48 48' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='m12 33 12-12 12 12'/%3E%3Cpath d='m12 13h24'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
    background-size: 50%;
    background-color: var(--color-bg-backtop);
    backdrop-filter: blur(.04rem);
    box-shadow: 0 2px 15px #0000001a;
    z-index: 666666;
    cursor: pointer
}

.page-loader {
    width: 1rem;
    height: .5rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: #0000007f;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 1024px) {
    .main .container {
        flex-direction: row
    }

    .box .head .datetime:before {
        content: "更新时间："
    }

    .body li,
    .list li {
        position: relative;
        z-index: 0
    }

    .body li:after,
    .list li:after {
        content: "";
        position: absolute;
        left: calc(var(--gap-size) / -2);
        right: calc(var(--gap-size) / -2);
        top: -.01rem;
        bottom: -.01rem;
        background-color: var(--color-bg-li-hover);
        border-radius: var(--border-radius);
        z-index: -1;
        opacity: 0;
        transition: .3s
    }

    .body li:hover:after,
    .list li:hover:after {
        opacity: 1
    }
}