注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* 这里放置的CSS将应用于所有皮肤 */
/* ################新版页面开始 改自umamusumeWIKI################ */
body {
    --panzi-unit-left-1: 5px;
    --panzi-unit-left-2: 122px;
    --panzi-unit-left-3: 239px;
    --panzi-unit-offset: 63px;
    --panzi-equip-offset: 48px;
    --panzi-number-offset-1: 8px;
    --panzi-number-offset-2: 28px;
    --panzi-number-offset-3: 48px;
    --panzi-skill-offset-1: 7px;
    --panzi-skill-offset-2: 27px;
}
.menu-wrap {
    border: 0;
}
.menu-wrap .wiki-menu-li-1 {
    background: -10px -1px, linear-gradient(163deg, rgba(58, 252, 255, 0.6), rgba(58, 218, 232, 0.4) 33%, rgba(38, 207, 230, 0.8) 33%, rgba(102, 152, 237, 0.6)), linear-gradient(30deg, #6395ee, #5a8fed 20%, #43a4e9 22%, #499cea 78%, #588cef 80%, #539feb) !important;
    position: relative;
    background-repeat: no-repeat !important;
    box-shadow: -1px -1px 2px rgba(102, 102, 102, 0.33) inset, 1px 1px 2px rgba(255, 255, 255, 0.66) inset;
    border-radius: 2px;
    font-size: 16px;
    border-bottom: none;
}
.menu-wrap .wiki-menu-li-1:first-child {
    border-radius: 6px 0 0 6px;
}
.menu-wrap .wiki-menu-li-1:last-child {
    border-radius: 0 6px 6px 0;
}
.menu-wrap .wiki-menu-li-1 > a {
    color: white !important;
    text-shadow: 1px 2px 2px rgba(102, 102, 102, 0.33);
    font-weight: bold;
}
.menu-wrap .wiki-menu-li-1 a:hover {
    filter: brightness(0.9);
}
.menu-wrap .wiki-menu-li-1 a:hover::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 18px;
    background-size: 100% 100%;
    height: 36px;
    filter: brightness(0.9);
    z-index: 999;
}
.menu-wrap .wiki-menu-ul-2 {
    background: #fff !important;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 1px 4px #ccc;
}
.menu-wrap .wiki-menu-li-2 {
    position: relative;
}
.menu-wrap .wiki-menu-li-2 a {
    background: #fff !important;
    color: #454344 !important;
}

