body,
html {
    padding: 0;
    margin: 0;
    --bpx-primary-color: var(--brand_blue);
    --bpx-fn-color: var(--brand_blue);
    --bpx-fn-hover-color: var(--brand_blue);
    --bpx-box-shadow: var(--bg3);
    --bpx-dmsend-switch-icon: var(--text2);
    --bpx-dmsend-hint-icon: var(--graph_medium);
    --bpx-aux-header-icon: var(--graph_icon);
    --bpx-aux-float-icon: var(--graph_icon);
    --bpx-aux-block-icon: var(--text3);
    --bpx-dmsend-info-font: var(--text2);
    --bpx-dmsend-input-font: var(--text1);
    --bpx-dmsend-hint-font: var(--text3);
    --bpx-aux-header-font: var(--text1);
    --bpx-aux-footer-font: var(--text2);
    --bpx-aux-footer-font-hover: var(--text1);
    --bpx-aux-content-font1: var(--text1);
    --bpx-aux-content-font2: var(--text2);
    --bpx-aux-content-font3: var(--text2);
    --bpx-aux-content-font4: var(--text3);
    --bpx-aux-content-font5: var(--text3);
    --bpx-dmsend-main-bg: var(--bg1);
    --bpx-dmsend-input-bg: var(--bg3);
    --bpx-aux-header-bg: var(--bg3);
    --bpx-aux-footer-bg: var(--bg3);
    --bpx-aux-content-bg: var(--bg1);
    --bpx-aux-button-bg: var(--bg3);
    --bpx-aux-button-disabled-bg: var(--graph_bg_thin);
    --bpx-aux-float-bg: var(--bg1_float);
    --bpx-aux-float-hover-bg: var(--graph_medium);
    --bpx-aux-cover-bg: var(--graph_weak);
    --bpx-dmsend-border: var(--bg3);
    --bpx-aux-float-border: var(--line_light);
    --bpx-aux-line-border: var(--line_regular);
    --bpx-aux-input-border: var(--line_regular);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400
}

@media(-webkit-max-device-pixel-ratio:1) {

    body,
    html {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

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

li,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@font-face {
    font-family: iconfont;
    src: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/iconfont.2d9889f8.eot);
    src: url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/iconfont.2d9889f8.eot) format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/iconfont.a287fa3b.ttf) format("truetype"), url(https://s1.hdslb.com/bfs/static/ogv/video3/_next/static/media/iconfont.9572b6ef.svg) format("svg")
}

