/* Preserve the original design with the agreed maximum content width. */
.container-fluid{width:100%;max-width:1600px;margin-left:auto;margin-right:auto}
#homemain{margin-bottom:20px}
#homemain .mg-blog-post.lg{height:clamp(210px,35vw,475px);--ops-image-width:min(100%,844.444px)}
#homemain .mg-blog-img,#homemain .ta-slide-items{display:block;width:100%;height:100%}
#homemain .mg-blog-img img{position:static;left:auto;right:auto;min-width:0;width:100%;height:100%;object-fit:contain}
#homemain .mg-blog-post.lg>article.bottom{left:50%;right:auto;transform:translateX(-50%);width:var(--ops-image-width);padding:20px 32px;z-index:3}
#homemain .ops-carousel-peek{position:absolute;top:0;bottom:0;width:max(0px,calc((100% - var(--ops-image-width))/2 - 8px));border:0;border-radius:0;padding:0;margin:0;background:#000;overflow:hidden;cursor:pointer;z-index:4;opacity:.65}
#homemain .ops-carousel-peek:hover,#homemain .ops-carousel-peek:focus-visible{opacity:.95}
#homemain .ops-peek-prev{left:0}#homemain .ops-peek-next{right:0}
#homemain .ops-carousel-peek img{position:absolute;top:0;width:var(--ops-image-width);height:100%;max-width:none;min-width:0;object-fit:cover;opacity:1}
#homemain .ops-peek-prev img{right:0;left:auto}#homemain .ops-peek-next img{left:0;right:auto}
.ysp-feed-slot{display:flow-root}
@media(max-width:600px){#homemain .mg-blog-post.lg>article.bottom{padding:16px 20px}}

/* About members only: align existing avatar/name/statistics; retain theme type,
   colors, avatar size, statistic background, and video-card presentation. */
#player #result .ops-bili-about-head {
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    min-width:0;
    height:auto;
    clear:both;
}
#player #result .ops-bili-about-head::before,
#player #result .ops-bili-about-head::after { display:none; }
#player #result .ops-bili-about-head > .h-avatar {
    float:none;
    flex:0 0 60px;
    margin:0;
}
#player #result .ops-bili-about-head > .h-avatar > a {
    display:block;
    width:100%;
    height:100%;
}
#player #result .ops-bili-about-head > .ops-bili-about-identity {
    display:block;
    flex:1 1 auto;
    min-width:0;
}
#player #result .ops-bili-about-head > .ops-bili-about-identity .h-basic {
    float:none;
    width:auto;
    min-width:0;
    margin:0;
}
#player #result .ops-bili-about-head .h-sign {
    width:auto;
    max-width:100%;
}
#player #result .ops-bili-about-head > .n-statistics {
    display:flex;
    align-items:center;
    float:none;
    flex:0 0 auto;
    width:auto;
    height:auto;
    margin:0 0 0 auto;
}
#player #result .ops-bili-about-head > .n-statistics > .n-data {
    float:none;
    flex:0 0 auto;
    min-width:62px;
    width:auto;
    padding:10px 6px;
}
#player #result .ops-bili-about-head .n-data-k { margin:0; }
#player #result .ops-bili-about-head .n-data-v { margin:5px 0 0; }
@media(max-width:767px) {
    #player #result .ops-bili-about-head { flex-wrap:wrap; }
    #player #result .ops-bili-about-head > .ops-bili-about-identity {
        flex:1 1 calc(100% - 72px);
    }
    #player #result .ops-bili-about-head > .n-statistics {
        flex:1 1 100%;
        justify-content:space-around;
        margin:0;
    }
    #player #result .ops-bili-about-head > .n-statistics > .n-data {
        flex:1 1 0;
        min-width:0;
    }
}