.menu-wrap .wiki-menu-li-2:hover {
    filter: brightness(0.9);
    font-weight: bold !important;
}
.menu-wrap .wiki-menu-li-2:hover::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 18px;
    background-size: 100% 100%;
    height: 36px;
    filter: invert(0.7) sepia(1);
    z-index: 9999;
}
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2::-webkit-scrollbar-thumb,
.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px;
}
.menu-wrap .wiki-menu-li-1 .wiki-menu-ul-2::-webkit-scrollbar-track,
.wiki-hoverbox .wiki-hoverbox-inner::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 0 8px 8px 0;
}
/* 顶部菜单动画 */
.menu-wrap .title_active .wiki-menu-ul-2 {
    animation: pop 0.3s linear;
}
.wiki-hoverbox[style*="block"] {
    animation: pop 0.3s linear;
}
@keyframes pop {
    0% {
        width: 0;
        height: 0;
    }
    70% {
        width: 200px;
        height: auto;
    }
    80% {
        width: calc(200px + 6px);
    }
    90% {
        width: calc(200px - 6);
    }
    95% {
        width: calc(200px + 2px);
    }
    97% {
        width: calc(200px - 2px);
    }
    100% {
        width: 200px;
        height: auto;
    }
}
.wiki-hoverbox .wiki-hoverbox-inner {
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    border-radius: 8px;
}
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 {
    position: relative;
}
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3 a {
    background: #fff !important;
    color: #454344 !important;
    text-decoration: none;
}
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3:hover {
    filter: brightness(0.9);
    font-weight: bold !important;
}
.wiki-hoverbox .wiki-hoverbox-inner .wiki-menu-li-3:hover::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 18px;
    background-size: 100% 100%;
    height: 36px;
    filter: invert(0.7) sepia(1);
    z-index: 9999;
}
.wiki-header {
    background: #ffffff;
    background: rgba(245, 245, 245, 0);
}
.wiki-header .wiki-nav {
    background: #fff;
    box-shadow: 0 1px 4px #ccc;
    border-radius: 6px;
    padding: 4px 0;
}
.wiki-header .wiki-nav .menu-box {
    border-radius: 5px;
    background: #fff;
    padding: 5px;
}
.wiki-header .wiki-nav .celling-logo .pic-logo {
    margin: 4px 0 0 10px;
}
.wiki-header .wiki-nav .form-box {
    padding: 4px 0;
    background: #fff;
    border-radius: 5px;
}
#simpleSearch1 #searchForm {
    border-radius: 8px;
    background: #ddd !important;
    color: #fff;
}
#simpleSearch1 #searchInput {
    border-radius: 8px;
    background: #ddd !important;
    color: #454344 !important;
    width: 78%;
    margin-top: 4px;
}
#simpleSearch1 #searchButton {
    width: 18px;
}
.wiki-header .wiki-nav .nav-search-box:hover,
.wiki-header .wiki-nav form:hover,
.wiki-header .wiki-nav #searchInput:hover,
.wiki-header .wiki-nav #simpleSearch1:hover {
    background: none !important;
}
.wiki-header .wiki-nav .nav-search-box {
    padding: 6px 0 6px 4%;
}
.wiki-header .wiki-nav-celling .form-box {
    float: left !important;
}
.wiki-header .wiki-nav-celling .menu-box {
    float: left !important;
}
.wiki-header .wiki-nav.wiki-nav-celling {
    border-radius: 0 4px;
    padding: 0;
}
.wiki-header .wiki-nav,
.wiki-header .wiki-nav-celling .celling-box,
.wiki-header .wiki-nav .nav-search-box {
    border: none;
}
/* 贡献者美化 */
.wiki-componment-rank {
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 2px 2px 8px #ddd;
    padding: 16px !important;
    margin-bottom: 30px;
}
.wiki-componment-rank .rank-title {
    width: 80px;
}
.wiki-componment-rank .rank-line {
    display: none;
}
/* WIKI功能按钮样式修改 */
.vectorMenu .menu {
    background: #fff;
    border-radius: 4px;
    top: -10px;
}
.vectorMenu .menu {
    padding: 4px;
    background-clip: content-box;
}
.vectorMenu h3 span {
    padding: 0;
    font-weight: bold;
    line-height: 34px;
    position: relative;
    background-repeat: no-repeat !important;
    box-shadow: -1px -1px 2px rgba(102, 102, 102, 0.33) inset, 1px 1px 2px rgba(255, 255, 255, 0.66) inset;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 2px 2px rgba(102, 102, 102, 0.33);
    background: -10px -1px, linear-gradient(163deg, rgba(58, 252, 255, 0.6), rgba(58, 218, 232, 0.4) 33%, rgba(38, 207, 230, 0.8) 33%, rgba(102, 152, 237, 0.6)), linear-gradient(30deg, #6395ee, #5a8fed 20%, #43a4e9 22%, #499cea 78%, #588cef 80%, #539feb) !important;

}
.vectorMenu .menu a {
    text-align: center;
    text-decoration: none;
}
.vectorMenu h3 span[class^="glyphicon"] {
    display: none;
}
.vectorMenu h3:hover span,
.vectorMenu h3:focus span {
    color: #fff;
    filter: brightness(0.9);
}
.vectorMenu li a {
    width: auto;
    padding: 20px !important;
    margin: 0;
    border-bottom: 0;
    line-height: 0 !important;
    color: #454344 !important;
    position: relative;
}
.vectorMenu li a:hover {
    background: #eee !important;
    font-weight: bold;
    color: #454344 !important;
}
.vectorMenu li a:hover::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 18px;
    background-size: 100% 100%;
    height: 36px;
    filter: invert(0.7) sepia(1);
    z-index: 9999;
}
/* 评论组件优化 */
.post-content .comment-toolbar {
    background: rgba(255, 255, 255, 0) !important;
}
.post-content .comment-submit {
    background: -10px -1px, linear-gradient(163deg, rgba(58, 252, 255, 0.6), rgba(58, 218, 232, 0.4) 33%, rgba(38, 207, 230, 0.8) 33%, rgba(102, 152, 237, 0.6)), linear-gradient(30deg, #6395ee, #5a8fed 20%, #43a4e9 22%, #499cea 78%, #588cef 80%, #539feb) !important;
    position: relative;
    border-radius: 4px;
    font-size: 16px;
}
.comment-replybox {
    margin: 8px;
    margin-bottom: 16px;
    padding: 16px 18px 6px 0;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.33);
    border-radius: 6px;
    box-shadow: 2px 2px 8px #ddd;
}
.comment-thread .comment-replybox {
    animation: popReply 0.4s linear;
}
@keyframes popReply {
    0% {
        width: 10px;
    }
    70% {
        width: calc(100% - 58px);
    }
    80% {
        width: calc(100% - 52px);
    }
    90% {
        width: calc(100% - 64px);
    }
    95% {
        width: calc(100% - 56px);
    }
    97% {
        width: calc(100% - 60px);
    }
    100% {
        width: calc(100% - 58px);
    }
}
.comment-replybox textarea {
    border-radius: 6px;
    color: #454344 !important;
    background: rgb(255 255 255 / 49%);
    border: 0;
    box-shadow: 1px 1px 4px #ccc;
}
.comments-title {
    padding: 0;
    border: 0;
    font-size: 24px;
    margin-left: 10px;
    margin-top: 40px;
    color: #454344 !important;
}
/* 分类链接与审核链接优化 */
#catlinks,
.usermessage {
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px #ccc;
    padding: 8px 16px;
    font-weight: bold;
    opacity: 0.9;
}
.usermessage {
    margin-top: 0;
}
/* 标题优化 */
#headBox {
    border: 0;
    padding: 16px 12px 0px 12px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 2px 2px 8px #ddd;
}
#headBox #firstHeading {
    color: #454344 !important;
    font-weight: bold;
}
.page-首页 #headBox {
    display: none;
}
.firstHeadingTools {
    border: 0;
}
.serve-cont {
    color: #454344 !important;
}
/* 编辑区textarea优化 */
.action-edit textarea {
    color: #454344 !important;
    font-family: Consolas !important;
    font-size: 14px !important;
}
.permissions-errors ~ .wikiEditor-ui .wikiEditor-ui-top {
    display: none !important;
}
.permissions-errors ~ .wikiEditor-ui .wikiEditor-ui-text textarea {
    display: block !important;
}
.permissions-errors ~ .wikiEditor-ui .wikiEditor-ui-text .CodeMirror,
.permissions-errors ~ .wikiEditor-ui .codeEditor-status,
.permissions-errors ~ .wikiEditor-ui .wikiEditor-ui-text .ui-resizable {
    display: none !important;
}
pre {
    color: #454344 !important;
    font-size: 14px !important;
    font-family: Consolas !important;
}
pre span {
    color: #000;
}
/* 搜索界面优化 */
.mw-search-results {
    margin: 0;
    max-width: 60em;
}
.mw-search-results li {
    list-style: none;
    padding-bottom: 24px;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 24px;
    width: 100%;
    /* max-width: 100%; */
    /* text-align: center; */
    border: 0 !important;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    box-shadow: 2px 2px 8px #ddd;
    color: #454344 !important;
}
/* 侧边栏F12后窗口变化，浮在中间的BUG */
.bui-sns-info {
    margin: 0;
    right: 4px;
}