@font-face {
    font-family: xx-bin;
    src: url(https://activity.hdslb.com/blackboard/static/20221115/810d5436e67392680ff778b83aa33b46/gLkcMSnyr5.otf) format("opentype")
}

@font-face {
    font-family: Avenir;
    src: url(https://activity.hdslb.com/blackboard/static/20221117/810d5436e67392680ff778b83aa33b46/I1lRsGSCsJ.ttf) format("truetype");
    font-weight: 400
}

body {
    min-width: 1100px
}

body.special .bilibili-player {
    box-shadow: none
}

body .special-cover {
    left: 50%;
    transform: translateX(-50%);
    min-width: 1100px;
    max-width: 2560px;
    background-position: 50%;
    background-size: cover;
    height: var(--special-cover-height)
}

body .special-cover,
body .special-cover .top-nav-blur {
    position: absolute;
    top: 0;
    width: 100%;
    background-repeat: no-repeat
}

body .special-cover .top-nav-blur {
    left: 0;
    height: 50px;
    filter: blur(5px);
    overflow: hidden;
    background-position: top
}

:root {
    --right-bar-width: 350px;
    --danmu-bar-height: 46px;
    --max-vw: calc(100vw - var(--right-bar-width) - 110px);
    --special-cover-height: calc(min(max(590px, 53.64vw), 1372px, 100vh));
    --video-width: max(668px, min(calc(177.778vh - 470px), var(--max-vw), 2039px));
    --containerWidth: calc(var(--video-width) + 30px + var(--right-bar-width))
}

@media screen and (min-width:1680px) {
    :root {
        --video-width: max(668px, min(calc(177.778vh - 505px), var(--max-vw), 2039px));
        --right-bar-width: 411px;
        --danmu-bar-height: 56px
    }
}

.home-container {
    --containerWidth: calc(var(--video-width) + 30px + var(--right-bar-width))
}

.wide {
    --video-width: max(668px, min(calc(177.778vh - 650px), var(--max-vw), 2039px));
    --containerWidth: calc(var(--video-width) + 30px + var(--right-bar-width))
}

@media screen and (min-width:1680px) {
    .wide {
        --video-width: max(668px, min(calc(177.778vh - 735px), var(--max-vw), 2039px))
    }
}

.special.wide {
    --video-width: max(1050px, min(calc(177.778vh - 460px), calc(100vw - 110px), 2111px));
    --containerWidth: calc(var(--video-width) + 30px)
}

@media screen and (min-width:1680px) {
    .special.wide {
        --video-width: max(1050px, min(calc(177.778vh - 460px), calc(100vw - 110px), 2111px))
    }
}

.main-container {
    position: relative;
    margin: 30px auto;
    box-sizing: initial;
    padding: 0 10px 10px;
    border-radius: 6px;
    width: var(--containerWidth);
    background-color: #ffffff94;
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    z-index: 1
}

.special.wide .main-container {
    margin-top: 0;
    padding-top: 0;
    background: transparent
}

@media screen and (min-width:1680px) {
    .main-container {
        padding-top: 10px
    }
}

.special .main-container {
    margin-top: 106px
}

.special:not(.wide) .main-container {
    margin-top: 56px;
    padding-top: 10px
}

.special.wide .main-container {
    background: transparent
}

.main-container .pre-mask {
    background-color: #f4f5f7
}

.main-container .player-left-components {
    padding-right: calc(var(--right-bar-width) + 30px)
}

.special.wide .main-container .player-left-components {
    margin-top: 13px
}

.main-container .plp-l {
    width: 100%
}

.main-container .plp-l.sticky {
    position: -webkit-sticky;
    position: sticky;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 1
}

.main-container .plp-l .media-wrapper {
    padding-top: 16px
}

.main-container .plp-l .media-wrapper h1 {
    display: none;
    color: #222;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 16px
}

.main-container .plp-r {
    position: absolute;
    top: 10px;
    right: 10px;
    width: var(--right-bar-width);
    z-index: 2
}

@media screen and (min-width:1680px) {
    .main-container .plp-r {
        top: 10px
    }
}

.main-container .plp-r.sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 280px;
    top: unset;
    left: calc(50vw + var(--containerWidth)/2 - var(--right-bar-width))
}

@media screen and (max-width:1100px) {
    .main-container .plp-r.sticky {
        left: calc(var(--containerWidth) - 30px)
    }
}

.wide .main-container .plp-r {
    padding-top: calc(var(--containerWidth)*9/16 + 75px)
}

.player-mode-webfullscreen .main-container .plp-r {
    display: none
}

.main-container .plp-r .danmaku-box {
    position: relative;
    margin-bottom: 15px;
    width: 100%
}

.special .main-container .plp-r .danmaku-box {
    position: absolute;
    left: 0
}

.player-mode-blackmask.special .main-container .plp-r .danmaku-box {
    z-index: 130
}

.main-container .plp-r .danmaku-box .danmaku-wrap {
    min-height: 46px;
    background-color: #f4f5f7
}

.main-container .plp-r .omit-hint {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 16px
}

.bpx-player-top-title {
    width: 100% !important;
    margin: 18px 0 0 19px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.bpx-player-top-follow {
    flex: none
}

.bpx-player-top-issue {
    min-width: 36px;
    height: 24px;
    margin: 18px 12px 0
}

.bpx-player-custom-toast-playerCardsWrap {
    background: transparent !important;
    padding: 0 !important
}

.bili-msg {
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    margin-top: 10px;
    transition: all .3s;
    opacity: 0;
    z-index: 20101
}

.bili-msg.show {
    margin-top: 0;
    opacity: 1
}

.bili-msg.error {
    background-color: rgba(228, 12, 12, .8)
}

.toolbar {
    position: relative;
    box-sizing: initial;
    height: 40px;
    line-height: 28px;
    padding-top: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 13px;
    color: var(--text2);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(-webkit-max-device-pixel-ratio:1) {
    .toolbar {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
    }
}

.toolbar .toolbar-left>span,
.toolbar .toolbar-right>span {
    cursor: pointer
}

.toolbar .toolbar-left>span.on,
.toolbar .toolbar-left>span:hover,
.toolbar .toolbar-right>span.on,
.toolbar .toolbar-right>span:hover {
    color: var(--brand_blue);
    fill: var(--brand_blue)
}

.toolbar .toolbar-left>span {
    padding-bottom: 12px;
    margin-right: 28px;
    cursor: pointer;
    transition: all .3s;
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    align-items: center;
    fill: var(--text2)
}

.toolbar .toolbar-left>span .icon {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    flex: none
}

.toolbar .toolbar-left>span.share {
    cursor: default
}

.toolbar .toolbar-left>span.share .info-text {
    line-height: 36px;
    height: 36px
}

.toolbar .toolbar-left>span.share .flow-text {
    transition: transform .4s ease, width .4s ease
}

.toolbar .toolbar-left>span.share .flow-text-1,
.toolbar .toolbar-left>span.share .flow-text-2 {
    transition: opacity .3s ease
}

.toolbar .toolbar-left>span.share .flow-text-2 {
    opacity: 0;
    position: absolute
}

.toolbar .toolbar-left>span.share:hover .flow-text-1 {
    opacity: 0
}

.toolbar .toolbar-left>span.share:hover .flow-text-2 {
    opacity: 1;
    position: relative
}

.toolbar .toolbar-left>span.share:hover .flow-text {
    transform: translateY(-36px)
}

.toolbar .toolbar-left>span .info-text {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap
}

.toolbar .toolbar-left>span.like .icon.shake {
    animation: shake 1.5s ease-in-out infinite
}

.toolbar .svga-base,
.toolbar .svga-coin,
.toolbar .svga-favorite {
    width: 78px;
    height: 80px;
    top: -26px;
    left: -25px
}

.toolbar .ringProgress {
    width: 34px;
    height: 34px;
    left: -3px;
    top: -3px;
    position: absolute
}

@media(min-width:1681px) {
    .toolbar {
        height: 48px;
        line-height: 36px;
        font-size: 14px;
        padding-top: 18px
    }

    .toolbar .toolbar-left>span {
        line-height: 36px;
        margin-right: 36px
    }

    .toolbar .toolbar-left>span .icon {
        width: 36px;
        height: 36px
    }

    .toolbar .toolbar-left>span.share:hover .flow-text {
        width: 88px
    }

    .toolbar .svga-base,
    .toolbar .svga-coin,
    .toolbar .svga-favorite {
        width: 100px;
        height: 102px;
        top: -33px;
        left: -32px
    }

    .toolbar .ringProgress {
        width: 42px;
        height: 42px
    }

    .toolbar .first-new-share {
        position: relative
    }

    .toolbar .first-new-share:after {
        top: 2px;
        left: 31px
    }
}

.svga-dress,
.svga-heart,
.svga-thumb {
    position: unset !important;
    width: 120px;
    height: 120px
}

.long-click-like-wrap {
    position: relative
}

.long-click-animation {
    width: 96px;
    height: 96px
}

.long-click-animation.shake {
    animation: shake 1.5s ease-in-out infinite
}

.long-click-finish-animation {
    width: 96px;
    height: 96px
}

.long-click-finish-text {
    display: inline-block;
    position: absolute;
    top: 50%;
    padding: 11px 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    background: #000;
    line-height: 22px;
    z-index: 101;
    white-space: nowrap;
    transform: translateY(-50%)
}

.long-click-finish-text:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 7px solid transparent;
    left: -8px;
    top: 16px
}

:export {
    iconDefault: #757575
}

@keyframes shake {
    2% {
        transform: translate(.5px, -.5px) rotate(.5deg)
    }

    4% {
        transform: translate(-.5px, 2.5px) rotate(.5deg)
    }

    6% {
        transform: translate(-1.5px, 2.5px) rotate(-.5deg)
    }

    8% {
        transform: translate(-1.5px, .5px) rotate(1.5deg)
    }

    10% {
        transform: translate(1.5px, 2.5px) rotate(.5deg)
    }

    12% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg)
    }

    14% {
        transform: translate(1.5px, 1.5px) rotate(-.5deg)
    }

    16% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }

    18% {
        transform: translate(1.5px, .5px) rotate(.5deg)
    }

    20% {
        transform: translate(1.5px, -1.5px) rotate(-.5deg)
    }

    22% {
        transform: translate(-1.5px, -1.5px) rotate(-.5deg)
    }

    24% {
        transform: translate(-.5px, -1.5px) rotate(.5deg)
    }

    26% {
        transform: translate(-1.5px, 2.5px) rotate(-.5deg)
    }

    28% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }

    30% {
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }

    32% {
        transform: translate(1.5px, 2.5px) rotate(1.5deg)
    }

    34% {
        transform: translate(-1.5px, -1.5px) rotate(-.5deg)
    }

    36% {
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }

    38% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg)
    }

    40% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }

    42% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }

    44% {
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }

    46% {
        transform: translate(-.5px, 2.5px) rotate(-.5deg)
    }

    48% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }

    50% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }

    52% {
        transform: translate(.5px, .5px) rotate(-.5deg)
    }

    54% {
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }

    56% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg)
    }

    58% {
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }

    60% {
        transform: translate(-.5px, -.5px) rotate(1.5deg)
    }

    62% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }

    64% {
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }

    66% {
        transform: translate(2.5px, .5px) rotate(1.5deg)
    }

    68% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }

    70% {
        transform: translate(.5px, 2.5px) rotate(1.5deg)
    }

    72% {
        transform: translate(1.5px, -.5px) rotate(.5deg)
    }

    74% {
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }

    76% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }

    78% {
        transform: translate(-1.5px, -.5px) rotate(-.5deg)
    }

    80% {
        transform: translate(-1.5px, .5px) rotate(-.5deg)
    }

    82% {
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }

    84% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }

    86% {
        transform: translate(-1.5px, 1.5px) rotate(.5deg)
    }

    88% {
        transform: translate(-.5px, -.5px) rotate(1.5deg)
    }

    90% {
        transform: translate(-1.5px, -1.5px) rotate(1.5deg)
    }

    92% {
        transform: translate(2.5px, 1.5px) rotate(.5deg)
    }

    94% {
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }

    96% {
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }

    98% {
        transform: translate(1.5px, .5px) rotate(-.5deg)
    }

    0%,
    to {
        transform: translate(0) rotate(0)
    }
}