body,
button,
dd,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

a {
    appearance: none;
    -webkit-tap-highlight-color: transparent
}

* {
    -webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

address,
b,
em,
i {
    font-style: normal
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

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

img {
    border: 0;
    font-size: 0;
    -webkit-user-select: none;
    vertical-align: middle
}

::-webkit-input-placeholder,
body,
button,
input,
select,
textarea {
    font-family: system-ui, "Open Sans", calibri, Roboto, verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    line-height: 1.5
}

.wgfooter {
    position: relative;
    min-height: 290px;
    padding-bottom: 50px;
    background-color: #131313;
    font-size: 12px;
    z-index: 100
}

.wgfooter,
.wgfooter * {
    font-family: system-ui, "Open Sans", calibri, Roboto, verdana, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif
}

.wgfooter-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    position: relative
}

.wglogo {
    width: 240px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 60px;
    background: url(../image/icon-logo.9fe53f22.webp) no-repeat 0 0;
    background-size: 100% auto;
    font-size: 0
}

.wg-copyright {
    padding: 30px 0 0;
    font-size: 12px
}

.wg-copyright-link {
    font-size: 0
}

.wg-copyright-link>a {
    color: rgba(255, 255, 255, .4);
    transition: color .2s ease-in;
    display: inline-block;
    padding: 0 16px 0 0;
    position: relative;
    font-size: 12px
}

.wg-copyright-link>a::after {
    content: "|";
    position: absolute;
    right: 5px;
    top: 0;
    height: 10px;
    color: #fff;
    opacity: .4;
    transform: scaleY(.9)
}

.wg-copyright-link>a:last-child::after {
    display: none
}

.wg-copyright-link>a:active,
.wg-copyright-link>a:link,
.wg-copyright-link>a:visited,
.wg-copyright-owner>a:active,
.wg-copyright-owner>a:link,
.wg-copyright-owner>a:visited {
    color: rgba(255, 255, 255, .4)
}

.wg-copyright-link>a:hover,
.wg-copyright-owner>a:hover {
    color: rgba(255, 255, 255, .8)
}

.wg-copyright-info,
.wg-copyright-link {
    padding: 0 0 8px 0
}

.wg-copyright-info,
.wg-copyright-owner {
    color: rgba(255, 255, 255, .4);
    font-size: 12px
}

.wgsite {
    min-height: 109px
}

.wgsite-link {
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    min-width: 100px;
    margin: 0 10px 8px 0;
    transition: color .2s ease-in;
    position: relative;
    cursor: pointer
}

.wgsite-link:hover {
    color: #fff
}

.wgsite-link.disabled,
.wgsite-link.disabled:hover {
    color: rgba(255, 255, 255, .4);
    cursor: default
}

.wgsite-link.disabled .wgsite-link-icon {
    opacity: .4
}

.wgsite-link.disabled:hover .wgsite-link-icon {
    opacity: .4
}

.wgsite-link-icon,
.wgsite-link-txt {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.wgsite-link-txt {
    width: auto;
    height: auto;
    height: 24px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.wgsite-tit {
    font-size: 18px;
    color: #fff;
    margin: 0 0 16px 0
}

.wgsite-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px 0 0
}

.wgsite-item--fr {
    width: 200px
}

.wgsite-item--fr .wgsite-link {
    margin-right: 0;
    min-width: 90px
}

.wgsite-item--fr .wgsite-link-txt {
    max-width: 90px
}

.wgsite-item--og .wgsite-link,
.wgsite-item--wg .wgsite-link {
    display: block
}

.wgsite-link-icon {
    background: url(data:image/png;base64,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) no-repeat -102px 0;
    background-size: 160px 30px;
    margin: 0 4px 0 0;
    opacity: .6;
    transition: opacity .2s ease-in
}

.wgsite-link:hover .wgsite-link-icon {
    opacity: 1
}

.icon-pc {
    background-position: -102px 0
}

.icon-mac {
    background-position: -136px 0
}

.icon-wechat {
    background-position: -34px 0
}

.icon-sina {
    background-position: 0 0
}

.icon-bilibili {
    background-position: -68px 0
}

.wgsite-popup {
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    position: absolute;
    top: -8px;
    left: 100%;
    padding: 6px;
    color: #3c3c3c;
    font-size: 12px;
    z-index: 10;
    opacity: 0;
    transition: opacity .2s ease-in;
    pointer-events: none;
    font-size: 13px
}

.wgsite-link .wgsite-popup {
    opacity: 0
}

.wgsite-link:active .wgsite-popup,
.wgsite-link:hover .wgsite-popup {
    opacity: 1;
    pointer-events: auto
}

.wgsite-qrcode {
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto
}

.wgsite-tips {
    line-height: 1.5;
    padding-bottom: 6px;
    color: #3c3c3c
}

.wgsite-tips span {
    display: block;
    text-align: center
}

.wgsite-popup::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 16px;
    left: -8px
}

@media screen and (min-width:931px) and (max-width:1024px) {
    .wgfooter-inner {
        width: 900px
    }
}

@media screen and (max-width:930px) {
    .in-mobile .wgfooter {
        padding-bottom: 0
    }

    .in-mobile .wglogo {
        display: none
    }

    .in-mobile .wgsite-tit {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        position: relative
    }

    .in-mobile .wgsite-tit::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: rgba(255, 255, 255, .12)
    }

    .in-mobile .wgfooter-inner {
        width: 100%;
        padding: 20px 20px 20px 20px
    }

    .in-mobile .wgsite-item {
        display: block;
        width: 100%;
        margin: 0 0 15px 0
    }

    .in-mobile .wgsite-cont {
        padding: 0 0 0 10px
    }

    .in-mobile .wgsite-item--fr .wgsite-cont {
        padding: 0
    }

    .in-mobile .wgsite-link {
        min-width: 0;
        display: inline-block;
        margin: 0 15px 8px 0
    }

    .in-mobile .wg-copyright {
        padding: 10px 0 30px 0;
        zoom: .9
    }

    .in-mobile .wg-copyright-link a {
        margin: 0 0 10px 0
    }

    .in-mobile .wgsite-popup {
        top: 140%;
        left: 0
    }

    .in-mobile .wgsite-popup::after {
        top: -10px;
        left: 40px;
        margin-left: 0;
        transform: rotate(90deg)
    }
}