/* WIKI背景图 */
body {
    background: url("https://patchwiki.biligame.com/images/worldflipper/8/8e/9uhdg0zab6xyqosmtevo0auzw4qf3wx.jpg") no-repeat fixed 50% 0;
    background-size: cover;
    font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif, "PingFang SC";
}
body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
/* 半透明背景 */
.game-bg {
    background: #ffffff;
    background: rgba(245, 245, 245, 0.84);
    margin-top: 10px;
    border-radius: 16px;
}
.game-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    border-radius: 16px;
}
/* 首页CSS */
.BILIBILI-BOX {
    width: 100%;
    margin-bottom: 20px;
}
.BOX-title-1 {
    width: 100%;
    font-size: 14px;
    padding: 7px 10px;
    font-weight: bold;
    background: #fea01c;
    border: 1px solid #e0b940;
    color: #fff;
}
.BOX-title-2 {
    padding: 10px 0px 5px 0px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #384348;
}
.BOX-N {
    width: 100%;
    padding: 0px;
    overflow: hidden;
}
.BOX-GD {
    color: #f7f7f7;
    border: 1px solid #f7f7f7;
    padding: 0px 5px;
    border-radius: 50%;
}
.BOX-AN-50 {
    width: 50%;
}
.BOX-AN-25 {
    width: 25%;
}
.BOX-AN-20 {
    width: 20%;
}
.BOX-AN2 {
    width: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    padding-right: 5px;
    color: #404040;
}
.BOX-AN2:hover {
    background: #000;
    color: #f7f7f7;
}
@media only screen and (max-width: 759px) {
    .BOX-AN-25 {
        width: 50%;
    }
    .BOX-AN-20 {
        width: 50%;
    }
}

.update-log .log-title {
    display: none;
}
.update-log .bili-list-group {
    padding: 0px 0px;
}
.update-log .read-more {
    display: none;
}

.carousel.big-carousel .carousel-indicators li,
.carousel.big-carousel .carousel-indicators li.active {
    width: 8px;
    height: 8px;
}
.carousel.big-carousel .carousel-indicators {
    bottom: -2.4em;
    margin-left: -30%;
    margin-bottom: 45px;
}
.carousel.big-carousel {
    margin-bottom: 15px;
}

.BOX-1 .BOX-title-2 {
    padding: 10px 0px 5px 0px;
}
.BOX-1 {
    background: #f7f7f7;
    border: 1px solid #404040;
}
.BOX-1 .BOX-N {
    padding: 5px 10px;
}

.BOX-2 .BOX-title-1 {
    border-radius: 8px;
}
.BOX-2 {
    border: 1px solid #404040;
    border-radius: 4px;
    padding: 2px;
}
.BOX-2 .BOX-2-1 {
    background: #f7f7f7;
    border: 1px solid #404040;
    border-radius: 8px;
    padding: 10px;
}

.BOX-3 .BOX-title-1 {
    border-radius: 8px;
}
.BOX-3 {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 10px;
}

.BOX-4 .BOX-title-1 {
    border-radius: 8px 8px 0px 0px;
}
.BOX-4 {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 0px;
}
.BOX-4 .BOX-N {
    padding: 5px 10px;
}
.BOX-4 .bili-section-normal,
.BOX-4 .bili-section-primary {
    background: linear-gradient(180deg, #7cb2fa, #558ff0);
    border: 1px solid #2a4a7d;
    margin-right: 5px;
    border-radius: 10px;
}
.BOX-4 .bili-section-normal:hover,
.BOX-4 .bili-section-primary:hover {
    background: linear-gradient(180deg, #558ff0 20%, #2a4a7d);
    border: 1px solid #7cb2fa;
    color: #f7f7f7;
}
.BOX-5 .BOX-title-1 {
    border-radius: 8px 8px 0px 0px;
    background: #fea01c;
    border: 1px solid #e0b940;
    color: #f7f7f7;
}
.BOX-5 .BOX-title-2 {
    padding: 10px 0px 5px 0px;
    border-bottom: 1px solid #262626;
}
.BOX-5 {
    background: #404040;
    border-radius: 8px;
    padding: 0px;
}
.BOX-5 .BOX-N {
    padding: 5px 10px;
    border: 2px solid #262626;
    border-top: 0px solid;
    box-shadow: inset 0 0 1px 2px #000;
    color: #f7f7f7;
    border-radius: 0px 0px 8px 8px;
}
.BOX-5 .bili-section-normal,
.BOX-5 .bili-section-primary {
    color: #f7f7f7;
    background: #626262;
    border: 1px solid rgb(0, 0, 0);
}
.BOX-5 .bili-section-normal:hover {
    color: #fff;
    background: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.BOX-5 .BOX-zt {
    color: #f7f7f7;
}
.BOX-5 .update-log a {
    color: #f7f7f7 !important;
}
.BOX-5 .BOX-AN2 {
    width: 100%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    padding-right: 5px;
    color: #f7f7f7;
    background: #626262;
}
.BOX-5 .BOX-AN2:hover {
    color: #fff;
    background: #000;
}

/* p标签修正 */
p {
    margin: 0 0 0px;
}

/*筛选按钮被选中*/
li.btn.cardSelectOption.selected,
li.btn.iconSelectOption.selected,
li.btn.queryParams.selected {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/*smw更多结果修正*/
.smw-template-furtherresults {
    display: none;
}

/*图片自适应*/
img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

/*头像样式*/
.img-tx img {
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.46);
    margin: 0px 1px;
}
.img-tx2 img {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 2px #000;
    margin: 0px 1px;
}

/* 评论区遮挡悬浮框修正 */
.comment-replybox {
    position: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    padding: 16px 0;
}
.comment-toolbar {
    position: unset;
}

/* 悬浮 */
.iteminfo {
    display: none;
}
.itemhover:hover .iteminfo {
    display: block;
}

/* tabber选项卡预置样式 */
.tabber .tabbertab {
    padding: 10px;
    border: 1px solid #404040;
    border-top-color: rgb(64, 64, 64);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: 0;
}
ul.tabbernav {
    margin: 0;
    padding: 12px 0;
    border: 1px solid #404040;
    font: bold 12px Verdana, sans-serif;
    background: #404040;
    border-left: 0px;
    border-right: 0px;
}
ul.tabbernav li a {
    padding: 12px 10px;
    margin: 0px;
    border: 1px solid #404040;
    border-bottom: none;
    background: #404040;
    text-decoration: none;
}
ul.tabbernav li.tabberactive a {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #404040;
    border-top: 1px solid #404040;
    color: #404040 !important;
}
ul.tabbernav li a:link {
    color: #fff;
}
ul.tabbernav li a:hover {
    color: #404040;
    background: #fff;
    border-color: #404040;
    border: 1px solid #404040;
}
ul.tabbernav li.tabberactive a:hover {
    color: #404040 !important;
    background: #fff;
    border-bottom: 1px solid #fff;
}

/*tabber选项卡加载状态隐藏*/
.tabber:not(.tabberlive) {
    display: none;
}

/* tab-panel选项卡预置样式 */
.tab-panel {
    display: block;
    height: auto;
    padding: 5px 0px;
    text-decoration: none;
    width: 76px;
    text-align: center;
}
.resp-tabs-list li {
    border-left: 0px solid rgba(0, 0, 0, 0.16);
    float: left;
    border: 2px solid #e6e6e6;
    background-color: #f3f3f3;
    margin: 2px;
    border-radius: 4px;
    padding: 2px;
}
.resp-tabs-list li:last-child {
    border: 2px solid #e6e6e6;
}
.resp-tabs-list li.active .tab-panel,
.tab-panel:hover {
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    font-weight: bold;
    background: #fff88f;
}
@media only screen and (max-width: 759px) {
    ul.tabbernav li a {
        display: inline-block;
    }
    ul.tabbernav {
        padding: 0px;
    }
    .resp-tabs .resp-tabs-list {
        white-space: normal;
        overflow-x: auto;
    }
}
/* 首页常用入口 */
.box-sy {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.box-icon {
    float: left;
    width: 25%;
    padding: 15px 5px;
}
@media only screen and (max-width: 759px) {
    .box-sy {
        margin-left: -5px;
        margin-right: -5px;
        overflow: hidden;
    }
    .box-icon {
        float: left;
        width: 33%;
        padding: 5px;
    }
}
.box-an {
    float: left;
    min-width: 33%;
    margin-bottom: 1%;
    height: 35px;
}
/* 首页分类隐藏 */
.page-首页 .catlinks {
    display: none;
}

/* 模板:折叠面板 样式修正 */
.panel,
.panel .row .panel-title {
    padding: 0px 0;
}

/* 模板:黑幕 */
.heimu {
    background: #f6685e;
    color: #f6685e;
}
.heimu:hover {
    background: #f63d43;
    color: #f7f7f7;
}

/* 模板:资料卡片 */
.information {
    margin: 0px 10px 10px 0px;
    width: 300px;
    overflow: hidden;
}
@media only screen and (max-width: 759px) {
    .information {
        width: 100%;
        margin: 0px;
    }
}

/* 冻结表格首行 */
.freeze th,
.freeze td {
    position: sticky;
    top: 49px;
}
@media (max-width: 768px) {
    .freeze th,
    .freeze td {
        top: -1px;
    }
}

.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection {
    display: none;
}

/* 模板:角色 */
.role-box-header {
    width: 100%;
    padding: 1px;
    box-shadow: inset 0 0 1px 2px #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.role-box-img {
    padding: 2px 0 2px 0.1em;
    text-align: left;
    width: 50px;
}

.cg {
    max-height: 380px;
    width: 100%;
    padding: 2px;
    box-shadow: inset 0 0 1px 2px #ccc;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    background: url(https://patchwiki.biligame.com/images/worldflipper/1/19/d4zfoondok09r0w2enp2a6bdmw81bg6.png) no-repeat center;
    background-size: cover;
}
.cg img {
    object-fit: scale-down;
    max-height: 372px;
}
.cg .resp-tab-content:nth-child(1) img,
.cg .resp-tab-content:nth-child(2) img {
    filter: drop-shadow(rgba(80, 80, 80, 0.33) 5px 2px 0);
}
table.unit-table {
    border-spacing: 10px;
    border-collapse: separate;
}
.unit-table > caption {
    font-weight: bold;
}
.unit-table > tr > th,
.unit-table > * > tr > th {
    position: relative;
    text-align: center;
    width: 25px;
}
.line {
    position: absolute;
    left: 10px;
    top: 5px;
    bottom: 2px;
    width: 5px;
    background-color: #2dc4b5;
    z-index: 1;
}
.word {
    position: absolute;
    left: 0;
    top: 1px;
    height: 25px;
    width: 25px;
    color: #fff;
    background-color: #2dc4b5;
    border-radius: 50%;
    line-height: 25px;
    z-index: 2;
}

/* 模板:角色图鉴展示/个 */
.unit-icon {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    margin: 2px;
    min-width: 38px;
    overflow: hidden;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.leftdown-white-text {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    font-weight: bolder;
    text-shadow: #000 -1px 0 0, #763c12 0 -1px 0, #5d2b08 1px 0 0, #1d1515 0 1px 0;
    height: 16px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
    padding: 2px 1px;
}
.leftdown-white-text a:link {
    color: #fff;
}
.leftdown-white-text a:visited {
    color: #fff;
}
.unit-icon-5-fire {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #ea354c 30%, #ea354c 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-wind {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #77d930 30%, #77d930 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-thunder {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #ffd71c 30%, #ffd71c 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-water {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #448aff 30%, #448aff 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-light {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #b7bf9c 30%, #b7bf9c 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-dark {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #5a3a60 30%, #5a3a60 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-5-none {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #a1cbd4, #b14c90 1%, #c9e7f1, #60deed, #77edab, #edfd51, #f9f444 29%, #df9c56 30%, #646464 30%, #646464 70%, #df9c56 70%, #f9f444, #edfd51, #77edab, #60deed, #c9e7f1, #b14c90 99%, #a1cbd4);
}
.unit-icon-4-fire {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ea354c 70%, #f9f444 70%);
}
.unit-icon-4-wind {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #77d930 70%, #f9f444 70%);
}
.unit-icon-4-thunder {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ffd71c 70%, #f9f444 70%);
}
.unit-icon-4-water {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #448aff 70%, #f9f444 70%);
}
.unit-icon-4-light {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #b7bf9c 70%, #f9f444 70%);
}
.unit-icon-4-dark {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #5a3a60 70%, #f9f444 70%);
}
.unit-icon-4-none {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #646464 70%, #f9f444 70%);
}
.unit-icon-3-fire {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ea354c 70%, #c9e7f1 70%);
}
.unit-icon-3-wind {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #77d930 70%, #c9e7f1 70%);
}
.unit-icon-3-thunder {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ffd71c 70%, #c9e7f1 70%);
}
.unit-icon-3-water {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #448aff 70%, #c9e7f1 70%);
}
.unit-icon-3-light {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #b7bf9c 70%, #c9e7f1 70%);
}
.unit-icon-3-dark {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #5a3a60 70%, #c9e7f1 70%);
}
.unit-icon-3-none {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #646464 70%, #c9e7f1 70%);
}
.unit-icon-2-fire {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ea354c 75%, #df9c56 75%);
}
.unit-icon-2-wind {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #77d930 75%, #df9c56 75%);
}
.unit-icon-2-thunder {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ffd71c 75%, #df9c56 75%);
}
.unit-icon-2-water {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #448aff 75%, #df9c56 75%);
}
.unit-icon-2-light {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #b7bf9c 75%, #df9c56 75%);
}
.unit-icon-2-dark {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #5a3a60 75%, #df9c56 75%);
}
.unit-icon-2-none {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #646464 75%, #df9c56 75%);
}
.unit-icon-1-fire {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ea354c 75%, #77edab 75%);
}
.unit-icon-1-wind {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #77d930 75%, #77edab 75%);
}
.unit-icon-1-thunder {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #ffd71c 75%, #77edab 75%);
}
.unit-icon-1-water {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #448aff 75%, #77edab 75%);
}
.unit-icon-1-light {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #b7bf9c 75%, #77edab 75%);
}
.unit-icon-1-dark {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #5a3a60 75%, #77edab 75%);
}
.unit-icon-1-none {
    background-image: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(135deg, #646464 75%, #77edab 75%);
}

/* 模板:盘子 */
.panzi {
    position: relative;
    width: 356px;
    height: 150px;
    margin: auto;
    background: url(https://patchwiki.biligame.com/images/worldflipper/8/86/skusdc5yb82l6gmb1bdiu0lopbzm79u.png);
    background-size: cover;
    border-radius: 6px;
}
.unit-icon-1, .unit-icon-2, .unit-icon-3,
.unit-icon-4, .unit-icon-5, .unit-icon-6,
.equip-icon-1, .equip-icon-2, .equip-icon-3,
.equip-icon-4, .equip-icon-5, .equip-icon-6 {
    position: absolute;
    border-radius: 4px;
    margin: 2px;
    overflow: hidden;
}
.unit-icon-1, .unit-icon-2, .unit-icon-3,
.unit-icon-4, .unit-icon-5, .unit-icon-6 {
    width: 60px;
    height: 60px;
}
.unit-icon-1, .unit-icon-2, .unit-icon-3 {
    top: 5px;
}
.unit-icon-4, .unit-icon-5, .unit-icon-6 {
    top: 76px;
}
.equip-icon-1, .equip-icon-2, .equip-icon-3,
.equip-icon-4, .equip-icon-5, .equip-icon-6 {
    width: 45px;
    height: 45px;
}
.equip-icon-1, .equip-icon-2, .equip-icon-3 {
    top: 9px;
}
.equip-icon-4, .equip-icon-5, .equip-icon-6 {
    top: 80px;
}
.unit-icon-1 { left: var(--panzi-unit-left-1); }
.unit-icon-2 { left: var(--panzi-unit-left-2); }
.unit-icon-3 { left: var(--panzi-unit-left-3); }
.unit-icon-4 { left: calc(var(--panzi-unit-left-1) + var(--panzi-equip-offset)); }
.unit-icon-5 { left: calc(var(--panzi-unit-left-2) + var(--panzi-equip-offset)); }
.unit-icon-6 { left: calc(var(--panzi-unit-left-3) + var(--panzi-equip-offset)); }
.equip-icon-1 { left: calc(var(--panzi-unit-left-1) + var(--panzi-unit-offset)); }
.equip-icon-2 { left: calc(var(--panzi-unit-left-2) + var(--panzi-unit-offset)); }
.equip-icon-3 { left: calc(var(--panzi-unit-left-3) + var(--panzi-unit-offset)); }
.equip-icon-4 { left: var(--panzi-unit-left-1); }
.equip-icon-5 { left: var(--panzi-unit-left-2); }
.equip-icon-6 { left: var(--panzi-unit-left-3); }
.number-icon {
    position: absolute;
}
.number-icon-1, .number-icon-2, .number-icon-3 {
    top: 63px;
}
.number-icon-4, .number-icon-5, .number-icon-6 {
    top: 134px;
}
.number-icon-1-4, .number-icon-1-5,
.number-icon-2-4, .number-icon-2-5,
.number-icon-3-4, .number-icon-3-5 {
    top: 56px;
}
.number-icon-4-4, .number-icon-4-5,
.number-icon-5-4, .number-icon-5-5,
.number-icon-6-4, .number-icon-6-5 {
    top: 127px;
}
.number-icon-1-1 { left: calc(var(--panzi-unit-left-1) + var(--panzi-number-offset-1));}
.number-icon-1-2 { left: calc(var(--panzi-unit-left-1) + var(--panzi-number-offset-2));}
.number-icon-1-3 { left: calc(var(--panzi-unit-left-1) + var(--panzi-number-offset-3));}
.number-icon-1-4 { left: calc(var(--panzi-unit-left-1) + var(--panzi-unit-offset) + var(--panzi-skill-offset-1));}
.number-icon-1-5 { left: calc(var(--panzi-unit-left-1) + var(--panzi-unit-offset) + var(--panzi-skill-offset-2));}

.number-icon-2-1 { left: calc(var(--panzi-unit-left-2) + var(--panzi-number-offset-1));}
.number-icon-2-2 { left: calc(var(--panzi-unit-left-2) + var(--panzi-number-offset-2));}
.number-icon-2-3 { left: calc(var(--panzi-unit-left-2) + var(--panzi-number-offset-3));}
.number-icon-2-4 { left: calc(var(--panzi-unit-left-2) + var(--panzi-unit-offset) + var(--panzi-skill-offset-1));}
.number-icon-2-5 { left: calc(var(--panzi-unit-left-2) + var(--panzi-unit-offset) + var(--panzi-skill-offset-2));}

.number-icon-3-1 { left: calc(var(--panzi-unit-left-3) + var(--panzi-number-offset-1));}
.number-icon-3-2 { left: calc(var(--panzi-unit-left-3) + var(--panzi-number-offset-2));}
.number-icon-3-3 { left: calc(var(--panzi-unit-left-3) + var(--panzi-number-offset-3));}
.number-icon-3-4 { left: calc(var(--panzi-unit-left-3) + var(--panzi-unit-offset) + var(--panzi-skill-offset-1));}
.number-icon-3-5 { left: calc(var(--panzi-unit-left-3) + var(--panzi-unit-offset) + var(--panzi-skill-offset-2));}

.number-icon-4-1 { left: calc(var(--panzi-unit-left-1) + var(--panzi-equip-offset) + var(--panzi-number-offset-1));}
.number-icon-4-2 { left: calc(var(--panzi-unit-left-1) + var(--panzi-equip-offset) + var(--panzi-number-offset-2));}
.number-icon-4-3 { left: calc(var(--panzi-unit-left-1) + var(--panzi-equip-offset) + var(--panzi-number-offset-3));}
.number-icon-4-4 { left: calc(var(--panzi-unit-left-1) + var(--panzi-skill-offset-1));}
.number-icon-4-5 { left: calc(var(--panzi-unit-left-1) + var(--panzi-skill-offset-2));}

.number-icon-5-1 { left: calc(var(--panzi-unit-left-2) + var(--panzi-equip-offset) + var(--panzi-number-offset-1));}
.number-icon-5-2 { left: calc(var(--panzi-unit-left-2) + var(--panzi-equip-offset) + var(--panzi-number-offset-2));}
.number-icon-5-3 { left: calc(var(--panzi-unit-left-2) + var(--panzi-equip-offset) + var(--panzi-number-offset-3));}
.number-icon-5-4 { left: calc(var(--panzi-unit-left-2) + var(--panzi-skill-offset-1));}
.number-icon-5-5 { left: calc(var(--panzi-unit-left-2) + var(--panzi-skill-offset-2));}

.number-icon-6-1 { left: calc(var(--panzi-unit-left-3) + var(--panzi-equip-offset) + var(--panzi-number-offset-1));}
.number-icon-6-2 { left: calc(var(--panzi-unit-left-3) + var(--panzi-equip-offset) + var(--panzi-number-offset-2));}
.number-icon-6-3 { left: calc(var(--panzi-unit-left-3) + var(--panzi-equip-offset) + var(--panzi-number-offset-3));}
.number-icon-6-4 { left: calc(var(--panzi-unit-left-3) + var(--panzi-skill-offset-1));}
.number-icon-6-5 { left: calc(var(--panzi-unit-left-3) + var(--panzi-skill-offset-2));}

/*模板:活动日历/行*/
.calendar-line {
    padding: 10px;
    border: 1px solid #e0b940;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 3px;
    width: 100%;
    max-width: 100%;
    text-align: left;
}
/*模板:黑话*/
.dashed-bold {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: dashed;
}
/* 模板:对话 */
.shipChat {
    min-height: 80px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.shipChat .head-wrap {
    position: absolute !important;
}
.shipChat .chatBox {
    margin-left: 90px;
    position: relative;
    padding-top: 28px;
}
.shipChat .chat_textbox {
    min-height: 47px;
    width: 100%;
    border-radius: 6px;
    background: #ffffff;
    padding: 13px 12px;
    color: rgb(61, 69, 78);
    box-shadow: 0 1px #aeb5d1, 0 2px #aeb2c1, 0 -1px #aeb5d1, 1px 0 #aeb5d1, 2px 0 #aeb2c1;
}
.shipChat .chat_title {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px;
}
.shipChat .arrow {
    position: absolute;
    left: -15px;
    top: 40px;
    width: 0;
    height: 0;
    border-top: 15px solid #ffffff;
    border-left: 15px solid transparent;
}

/* 表格置顶 */
.stickytable.wikitable > thead > tr > th {
	background: rgb(239, 242, 245);
	opacity: 1;
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	transform: translateZ(0);
}

/* 优化右侧浮动sns栏目位置 */
@media screen and (min-width: 768px) { 
	.stickytable.wikitable > thead > tr > th {
		background: rgb(239, 242, 245);
		opacity: 1;
		position: sticky !important;
		top: 49 !important;
		z-index: 9999 !important;
		transform: translateZ(0);
	}
	.game-bg.container{display: flex; flex-wrap: wrap; justify-content: flex-end;}
	.bui-sns-info{margin-right: -136px!important}
}

/*音频组件*/
.audio-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}
.audio-wrapper + p {
    display: inline-block;
    vertical-align: middle;
}
.audio-wrapper audio {
    position: fixed;
    left: -99999px;
}
.audio-controls {
	display: inline-block;
    width: 28px;
    height: 16px;
    position: relative;
    background-color: #f277a6;
    cursor: pointer;
    border-radius: 9px;
}
.audio-controls .icon-btn {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.audio-controls .icon-play {
    background: url("https://patchwiki.biligame.com/images/pcr/0/04/i9wy7hh8k89o60aih9nzpqrmf4tigxx.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.audio-controls .icon-pause {
    background: url("https://patchwiki.biligame.com/images/pcr/b/b8/5adlbsjlk8uyrk1oecmykhfb4l7xtwl.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}