.in-mobile,
.in-mobile * {
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

.in-mobile .wgsite-link:active {
    color: #fff
}

.in-mobile .wgsite-link:active .wgsite-link-icon {
    opacity: 1
}

.wgsite-link.show-menu {
    color: #fff
}

.wgsite-link.show-menu .wgsite-link-icon {
    opacity: 1
}

.wgsite-link.show-menu .wgsite-popup {
    opacity: 1;
    pointer-events: auto
}

.wgsite-popup {
    white-space: nowrap
}

.wgsite-popup-inner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 12px 6px 12px
}

.wgsite-popup-inner+.wgsite-popup-inner::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -2px;
    bottom: 10px;
    width: 1px;
    background: rgba(0, 0, 0, .12)
}

#widget-footer {
    position: relative;
    z-index: 4
}

.theme-cn-light,
:root {
    --color-text-0: #3c3c3c;
    --color-text-1: #3c3c3c;
    --color-text-2: #757575;
    --color-fill0-3: rgba(0, 0, 0, 0.05);
    --color-fill-1: #fff;
    --color-fill-2: #f4f4f4;
    --color-fill-button-default: rgba(0, 0, 0, 0.02);
    --color-fill-button-hover: rgba(0, 0, 0, 0.06);
    --color-line-1: rgba(0, 0, 0, 0.15)
}

.theme-cn-dark {
    --color-text-0: #FFF;
    --color-text-1: rgba(255, 255, 255, 0.8);
    --color-text-2: rgba(255, 255, 255, 0.6);
    --color-fill0-3: rgba(0, 0, 0, 0.05);
    --color-fill-1: #434347;
    --color-fill-2: #56565c;
    --color-line-1: rgba(255, 255, 255, 0.05);
    --color-fill-button-default: rgba(255, 255, 255, 0.05);
    --color-fill-button-hover: rgba(255, 255, 255, 0.15)
}

@media (prefers-color-scheme:dark) {
    body {
        --color-text-0: #FFF;
        --color-text-1: rgba(255, 255, 255, 0.8);
        --color-text-2: rgba(255, 255, 255, 0.6);
        --color-fill0-3: rgba(0, 0, 0, 0.05);
        --color-fill-1: #434347;
        --color-fill-2: #56565c;
        --color-line-1: rgba(255, 255, 255, 0.05);
        --color-fill-button-default: rgba(255, 255, 255, 0.05);
        --color-fill-button-hover: rgba(255, 255, 255, 0.15)
    }
}

.mac-popup {
    position: absolute;
    z-index: 1000;
    background-color: var(--color-fill-1);
    color: var(--color-text-0);
    width: 264px;
    padding: 22px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    z-index: 3000;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.mac-popup::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #007bff transparent transparent transparent;
    border-top-color: var(--color-fill-1);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -10px
}

.mac-popup.show {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.mac-popup--bottom::after {
    border: none;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #007bff transparent;
    border-bottom-color: var(--color-fill-1);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -10px
}

.mac-popup-button {
    display: block;
    height: 42px;
    line-height: 42px;
    border: 1px solid var(--color-line-1);
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 200px;
    margin: 0 0 6px 0;
    cursor: pointer;
    background-color: var(--color-fill-button-default);
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.mac-popup-button:hover {
    background-color: var(--color-fill-button-hover)
}

.mac-popup-tit {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: var(--color-text-1);
    padding: 10px 0 20px 0
}

.mac-popup-tips {
    font-size: 12px;
    color: var(--color-text-2);
    padding: 10px 0 0 0
}

.mac-popup-tips-item {
    display: block;
    text-align: center
}

.wgsite-cont {
    position: relative
}

.wgsite-cont .mac-popup {
    position: absolute;
    top: -50px;
    left: 100%;
    transform: translate3d(0, 0, 0)
}

.wgsite-cont .mac-popup::after {
    transform: rotate(90deg);
    bottom: auto;
    top: 93px;
    left: -12px;
    margin: 0
}

.wgsite-cont .mac-popup--bottom {
    position: absolute;
    top: 70px;
    left: -85px
}

@media screen and (max-width:930px) {
    .in-mobile .wgsite-cont .mac-popup {
        top: -245px;
        left: auto
    }

    .in-mobile .wgsite-cont .mac-popup::after {
        left: 125px;
        transform: none;
        left: 50%;
        margin-left: -8px;
        bottom: -10px;
        top: auto
    }

    .in-mobile #footer {
        position: relative;
        z-index: 1000
    }
}