n2s-rpc-theme

Click to preview

Name: n2s-rpc-theme

Author: Nobody 2
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

a rpc theme designed by Nobody 2

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/n2s-rpc-theme

Code

+ show the code

[[module css]]
 
/*
Black Supremacy
[2020 Wikidot Theme]
 
由 DrMarleak 修改以适配 RPC管理局。
 
Created by Vizlox as the official RPC theme.
 
Based on code from "Supremacy" created by James Pitchford, the "RPC Authority Dark Theme" Style created by Bobby The Evil, and the SCP Foundation Wiki "Sigma-9" theme and style which was designed by Aelanna.
 
Thanks to MrPines for major bug fixes and code additions.
 
Header Image created by Logangreenjeans
 
The code for the sideTabview was adapted from code created by JimmyBoyHaha
*/
 
@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url('https://fonts.googleapis.com/css?family=Michroma');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
:root {
 
/* PALLET SHEET */
 
--basic-border: 1px solid #666;
--basic-border-color: #666;
--dashed-border: 1px dashed #666;
--thick-border: 2px solid #666;
 
--element-border-radius: 2px;
 
--primary-background: #1d2022;
--secondary-background: rgba(0,0,0,0.15);
--background-3: #191b1d;
--background-4: #1f2125;
 
--content-bar-background: #24272a;
 
--primary-text-color: #3e6aa3;
 
--nav-hover-background: #2d4975;
 
/* BASE COLORS */
 
/* General Elements */
--text-color: #c0c0c0;
--unmargined-color: var(--primary-text-color);
--horizontal-rule-background: var(--basic-border-color);
--horizontal-rule-secondary-background: #333; /* color of horizontal rules when they are inside of content panels and stuff */
--action-area-border: var(--dashed-border);
--alert-info-border: var(--dashed-border);
--owindow-border: var(--basic-border);
--tags-border: var(--basic-border);
--error-color: #f54242;
--content-box-shadow-color: #191919;
--content-box-shadow: 1px 1px 1px 1px var(--content-box-shadow-color);
--show-changes-del-background: rgba(255,123,123,0.47);
--show-changes-ins-background: rgba(140,255,129,0.47);
 
/* Body */
--body-background: #272a31;
 
/* Footer */
--footer-background: var(--primary-background);
--footer-color: var(--text-color);
 
/* Page Content */
--page-background: none;
--page-padding: none;
--page-border: none;
--page-border-radius: 0;
 
/* Page Title */
--page-title-color: var(--primary-text-color);
--page-title-border: var(--basic-border);
 
/* Generic Buttons */
--button-border: 1px solid #2c3340;
--button-background: #181d22;
--button-hover-border: 1px solid #27415c;
--button-hover-background: #27415c;
--button-hover-color: #fff;
--button-current-background: var(--primary-background);
 
/* Header Icon */
--header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoSVG.svg);
--header-icon-adv: left 1.2em top 1rem no-repeat;
--header-icon-size: auto calc(9.5rem - 2.125rem);
 
/* Header Background */
--header-background: url(http://www.rpc-wiki.net/local--files/component:theme/darkHeader3.png);
 
/* Set to hidden to enable custom text */
--header-text-visibility: visible;
 
/* Primary Header Text */
--header-font-weight: bold;
--header-font: default;
--header-color: #fff;
--header-font-size: 170%;/* 调整 */
--header-mobile-font-size: 100%;
 
/* Header Tagline Text */
--header-tagline-font-weight: bold;
--header-tagline-font-size: 150%;
--header-tagline-font: default;
--header-tagline-color: var(--primary-text-color);
--header-custom-text: '';
--header-tagline-custom-text: '';
--header-tagline-top: unset;
--header-tagline-bottom: unset;
--header-tagline-left: unset;
--header-tagline-right: unset;
--header-tagline-text-shadow: unset;
--header-mobile-tagline-font-size: 100%;
 
/* Search Bar */
--search-button-background: #1b1f32;
--search-button-border: 1px solid #777;
--search-button-hover-background: #363f64;
--search-button-hover-border: 1px solid #fff;
--search-input-hover-border: 1px solid #fff;
--search-input-hover-color: #fff;
--search-input-color: #33384d;
--search-input-hover: #2d3668;
--search-input-border: 1px solid #777;
 
/* Sidebar */
--sidebar-divider-color: var(--basic-border-color);
--sidebar-header-color: var(--primary-text-color);
--sidebar-hover-background: var(--nav-hover-background);
--sidebar-hover-color: #fff;
--sidebar-color: var(--text-color);
--sidebar-mobile-open-menu-color: var(--basic-border-color);
--sidebar-mobile-open-menu-border: 3px solid var(--basic-border-color);
--sidebar-mobile-open-menu-background: var(--primary-background);
--sidebar-mobile-background: var(--primary-background);
--sidebar-crit-corner-color: #b5d6ff;
 
/* Topbar */
--topbar-text-color: #aaa;
--topbar-dropdown-background: var(--body-background);
--topbar-hover-background: var(--nav-hover-background);
--topbar-divider: 1px solid var(--topbar-hover-background);
--topbar-dropdown-border-color: var(--basic-border-color);
--topbar-hover-color: #fff;
--topbar-dropdown-color: var(--text-color);
 
/* Link Colors */
--link-color: #5295e1;
--link-hover-color: #84b7f5;
--new-page-color: #626eb2;
--external-graphic-color: var(--star-rating-hue);
 
/* Wikidot Tables */
--table-header-background: var(--content-bar-background);
--table-header-background-alt: var(--background-3);
--table-header-color: var(--text-color);
--table-cell-color: var(--text-color);
--table-cell-background: var(--primary-background);
--table-border: 1px solid #333;
--table-box-shadow: var(--content-box-shadow);
 
/* Tabs */
--tabview-background: var(--primary-background);
--tabview-bar-border: none;
--tabview-border: none;
--tabview-button-background: transparent;
--tabview-button-border: none;
--tabview-button-selected-background: var(--primary-background);
--tabview-button-selected-color: var(--text-color);
--tabview-button-hover-background: var(--secondary-background);
--tabview-side-tabs-background: #313336;
--tabview-side-tabs-box-shadow: 1px 0 1px 1px var(--content-box-shadow-color);
--tabview-side-box-shadow: var(--content-box-shadow);
--tabview-side-border: none;
--tabview-side-button-hover-background: var(--tabview-button-hover-background);
--tabview-side-button-selected-background: #24272a;
--tabview-side-button-divider: 1px solid var(--tabview-side-button-selected-background);
--tabview-side-scrollbar-background: var(--content-bar-background);
--tabview-side-scrollbar-thumb-background: #313b4a;
--tabview-side-scrollbar-thumb-hover-background: #303741;
 
/* Footnotes */
--footnote-border: var(--basic-border);
--footnote-background: var(--primary-background);
 
/* Table of Contents */
--toc-border: none;
--toc-background: var(--primary-background);
--toc-box-shadow: var(--content-box-shadow);
 
/* Content Panels */
--content-panel-border-radius: var(--element-border-radius);
--content-panel-background: var(--primary-background);
--content-panel-border: none;
--content-panel-padding: 10px 20px;
--content-panel-box-shadow: var(--content-box-shadow);
--content-bar-color: #777;
--news-block-body-panel-background-even: #1a1c1e;
--content-block-border: none;
--content-box-border-color: #808080;
--nested-content-border: 1px solid #333; /* border of content when inside other content elements (blockquotes, tabview, content-panels, etc.) */
 
/* Quotes */
--blockquote-background: var(--secondary-background);
--blockquote-border: none;
--blockquote-border-radius: var(--element-border-radius);
--blockquote-padding: 1px 10px;
--blockquote-box-shadow: var(--content-box-shadow);
 
/* Image Blocks */
--image-block-caption-background: var(--content-bar-background);
--image-block-border: none;
--image-block-background: var(--primary-background);
--image-block-box-shadow: var(--content-box-shadow);
 
/* Rating Modules */
--star-rating-background: var(--primary-background);
--star-rating-border: none;
--star-rating-reading-background: #111;
--star-rating-decimal-color: var(--text-color);
--binary-rating-background: var(--primary-background);
--binary-rating-border: none;
--star-rating-hue: 0deg;
--star-rating-filter: hue-rotate(calc(var(--star-rating-hue) + 350deg)) invert(1) saturate(0.4) brightness(1.3);
--star-rating-border-radius: 0px;
--star-rating-box-shadow: none;
--star-rating-stars-box-shadow: none;
--star-rating-cell-background: var(--content-bar-background);
--nested-star-rating-border: 1px solid var(--star-rating-cell-background);
 
/* Text Inputs */
--text-box-form-background: #181d22;
--text-box-form-border: 1px solid #2c3340;
 
/* Forum Threads */
--forum-thread-background: rgba(0,0,0,0.21);
--forum-thread-border: none;
--forum-thread-border-radius: 5px;
--forum-thread-box-shadow: none;
 
/* Forum Categories */
--forum-category-background-even: #1a1c1e;
--forum-category-background-odd: var(--primary-background);
 
/* Code Blocks */
--code-background: #111;
--code-border: var(--dashed-border);
 
/* Account Options */
--account-options-background: var(--primary-background);
--account-options-border: var(--basic-border);
 
/* Template Block */
--template-block-border: 2px solid #666;
--template-block-background: #14141a;
 
/* Pop-Up Boxes */
--modal-body-background: rgba(27,33,37,0.34);
--modal-header-background: #14141a;
 
/* Sidenotes */
--sidenote-open-background: #1c2431;
--sidenote-closed-background: var(--content-bar-background);
--sidenote-box-shadow: var(--content-box-shadow);
--sidenote-background: var(--primary-background);
--sidenote-contents-border: 1px dashed #333;
--sidenote-figure-border: 1px solid #333;
--sidenote-contents-open-color: var(--text-color);
--sidenote-figure-open-color: var(--text-color);
--sidenote-contents-closed-color: var(--text-color);
--sidenote-figure-closed-color: var(--text-color);
 
/* White Theme Variables */
--WT-element-border-radius: 0px;
--WT-basic-border: 1px solid #666;
--WT-basic-border-color: #666;
--WT-dashed-border: 1px dashed #666;
--WT-primary-background: #eee;
--WT-secondary-background: #e0e0e0;
--WT-background-3: var(--content-bar-background);
--WT-background-4: var(--primary-background);
--WT-content-bar-background: #c0c0c0;
--WT-primary-text-color: #2266bf;
--WT-nav-hover-background: #1f317b;
--WT-text-color: #333;
--WT-horizontal-rule-secondary-background: var(--basic-border-color);
--WT-error-color: red;
--WT-content-box-shadow-color: #666;
--WT-content-box-shadow: none;
--WT-show-changes-del-background: rgba(255,0,0,0.47);
--WT-show-changes-ins-background: rgba(23,255,0,0.47);
--WT-unmargined-color: var(--primary-text-color);
--WT-horizontal-rule-background: var(--basic-border-color);
--WT-action-area-border: var(--dashed-border);
--WT-alert-info-border: var(--dashed-border);
--WT-owindow-border: var(--basic-border);
--WT-tags-border: var(--basic-border);
--WT-body-background: #e8e8e3;
--WT-footer-background: #33333f;
--WT-footer-color: #c0c0c0;
--WT-page-background: none;
--WT-page-title-color: var(--primary-text-color);
--WT-page-title-border: var(--basic-border);
--WT-page-padding: none;
--WT-page-border: none;
--WT-page-border-radius: 0;
--WT-button-border: 1px solid #666;
--WT-button-background: #fff;
--WT-button-hover-border: 1px solid #000;
--WT-button-hover-background: #548de0;
--WT-button-hover-color: #000;
--WT-button-current-background: #888;
--WT-header-icon: url(http://www.rpc-wiki.net/local--files/component:theme/AuthorityLogoHQ.png);
--WT-header-icon-adv: left 1.2em top 1rem no-repeat;
--WT-header-icon-size: auto calc(9.5rem - 2.125rem);
--WT-header-background: url(http://www.rpc-wiki.net/local--files/theme:white/lightHeader.png);
--WT-header-text-visibility: visible;
--WT-header-font-weight: bold;
--WT-header-font: default;
--WT-header-color: #fff;
--WT-header-font-size: 170%;/* 调整 */
--WT-header-mobile-font-size: 100%;
--WT-header-tagline-font-weight: bold;
--WT-header-tagline-font-size: 150%;
--WT-header-tagline-font: default;
--WT-header-tagline-color: #f0f0c0;
--WT-header-custom-text: '';
--WT-header-tagline-custom-text: '';
--WT-header-tagline-top: unset;
--WT-header-tagline-bottom: unset;
--WT-header-tagline-left: unset;
--WT-header-tagline-right: unset;
--WT-header-tagline-text-shadow: unset;
--WT-header-mobile-tagline-font-size: 100%;
--WT-search-button-background: #202e60;
--WT-search-button-border: 1px solid #aaa;
--WT-search-button-hover-background: #1f317b;
--WT-search-input-color: #202d60;
--WT-search-input-hover: #1e2d77;
--WT-search-input-border: 1px solid #aaa;
--WT-search-button-hover-border: 1px solid #fff;
--WT-search-input-hover-border: 1px solid #fff;
--WT-search-input-hover-color: #fff;
--WT-sidebar-divider-color: var(--basic-border-color);
--WT-sidebar-header-color: var(--primary-text-color);
--WT-sidebar-hover-background: var(--nav-hover-background);
--WT-sidebar-hover-color: #fff;
--WT-sidebar-color: var(--text-color);
--WT-sidebar-mobile-open-menu-color: #aaa;
--WT-sidebar-mobile-open-menu-border: 3px solid #aaa;
--WT-sidebar-mobile-open-menu-background: #fff;
--WT-sidebar-mobile-background: #fff;
--WT-sidebar-crit-corner-color: unset;
--WT-topbar-text-color: #aaa;
--WT-topbar-hover-background: #1f317b;
--WT-topbar-divider: 1px solid var(--topbar-hover-background);
--WT-topbar-dropdown-background: var(--body-background);
--WT-topbar-dropdown-border-color: var(--basic-border-color);
--WT-topbar-hover-color: #fff;
--WT-topbar-dropdown-color: var(--text-color);
--WT-link-color: #236ec4;
--WT-link-hover-color: var(--link-color);
--WT-new-page-color: #7729a4;
--WT-table-header-background: var(--content-bar-background);
--WT-table-header-background-alt: var(--content-bar-background);
--WT-table-header-color: var(--text-color);
--WT-table-cell-color: var(--text-color);
--WT-table-cell-background: none;
--WT-table-border: var(--basic-border);
--WT-table-box-shadow: var(--content-box-shadow);
--WT-tabview-background: var(--primary-background);
--WT-tabview-bar-border: 4px solid var(--basic-border-color);
--WT-tabview-border: var(--basic-border);
--WT-tabview-button-selected-background: #548de0;
--WT-tabview-button-hover-background: #8f92a4;
--WT-tabview-button-background: transparent;
--WT-tabview-button-border: none;
--WT-tabview-button-selected-color: var(--text-color);
--WT-tabview-side-tabs-background: var(--content-bar-background);
--WT-tabview-side-tabs-box-shadow: none;
--WT-tabview-side-box-shadow: var(--content-box-shadow);
--WT-tabview-side-border: var(--basic-border);
--WT-tabview-side-button-hover-background: var(--tabview-button-hover-background);
--WT-tabview-side-button-selected-background: var(--tabview-button-selected-background);
--WT-tabview-side-button-divider: var(--basic-border);
--WT-tabview-side-scrollbar-background: #999;
--WT-tabview-side-scrollbar-thumb-background: #666;
--WT-tabview-side-scrollbar-thumb-hover-background: #555;
--WT-footnote-border: var(--basic-border);
--WT-footnote-background: var(--primary-background);
--WT-toc-border: var(--basic-border);
--WT-toc-background: var(--primary-background);
--WT-toc-box-shadow: var(--content-box-shadow);
--WT-content-panel-background: var(--primary-background);
--WT-content-panel-border: var(--basic-border);
--WT-content-bar-color: #334;
--WT-news-block-body-panel-background-even: var(--secondary-background);
--WT-content-block-border: var(--basic-border);
--WT-content-box-border-color: #888;
--WT-nested-content-border: var(--basic-border);
--WT-content-panel-box-shadow: var(--content-box-shadow);
--WT-content-panel-border-radius: var(--element-border-radius);
--WT-content-panel-padding: 10px 20px;
--WT-blockquote-border: 1px dashed #666;
--WT-blockquote-background: var(--secondary-background);
--WT-blockquote-box-shadow: var(--content-box-shadow);
--WT-blockquote-border-radius: var(--element-border-radius);
--WT-blockquote-padding: 1px 10px;
--WT-image-block-border: var(--basic-border);
--WT-image-block-background: var(--basic-border-color);
--WT-image-block-caption-background: var(--content-bar-background);
--WT-image-block-box-shadow: var(--content-box-shadow);
--WT-star-rating-background: #214a89;
--WT-star-rating-border: 1px solid #10214c;
--WT-star-rating-reading-background: var(--basic-border-color);
--WT-star-rating-decimal-color: #eee;
--WT-star-rating-border-radius: 3px;
--WT-star-rating-box-shadow: 1px 1px 2px;
--WT-star-rating-stars-box-shadow: none;
--WT-star-rating-cell-background: #efeeea;
--WT-binary-rating-background: var(--secondary-background);
--WT-binary-rating-border: var(--basic-border);
--WT-star-rating-filter: none;
--WT-star-rating-hue: 0deg;
--WT-text-box-form-background: var(--primary-background);
--WT-text-box-form-border: var(--basic-border);
--WT-code-background: var(--secondary-background);
--WT-code-border: var(--dashed-border);
--WT-account-options-background: var(--primary-background);
--WT-account-options-border: var(--basic-border);
--WT-template-block-border: 2px dashed #666;
--WT-template-block-background: #ccc;
--WT-modal-body-background: #fff;
--WT-modal-header-background: var(--content-bar-background)!important;
--WT-sidenote-open-background: #548de0;
--WT-sidenote-contents-border: var(--dashed-border);
--WT-sidenote-figure-border: var(--basic-border);
--WT-sidenote-closed-background: var(--content-bar-background);
--WT-sidenote-box-shadow: var(--content-box-shadow);
--WT-sidenote-background: var(--primary-background);
--WT-sidenote-contents-open-color: var(--text-color);
--WT-sidenote-figure-open-color: #fff;
--WT-sidenote-contents-closed-color: var(--text-color);
--WT-sidenote-figure-closed-color: var(--text-color);
 
/* Variables Specific to White Theme  */
--WT-open-themes-border: 2px solid #666;
--WT-open-themes-background: #1d2022;
--WT-open-themes-color: #666;
--WT-open-themes-hover-color: #5295e1;
--WT-open-themes-hover-border: solid 2px var(--WT-open-themes-hover-color);
--WT-misc-1: #c0c0c0;
 
/* Variables Specific to Black Theme */
--BT-open-themes-border: 2px solid #aaa;
--BT-open-themes-background: #fff;
--BT-open-themes-color: #000;
--BT-open-themes-hover-color: #07f;
--BT-open-themes-hover-border: solid 2px #5295e1;
--BT-scrollbar-background: var(--primary-background);
--BT-scrollbar-thumb-background: #273b5a;
--BT-scrollbar-thumb-hover-background: #283649;
--BT-resizer-background: #191919;
}
 
/* Sidebar */
#side-bar {
    position: absolute;
}
 
#side-bar .side-block {
    padding-right: calc(8.1em - 1px);
    margin-right: -8.5em;
    margin-bottom: 30px;
}
 
#side-bar .heading {
    font-size: 1.2em;
    margin: 1em calc(-1em + 2px) 0.5em 0;
    font-weight: bold;
    color: var(--sidebar-header-color);
}
 
#side-bar hr {
    background-color: var(--sidebar-divider-color);
    width: 220px;
}
 
#side-bar div.menu-item a {
    transition: all 0.1s ease-in-out;
    display: block;
    margin: 0 calc(-1em - 1px) 0 -0.5em;
    padding: 0.4em 1em 0.4em 0.5em;
    font-size: 12.8px;
    color: var(--sidebar-color);
    width: 220px;
}
 
#side-bar div.menu-item a:hover {
    background-color: var(--sidebar-hover-background);
    color: var(--sidebar-hover-color);
    text-decoration: none;
}
 
#side-bar div.menu-item p {
    margin: 0;
}
 
#side-bar .menu-item a[href="/rpc-series"]::after {
    font-size: 80%;
    opacity: 0.7;
    margin-left: 0.5em;
    content: "(001-999)"
}
 
#side-bar .menu-item a[href="https://discord.gg/a4pCKTW/"]::before {
    content: url('http://rpcauthority.wdfiles.com/local--files/nav%3Aside/discord.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://space.bilibili.com/434962573/"]::before {
    content: url('http://rpc-wiki-cn.wdfiles.com/local--files/nav%3Aside/bi.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://steamcommunity.com/groups/ORPCCNGP"]::before {
    content: url('http://rpcauthority.wdfiles.com/local--files/nav%3Aside/steam.png');
    position: absolute;
    left: 15em;
}
 
#main-content {
    margin: 0 2em 0 21em;
    padding: 2em 2em calc(14em - 1px) 3em;
}
 
li, p {
    line-height: 141%;
    word-wrap: break-word;
}
 
/* Horizontal Rules */
hr {
    background: var(--horizontal-rule-background);
    Margin: 1em 0;
}
 
/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
    background: transparent;
    transition: color 0.5s ease;
}
 
a.newpage {
    color: var(--new-page-color);
    text-decoration: none;
    background: transparent;
}
 
a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: var(--link-hover-color);
}
 
a::after {
    filter: hue-rotate(var(--external-graphic-color));
}
 
.form-control {
    width: 95%;
}
 
/* Global Width */
#header, #top-bar {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
}
 
/* Header Elements */
div#container-wrap {
    background: var(--header-background) top left repeat-x;
}
 
#header {
    position: relative;
    z-index: 10;
    padding-bottom: 22px;
    background: var(--header-icon) var(--header-icon-adv);
    background-size: var(--header-icon-size);
    height: 144px;
}
 
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
    height: 16px;
}
 
#search-top-box-input {
    transition: background-color 0.5s ease;
    border: var(--search-input-border);
    border-radius: 0;
    color: var(--text-color);
    background-color: var(--search-input-color);
    height: 20px;
    box-sizing: border-box;
    vertical-align: bottom;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: var(--search-input-hover-border);
    color: var(--search-input-hover-color);
    background-color: var(--search-input-hover);
}
 
#search-top-box-form input[type=submit] {
    transition: background,border,color 0.5s ease;
    border: var(--search-button-border);
    border-radius: 0;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: var(--text-color);
    background: var(--search-button-background);
    cursor: pointer;
    position: relative;
    height: 20px;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: var(--search-button-hover-border);
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background: var(--search-button-hover-background);
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
    margin-top: 0;
    font-weight: var(--header-font-weight);
}
 
#header h2::before {
    content: var(--header-tagline-custom-text);
    font-weight: var(--header-tagline-font-weight);
    color: var(--header-tagline-color);
    font-family: var(--header-tagline-font);
}
 
#header h1 a::before {
    content: var(--header-custom-text);
}
 
#header h2 {
    margin-left: 120px;
    padding: 0;
    clear: left;
    float: left;
    font-size: var(--header-tagline-font-size);
    max-height: 38px;
    letter-spacing: 1px;
    position: relative;
    top: var(--header-tagline-top);
    bottom: var(--header-tagline-bottom);
    left: var(--header-tagline-left);
    right: var(--header-tagline-right);
    text-shadow: var(--header-tagline-text-shadow);
}
 
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    margin-left: -3em;
    padding-left: 3em;
    line-height: 0px;
    max-height: 0px;
    color: var(--header-color);
    background: transparent;
    font-family: var(--header-font);
    text-decoration: none;
    letter-spacing: 0.9px;
    font-size: var(--header-font-size);
}
 
#header h1 a span {
    visibility: var(--header-text-visibility);
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: var(--header-tagline-font-weight);
    color: var(--header-tagline-color);
    font-family: var(--header-tagline-font);
    visibility: var(--header-text-visibility);
}
 
/* Topbar */
#top-bar {
    width: 100%;
    margin: 0 auto;
}
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
 
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li {
    margin: 0;
}
 
#top-bar a {
    color: var(--topbar-text-color);
    background: transparent;
    transition: none;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px var(--topbar-dropdown-border-color);
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: var(--topbar-dropdown-background);
    color: var(--topbar-hover-color);
    border-left: var(--topbar-divider);
    border-right: var(--topbar-divider);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--topbar-dropdown-color);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--topbar-hover-background);
    color: var(--topbar-hover-color);
    text-decoration: none;
}
 
#top-bar ul li:hover>a {
    background: var(--topbar-hover-background);
    color: var(--topbar-hover-color);
}
 
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
 
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
 
#top-bar ul li ul li a {
    border-width: 0;
    color: #fff;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
#top-bar ul {
    margin-top: 5px;
}
 
/* Content */
#main-content {
    margin: 0 2em 0 22em;
    padding: 1em;
    position: relative;
}
 
/* Parented Pages Block */
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* Yui Tabs */
.yui-nav {
    border-bottom: var(--tabview-bar-border)!important;
}
 
.yui-navset  {
    margin: 10px 0;
    box-shadow: var(--content-box-shadow);    
    background: var(--content-bar-background);
}
 
.yui-navset .yui-content {
    background-color: var(--tabview-background);
    border: var(--tabview-border)!important;
    border-top: none!important;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: var(--tabview-button-background);
    color: var(--text-color);
    transition: none;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--tabview-button-selected-background);
    color: var(--tabview-button-selected-color);
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--tabview-button-hover-background);
    min-height: 25px;
}
 
.yui-nav em {
    border: var(--tabview-button-border)!important;  
    border-bottom: none!important;
}
 
.yui-nav a {
    border: none!important;
}
 
.yui-nav li {
    min-height: 25px;
    line-height: normal;
}
 
.yui-nav li em {
    top: 0px!important;
}
 
.yui-nav li.selected em {
    top: -1px!important;
    border: 0px solid transparent!important;
}
 
.yui-navset .yui-nav .selected {
    margin: 0 0.16em 0 0;
}
 
.sideTabview .yui-navset, .sideTabview .yui-navset * {
    box-sizing: border-box!important;
}
 
.sideTabview .yui-navset {
    width: 100%;
    max-height: 700px;
    margin: 10px 0!important;
    overflow: hidden;
    box-shadow: var(--tabview-side-box-shadow);
    background: linear-gradient(to right, var(--tabview-side-tabs-background) 25%, var(--tabview-background) 0);
    border: var(--tabview-side-border);
}
 
.sideTabview .yui-nav {
    float: left;
    background: var(--tabview-side-tabs-background);
    max-height: 700px;
    width: 25%!important;
    overflow: auto;
    border: none!important;
    box-shadow: var(--tabview-side-tabs-box-shadow);
}
 
.sideTabview .yui-nav li {
    display: block!important;
    padding: 0!important;
    margin: 0!important;
    font-size: 110%;
    width: 100%;
    border-bottom: var(--tabview-side-button-divider);
}
 
.sideTabview .yui-nav li:hover {
    background: var(--tabview-side-button-hover-background)!important;
}
 
.sideTabview .yui-nav li a {
    width: 100%;
}
 
.sideTabview .yui-nav li a em {
    padding: 25px 16px!important;
}
 
.sideTabview .selected em {
    background: var(--tabview-side-button-selected-background)!important;
}
 
.sideTabview .yui-navset .yui-nav a:hover {
    background: none;
}
 
.sideTabview .yui-content {
    float: left;
    padding: 0!important;
    width: 75%;
    max-height: 700px;
    clear: none!important;
    background: none!important;
    border: none!important;
}
 
.sideTabview .yui-content>div {
    overflow: auto;
    padding: 0 12px!important;
    width: 100%;
    max-height: 700px;
}
 
.sideTabview .yui-nav li.selected em {
    top: 0!important;
}
 
.sideTabview .yui-nav::-webkit-scrollbar {
    width: 13px;
}
 
.sideTabview .yui-nav::-webkit-scrollbar:horizontal {
    height: 13px;
}
 
.sideTabview .yui-nav::-webkit-scrollbar-track,
.sideTabview .yui-nav::-webkit-scrollbar-corner {
    background: var(--tabview-side-scrollbar-background);
}
 
.sideTabview .yui-nav::-webkit-scrollbar-thumb {
    background: var(--tabview-side-scrollbar-thumb-background);
}
 
.sideTabview .yui-nav::-webkit-scrollbar-thumb:hover {
    background: var(--tabview-side-scrollbar-thumb-hover-background);
}
 
.sideTabview.short .yui-navset,
.sideTabview.short .yui-nav,
.sideTabview.short .yui-content,
.sideTabview.short .yui-content>div {
    max-height: 500px;
}
 
.sideTabview.locked .yui-navset,
.sideTabview.locked .yui-nav,
.sideTabview.locked .yui-content {
    height: 700px;
}
 
.sideTabview.locked.short .yui-navset,
.sideTabview.locked.short .yui-nav,
.sideTabview.locked.short .yui-content {
    height: 500px;
}
 
.sideTabviewMini .yui-navset {
  display: grid;
  grid-template-columns: 10%;
}
 
.sideTabviewMini.medium .yui-navset {
  grid-template-columns: 15%;
}
 
.sideTabviewMini.wide .yui-navset {
  grid-template-columns: 20%;
}
 
.sideTabviewMini .yui-nav li {
  width: calc(100% - 0.16em);
  display: block;
  text-align: center;
}
 
.sideTabviewMini .yui-nav li a {
  width: 100%;
}
 
.sideTabviewMini .yui-navset .yui-content {
  grid-column-start: 2;
}
 
.compactTabview .yui-navset {
    background: none;
    box-shadow: none;
}
 
.compactTabview .yui-nav {
    background: var(--content-bar-background);
    width: 26px!important;
    height: 26px;
    box-shadow: var(--content-box-shadow);
    border-bottom: none!important;
}
 
.compactTabview .yui-nav:hover {
    width: auto!important;
    height: auto;
}
 
.compactTabview .yui-nav::before {
    content: "+";
    left: 7px;
    top: 5px;
    position: relative;
    color: var(--content-bar-color);
    font-size: 120%;
    font-weight: bold;
}
 
.compactTabview .yui-nav:hover::before {
    content: unset;
    left: unset;
    top: unset;
    position: unset;
    color: unset;
    font-size: unset;
    font-weight: unset;
}
 
.compactTabview .yui-content {
    box-shadow: var(--content-box-shadow);
    border-top: var(--tabview-bar-border)!important;
}
 
.compactTabview .yui-navset li {
    display: none!important;
}
 
.compactTabview .yui-nav:hover li {
    display: inline-block!important;
}
 
/* Footer */
#footer {
    clear: both;
    font-size: 77%;
    background: var(--footer-background);
    color: var(--footer-color);
    margin-top: 15px;
    padding: 3px 10px;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
/* Fix Overflow */
.page-source, blockquote {
    word-wrap: break-word;
}
 
/* Custom Page Content Classes */
#page-content {
    min-height: 1200px;
    background: var(--page-background);
    padding: var(--page-padding);
    Border: var(--page-border);
    border-radius: var(--page-border-radius);
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
    color: var(--unmargined-color);
}
 
.content-panel {
    border-radius: var(--content-panel-border-radius);
    background: var(--content-panel-background);
    border: var(--content-panel-border);
    padding: var(--content-panel-padding);
    margin: 10px 20px 15px 20px;
    box-shadow: var(--content-panel-box-shadow);
}
 
.content-panel.centered {
    text-align: center;
}
 
.content-panel.dark {
    background: var(--secondary-background);
}
 
.info-block.left-column, .info-block.right-column, .featured-block.left-column, .featured-block.right-column {
    width: 48%;
    padding: 0;
}
 
.content-panel.content-toc {
    float: right;
    padding: 0 20px;
    white-space: nowrap;
    margin: 10px 0 15px 5px;
  }
 
.featured-title {
    font-weight: bold;
    height: 35px;
    font-size: 110%;
}
 
.news-block, .featured-block, .info-block {
    border: var(--content-block-border);
}
 
.news-block, .info-block {
    margin: 15px 0;
    box-shadow: var(--content-box-shadow);
}
 
.news-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
}
 
.news-block .body-panel .news-date {
    color: #777;
    font-size: 80%;
}
 
.news-block .body-panel .news-content {
    margin: 10px 0px 10px 30px;
}
 
.info-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
    font-size: 90%;
}
 
.info-block .body-panel.centered {
    text-align: center;
}
 
.header-panel {
    background: var(--content-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    color: var(--content-bar-color);
}
 
.footer-panel {
    background: var(--content-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    text-align: right;
    Color: var(--content-bar-color);
}
 
.news-block .footer-panel a {
    color: var(--primary-text-color);
}
 
.news-block .body-panel:nth-child(even) {
    background: var(--news-block-body-panel-background-even);
}
 
.featured-block {
    box-shadow: var(--content-box-shadow);
    margin: 15px 0;    
}
 
.featured-block .body-panel {
    background: var(--content-panel-background);
    text-align: left;
    padding: 10px;
    height: 100%;
    overflow-y: hidden;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 150px;
}
 
.featured-block .body-panel.short {
    height: auto;
}
 
.content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr, blockquote hr {
    background: var(--horizontal-rule-secondary-background);
}
 
.clean hr {
    border: 2px dashed var(--content-bar-background);
    height: 0px;
    background: none;
    margin: auto -20px;
}
 
.content-box {
    border-radius: 0;
    border: 2px solid var(--content-box-border-color);
    padding: var(--content-panel-padding);
    margin: 10px 20px 15px 20px;
}
 
.content-box.dashed {
    border-style: dashed;    
}
 
.content-box.thin {
    border-width: 1px;
}
 
.content-box.round {
    border-radius: 20px;
}
 
.left-column {
    float: left;
    width: 40%;
    margin: 10px 0;
}
 
.right-column {
    float: right;
    width: 40%;
    margin: 10px 0;
}
 
/* Template Block (Original Formatting by Dr. Pierson) */
.templateBlock {
    background: var(--template-block-background);
    border: var(--template-block-border);
    width: 450px;
    margin: 0 auto 15px auto;
    text-align: center;
    padding: 0 15px;
    Max-width: 90%;
}
 
.templateBlock img {
    max-width: 100%;
}
 
.templateBlock.special {
  background: linear-gradient(#222e2e, #171f1f, #222e2e);;
}
 
/* Tags */
.page-tags span {
    border-top: var(--tags-border);
}
 
/* Multi-Line Tags Fix */
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
 
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
 
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* Hide Hidden Tags */
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
    display: none;
}
 
/* Pop-Up Text Boxes */
.modal-body img {
    background: none!important;
}
 
.modal-body {
    background: var(--modal-body-background);
}
 
.modal-header, .owindow, .owindow .title {
    background: var(--modal-header-background)!important;    
}
 
.owindow {
    border: var(--owindow-border);
}
 
.owindow table.table a {
    word-break: break-word;
}
 
/* Ruby by Nanimono Demonai */
 
.ruby, ruby {
    display: inline-table;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    vertical-align: text-bottom;
}
 
.rt, rt {
    display: table-header-group;
    font-size: 0.6em;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}
 
/* Keycap */
.keycap {
    border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
    border-bottom-width: 2px;
    -moz-border-radius: var(--element-border-radius);
    -webkit-border-radius: var(--element-border-radius);
    border-radius: var(--element-border-radius);
    background-color: #f9f9f9;
    padding: 1px 3px;
    font-family: inherit;
    font-size: 0.85em;
    white-space: nowrap;
}
 
/*
    2011-11-13 Minobe Hiroyuki @ Marguerite Site
    www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
    Edited for the SCP Foundation by Nanimono_Demonai
*/
 
.emph {
    text-emphasis-style: dot ;
    -webkit-text-emphasis-style: dot ;
}
 
/* Account Options */
#login-status {
    font-size: 90%;
    z-index: 30;
}
 
#printuser {
    color: var(--text-color);
    background-color:transparent;
}
 
#login-status a {
    color: var(--text-color);
    background-color: transparent;
}
 
#login-status a:hover {
    color: var(--link-hover-color);
}
 
#account-options {
    background: var(--account-options-background);
    border: var(--account-options-border);
}
 
#account-options li a:hover {
    color: var(--link-hover-color);
}
 
#account-options a, a#account-topbutton {
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton {
    background-color: transparent;
    border-style: none;
    color: var(--text-color);
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}
 
body {
    background: var(--body-background);
    color: var(--text-color);
    font-size: 0.80em;
  }
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1500px;
    height: auto;
}
 
ul {
    list-style: square;
}
 
h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
 
#page-title {
    color: var(--page-title-color);
    font-weight: bold;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    border-bottom: var(--page-title-border);
    word-wrap: break-word;
    position: relative;
    top: 1px;
}
 
blockquote {
    border: var(--blockquote-border);
    color: var(--text-color);
    background: var(--blockquote-background);
    border-radius: var(--blockquote-border-radius);
    padding: var(--blockquote-padding);
    box-shadow: var(--blockquote-box-shadow);
  }
 
/* Standard Image Block */
.image-block {
    border: var(--image-block-border);
    width: 300px;
    box-shadow: var(--image-block-box-shadow);
    background: var(--image-block-background);
}
 
.image-block.block-right {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}
 
.image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
 
.image-block img {
    border: 0;
    width: 300px;
}
 
.image-block .image-caption {
    background: var(--image-block-caption-background);
    border-top: var(--image-block-border);
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
 
.image-block > p {
    margin: 0;
}
 
.image-block .image-caption > p {
    margin: 0;
    padding: 0 10px;
}
 
.image-block img, .image-block, .image-caption {
    max-width: 100%;
}
 
/* Sidenotes */
 
.sidenoteImage.sidenoteType-text {
    display: none!important;
}
 
.sidenoteContent.sidenoteType-image {
    display: none!important;
}
 
.sidenoteIT.sidenoteImage-bottom {
    display: none!important;
}
 
.sidenoteIB.sidenoteImage-top {
    display: none!important;
}
 
.sidenoteC {
    border: var(--sidenote-contents-border);
    color: var(--sidenote-contents-closed-color);
    border-top: none;
    padding: 0.3em 0.7em;
}
 
.sidenoteI {
    padding: 1px;
}
 
.sidenoteH {
    background: var(--sidenote-closed-background);
    border: var(--sidenote-figure-border);
    color: var(--sidenote-figure-closed-color);
    text-align: center;
    padding: 0 15px 0 15px;
}
 
.sidenote {
    position: static;
}
.sidenoteContainer {
    width: 100%;
    clear: both;
    margin: 0px 0px 10px 0px;
    box-shadow: var(--sidenote-box-shadow);
    background: var(--sidenote-background);
}
 
.sidenoteAlign-right {
    width: 300px!important;
    float: right;
    margin: 0px 0px 10px 10px!important;
}
 
.sidenoteAlign-left {
    width: 300px!important;
    float: left;
    margin: 0px 10px 10px 0px!important;
}
 
@media (min-width: 1000px) {
    .sidenoteAlign-right.sidenoteAlign-true {
        margin: 0px 2em 10px 10px!important;
    }
 
    .sidenoteAlign-left.sidenoteAlign-true {
        margin: 0px 10px 10px 2em!important;
    }
 
    .sidenote.sidenoteLock-false:hover .sidenoteH {
        background: var(--sidenote-open-background);
        color: var(--sidenote-figure-open-color);
    }
 
    .sidenote.sidenoteLock-false .sidenoteC, .sidenote.sidenoteLock-false .sidenoteI {
        display: none;
        color: var(--sidenote-contents-open-color);
    }
 
    .sidenote.sidenoteLock-false:hover .sidenoteC, .sidenote.sidenoteLock-false:hover .sidenoteI {
        display: block;
    }
}
 
@media (max-width: 999px) {
    .sidenoteContainer {
        float: none;
        margin: 10px 0!important;
        width: 100%!important;
    }
    .sidenoteH {
        background: var(--sidenote-open-background);
        color: var(--sidenote-figure-open-color);        
    }
    .sidenoteC, .sidenoteI {
        color: var(--sidenote-contents-open-color);        
    }
}
 
.redaction {
    background: #111;
    color: transparent;
}
 
/* Hazards Component */
 
.hazardTypeText.hazardsType-properties,
.propertiesText.hazardsType-hazards,
.hazardTableText.hazardsType-none {
    display: none!important;
}
 
.hazardTableText {
width: 110px;
vertical-align: top;
position: relative;
right: 2px;
top: 10px;
padding: 0;
}
 
.hazardTableText.hazardsType-properties {
    width: 160px;
}
 
.hazardImage {
margin-top: 1px;
width: 35px;
filter: invert(91%);
opacity: 1;
font-size: 80%;
font-weight: bold;
}
 
.hazardBlock {
  position: relative;
  display: inline-block;
}
 
.hazardBlock .hazardText {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
 
.hazardBlock:hover .hazardText {
  visibility: visible;
}
 
.hazardBlock .hazardText::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
 
.hazardBlock .hazardText {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.hazardBlock:hover .hazardText {
  opacity: 1;
}
 
table.hazardTable {
    padding-right: 5px!important;
}
 
@media (max-width: 768px) {
    table.hazardTable {
    padding-right: 20px!important;
    }
}
 
/* Wikidot Tables */
table.wiki-content-table {
    width: 100%;
    box-shadow: var(--table-box-shadow);
}
 
table.wiki-content-table th {
    background-color: var(--table-header-background);
    border: var(--table-border);
    color: var(--table-header-color);
    padding: 0.3em 0.7em;
}
 
table.wiki-content-table td {
    background-color: var(--table-cell-background);
    border: var(--table-border);
    padding: 0.3em 0.7em;
    color: var(--table-cell-color);
}
 
.wanted-pages-module th, .page-compare th {
    background-color: var(--table-header-background);
    border: var(--table-border)!important;
    color: var(--table-header-color);
}
 
.wanted-pages-module td, .page-compare td {
    background-color: var(--table-cell-background);
    border: var(--table-border)!important;
}
 
/* Footnotes */
.hovertip {
    border: var(--footnote-border)!important;
    background: var(--footnote-background)!important;
  }
 
/* Table of Contents */
#toc {
    color: var(--text-color);
    border: var(--toc-border);
    background: var(--toc-background);
    Box-shadow: var(--toc-box-shadow);
}
 
/* Module Rate Customization (Upvote / Downvote System) */
.page-rate-widget-box {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 2em;
    box-shadow: var(--content-box-shadow);
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--binary-rating-background)!important;
    border: var(--binary-rating-border);
    color: var(--text-color)!important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    border-top: var(--binary-rating-border);
    border-bottom: var(--binary-rating-border);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: var(--binary-rating-background);
    color: var(--link-color);
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    border: var(--binary-rating-border);
}
 
.page-rate-widget-box .cancel a {
    background: var(--binary-rating-background);
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: bold;
}
 
.page-rate-widget-box .cancel a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
 /* component:rate Customization (5 Star System) */
.rateContainer {
    width: 100%;
    height: 30px;
}
 
.ratingContainer {
    height: auto;
}
 
.tableStyle {
    background: var(--star-rating-background);
    margin-right: 2em;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0px;
    border: var(--star-rating-border);
    box-shadow: var(--content-box-shadow);
    border-radius: var(--star-rating-border-radius);
}
 
.rateStyle {
    margin-right: 2em;
    box-shadow: var(--star-rating-box-shadow);
}
 
.starStyle {
    display: inline-block;
    padding: 2px 4px 0px 4px;
    margin: 0;
    background: var(--star-rating-background);
    box-shadow: var(--star-rating-stars-box-shadow);
}
 
.cellStyle {
    display: inline-block;
    padding: 1px 4px 0px 4px;
    background: var(--star-rating-cell-background);
    height: 20px;
    border: none;
}
 
.cellStyle p, .cellStyle div p {
    margin: 0;
}
 
.decimalStyle {
    background-color: var(--star-rating-background);
    padding-right: 6px;
    color: var(--star-rating-decimal-color);
}
 
.translationStyle {
    padding-left: 6px;
    padding-right: 6px;
    background-color: var(--star-rating-background);
}
 
.readingStyle {
    background: var(--star-rating-reading-background);
    padding: 0 3px 0 3px;
    border-left: var(--star-rating-border);
}
 
.cellStyle.votesRight-left,
.cellStyle.votesLeft-right,
.cellStyle.votesRight-none,
.cellStyle.votesLeft-none {
    display: none;
}
 
.starStyle.votesRight-left,
.starStyle.votesRight-none {
    text-align: center;
}
 
img[src$="/common--images/jquery-raty/star-on.png"] {
    filter: var(--star-rating-filter);
}
 
img[src$="/common--images/jquery-raty/star-half.png"] {
    filter: var(--star-rating-filter);
}
 
img[src$="/common--images/jquery-raty/star-off.png"] {
    filter: var(--star-rating-filter);
}
 
/* Generic Buttons */
#h-perpage,
.optionstd a,
.new-post .btn,
#history-form-1 .btn-sm,
.well .btn-sm,
.change-textarea-size a,
.buttons .btn-small,
.action-area .btn-default,
.action-area .btn-primary,
.col-lg-10 .form-control,
.form-actions .btn-danger,
.buttons .btn-default,
.target a,
.buttons .btn-danger,
#edit-cancel-button,
#edit-save-button,
.button-close-message,
.button-close-window,
.button-cancel,
.button-insert-code,
#wd-ed-codewizard-type,
#wd-ed-imagewizard-position,
#wd-ed-imagewizard-uri,
#wd-ed-imagewizard-byuri .button,
#wd-ed-imagewizard-flickr,
#wd-ed-imagewizard-byflickr .button,
.query-area .button,
.button-close,
.button-rename,
.button-no\,-cancel,
.button-yes\,-delete,
#file-upload-form .btn-primary,
.button-move,
#action-area .buttons .btn-primary,
#edit-page-form .buttons .btn-info,
#view-diff-div .button,
.button-yes\,-revert,
.modal-footer .btn-danger,
.modal-footer .btn-default,
.modal-footer .btn-primary,
#mba-apply,
.yui-content .button,
.btn-warning,
#edit-meta-newtag-form div .btn,
.new-page-box .button,
#page-templates,
#recent-posts-category,
.forum-recent-posts-box form .btn,
.owindow .button-bar .btn {
    border: var(--button-border)!important;  
    background: var(--button-background)!important;
    color: var(--text-color);    
}
 
#h-perpage:hover,
.optionstd a:hover,
.new-post .btn:hover,
#history-form-1 .btn-sm:hover,
.well .btn-sm:hover,
.change-textarea-size a:hover,
.buttons .btn-small:hover,
.action-area .btn-default:hover,
.action-area .btn-primary:hover,
.col-lg-10 .form-control:hover,
.form-actions .btn-danger:hover,
.buttons .btn-default:hover,
.target a:hover,
.buttons .btn-danger:hover,
#edit-cancel-button:hover,
#edit-save-button:hover,
.button-close-message:hover,
.button-close-window:hover,
.button-cancel:hover,
.button-insert-code:hover,
#wd-ed-codewizard-type:hover,
#wd-ed-imagewizard-position:hover,
#wd-ed-imagewizard-uri:hover,
#wd-ed-imagewizard-byuri .button:hover,
#wd-ed-imagewizard-flickr:hover,
#wd-ed-imagewizard-byflickr .button:hover,
.query-area .button:hover,
.button-close:hover,
.button-rename:hover,
.button-no\,-cancel:hover,
.button-yes\,-delete:hover,
#file-upload-form .btn-primary:hover,
.button-move:hover,
#action-area .buttons .btn-primary:hover,
#edit-page-form .buttons .btn-info:hover,
#view-diff-div .button:hover,
.button-yes\,-revert:hover,
.modal-footer .btn-danger:hover,
.modal-footer .btn-default:hover,
.modal-footer .btn-primary:hover,
#mba-apply:hover,
.yui-content .button:hover,
.btn-warning:hover,
#edit-meta-newtag-form div .btn:hover,
.new-page-box .button:hover,
#page-templates:hover,
#recent-posts-category:hover,
.forum-recent-posts-box form .btn:hover,
.owindow .button-bar .btn:hover {
    border: var(--button-hover-border)!important;  
    background: var(--button-hover-background)!important;
    color: var(--button-hover-color);    
    text-decoration: none;
}
 
.pager .current {
    background: var(--button-current-background);
    color: var(--text-color);
}
 
.pager {
    line-height: 25px;
}
 
#parent-page-name-list {
    color: #333;
}
 
#history-subarea a {
    text-transform: capitalize;
}
 
#history-subarea a:hover {
    background: none;
}
 
.highlight td {
    background-color: var(--body-background);
}
 
.post .active td {
    background: var(--body-background)!important;
    text-decoration: underline dashed;
}
 
#rev-type-new,
#rev-category,
#rev-perpage {
    outline: 0;
}
 
.btn-large,
#edit-meta-addbutton .btn-primary,
#rename-show-backlinks {
    padding: 5px;
}
 
a.action-area-close.btn.btn-danger {
    background: none;
}
 
.wd-editor-toolbar-panel {
    filter: brightness(80%);
}
 
/* Errors */
.error-inline {
    color: var(--error-color);
    border: none;
}
 
.error-inline::before {
    content: " ";
}
 
span.error-inline em {
    font-style: normal;
}
 
span.error-inline em::before {
    content: '"';
}
 
span.error-inline em::after {
    content: '"';
}  
 
.error-block {
    border: 1px dashed var(--error-color);
    color: var(--error-color);
}
 
/* Forum Stuff */
.forum-thread-box .description-block, .well {
    padding: .5em 1em;
    border-radius: var(--forum-thread-border-radius)!important;
    Border: var(--forum-thread-border)!important;
    background: var(--forum-thread-background)!important;
    color: var(--text-color);
    box-shadow: var(--forum-thread-box-shadow);
    margin: 1em;
}
 
.thread-container .post .head {
    padding: 0.5em 1em;
    background-color: rgba(0,0,0,0.21);
    box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
}
 
.folded .short {
    background: rgba(0,0,0,0.12)!important;
}
 
.head .description {
    word-wrap: break-word;
}
 
.long .content p {
    word-wrap: break-word;
}
 
.forum-group table td {
    background: none!important;
    border: none;
    padding: 5px 1px;
}
 
.forum-group table td.name .title {
    font-weight: bold;
    margin-left: 5px;
}
 
 .action-area {
    border: var(--action-area-border);
    background: none;
}
 
.thread-container .well {
    border: var(--forum-thread-border);
    background: var(--forum-thread-background);
}
 
.forum-category-box .table {
    border: none;
}
 
.forum-group table td.name .description {
    color: var(--text-color);
    font-size: 87%;
    margin-left: 5px;
}
 
.forum-category-box table td {
    padding: 5px 10px;
    border: none;
    background: none;
}
 
.collapsible-block {
    overflow-wrap: break-word;
}
 
/* Add some spacing below close collapsible links */
.collapsible-block-unfolded-link {
    margin-bottom: 10px;
}
 
/* Text Box Forms */
#thread-description,
#np-text,
#post-edit,
.field-header .form-wiki,
.field-content .form-wiki,
.text.form-control,
#file-comments,
.form .text,
#edit-meta-newtag-form .text,
.new-page-box .text,
#edit-page-textarea,
#edit-page-title,
#edit-page-comments,
.query-area .text,
#membership-by-apply-text,
.yui-content .text {
    background: var(--text-box-form-background);
    border: var(--text-box-form-border);
    color: var(--text-color);
}
 
input#page-tags-input.text {
    max-width: 330px;
}
 
.alert-info {
    background: none!important;
    border: var(--alert-info-border)!important;
}
 
.forum-start-box div.head {
    background-color: #192a44;    
    border: none;
}
 
.forum-start-box .head .title {
    text-align: center;
}
 
.head .title {
    color: rgb(181,181,181);
    word-wrap: break-word;
}
 
.head .description {
    color: rgb(181,181,181);
    text-align: center;
}
 
.forum-group table {
    border-collapse: collapse;
    border-spacing: 1px;
}
 
.forum-group .name .description {
    font-size: 0.9em;
    padding: 3px 0;
}
 
.forum-group .head .title {
    font-size: 1.1em;
}
 
.forum-category-box table {
    border-collapse: collapse;
}
 
.forum-category-box table .head td {
    background: #192a44!important;
    font-size: 1.1em;
    font-weight: bold;
}
 
.forum-category-box table tr:nth-child(even), .forum-group table tr:nth-child(even) {
     background: var(--forum-category-background-even);
}
 
.forum-category-box table tr:nth-child(odd), .forum-group table tr:nth-child(odd) {
    background: var(--forum-category-background-odd);
}
 
/* Retitle Forum Headers */
.forum-start-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(1)::after {
    font-size: 11px;
    content: "分类名称"
}
 
.forum-start-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(4)::after {
    font-size: 11px;
    content: "最新回复"
}
 
/* Add a space before "Jump!" links in the forum */
.forum-start-box td.last span.odate:after {
    content: " ";
}
 
.forum-category-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(1)::after {
    font-size: 11px;
    content: "讨论串名称";
}
 
.forum-category-box .head td:nth-child(2) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(2)::after {
    font-size: 11px;
    content: "发布者";
}
 
.forum-category-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(4)::after {
    font-size: 11px;
    content: "最近的回复";
}
 
/* Hide Forum Signatures */
.signature {
    Display: none;
}
 
/* Show-Changes Highlights */
del {
    background: var(--show-changes-del-background)!important;
    text-decoration: none;
    white-space: normal!important;
}
 
ins {
    background: var(--show-changes-ins-background)!important;    
    white-space: normal!important;
}
 
ins::before, del::before {
    content: "+";
    position: absolute;
    left: 0.75em;
    font-size: 200%;
    color: transparent;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}
 
ins::before {
    border-radius: 10px;
    background: var(--show-changes-ins-background)!important;
}
 
del::before {
    background: var(--show-changes-del-background)!important;
}
 
/* Code Boxes */
.code {
    background: var(--code-background);
    border: var(--code-border);
    padding: 15px;
}
 
.code pre span {
    color: var(--text-color);
}
 
.code .hl-main pre {
    display: contents;
}
 
.revisions .active td {
    background: none;
}
 
.revisions td {
    padding: 2px;
}
 
.revisions .active {
    background-color: #3d3d3d;
}
 
#revision-list tr:nth-child(1) td {
    text-align: center;
    font-weight: bold;
}
 
.changes {
    color: var(--text-color);
}
 
.changes-list-item .comments {
    color: #a0a0a0;
}
 
.changes-list-item:hover {
    background: #333;
}
 
.statistics {
    color: var(--text-color);
}
 
.warning-block {
    background: #e2e25c;
}
 
.license-area {
    color: var(--text-color)!important;
}
 
#h-perpage {
    outline: none;
}
 
.list-pages-box table {
    padding-bottom: 0.5em;
}
 
.list-pages-box table.tableStyle {
    padding-bottom: 0;
}
 
.content-type-description-2 tr {
    background: none;
}
 
table.page-history tr td:nth-child(2)  {
    min-width: 50px;
}
 
/* Tooltip Localization */
.tooltip {
  position: relative;
  display: inline-block;
}
 
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltip:hover .tooltiptext {
  visibility: visible;
}
 
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
 
.tooltip .tooltiptext {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltip:hover .tooltiptext {
  opacity: 1;
}
 
.tooltipblue {
  position: relative;
  display: inline-block;
}
 
.image-caption-top .tooltipblue img {
    filter: invert(91%) hue-rotate(150deg);
}
 
.tooltipblue .tooltiptextblue {
  visibility: hidden;
  width: 120px;
  background-color: #2476db;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
   width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltipblue:hover .tooltiptextblue {
  visibility: visible;
}
 
.tooltipblue .tooltiptextblue::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2476db transparent transparent transparent;
}
 
.tooltipblue .tooltiptextblue {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltipblue:hover .tooltiptextblue {
  opacity: 1;
}
 
/* Hide Preview and Page Version Popups */
#action-area-top .preview-message, #page-version-info {
    display: none;
}
 
/* Page Editing Form */
 
@media (min-width: 1200px) {
 
#edit-page-form {
    margin-left: -100px;
    margin-right: -65px;
}
 
}
 
#np-text {
  padding: 3px 5px;
}
 
#np-title {
  padding: 0 5px;
  margin: 5px 0;
}
 
/* Image Hover Enlarge */
@media (min-width: 769px) {
 
#edit-page-textarea {
    padding: 20px 30px;
    border: var(--thick-border);
}
 
.enlarge {
    transition: .05s;
    position: relative;
}
 
.enlarge:hover {
    transform: scale(1.5);
    transition: .05s;
    transition-delay: .2s;
    z-index: 2;
}
 
.mobileOnly {
    display: none;
}
 
.left-column hr, .right-column hr {
    border: none;
    height: 1px;
    Margin: 1em 0;
}
 
}
 
.open-themes a {
    position: absolute;
    bottom: 125px;
    right: -50px;
    z-index: 14;
    text-align: center;
    transition: all 0s ease 0s;
    width: 1em;
    height: 1em;
    font-size: 20px;
    padding: 2px;
}
 
.open-themes a:hover {
    text-decoration: none!important;
    transition: all 0s ease 0s;
}
 
@media (max-width: 768px) {
.open-themes a {
    width: 13px;
    height: 15px;
    padding: 0 2px 2px;
    bottom: 135px;
    right: -25px;
    font-size: 13px;
}
 
.open-themes-block {
    padding: 0;
    max-width: 100%;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
}
 
.open-themes p {
margin: 0;
}
 
/* Hide Banned Users */
.printuser a[href*="the-fozz-2"]:nth-child(1) {
    visibility: hidden;
}
 
.printuser a[href*="the-fozz-2"]:nth-child(2) {
    font-size: 0;
}
 
.printuser a[href*="the-fozz-2"]:nth-child(2)::before {
    content: "(account banned)";
    font-size: calc(0.8 * 16px);
    color: var(--text-color);
}
 
.modal-body img[src*="userid=6209186"] {
    display: none;
}
 
/* Viewport */
@viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Internet Explorer Viewport */
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Opera Viewport */
@-o-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Google Chrome Viewport */
@-webkit-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* FireFox Viewport */
@-moz-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Mobile Compatibility */
@media (max-width: 768px) {
 
.desktopOnly {
    display: none;
}
 
ins::before, del::before {
    left: 0.25em;
}
 
.content-panel.content-toc {
    float: none;
    border-radius: var(--element-border-radius);
    margin: 5px 0 5px 5px;
  }
 
.edit-page-bottomtable .alert-info {
    display: none;
}
 
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
.modal-body .table, .modal-body .table ~ div {
    float: left;
}
 
.owindow .button-bar {
    float: right;
}
 
.owindow div a.btn-primary {
    width: 100%;
    float: left;
}
 
#edit-page-form {
    margin-left: 10px;
    margin-right: 10px;
}
 
#header h2 {
    font-size: var(--header-mobile-tagline-font-size);
}
 
#top-bar {
    position: relative;
    top: 145px;
}
 
.side-block {
    margin-right: 0!important;
    padding-right: 0!important;
}
 
#side-bar .menu-item>a {
    padding-right: 0!important;
}
 
.mobile-top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* Hide Search Button Input */
#search-top-box-input {
    display: none;
}
 
/* Relocate Search Button */
#header .button {
    position: relative;
    top: 27px;
    left: 18px;
}
 
#page-content {
    font-size: 0.9em;
}
 
#main-content {
    margin: 0;
}
 
#header, .mobile-top-bar {
    max-width: 100%;
}
 
#side-bar {
    width: 80%;
    position: relative;
}
 
.top-bar {
    display: none;
}
 
.mobile-top-bar {
    display: block;
    padding: 0;
}
 
.page-options-bottom a {
    padding: 0 4px;
}
 
#header h1 a {
    font-size: var(--header-mobile-font-size);
}
 
blockquote {
    margin: 1em 0;
}
 
#header {
    background-position: 0 5.5em;
    background-size: 60px;
}
 
#header h1, #header h2 {
    margin-left: 66px;
}
 
#header a span, #header a::before {
    position: relative;
    top: 10px;
}
 
table.form td, table.form th {
    float: left;
}
 
td.name {
    width: 15em;
}
 
table.form td, table.form th {
    padding: 0;
}
 
#edit-page-title {
    max-width: 90%;
}
 
.left-column, .right-column  {
    width: calc(100% - 40px);
    padding: 0 20px;
    float: left;
    margin: 10px 0;
}
 
#page-content div, #page-content div table {
    clear: both;
}
 
#page-content div.title {
    word-break: keep-all;
}
 
.page-history tbody tr td:last-child {
    width: 35%;
}
 
.page-history {
    font-size: 0.7em;
}
 
.yui-navset {
    z-index: 1;
}
 
.sideTabview .yui-nav li {
    font-size: 90%;
}
 
.sideTabview .yui-nav li a em {
    padding: 20px 10px!important;
}
 
#navi-bar, #navi-bar-shadow {
    display: none;
}
 
.sideTabview .yui-navset,
.sideTabview .yui-nav,
.sideTabview .yui-content,
.sideTabview .yui-content>div {
    max-height: 500px!important;
}
 
.open-menu a {
    position: fixed;
    top: 0.5em;
    left: 0.5em;
    z-index: 15;
    font-family: 'Nanum Gothic', san-serif;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 0.9em;
    text-align: center;
    border: var(--sidebar-mobile-open-menu-border);
    background: var(--sidebar-mobile-open-menu-background)!important;
    border-radius: 0.3em;
    color: var(--sidebar-mobile-open-menu-color)!important;
    transition: all 0s ease 0s;
}
 
.open-menu a:hover {
    text-decoration: none!important;
    color: var(--link-color)!important;
    border: solid var(--link-color);
    transition: all 0s ease 0s;
}
 
#main-content {
    max-width: 90%;
    margin: 0 5%;
    padding: 0;
}
 
#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background: var(--sidebar-mobile-background);
    overflow-y: auto;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}
 
#side-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
#side-bar:target {
    display: block;
    left: 0;
    width: 17em;
    margin: 0;
    border: 1px solid #dedede;
    z-index: 10;
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) 1px 1px repeat;
    z-index: -1;
}
 
.image-block {
    Margin: 10px 0!important;
    float: none!important;
}
 
.image-block, .image-caption, .image-caption-top, .image-block img {
    width: 100%!important
}
 
.hazard-image-block .image-caption-top img {
    width: 35px!important;
}
 
.tableStyle {
    margin-right: 0;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 100%;
}
 
.featured-block.left-column, .featured-block.right-column {
    width: 100%;
}
 
.content-panel, .content-box {
Margin: 5px 0px;
}
 
#header h2::before {
    position: relative;
    top: 15px;
}
 
}
 
:root{--mian-max-width:1200px;--posts-card-scale:70%;--posts-list-scale:70%;--single-cover-scale:35%;--theme-color:#f04494;--focus-color:var(--theme-color);--focus-shadow-color:rgba(253, 83, 161, 0.4);--key-color:#333;--main-color:#4e5358;--main-shadow:rgba(116, 116, 116, 0.08);--muted-color:#777;--muted-2-color:#999;--muted-3-color:#b1b1b1;--body-bg-color:#f5f6f7;--main-bg-color:#fff;--muted-bg-color:#eee;--main-border-color:rgba(50, 50, 50, 0.06);--muted-border-color:rgba(0, 0, 0, 0.03);--main-radius:8px;--blur-bg:rgba(255, 255, 255, 0.8);--float-btn-bg:rgba(200, 200, 200, 0.4);--header-bg:var(--blur-bg);--header-color:var(--main-color);--footer-bg:var(--main-bg-color);--footer-color:var(--muted-2-color)}.dark-theme{--key-color:#f8fafc;--main-color:#e5eef7;--main-shadow:rgba(24, 24, 24, 0.1);--muted-color:#b4b6bb;--muted-2-color:#888a8f;--muted-3-color:#636469;--body-bg-color:#292a2d;--main-bg-color:#323335;--muted-bg-color:#2d2e31;--main-border-color:rgba(114, 114, 114, 0.1);--muted-border-color:rgba(184, 184, 184, 0.02);--blur-bg:rgba(55, 56, 58, 0.8);--float-btn-bg:rgba(70, 70, 70, 0.4);--header-bg:var(--blur-bg);--header-color:var(--main-color);--footer-bg:var(--main-bg-color);--footer-color:var(--muted-2-color)}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:root{--blur-bg:#ffffff}body.dark-theme{--blur-bg:#37383a}}.more-posts a>span,.relates-thumb li a>.post-info,a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.main-shadow{transition:box-shadow .3s}.but:focus,.but:hover,.navbar-nav>li:before,.progress{transition:.3s}.hover-show .hover-show-con,.navbar-top .sub-menu,.theme-popover{opacity:0;transform:translateY(6px);transition:.4s}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu,.navbar-top li:hover>.sub-menu{opacity:1;transform:translateY(0)}.hover-show{position:relative;cursor:pointer;z-index:10}.hover-show .hover-show-con{position:absolute;visibility:hidden}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu{visibility:unset}.header{transition:background .5s}.ic-close,.match-ok,.navbar-top .sub-menu li>a{transition:.3s}.ic-close:hover{transform:rotate(270deg);color:inherit}.navbar-top .sub-menu li>a:hover{transform:translateX(5px)}.dosc-nav .fa,.item-thumbnail img,.social_loginbar a{transition:.2s ease-out}.hover-zoom-img:hover img,.hover-zoom:hover,.social_loginbar .social-login-item:hover,.social_loginbar .xh-social-item:hover{transform:scale(1.05)}.hover-zoom-img-sm:hover img,.hover-zoom-sm:hover,.posts-item.mult-thumb .thumb-items>span>img:hover,.posts-item:hover .item-thumbnail img,.posts-mini:hover img{transform:scale(1.02)}.main-min-height{min-height:calc(100vh - 280px)}.main-shadow{box-shadow:0 0 10px var(--main-shadow)}.key-color{color:var(--key-color)}.focus-color{--this-color:var(--focus-color);color:var(--focus-color)}.muted-color{color:var(--muted-color)}.muted-2-color{color:var(--muted-2-color)}.muted-3-color{color:var(--muted-3-color)}.main-bg{background:var(--main-bg-color)}.placeholder{background:linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);opacity:1;border-radius:4px;-webkit-animation:placeholder 1.5s ease infinite!important;animation:placeholder 1.5s ease infinite!important;background-size:400% 100%!important}.placeholder.img{height:119px}.placeholder.t1{height:24px;width:80%}.placeholder.k1{height:20px;width:60%}.placeholder.k2{height:20px}.placeholder.k3{height:15px}.placeholder.s1{width:70px;height:15px;display:inline-block}@-webkit-keyframes placeholder{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes placeholder{0%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.container{position:relative}.radius4{border-radius:4px}.radius8{border-radius:var(--main-radius)}.radius{border-radius:100px}.px12{font-size:12px}.em12{font-size:1.2em}.em14{font-size:1.4em}.em16{font-size:1.6em}.em2x{font-size:2em}.em3x{font-size:3em}.em4x{font-size:4em}.em09{font-size:.9em}.font-bold{font-weight:700}.this-font{font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}.opacity3{opacity:.3}.but[disabled],.but[disabled]:hover,.opacity5{opacity:.5}.opacity8{opacity:.8}.smail,smail{font-size:.8em}*,:after,:before{outline:0!important}body{background-color:var(--body-bg-color);color:var(--main-color)}body.nav-fixed{padding-top:88px}img{max-width:100%;max-height:100%}svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}dd,dl,dt,ol,ul{margin:0;padding:0}ul{list-style:none}.box-img,.drop-btn,.passw,.pointer,[href],a.but,botton{cursor:pointer}[disabled]{cursor:no-drop!important}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle;padding:10px;border-top-color:#eee}a{color:var(--main-color)}a:focus,a:hover{color:var(--focus-color);outline:0;text-decoration:none}input,textarea{-webkit-appearance:none}textarea{resize:vertical}textarea[autoheight]{resize:none;line-height:1.4;overflow:hidden}input[type=checkbox],input[type=radio]{border:1px solid var(--muted-3-color);border-radius:3px;background:var(--main-bg-color);clear:none;cursor:pointer;display:inline-block;line-height:0;height:1em;outline:0;padding:0!important;text-align:center;width:1em;min-width:1em;-webkit-appearance:none;box-shadow:inset 0 2px 2px rgba(0,0,0,.1);transition:border-color .3s,background .3s,opacity .2s;vertical-align:-.15em;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]::before{font-family:FontAwesome;content:"\f00c";opacity:0;color:#fff;position:absolute;top:50%;transform:translateY(-50%) scale(0);z-index:1;left:-5%;transition:.2s;text-align:center;width:100%}input[type=checkbox]:checked{background:var(--focus-color);border-color:var(--focus-color);box-shadow:none}input[type=checkbox]:checked::before{opacity:1;transform:translateY(-50%) scale(.7)}input[type=radio]::before{content:"";border-radius:50%;width:.5em;height:.5em;margin:.18em;background-color:var(--focus-color);line-height:1.14285714;float:left;opacity:0;transition:opacity .2s}input[type=radio]:checked::before{opacity:1}input[type=checkbox]:hover,input[type=radio]:hover{opacity:.8}input[type=radio]:checked,input[type=radio]:focus,input[type=radio]:hover{border-color:var(--focus-color)}input:-internal-autofill-previewed,input:-internal-autofill-selected{box-shadow:0 0 0 1000px var(--main-bg-color) inset!important;-webkit-text-fill-color:var(--main-color)!important}pre{background:0 0;border:none;color:var(--main-color)}button.null{background:0 0;border:none;margin:0;padding:0}hr{border-color:var(--main-border-color)}blockquote{padding:15px 20px;margin:0 0 20px;background-color:var(--muted-border-color);font-size:16px;line-height:20px;color:var(--muted-color);border-left:4px solid var(--main-border-color)}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:1px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-color:var(--main-border-color)}.table.table-mini>*>*>td,.table.table-mini>*>*>th{padding:6px 10px}.toggle-theme{overflow:hidden}.fa-toggle-theme::after,.fa-toggle-theme::before{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:1em;transition:.4s}.fa-toggle-theme::before{content:"\f185";transform:translateX(2em)}.fa-toggle-theme::after{content:"\f186"}.dark-theme .fa-toggle-theme::before{transform:unset}.dark-theme .fa-toggle-theme::after{transform:translateX(-2em)}.border-bottom{border-bottom:1px solid var(--main-border-color)}.document-nav>.panel-group>.cat-load::before,.icon-circle::before,.mobile-menus>li>a::before{content:"";width:.5em;height:.5em;border:.1em solid var(--focus-color);border-radius:1em;margin:0 .5em;vertical-align:.1em;display:inline-block}.ajax-option .option-items>a+a:before,.fcode-links>a+a:before,.icon-spot:before{content:"";width:4px;height:4px;margin:0 .5em;border-radius:50%;display:inline-block;vertical-align:middle;background:var(--main-color);opacity:.3;vertical-align:.2em}.mb20,.theme-box{margin-bottom:20px}.box-bg{background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow)}.zib-widget{clear:both;background:var(--main-bg-color);padding:15px;box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}.muted-box{background:var(--muted-border-color);border-radius:var(--main-radius);padding:15px}.noshadow,.zib-widget-sm{box-shadow:0 0}.blur-bg{-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);background:var(--blur-bg)}.blur-5{-webkit-filter:blur(5px);filter:blur(5px)}.blur-10,.pay-gallery .blur-10{-webkit-filter:blur(10px);filter:blur(10px)}.lazyloaded{opacity:1;-webkit-filter:blur(0);filter:blur(0);transform:unset;transition:.3s;--lazy-animation:lazy_blur}img.lazyloaded{-webkit-animation:var(--lazy-animation) .5s;animation:var(--lazy-animation) .5s}@-webkit-keyframes lazy_blur{0%{-webkit-filter:blur(5px);filter:blur(5px)}100%{-webkit-filter:blur(0);filter:blur(0)}}@keyframes lazy_blur{0%{-webkit-filter:blur(5px);filter:blur(5px)}100%{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes lazy_fade{0%{opacity:0}100%{opacity:1}}@keyframes lazy_fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes lazy_scale{0%{transform:scale(1.1)}80%{transform:unset}}@keyframes lazy_scale{0%{transform:scale(1.1)}80%{transform:unset}}.box-body,.box-header{padding:15px}.box-body.notop,.pagenav.notop,.zib-widget.notop{padding-top:0}.box-body.nobottom,.pagenav.nobottom,.zib-widget.nobottom{padding-bottom:0}.box-header+.box-body{padding-top:0}.title-theme{position:relative;padding-left:1.2em;font-size:15px}.title-theme small{font-size:80%;opacity:.7}.tab-nav-theme li:before,.title-h-center:before,.title-h-left:before,.title-theme:before,.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before,.zib-widget>h3:before{position:absolute;content:'';width:4px;background:var(--theme-color);top:10%;left:2px;bottom:10%;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color)}.tab-nav-theme li,.title-h-center,.title-h-left,.wp-posts-content>h1.has-text-align-center,.wp-posts-content>h1:not([class]),.wp-posts-content>h2.has-text-align-center,.wp-posts-content>h2:not([class]),.wp-posts-content>h3.has-text-align-center,.wp-posts-content>h3:not([class]),.wp-posts-content>h4.has-text-align-center,.wp-posts-content>h4:not([class]),.zib-widget>h3{position:relative;padding-bottom:8px}.tab-nav-theme li:before,.title-h-center:before,.title-h-left:before,.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before,.zib-widget>h3:before{width:40px;height:3px;top:auto;left:0;bottom:3px;transition:.4s}.tab-nav-theme li:before,.title-h-center:before,.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h4.has-text-align-center:before{left:0;right:0;margin:auto}.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before{width:25px!important;height:2px!important}.title-h-center:hover:before,.title-h-left:hover:before{width:60px}.tab-nav-theme{border-bottom:1px solid var(--main-border-color);padding-bottom:6px;margin:8px 0 5px;list-style:none}.swiper-wrapper li,.tab-nav-theme li,.tab-nav-theme ul{list-style:none}.tab-nav-theme li:before{width:20px;height:2px;bottom:5px;opacity:0}.tab-nav-theme li.active::before,.tab-nav-theme li.swiper-slide-thumb-active::before{opacity:1}.tab-nav-theme li.active a{color:var(--focus-color)}.tab-nav-theme.mini-scrollbar>li,.tab-nav-theme.swiper-wrapper>li{padding-left:5px;margin:0;padding-right:5px;line-height:1.4}.tab-nav-but.list-inline{margin:0 -3px 10px -3px}.tab-nav-but li{padding:0 3px}.tab-nav-but li.active .but{--this-bg:var(--focus-color);--this-color:#fff}.splitters-this-l,.splitters-this-r,.splitters>li+li{position:relative}.splitters-this-l,.splitters-this-r:before,.splitters>li+li:before{content:"";width:1px;height:1.1em;position:absolute;display:inline-block;background:var(--main-color);left:-1px;top:50%;opacity:.2!important;transform:translateY(-50%)}.splitters-this-r:before{left:auto;right:0}.horizontal-line{width:100%;display:inline-block;height:1px;background:var(--main-border-color);transform:translateY(1.25em)}.loading,.notyf.load::before,.swiper-lazy-preloader{content:"";width:.7em;height:.7em;display:inline-block;border:.1em solid transparent;border-radius:50%;border-top-color:var(--this-color);border-bottom-color:var(--this-color);-webkit-animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite}.loading-spot{height:1em;--this-bg:var(--muted-2-color)}.loading-spot.zts{height:1em;--this-bg:var(--focus-color)}.loading-spot::after,.loading-spot::before,.loading-spot>*{content:"";display:inline-block;width:0;height:0;border-radius:5px;margin:1.5px;-webkit-animation:ball-pulse-sync .8s infinite ease-in-out;animation:ball-pulse-sync .8s infinite ease-in-out;-webkit-animation-delay:0s;animation-delay:0s;border:2px solid}.loading-spot>*{-webkit-animation-delay:.15s;animation-delay:.15s}.loading-spot::after{-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes ball-pulse-sync{33%{transform:translateY(4px)}66%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes ball-pulse-sync{33%{transform:translateY(4px)}66%{transform:translateY(-4px)}to{transform:translateY(0)}}@-webkit-keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes huan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-lazy-preloader{font-size:50px;position:absolute;--this-color:#fff;margin:auto;top:0;bottom:0;left:0;right:0}.loading.zts{--this-color:var(--theme-color)}.line-form,.relative{position:relative}.relative-h{overflow:hidden;position:relative}.avatar,.fit-cover,.radius-cover{width:100%;height:100%;transition:all .2s;overflow:hidden;-o-object-fit:cover;object-fit:cover}.progress{background-color:transparent;z-index:-1;box-shadow:0 0}.progress .progress-bar{box-shadow:0 0}.avatar,.radius-cover{border-radius:100px;display:inline-block}.avatar-img,.avatar-lg,.avatar-mini,.square-box{position:relative;display:inline-block;flex-shrink:0;--this-size:38px;width:var(--this-size);height:var(--this-size)}.avatar-lg{--this-size:80px}.avatar-mini{--this-size:20px}.name-badge{width:auto!important;height:1.2em!important;display:inline-block;vertical-align:-.2em;margin-left:5px}.avatar-badge,.swiper-slide img.avatar-badge{width:calc(var(--this-size)/ 2.5);height:calc(var(--this-size)/ 2.5);max-width:25px;max-height:25px;min-width:10px;min-height:10px;position:absolute;right:-1px;bottom:-1px;overflow:hidden}.avatar-lg .avatar-badge{right:0;bottom:0}.blur *{border-radius:0}badge{font-size:.8em;line-height:1.2;padding:.1em .4em;min-width:.8em;min-height:.8em;display:inline-block;vertical-align:.1em;border-radius:50px;background:var(--this-bg);color:var(--this-color);top:5px;--this-color:#fff;text-align:center;--this-bg:#fe3459;z-index:1}badge.badge-bw{min-width:1.5em}badge.b-black{--this-bg:rgba(0, 0, 0, .2)}badge.radius4{border-radius:4px}badge.abs-tr{position:absolute;left:auto;top:-5px;right:-5px}badge.spot.abs-tr{top:2px;right:1px}.img-badge{position:absolute;top:.6em;right:0;border-radius:50px 0 0 50px;text-shadow:none;box-shadow:0 1px 5px rgba(0,0,0,.2);z-index:1;padding:.2em .6em}.img-badge.hot{padding:.25em .6em}.img-badge.left{left:0;border-radius:0 50px 50px 0;right:auto}.img-badge.top{top:0;padding:.3em .2em .2em .2em;border-radius:0 0 50px 50px;line-height:1.4;right:1em}.img-icon,.wp-posts-content .img-icon{height:1em;vertical-align:-.15em;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block}.badg,.but,.post-page-numbers{border-radius:4px;display:inline-block;border-radius:4px;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;padding:.3em .6em;text-align:center;font-weight:400;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, .1);--this-border:transparent;--this-shadow:none;--this-color:#888;text-shadow:0 0 0;line-height:1.44}.but a{color:inherit}.but.pw-1em{padding-right:1em;padding-left:1em}.but .icon,.but>.fa{margin-right:.25em}.badg.radius,.but.radius,.radius>.but{border-radius:50px;padding:.3em 1em}.badg.p2-10,.but.p2-10,badge.p2-10{padding:2px 10px}.badg.hollow,.but.hollow{background:0 0;--this-border:var(--this-color)}.badg.hollow[class*=b-],.but.hollow[class*=b-]{background:0 0;--this-border:var(--this-bg);--this-color:var(--this-bg)}.but:focus,.but:hover{opacity:.8;color:var(--this-color)}.but:active{--this-shadow:inset 0 2px 3px rgba(0, 0, 0, .08)}.but.hollow:hover{background:var(--this-bg)}.but.hollow[class*=b-]:hover{color:#fff}.but.hollow.c-white:hover{background:0 0;--this-color:var(--focus-color);color:var(--focus-color)}.hollow-radio{padding:10px;border:1px solid var(--main-border-color);border-radius:4px;text-align:center}.hollow-radio.active{border-color:var(--focus-color)}.badg.cir,.but.cir,.circular{padding:0;border-radius:5em;--this-size:1.8em;display:inline-flex;justify-content:center;align-items:center;height:var(--this-size);min-width:var(--this-size)}.but.cir svg.icon,.but.cir>.fa{margin:0}.but-group>.but{border-radius:0;margin:0}.but-group>.but:last-of-type{border-radius:0 4px 4px 0}.but-group>.but:first-of-type{border-radius:4px 0 0 4px}.but-average{display:flex;border-radius:4px;overflow:hidden}.but-average.radius{border-radius:100px}.but-average>.but{margin:0!important;border-radius:0;width:100%}.but-average>.but.active{--this-bg:var(--focus-color-opacity1);--this-color:var(--focus-color)}.badg.badg-sm,.but.badg-sm{font-size:.8em;padding:0 .2em;vertical-align:.1em;min-width:1.6em}.but.but-sm{font-size:.9em;padding:.1em .4em;vertical-align:.05em}.padding-6{padding:6px}.padding-h6{padding-top:6px;padding-bottom:6px}.padding-w6{padding-left:6px;padding-right:6px}.padding-10{padding:10px}.padding-h10{padding-top:10px;padding-bottom:10px}.padding-w10{padding-left:10px;padding-right:10px}.p-b6{padding-bottom:6px}.badg.badg-lg,.but.padding-lg,.padding-lg{padding:.5em 2em}.toggle-radius{background:var(--this-bg);width:29px;height:29px;display:inline-block;text-align:center;border-radius:100%;position:relative;vertical-align:text-top;--this-bg:var(--main-border-color)}.toggle-radius .fa,.toggle-radius .icon{right:0!important;left:0!important;margin:auto}.b-blue,.b-blue-2,.b-cyan,.b-gray,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{color:var(--this-color);background:var(--this-bg);--this-color:#fff}.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{border:none}.b-theme{--this-bg:var(--focus-color)}.b-gray{--this-bg:#818b95}.b-red{--this-bg:#ff5473}.b-yellow{--this-bg:#ff6f06}.b-cyan{--this-bg:#08c4c1}.b-blue{--this-bg:#2997f7}.b-blue-2{--this-bg:#5c7cff}.b-green{--this-bg:#12b928}.b-purple{--this-bg:#d448f5}.c-blue,.c-blue-2,.c-cyan,.c-gray,.c-green,.c-green-2,.c-purple,.c-purple-2,.c-red,.c-red-2,.c-theme,.c-white,.c-yellow,.c-yellow-2{color:var(--this-color)}.c-theme{--this-color:var(--focus-color);--this-bg:var(--focus-color-opacity1)}.c-gray{--this-color:#888;--this-bg:rgba(136, 136, 136, .1)}.c-white{--this-color:#fff;--this-bg:rgba(255, 255, 255, 0.1)}.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, .1)}.c-red-2{--this-color:#d6064c;--this-bg:rgba(194, 41, 46, 0.1)}.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}.c-yellow-2{--this-color:#c58516;--this-bg:rgba(179, 103, 8, 0.1)}.c-blue{--this-color:#2997f7;--this-bg:rgba(41, 151, 247, .1)}.c-blue-2{--this-color:#5c7cff;--this-bg:rgba(77, 130, 249, .1)}.c-cyan{--this-color:#04b9b6;--this-bg:rgba(8, 196, 193, 0.1)}.c-green{--this-color:#18a52a;--this-bg:rgba(18, 185, 40, .1)}.c-green-2{--this-color:#6a933e;--this-bg:rgba(72, 135, 24, .1)}.c-purple{--this-color:#e434e1;--this-bg:rgba(213, 72, 245, 0.1)}.c-purple-2{--this-color:#8e4aff;--this-bg:rgba(154, 72, 245, 0.1)}.pay-tag,.vip-tag{--this-color:#fff;--this-bg:linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)}.pay-tag.badg-sm{border:0;padding:1px 4px}.jb-red,.order-type-9 .pay-tag{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}.jb-pink,.order-type-2 .pay-tag{--this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)}.jb-yellow,.order-type-3 .pay-tag{--this-bg:linear-gradient(135deg, #f59f54 10%, #ff6922 100%)}.jb-blue,.order-type-7 .pay-tag{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}.jb-cyan{--this-bg:linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)}.jb-green,.order-type-5 .pay-tag{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}.jb-purple,.order-type-6 .pay-tag{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}.jb-vip1,.order-type-4 .pay-tag{--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color:#866127}.jb-vip2,.order-type-8 .pay-tag{--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color:#ddd}.colorful-bg,.modal-colorful-header{background-size:120%;overflow:hidden;position:relative;color:var(--this-color);background:var(--this-bg)}.colorful-bg>.colorful-make,.colorful-bg>.colorful-make::after,.colorful-bg>.colorful-make::before{position:absolute;color:var(--this-color);background:var(--this-bg);border-radius:100%;content:' '}.colorful-bg>.colorful-make{bottom:0;height:290px;width:323px;top:60%}.colorful-bg>.colorful-make::before{right:-558px;bottom:0;height:300px;width:677px;top:-325px;transform:rotate(341deg);opacity:.6}.colorful-bg>.colorful-make::after{left:-262px;bottom:0;height:214px;width:402px;top:-170px;transform:rotate(326deg);opacity:.4}.colorful-bg>.colorful-make+*{position:relative}.modal-colorful-header{border-radius:var(--main-radius) var(--main-radius) 0 0;background-size:120%;position:absolute;left:0;right:0;top:0;height:120px;display:flex;align-items:center;justify-content:center}.modal-colorful-header+*{margin-top:120px}.modal-colorful-header>.close{position:absolute;right:10px;top:10px;color:var(--this-color);opacity:.6;font-size:18px;z-index:9}.change-show,.enlighter-origin,.enlighter-raw,.hide{display:none}.fixed-body{position:fixed;top:0;right:0;left:0;right:0;height:100%;width:100%;visibility:hidden;background:rgba(24,25,27,.8);opacity:0;transition:.3s}.popover{background:var(--main-bg-color);box-shadow:0 0 10px 5px var(--main-shadow);padding:0}.popover-title{background:var(--muted-border-color);border:0!important}.popover.top>.arrow:after{border-top-color:var(--main-bg-color)!important}.popover.right>.arrow::after{border-right-color:var(--main-bg-color)!important}.popover.bottom>.arrow::after{border-bottom-color:var(--main-bg-color)!important}.popover.left>.arrow::after{border-left-color:var(--main-bg-color)!important}.affix{position:fixed}.sidebar-affix,.sidebar-affix~*{transition:opacity .3s}.sidebar-affix.affix-bottom~*,.sidebar-affix.affix~*{opacity:0}.sidebar-affix.affix,.sidebar-affix.affix-top{position:fixed}.sidebar-affix.affix-top{opacity:0;z-index:-999}.sidebar-affix.affix-bottom{position:absolute}.scroll-x,.scroll-y{-webkit-overflow-scrolling:touch;overflow:hidden;overflow-x:auto}.scroll-x{white-space:nowrap}.scroll-y{overflow-x:hidden;overflow-y:auto}.enlighter,.mini-scrollbar,.no-scrollbar{-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:thin}.enlighter::-webkit-scrollbar,.mini-scrollbar::-webkit-scrollbar{width:3px;height:3px}.mini-scrollbar::-webkit-scrollbar-track{border-radius:10px}.mini-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,0)}.mini-scrollbar:hover::-webkit-scrollbar-thumb{background:rgba(146,146,146,.3)}.mini-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(145,145,145,.7)}.mini-scrollbar::-webkit-scrollbar-thumb:window-inactive{background:rgba(146,146,146,.1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{overflow:-moz-scrollbars-none;scrollbar-width:none}.scroll-x-next,.scroll-x-prev{position:absolute;top:50%;width:1.6em;height:1.6em;margin-top:-.8em;z-index:10;cursor:pointer;display:flex;align-items:center;transition:.2s;opacity:1;justify-content:center;background:var(--main-bg-color);border-radius:40px;box-shadow:0 0 4px 0 rgba(0,0,0,.1);opacity:.9}.scroll-x-next{right:0}.scroll-x-next:hover,.scroll-x-prev:hover{opacity:1;color:var(--focus-color)}.scroll-x-next::after,.scroll-x-prev::after{font:normal normal normal 12px/1 FontAwesome}.scroll-x-next::after{content:"\f054"}.scroll-x-prev::after{content:"\f053"}.form-control{border-color:transparent;background:var(--body-bg-color);color:var(--main-color);box-shadow:none;transition:border-color ease-in-out .15s,background ease-in-out .15s,box-shadow ease-in-out .15s,opacity ease-in-out .3s}select.form-control{-webkit-appearance:none;cursor:pointer}.form-control:focus{border-color:var(--focus-color);box-shadow:0 0 2px 3px var(--focus-shadow-color)}.form-control:hover{border-color:var(--focus-color);opacity:.8}.form-control[disabled]{background:var(--body-bg-color);opacity:.5}.form-right-icon .form-control{padding-right:2em}.screen-reader-text{display:none}.form-right-icon,.form-select{position:relative}.form-select::before{font:normal normal normal 14px/1 FontAwesome;content:"\f107";opacity:.5}.form-but-radio input{display:none}.form-but-radio label{cursor:pointer}.form-but-radio input:checked+.but-radio{--this-bg:var(--focus-color);--this-color:#fff}.form-switch{border-radius:100px;width:50px;height:30px;transition:.3s;cursor:pointer;position:relative;overflow:hidden;background:rgba(189,189,189,.4)}.form-switch::after{content:"";width:26px;height:26px;border-radius:100px;top:2px;left:2px;position:absolute;background:#fff;transition:.3s;box-shadow:0 1px 2px rgba(0,0,0,.2)}input:checked~.form-switch{background:#4fb845}input:checked~.form-switch::after{left:22px}input+.limit-warning{display:inline-block;padding:4px 8px;border-radius:4px;background:#ff5473;color:#fff;line-height:1;margin:6px 0;position:absolute;bottom:-101%;font-size:12px}input+.limit-warning::before{content:"\f05a";font:normal normal normal 12px/1 FontAwesome;text-rendering:auto;margin-right:5px}input+.limit-warning::after{content:" ";display:inline-block;width:8px;height:8px;background:#ff5473;position:absolute;top:-3px;transform:rotate(45deg);left:9px;border-radius:2px 0 10px 0}.dropdown-menu{border-color:transparent;background:var(--main-bg-color);--this-color:var(--main-color);color:var(--this-color);box-shadow:0 0 10px 8px var(--main-shadow);min-width:100px;opacity:0;transform:translateY(6px);transition:.3s;display:block;margin-top:6px;visibility:hidden;list-style:none!important;z-index:992}.dropdown-menu.column-2{width:269px}.dropdown-menu.column-2>li{display:inline-block;width:50%}.dropdown-menu.fluid{right:0}.dropup{position:relative}.dropup .dropdown-menu{bottom:100%;margin-bottom:6px;transform:translateY(-6px)}.focus-show:focus~.dropdown-menu,.open>.dropdown-menu{visibility:unset;opacity:1;transform:translateY(0)}.dropdown-menu>li>a{color:var(--this-color);padding:6px 20px;text-shadow:none}.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>svg{width:1.28571429em;text-align:center}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:var(--focus-color);background:var(--muted-border-color)}.dropdown-menu>.active>a:hover{opacity:.7}.dropdown-menu .divider{background-color:var(--muted-border-color)}.dropdown-smilie{width:260px;height:300px;padding:8px 10px;white-space:inherit;text-align:center}.dropdown-smilie .smilie-icon{display:inline-block;padding:3px;width:38px!important}.dropdown-code,.dropdown-image{width:250px;padding:8px 10px}span.dropdown,span.dropup{display:inline-block}.dropdown-menu.right{right:0;left:auto}.dropdown-menu.right::before{left:auto;right:12px}.navbar-form{box-shadow:none}.list-inline{margin-left:0}.list-inline>li{vertical-align:middle}.list-group-item:first-child{border-top-left-radius:var(--main-radius);border-top-right-radius:var(--main-radius)}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:var(--main-radius);border-bottom-left-radius:var(--main-radius)}.list-group-item{background-color:var(--main-bg-color);border-color:var(--muted-border-color);color:var(--main-color)}a.list-group-item{color:var(--main-color)}a.list-group-item:focus,a.list-group-item:hover{background-color:var(--body-bg-color);border-color:var(--main-border-color);color:var(--focus-color)}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent;border-color:transparent}.modal{padding-right:0!important}.modal-title{font-size:16px}.modal-content{border-radius:var(--main-radius);background:var(--main-bg-color);border:none}.modal-footer,.modal-header{border-color:var(--main-border-color)}.modal.fade .modal-dialog{transform:scale(.9);transition:transform .5s cubic-bezier(.32,.85,.45,1.18),width .3s}.modal.in .modal-dialog{transform:scale(1)}.modal.in+*+.modal{background:0 0;transition:.3s}.modal.in+*+.modal.in{background:rgba(0,0,0,.4)}.modal.in+*+.modal+.modal-backdrop.in{opacity:0}.modal-dialog .loading-mask{z-index:1}.modal-dialog.modal-sm,.modal-mini{width:300px;max-width:calc(100% - 20px);margin-left:auto;margin-right:auto}.modal-mini{width:400px}.modal-buts .but,.modal-footer .but{padding:.3em 1em}.modal-buts .but+.but,.modal-dialog .pull-right .but,.modal-footer .but+.but{margin-left:.5em;margin-right:unset}.modal.flex .modal-dialog{max-width:calc(100% - 20px);margin:0}.modal.flex .modal-content{max-height:calc(100vh - 20px);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.bottom.flex{align-items:flex-end;overflow:hidden;height:100%;opacity:1}.modal.bottom .modal-dialog{transform:translateY(125%);transition:.4s;margin-bottom:10px;margin-bottom:calc(10px + constant(safe-area-inset-bottom));margin-bottom:calc(10px + env(safe-area-inset-bottom))}.modal.bottom .modal-dialog .modal-content{box-shadow:0 -10px 50px rgba(0,0,0,.15)}.modal.bottom.in .modal-dialog{transform:translateY(0);transition:.8s cubic-bezier(.28,.9,.34,.99)}.modal .touch-close{position:absolute;top:-24px;width:100%}.modal .touch-close::before{content:' ';width:40px;height:4px;display:block;background:var(--muted-3-color);border-radius:10px;margin:15px auto;opacity:.8}.modal-buts.but-average{border-top:1px solid var(--main-border-color);border-radius:0 0 var(--main-radius) var(--main-radius)}.modal-buts.but-average>.but{background:0 0;padding:.8em}.modal-buts.but-average>.but+.but{border-left:1px solid var(--main-border-color)}.modal-buts.but-average>.but:hover{background:var(--this-bg)}.modal-body .modal-buts.but-average{margin:0 -15px -15px}.modal-body .modal-buts.but-average .miniupload-ing *{--this-color:var(--key-color)}.modal-body .modal-buts.but-average .progress-bar{opacity:.5}.gutters-5{margin-right:-5px;margin-left:-5px}.gutters-5>div{padding-right:5px;padding-left:5px}.gutters-7{margin-right:-7px;margin-left:-7px}.gutters-7>div{padding-right:7px;padding-left:7px}.gutters-10{margin-right:-10px;margin-left:-10px}.gutters-10>div{padding-right:10px;padding-left:10px}.mi-col-2{width:50%}.mi-col-2.mr6{width:calc(50% - 6px)}.flex{display:flex}.inflex{display:inline-flex}.flex.hh{flex-wrap:wrap}.flex.xx,.inflex.xx{flex-direction:column}.flex.ac,.inflex.ac{align-items:center}.flex.ab,.inflex.ab{align-items:flex-end}.flex.at,.inflex.at{align-items:flex-start}.flex.jc,.inflex.jc{align-items:center;justify-content:center}.flex.jsb,.inflex.jsb{justify-content:space-between}.flex.jse{justify-content:space-evenly}.flex.jsa{justify-content:space-around}.flex .grow1{flex-grow:1}.flex .shrink0{flex-shrink:0}.flex .flex0{flex:none}.flex .flex1{flex:auto;overflow:hidden}.flex .flex-auto{flex:auto}.order0{order:0}.order1{order:1}.order2{order:2}.block{display:block}.inline-block{display:inline-block}.mr3{margin-right:3px}.mr6{margin-right:6px}.mr10{margin-right:10px}.mrn10{margin-right:-10px}.mr20{margin-right:20px}.ml3{margin-left:3px}.mln3{margin-left:-3px}.ml6{margin-left:6px}.ml10{margin-left:10px}.ml20{margin-left:20px}.mt3{margin-top:3px}.mt6{margin-top:6px}.mt10{margin-top:10px}.mtn10{margin-top:-10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb6{margin-bottom:6px}.mb10{margin-bottom:10px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mm3{margin:3px}.max-vh3{max-height:30vh}.max-vh5{max-height:50vh}.max-vh7{max-height:70vh}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2,.text-ellipsis-3,.text-ellipsis-5{line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.text-ellipsis-5 img{max-width:1.5em;max-height:1.5em}.text-ellipsis-2{height:2.8em;-webkit-line-clamp:2}.text-ellipsis-3{height:4.2em;-webkit-line-clamp:3}.text-ellipsis-5{max-height:7em;-webkit-line-clamp:5}.separator{text-align:center;display:flex;justify-content:center;align-items:center}.separator::after,.separator::before{content:"";background:var(--main-border-color);max-width:20%;height:1px;margin:0 1em;flex:1}.zib-widget>h3{margin:0;margin-bottom:10px;font-size:15px}.zib-widget.widget_media_image{padding:0;overflow:hidden}.zib-widget.widget_media_image img{width:100%}.widget-tag-cloud.author-tag .but{font-size:13px}.widget-tag-cloud.fixed-width .but{width:89px}.term-aggregation .term-img{width:10em}.graphic,.page-cover{text-shadow:0 0 5px rgba(0,0,0,.2);--main-color:#fff;color:#fff;position:relative;overflow:hidden;box-shadow:0 0 10px var(--main-shadow);padding:0;padding-bottom:70%;border-radius:var(--main-radius)}.page-cover{padding-bottom:calc(25% + 80px)}.page-cover .dropdown-menu{--this-color:var(--muted-color)}.graphic>.fit-cover{position:absolute;width:100%;height:100%}.linear-mask{background-image:linear-gradient(0deg,rgba(29,41,49,.4) 3em,rgba(255,255,255,0) 8em)}.graphic-mask{background:#000}.graphic-text{padding:5px 10px;transition:.3s}.graphic.style-2 badge{margin:5px;padding:.2em .6em}.style-3 .graphic-text{background:rgba(0,0,0,.2)}.style-3 .graphic-text+.graphic-text{opacity:0;transform:translateY(100%);white-space:normal;word-break:break-all}.graphic.style-3:hover .graphic-text{opacity:0;transform:translateY(100%)}.graphic.style-3:hover .graphic-text+.graphic-text{opacity:1;transform:unset}.graphic.style-4{margin-bottom:0;border-radius:var(--main-radius) var(--main-radius) 0 0}.author-minicard,.author-minicard .avatar-img{display:inline-block}.author-minicard{width:calc(33.333333% - 10px);min-width:280px;background:var(--muted-border-color);text-align:left;padding:10px 0 10px 15px;margin:5px;vertical-align:top}.author-minicard .list-inline>li+li{width:calc(100% - 58px)}.mobile-nav-widget .author-minicard{padding:8px 4px;min-width:240px}.posts-nav-lists{max-height:400px;padding-left:10px}.posts-nav-lists .bl{border-left:1px solid var(--main-border-color);padding:20px 10px 20px 0}.posts-nav-lists li{transform:scale(1);transform-origin:bottom;transition:transform .2s,opacity 0s}.posts-nav-lists li.yc{transform:scaleY(0);height:0;opacity:0}.posts-nav-lists li.active{transform:scale(1);height:auto;opacity:1}.posts-nav-lists li a{margin:0 10px;display:block;border-radius:4px;margin-right:25px;padding:8px}.posts-nav-lists .fa-angle-right{position:absolute;cursor:pointer;right:0;top:0;padding:8px 15px;color:var(--muted-2-color);margin-right:-15px;transition:all .2s;font-size:20px}.dosc-nav li a:focus,.dosc-nav li a:hover,.nav .active a,.nav>li>a:focus,.nav>li>a:hover,.posts-nav-lists li a:hover,.posts-nav-lists li.active a{background:var(--main-shadow);color:var(--focus-color)}.posts-nav-lists li.n-H1 a,.posts-nav-lists li.n-H2 a{font-weight:700}.posts-nav-lists li.n-H3 a{padding-left:25px}.posts-nav-lists li.n-H4 a{padding-left:42px;font-size:12px}.posts-nav-lists .bl::after,.posts-nav-lists .bl::before,.posts-nav-lists li::before{position:absolute;bottom:0;left:-6px;width:11px;height:11px;border:2px solid var(--focus-color);background:var(--main-bg-color);border-radius:15px;content:'';transition:.15s}.posts-nav-lists .bl::before{bottom:auto;top:0}.posts-nav-lists li::before{top:50%;transform:translateY(-50%);border:3px solid var(--main-bg-color);background:var(--muted-3-color);opacity:0}.posts-nav-lists li.n-H1::before,.posts-nav-lists li.n-H2::before{border-width:2px;opacity:1}.posts-nav-lists li.n-H2::before{border-width:3px}.posts-nav-lists li.n-H3::before{border-width:4px;opacity:.6}.posts-nav-lists li.active::before,.posts-nav-lists li:hover::before{opacity:1;border-width:2px;background:var(--focus-color)}.dosc-nav .panel-toggle{padding:10px;display:block}.dosc-nav .title-h-left{margin-bottom:12px}.dosc-nav .panel{border:none;box-shadow:none;border-radius:0!important;border-top:1px solid var(--main-border-color)}.dosc-nav .panel+.panel{margin:0}.dosc-nav .panel-group{margin:0}.panel-child{padding-left:20px}.dosc-nav .nav>li>a{padding:5px 10px}.dosc-nav .nav>li:last-of-type{margin-bottom:10px}.dosc-article-title{padding:15px 0 5px 0;font-size:20px;border-bottom:1px solid var(--muted-border-color)}.dosc-article-meta item,.dosc-article-meta item a{margin-right:8px;font-size:13px;--main-color:var(--muted-2-color)}.dosc-article-meta item .action{display:inline;vertical-align:unset;padding:0}.dosc-article-meta item .action .icon{font-size:1em;width:1em;margin:0}.article-content .article-docs-footer{padding:10px 0}.article-content .article-docs-footer a{padding:5px;height:auto;font-size:24px;vertical-align:middle}.article-content .article-docs-footer a icon{width:24px;height:24px;font-size:13px;margin-right:6px}.article-content .article-docs-footer a text{font-size:13px}.article-content .article-docs-footer .action .icon{width:auto;margin:0}.article-content .article-docs-footer .action text{font-size:14px}.page-cover .dosc-search{--main-color:#fff;--muted-2-color:#fff;--muted-color:#fff;--main-border-color:#fff}.document-nav .cat-load{padding:10px;display:block}.document-nav .category,.document-nav .panel-child{padding-left:15px}.document-nav .panel{border-color:transparent!important}.document-nav .loading{overflow:hidden;width:0;opacity:0;transition:.3s}.document-nav .is-loading .loading{width:.7em;opacity:1;margin-right:6px}.document-nav>.panel-group>.cat-load{padding-left:2px}.document-nav>.panel-group>.cat-load::before{color:initial}.document-nav .panel-toggle:not(.collapsed){color:var(--focus-color)}.document-nav .cat-load.active{background:var(--main-border-color);color:var(--focus-color);border-radius:4px}.document-nav-container{transition:.3s}.document-nav-container.is-loading{opacity:.5}.document-search .search-loading{transition:.2s;opacity:0;visibility:hidden}.document-search.is-loading .search-loading{visibility:unset;opacity:.8}.modal .modal-dialog.poster-share{width:360px}.poster-imgbox>img{-o-object-fit:contain;object-fit:contain;max-width:360px;height:100%;width:100%;border-radius:var(--main-radius)}.poster-loading .loading{margin:1em 0;font-size:40px}.poster-imgbox.loaded .poster-loading{display:none}.poster-share .toggle-radius{width:36px;height:36px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.rewards-img{height:140px;width:140px;border-radius:var(--main-radius);overflow:hidden;margin:auto}.admin-edit a{color:var(--focus-color)!important;font-size:.8em;padding:.1em}.imagecaptcha>img{width:92px;height:35px;border-radius:4px}.line-form .imagecaptcha.abs-right{margin-top:-2px}.sign .line-form .imagecaptcha.abs-right{margin-top:-8px;margin-right:-8px}.slidercaptcha{min-height:205px}.captcha-body-bg{border-radius:4px;border:1px solid var(--muted-border-color);background:var(--main-shadow)}.slidercaptcha .captcha-body-bar{position:absolute;top:0;left:0}.sliderContainer{text-align:center;background:var(--main-shadow);color:var(--muted-2-color);border-radius:4px;margin-top:.5rem;position:relative;line-height:40px;height:40px}.refreshIcon{position:absolute;right:0;opacity:.6;top:0;padding:10px;color:#fff;text-shadow:0 0 5px #000}.sliderMask{position:absolute;border-radius:4px;height:40px;transition:.3s}.sliderContainer_active .sliderMask{background:rgba(5,224,96,.1);border:1px solid rgba(94,182,89,.6);transition:unset}.sliderContainer_success .sliderMask{background:rgba(0,153,255,.2);border:1px solid #43b5fc}.sliderContainer_fail .sliderMask{background:rgba(255,0,0,.2);border:1px solid #ff4842}.captcha-slider{position:absolute;top:0;left:0;width:40px;height:40px;background:var(--main-bg-color);box-shadow:0 0 5px rgba(0,0,0,.2);cursor:pointer;border-radius:4px;transition:.3s}.sliderContainer_active .captcha-slider{transition:unset}.sliderContainer_success .captcha-slider{background:#3ca4f9;color:#fff}.sliderContainer_fail .captcha-slider{background:#f7564a;color:#fff}.sliderContainer_success .sliderIcon:before{content:"\f00c"}.sliderContainer_fail .sliderIcon:before{content:"\f00d"}.sign-content{padding:20px 0}.sign-img{position:absolute;padding-right:40%}.sign-logo img{max-width:180px;max-height:60px}.sign{max-width:330px;margin:auto}.sign-img+.sign{margin-left:45%;max-width:unset}.sign ul>li{margin:10px 0}.sign .but{margin:0}#sign-in,#sign-up{padding:0 10px}.sign .line-form-input{padding:0 2em .3em .3em;margin-top:1.7em}.sign .line-form .abs-right{margin-top:-3px}.sign .captchsubmit{margin-right:-.7em;padding:.3em 1em}.sign .signup-captch{display:none}.match-ok{right:110px;color:#45b6f7;opacity:0}.match-ok.show{opacity:1}.yztx~.match-ok{right:110px}.social_loginbar{text-align:center}.social_loginbar .social-login-item,.social_loginbar .xh-social-item{float:none;display:inline-block;width:32px!important;height:32px!important;line-height:32px;cursor:pointer;border-radius:50px;margin:3px 5px}.social-login-item.button-lg{width:120px!important}.social-login-item.button-lg .fa,.social-login-item.button-lg .icon{margin-right:6px;font-size:1.1em}.social-login-item.button-lg.baidu .icon{font-size:1.2em}.social-login-item,.social-login-item svg{color:#fff!important}.social-login-item.weibo{background:#ea5d5c}.social-login-item.weixin,.social-login-item.weixingzh{background:#24b76a}.social-login-item.qq{background:#1296db}.social-login-item.alipay{background:#1296db}.social-login-item.baidu{background:#4e6ef2}.social-login-item.github{background:#505050}.social-login-item.gitee{background:#c2292f}.social-login-item.toggle-radius{font-size:16px}.social-login-item.toggle-radius.alipay,.social-login-item.toggle-radius.baidu,.social-login-item.toggle-radius.github{font-size:20px}.social-login-item.toggle-radius.weibo{font-size:18px}.qrcode-signin-container{min-height:254px}.signin-qrcode-img{width:180px;min-height:180px;border-radius:6px}.pay-box.pay-widget .vip-price{padding-top:8px;width:100%;display:inline-block;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:inherit}.vip-price:hover{color:inherit;background:rgba(0,0,0,.05)}.pay-widget .vip-price+.vip-price{border-left:1px solid rgba(255,255,255,.1)}.pay-widget .cashier-link,.pay-widget .initiate-pay,.pay-widget .pay-button .dropup,.pay-widget .signin-loader,.pay-widget .vip-price{width:100%}.pay-widget .but-group>.but,.pay-widget .but-group>.vip-price{width:50%}.pay-widget .cashier-link,.pay-widget .initiate-pay{padding:.5em}.pay-widget .vip-price>.em12{font-size:2em;display:block}.pay-widget .price-box>.c-yellow{text-align:center;--this-color:#fff}.pay-gallery{width:45%;background:var(--main-border-color)}.pay-box .paid-info{border-left:1px dashed rgba(255,255,255,.51);padding-left:20px}.pay-thumb{width:40%}.pay-widget .paid-info{border:unset;padding:unset;border-top:1px dashed rgba(255,255,255,.51);padding-top:10px}.paid-box{border-radius:var(--main-radius)}.paid-box{padding:0!important}.paid-info-box.flex{display:flex}.paid-info a{color:inherit}.paid-gallery{background:var(--main-border-color);padding:60px}.paid-down-group>.btn-block{display:inline-block;width:50%}.pay-box{font-size:14px;position:relative;overflow:hidden;line-height:1.4}.pay-box .pay-tag,.vip-product .vip-tag{font-size:13px;padding:3px 10px;right:auto;width:auto;top:10px;background:var(--this-bg);color:var(--this-color);border-radius:var(--main-radius) 0 var(--main-radius) 0;line-height:1.4;z-index:1}.pay-box ul.list-inline{margin:0!important;padding:0!important}.pay-box ul.list-inline li{width:90px;margin:0}.pay-box ul.list-inline li+li{width:calc(100% - 95px)}.cashier-link{padding:.5em 3em}.but.initiate-pay{padding:.6em 1em}.paid-info-box,.pay-attr,.pay-box .pay-details,.pay-box .pay-extra-hide{font-size:13px;background:var(--muted-border-color);display:block;padding:6px 10px;line-height:1.4;color:var(--muted-color);border-radius:4px}.pay-attr{line-height:1.6}.pay-box .pay-mark{font-size:12px;margin-right:3px}.pay-box .pay-cuont{margin-left:10px;font-size:12px;padding:1px 10px;vertical-align:top}.pay-box .pay-details{margin-top:10px;padding:10px}.pay-details ul{margin-top:0!important;margin-bottom:0!important}.pay-box .pay-thumbnail{width:80px;height:80px}.pay-box .pay-thumbnail img{height:100%}.pay-box .pay-box-price{color:#fb403f;margin:4px 0;font-size:16px}.pay-box .vip-price{border:none;font-size:12px;padding:4px 12px}.original-price{opacity:.7;position:relative;padding:0 3px 0 2px;font-size:14px;display:inline-block}.original-price::before{content:'';position:absolute;width:100%;height:1px;background:#ff343b;top:.6em;left:0;transform:rotate(5deg)}.pay-box .but-download{padding:15px 10px 0 10px;display:inline-block;width:50%;vertical-align:top}.pay-box .but-download .but{min-width:130px}.pay-box .but-download .but svg.icon,.pay-box .but-download .but>.fa{margin-right:1em}.pay-box .but.baidu{background:#1578f8}.pay-box .but.lanzou{background:#f37526}.pay-box .but.weiyun{background:#33b0fa}.pay-box .but.onedrive{background:#1254c6}.pay-box .but.tianyi{background:#fe9c0a}.pay-box .but.ctfile{background:#08be9f}.payment-method-radio{padding:5px}.payment-method-radio>*{margin:3px}.payment-method-radio img{height:35px}.payment-method-radio+.payment-method-radio{margin-left:10px}.payvip-modal{padding:30px}.payvip-modal .user-box>li+li{width:calc(100% - 70px)}.payvip_icon{color:#f9915a}.payvip_icon .fa{font-size:50px}.payvip_equity{line-height:1.8}.vip-product{border:2px solid var(--main-border-color);background:var(--main-shadow);box-shadow:none;min-width:140px;min-height:86px;display:inline-flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin:4px;font-weight:400;padding:5px 8px;cursor:pointer}.vip-product .product-price{font-size:22px}.vip-product .pay-mark{font-size:13px}.vip-product .original-price{font-size:15px;color:var(--muted-color)}.vip-product .vip-tag{font-size:12px;padding:1px 5px;border-radius:4px;left:auto;right:-8px;top:-10px;transform:scale(.9)}.vip-product-input:checked~.vip-product,.vip-product.active{border-color:#ff5473;background:var(--main-bg-color)}.vip-product-input:checked~.vip-product::before,.vip-product.active::before{content:"\f058";font:normal normal normal 14px/1 FontAwesome;color:#ff5473;position:absolute;left:2px;top:2px}.balance-charge-form .vip-product{min-width:82px;min-height:65px}.active-icon.abs-right{color:#fff;top:20px;right:auto;left:13px;font-size:20px;opacity:0;transition:.15s}.payvip-modal .active .vip-card{box-shadow:0 0 10px rgba(98,98,98,.6);transform:translateY(-1px)}.active .active-icon{opacity:1}.vip-card{overflow:hidden;position:relative;border-radius:6px;padding:15px;margin:5px;background:#d2b484;background:linear-gradient(25deg,#e6aa4f 10%,#f1d7ad 70%,#f5b97b 100%);color:#866127;transition:.3s}.vip-img{font-size:70px}.vip-icon{font-size:2em}.vip-name{font-size:20px}.vip-theme2{background:linear-gradient(317deg,#2c294a,#686886 30%,#35343e) rgba(107,106,102,.3);color:#e4e2fb}.vip-theme2 .vip-baicon{color:#5f5f5f}.payvip-button{background:linear-gradient(135deg,#ff9633 10%,#f14315 100%);padding:4px 15px!important;box-shadow:0 0 10px rgba(26,22,15,.3);position:relative;z-index:2}.vip-expdate-tag{font-size:.8em;padding:.1em 6px;vertical-align:.1em}.vip-theme2 .payvip-button{background:linear-gradient(270deg,#ada48a,#eae5b7 45%,#f5efd6);color:#72511d;--this-color:#72511d}.payvip-icon{background:linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);text-shadow:none;font-weight:400;position:relative;color:#ece0e0;border:none;--this-color:#ece0e0;overflow:hidden}.payvip-icon:before{content:"\f219";font:normal normal normal 14px/1 FontAwesome;font-size:3.5em;right:-.2em!important;top:80%!important;opacity:.06}.vipbg-v1{background:linear-gradient(60deg,#f0bf81 0,#fdefd6 30%,#f2deb9 40%,#fdc277 80%,#f9e1b7 100%);color:#8c5728;--this-color:#8c5728}.vipbg-v1:before{content:"\f006"}.vip-texticon{font-size:.85em;background:0 0;color:#de8644}.vip-baicon.abs-center{font-size:15em;top:80%;left:-22%;opacity:.2;z-index:0}.vip-cardminis>li{width:50%;padding:0}.vip-cardmini .vip-baicon.abs-center{font-size:7em}.vip-cardmini{text-align:center}.avatar-icontag{position:absolute;border-radius:50px;line-height:1;padding:2px;right:-3px;bottom:-2px;font-size:11px;background:#f7efe3;border:1px solid var(--main-bg-color)}.page-share>a{font-size:22px;margin:0 10px}.archives ul>li{padding:5px 0}.posts-navs .title-theme h2{margin:inherit;font-size:inherit}.option-dropdown{padding:5px 10px;display:inline-block;color:var(--muted-color)}.ajax-option .option-items{margin-left:10px;--main-color:var(--muted-2-color)}.ajax-option .option-dropdown{color:var(--main-color)}.ajax-option .option-dropdown .dropdown-menu{max-height:400px;overflow-y:auto}.yiyan-box{padding:10px 15px;min-height:40px}.yiyan .en{font-size:.8em;opacity:.8}.yiyan-box:hover{box-shadow:inset 0 0 5px 0 var(--focus-shadow-color)}.notyn{position:fixed;bottom:6em;right:0;max-width:320px;z-index:10000000}.notyf{margin-bottom:.6em;color:#fff;float:right;min-width:200px;padding:1em 3em 1em 3.4em;box-shadow:-3px 3px 6px rgba(0,0,0,.1);transform:translateX(1.5em);transition:.3s;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)}.notyn-out .notyf{transform:translateX(110%);opacity:.5;transition:.5s}@-webkit-keyframes notyf{0%{transform:translateX(110%);opacity:0}100%{transform:translateX(1.5em);opacity:1}}@keyframes notyf{0%{transform:translateX(110%);opacity:0}100%{transform:translateX(1.5em);opacity:1}}.notyf:before{font:normal normal normal 16px/1 FontAwesome;left:.8em;font-size:1.5em;position:absolute;top:0;bottom:0;margin:auto;height:20px}.notyf.success{background:linear-gradient(90deg,rgba(15,147,249,.7),rgba(61,189,249,.8))}.notyf.success:before{content:"\f058"}.notyf.info{background:linear-gradient(90deg,rgba(58,162,54,.8),rgba(89,247,131,.8))}.notyf.info:before{content:"\f0a1"}.notyf.load,.notyf.warning{background:linear-gradient(90deg,rgba(253,170,71,.7),rgba(247,154,13,.8))}.notyf.warning:before{content:"\f05a"}.notyf.danger{background:linear-gradient(90deg,rgba(253,69,28,.7),rgba(251,110,75,.8))}.notyf.danger:before{content:"\f057"}.notyf .fa-close{float:right;padding:.6em;margin:-.4em}.action-comment-like.action-animation .icon,.action-like.action-animation .icon{-webkit-animation:lovestar .6s 0s 1 ease normal none;animation:lovestar .6s 0s 1 ease normal none}@-webkit-keyframes lovestar{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(0,4px,0) rotate(5deg)}60%{transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)}100%{transform:translate3d(0,0,0) scale(1) rotate(0)}}@keyframes lovestar{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(0,4px,0) rotate(5deg)}60%{transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)}100%{transform:translate3d(0,0,0) scale(1) rotate(0)}}.close{transition:.2s;opacity:.4;color:var(--muted-color);position:relative;z-index:1}.close:focus,.close:hover{color:inherit}.absolute,.fixed,.progress{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.fixed{position:fixed}.abs-center,.abs-left,.abs-right,.form-select::before,.line-form-label,.payvip-icon:before,.toggle-radius .fa,.toggle-radius .icon{position:absolute;top:50%;right:.7em;transform:translateY(-50%);z-index:1}.abs-center{left:0;width:100%}.abs-left{right:auto;left:.7em}.abs-center.left-top,.abs-center.right-top{transform:unset;top:0}.abs-center.left-top{text-align:left}.abs-center.conter-bottom,.abs-center.conter-conter{text-align:center}.abs-center.right-bottom,.abs-center.right-conter,.abs-center.right-top{text-align:right}.abs-center.conter-bottom,.abs-center.left-bottom,.abs-center.right-bottom{top:auto;transform:unset;bottom:0}.abs-blur-bg{position:absolute;left:-50px;top:-50px;width:calc(100% + 100px);height:calc(100% + 100px);-webkit-filter:blur(30px);filter:blur(30px)}.scale-placeholder{position:absolute;bottom:5px;opacity:.5;transition:.2s;padding-left:4px;transform-origin:left top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;cursor:text}.scale-placeholder.is-focus,input:focus~.scale-placeholder{transform:translateY(-20px);font-size:11px}input:-internal-autofill-previewed~.scale-placeholder,input:-internal-autofill-selected~.scale-placeholder{transform:translateY(-20px);font-size:11px}input:focus~.scale-placeholder{color:var(--focus-color);opacity:.9}.line-form .abs-right{margin-top:3px}.line-form-input{outline:0!important;border:none;display:block;width:100%;padding:1em 2em .4em .3em;opacity:.8;transition:.3s;background:0 0!important}.line-form-input::-webkit-input-placeholder{color:var(--muted-2-color)}.line-form-input:-moz-placeholder{color:var(--muted-2-color)}.line-form-input:-moz-placeholder{color:var(--muted-2-color)}.line-form-input:focus{opacity:1}.line-form-label{left:1em;right:unset}.line-form-line,.line-form-line:before{position:absolute;bottom:0;left:0;height:1px;width:100%;transition:.8s;background:var(--main-border-color)}.line-form-line:before{content:'';width:0;background:var(--focus-color)}.line-form-input:focus~.line-form-line:before,.line-form-input:hover~.line-form-line:before{width:100%}.line-form-input:focus~.line-form-line:before{box-shadow:0 -1px 3px 1.5px var(--focus-shadow-color)}.link-img img{border-radius:0}.link-only-img img{height:45px;width:auto;border-radius:0;margin:5px 10px}.step-simple{padding:10px;background:var(--main-border-color);border-radius:4px;text-align:center;display:flex}.step-simple>li{flex:1;position:relative;margin:0 6px}.step-simple>li:last-of-type::after{content:unset;display:none}.step-simple>li::after{font:normal normal normal 18px/1 FontAwesome;font-size:18px;content:"\f105";color:var(--muted-3-color);position:absolute;right:-10px;font-size:20px;top:0}.step-simple a{color:inherit}.step-simple .active{color:var(--focus-color)}@media (min-width:1240px){.container{max-width:var(--mian-max-width);width:auto}}.container-footer,.container-header{max-width:1380px;max-width:calc(var(--mian-max-width) + 180px)}.content-wrap{float:left;width:100%}.sidebar{float:left;width:311px;position:relative}.site-layout-1 .sidebar{display:none}.site-layout-2 .content-layout{margin-right:calc(311px + 15px)}.site-layout-2 .sidebar{float:left;margin-left:-311px;width:311px;position:unset}.site-layout-3 .content-layout{margin-left:calc(311px + 15px);margin-right:unset}.site-layout-3 .sidebar{margin-left:-100%}.header{padding:8px 20px;background:var(--header-bg);margin-bottom:20px;transition:.3s}.body-scroll .header{box-shadow:0 4px 10px var(--main-shadow)}.header a:not(.but),.header svg{color:var(--header-color)}.header .sub-menu{background:var(--main-bg-color);text-shadow:none}.header .dropdown-menu a,.header .sub-menu a,.header .sub-menu svg{color:var(--main-color)}body.nav-fixed:not(.body-scroll) .header.show-slide{--header-bg:linear-gradient(0, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .3) 80%);--header-color:#fff;-webkit-backdrop-filter:unset;backdrop-filter:unset}body:not(.nav-fixed) .header.show-slide{margin-bottom:0}body.nav-fixed .slide-header{margin-top:-90px}.slide-header .slide-text{padding-top:70px}.slide-header .s-desc,.slide-header img,.wp-block-carousel figcaption{border-radius:0!important}.search-keywords{padding:10px}.header form{text-align:center}nav .fa-angle-down{float:right;margin-top:2px}.nav-fixed .header{position:fixed;z-index:999;width:100%;top:0;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px)}.mobile-navbar+.fixed-body{z-index:996}.navbar-top{margin:0;border-radius:0!important;font-size:15px}.navbar-top badge,badge.top{transform:translate(-5px,-10px) scale(.85);margin-right:-10px}.navbar-top .navbar-nav{margin-left:20px}.navbar-top .navbar-right{padding-right:0}.navbar-right~.navbar-right{padding-right:5px}.navbar-top .navbar-but .but{font-size:.8em;padding:.3em 1em!important;margin:.4em}.navbar-top .navbar-brand{padding:7px 10px}.navbar-logo>img{height:36px;padding:0 30px}.navbar-top .nav>li>a{padding-left:10px;padding-right:10px;border-radius:4px;display:inline-block!important;overflow:hidden}.menu-item>a>.but{transform:translateY(-2px);margin:-.3em}.current-menu-item>a,.navbar-top .nav li a:focus,.navbar-top .nav li a:hover{background-color:transparent;color:var(--focus-color)}.navbar-top .fa{transition:.2s}.navbar-collapse .search-input{background:var(--main-shadow)}.navbar-collapse .search-input~.dropdown-menu{margin-top:15px}.navbar-collapse .dropdown-menu .search-input{background:0 0;padding:10px;width:460px}.navbar-nav li,.navbar-nav li a{max-height:50px;position:relative}.navbar-top .sub-menu,.theme-popover{visibility:hidden;position:absolute;min-width:120px;background-color:var(--main-bg-color);padding:10px 5px;z-index:99;border-radius:var(--main-radius);box-shadow:0 0 10px rgba(0,0,0,.1)}.navbar-top li:hover>.sub-menu{visibility:unset}.navbar-top .sub-menu .sub-menu{left:100%;top:-10px}.theme-popover{display:unset}.navbar-search{visibility:hidden;transform:translateY(-101%);padding:10px 30px;padding-top:80px;background:var(--main-bg-color);height:auto;opacity:1;box-shadow:0 14px 10px rgba(0,0,0,.08);z-index:998;transition:all .5s}.navbar-search.show{visibility:unset;transform:translateY(0)}.navbar-top .navbar-right .sub-menu{right:0}.navbar-top .sub-menu li>a{white-space:nowrap;width:calc(100% + 1.4em);display:block;padding:5px 10px;padding-right:2em}.navbar-top .newadd-btns{opacity:1!important}.navbar-top .drop-newadd{width:137px;padding:7px 10px}.navbar-top .drop-newadd::before{top:-4px;left:auto;right:27px}.sub-user-box{width:242px;word-break:break-word;white-space:normal}.mobile-navbar.top .sub-user-box{width:auto;text-align:center;margin:auto;max-width:400px}.mobile-navbar.top .sub-user-box>ul{overflow:hidden}.sub-user-box .list-inline>li+li{width:calc(100% - 48px)}.sub-user-box .social-login-item.button-lg{width:110px!important;font-size:13px}.sub-user-box .user-name{width:calc(100% - 3em)}.sub-user-box .author-tag>*{max-height:41px;overflow:hidden;flex:auto}.sub-vip-card{font-size:12px}.sub-vip-card .vip-card{display:inline-block;width:240px}.sub-vip-card .vip-baicon.abs-center{font-size:10em;left:55%}.sub-vip-card .payvip-button{font-size:1em!important;margin:0!important}.sub-vip-card .vip-name{font-size:16px}.sub-vip-card .vip-img{display:none}.sub-user-box .payvip-icon{padding:8px 0}.header-user-href>a{display:inline-block;padding:10px 10px 0 10px}.header-user-href>a:hover{opacity:.7}.header-user-href>a div+div{font-size:12px}.header-user-href .toggle-radius{width:36px;height:36px}.navbar-top li.current-menu-item>a,.navbar-top li:hover>a{color:var(--focus-color)}.navbar-top li.current-menu-item:before,.navbar-top li.current-menu-item>a:before,.navbar-top li:hover:before,.navbar-top li:hover>a:before{opacity:1}.navbar-nav li:hover>a .fa-angle-down{transform:rotate(-90deg)}.navbar-nav>li:before{content:" ";position:absolute;width:100%;top:-10px;background:var(--focus-color);height:5px;border-radius:0 0 15px 15px;opacity:0}.navbar-avatar{margin-top:3px;display:block;width:29px;height:29px}.swiper-container{position:relative;overflow:hidden}.swiper-wrapper{transform:translate3d(0,0,0);display:flex;position:relative}.swiper-slide{transform:translate3d(0,0,0);flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;transition-property:transform}.new-swiper,.overflow-hidden,.swiper-tab,.swiper-tab-nav{overflow:hidden;position:relative}.swiper-tab .swiper-slide .swiper-slide{height:100%}.new-swiper{--pc-height:auto;--m-height:auto;--max-height:auto;--min-height:auto}.scale-height{--scale-height:40%;--pc-height:100%;--m-height:100%;padding-bottom:var(--scale-height);width:100%;height:0}.scale-height .swiper-slide img,.scale-height .swiper-wrapper{position:absolute}.new-swiper .swiper-wrapper{height:var(--pc-height);display:flex}.new-swiper .swiper-slide img:not(.img-icon):not(.smilie-icon):not(.avatar-badge):not(.avatar){max-height:var(--max-height);min-height:var(--min-height);-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.swiper-scroll .swiper-slide{width:unset;margin-right:10px}.swiper-scroll .swiper-slide:last-of-type{margin-right:0}.swiper-tab-nav .swiper-slide.swiper-slide-thumb-active a{color:var(--focus-color)}.s-desc,.slide-text,.wp-block-carousel figcaption{position:absolute;color:#fff;bottom:0;padding:1.8em 2.5em;background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);width:100%;font-size:16px;text-shadow:0 0 5px rgba(0,0,0,.5);z-index:1;border-radius:0 0 var(--main-radius) var(--main-radius)}.slide-layer img{-o-object-fit:contain;object-fit:contain;width:auto;position:unset!important}.slide-text{background:unset;opacity:0;bottom:unset;transition:opacity 1s;--text-size-pc:20px;font-size:var(--text-size-pc)}.swiper-bulletin{padding:.1em 6px;background:var(--this-bg)}.swiper-bulletin .new-swiper{line-height:2.4em;height:2.4em;overflow:hidden}.swiper-bulletin .text-ellipsis{display:block;line-height:33px}.swiper-bulletin a{color:var(--this-color)}.bulletin-icon{background:var(--this-color);width:26px;height:26px;text-align:center;border-radius:30px;color:#fff;font-size:16px;display:inline-block;vertical-align:-8px}.sbg .bulletin-icon{color:var(--this-bg)}.imgbox{display:none}.alone-imgbox-img{cursor:zoom-in}.media-body{width:auto}.posts-row{margin-left:-8px;margin-right:-8px}.posts-row>*{margin-left:8px!important;margin-right:8px!important}.posts-item{padding:20px;margin:15px 0;background:var(--main-bg-color);overflow:hidden;transition:.2s;box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius)}.posts-item .post-graphic:not(.order1){margin-right:20px}.posts-item .order1.post-graphic{margin-right:0;margin-left:20px}.posts-item .item-thumbnail{width:190px;height:0;padding-bottom:var(--posts-list-scale);position:relative;overflow:hidden;border-radius:var(--main-radius)}.item-thumbnail .swiper-wrapper{height:100%!important}.list .item-thumbnail .zib-slider,.list .item-thumbnail.new-swiper{margin:0!important;position:absolute;height:100%}.item-thumbnail .swiper-wrapper,.item-thumbnail img{position:absolute}.item-thumbnail .swiper-slide img{border-radius:0}.item-thumbnail .swiper-pagination{text-align:center!important;bottom:0!important;padding:0 5px!important}.posts-item .item-heading{margin-top:0;margin-bottom:5px;font-size:18px;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;max-height:2.8em}.list.style2 .item-thumbnail{width:130px}.list.style2 .item-heading{text-overflow:ellipsis;white-space:nowrap;display:unset;max-height:1.4em}.posts-item .item-heading>a{color:var(--key-color)}.posts-item .item-heading>a:hover{color:var(--focus-color)}.posts-item .item-meta item{margin-right:8px;font-size:13px}.posts-item .meta-right item:last-child{margin-right:0}.item-meta .avatar-mini{transform:translateY(-1px)}.item-meta .meta-pay{padding:0 4px}.posts-item .item-meta a,.posts-mini .item-meta a{color:inherit}.posts-item .item-tags a{font-size:11px;padding:2px 5px;margin-right:5px}.posts-item .item-tags a .fa{font-size:1em}.posts-item.card{width:calc(33.333% - 16px);display:inline-block;margin:8px;padding:10px;vertical-align:top;transition:.3s}.posts-item.card:last-child{margin-bottom:20px}.posts-item.card .item-body{width:100%;margin:10px 0 0 0;padding:0}.posts-item.card .item-meta item{font-size:12px}.posts-item.card .item-heading,.posts-mini-con .item-heading{font-size:14px}.posts-item.card .item-heading{min-height:2.8em}.posts-item.card .item-tags{min-height:23px}.posts-mini-con .badg{min-width:18px}.posts-item.card .item-thumbnail{width:100%;padding-bottom:var(--posts-card-scale)}.posts-item.card.style2{background:0 0;box-shadow:none}.posts-item.card.style2:hover{background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow)}.posts-item.card.style3{padding:0}.posts-item.card.style3 .item-thumbnail,.posts-item.card.style3 .item-thumbnail img{border-radius:var(--main-radius) var(--main-radius) 0 0}.posts-item.card.style3 .item-body{padding:10px;margin:0}.swiper-scroll .posts-item{flex-shrink:0;margin-top:0;margin-bottom:0}.swiper-scroll .posts-item.card{margin:0!important;margin-right:21px!important}.posts-item.mult-thumb .thumb-items{margin:0 -3px 6px -3px}.posts-item.mult-thumb .thumb-items>span{width:calc(25% - 6px);display:inline-block;height:0;padding-bottom:calc(var(--posts-list-scale)/ 4);margin:0 3px;position:relative}.posts-item.no_margin{margin:0;box-shadow:none;border-radius:0}.posts-item.no-thumb .item-excerpt{height:auto}.posts-item.mult-thumb .thumb-items>span>img{position:absolute}.posts-item+.pagenav{margin-top:-15px}.posts-item.card+.pagenav{margin-top:-10px}.no_margin:first-of-type{margin-top:10px;border-radius:var(--main-radius) var(--main-radius) 0 0}.no_margin:last-of-type{margin-bottom:15px;border-radius:0 0 var(--main-radius) var(--main-radius)}.posts-mini{padding:10px;display:inline-flex;width:50%}.posts-mini-con{flex:auto;overflow:hidden}.mobile-nav-widget .posts-mini,.sidebar .posts-mini{width:100%!important}.mobile-nav-widget .posts-mini{padding-left:0;padding-right:0}.mobile-navbar.left .posts-mini .meta-author>span,.mobile-navbar.right .posts-mini .meta-author>span{display:none}.posts-mini .item-thumbnail{width:96px;height:0;padding-bottom:var(--posts-list-scale);position:relative;overflow:hidden;border-radius:var(--main-radius)}.posts-mini:last-of-type{margin-bottom:0}.posts-mini .item-heading{margin:0}.posts-mini .item-meta{font-size:12px}.posts-mini-lists{padding:5px}.posts-mini-lists .tab-nav-theme{padding:0 5px 2px}.mobile-nav-widget .posts-mini-lists .tab-nav-theme{margin:0 -5px;padding:0}.index-tab ul>li{display:inline-block;padding:2px 11px;font-weight:500;border-radius:20px;margin:0 1px}.index-tab ul>li.active{background:var(--focus-color);--main-color:#fff}.index-tab ul>li.active a{color:#fff!important}.footer{color:var(--footer-color);background:var(--footer-bg);padding:30px;font-size:13px}.footer a:not(.but):not(.focus-color){color:var(--footer-color)}.footer a:hover{color:var(--focus-color)}.footer .list-inline>li{margin:5px 15px}.footer .list-inline>li+li+li{float:right}.footer-miniimg{width:90px;margin:0 10px;text-align:center;vertical-align:text-top;display:inline-block}.footer-contact>a{font-size:20px;margin:5px;width:35px;height:35px}.footer-wechat-img{width:140px;bottom:90%;left:-55px;padding-bottom:20px}.footer-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:1035;justify-content:space-around;align-items:center;text-align:center;background:var(--header-bg);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 5px var(--main-shadow);-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);transition:transform .3s}.scroll-ing .scrolling-hide.footer-tabbar{transform:translateY(120%)}.footer-tabbar .tabbar-item,.footer-tabbar .tabbar-item a{flex:1;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:49px;padding:3px 0;color:var(--muted-color)}.tabbar-item.tabbar-ontop>a{position:absolute}.ontop.tabbar-item{transform:translateY(55px)}.ontop.tabbar-item.show{display:flex!important}.ontop.tabbar-item.show+a{transform:translateY(-55px)}.tabbar-item.active,.tabbar-item.actived{color:var(--focus-color)}.tabbar-item>icon,.tabbar-item>svg{font-size:24px;line-height:1em;height:1em}.tabbar-item>badge{font-size:12px;transform:scale(.8) translateX(13px);position:absolute;top:1px}.tabbar-item.newadd-btns{position:unset}.tabbar-item .drop-newadd{top:auto;bottom:59px;left:10px;right:10px;align-items:center;display:flex;padding:10px 5px}.tabbar-item .drop-newadd::before{bottom:-4px;top:auto;left:calc(50% - 4px)}.tabbar-item .btn-newadd{text-align:center}.tabbar-item .btn-newadd icon{width:46px;height:46px;margin:0 0 10px}.tabbar-item .btn-newadd text{font-size:16px}.footer-tabbar text{width:100%;font-size:13px;line-height:1em;transform:scale(.8)}.footer-tabbar .single-action-tabbar{flex:unset;min-width:40px;margin-right:12px;flex-shrink:0}.footer-tabbar .single-action-tabbar:first-child{margin-left:12px}.footer-tabbar .single-pay-tabbar{background:var(--this-bg);color:var(--this-color);padding:7px;flex:auto;min-height:auto;margin:0 16px 0 12px;border-radius:100px}.footer-tabbar .single-action-tabbar text,.footer-tabbar .virtual-input .but{display:none}.footer-tabbar .virtual-input{flex:auto;height:auto;min-height:auto;margin:0 12px;overflow:hidden}.footer-tabbar count{color:var(--muted-2-color);border-radius:20px;margin-top:-22px;font-size:13px;line-height:1em;transform:scale(.8)}.footer-tabbar count:not(:empty){margin-left:-15%}.float-right{position:fixed;bottom:60px;right:20px;z-index:1030;text-align:center;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:.3s}.imgbox-show .float-right,.modal-open .float-right,.scroll-ing .scrolling-hide.float-right{transform:translateX(200%)}.tabbar-item.active{color:var(--focus-color)}.float-right.position-center{bottom:auto;top:50%;transform:translateY(-50%)}.float-right .float-btn{width:40px;line-height:40px;display:block;font-size:1.4em;--this-color:var(--muted-2-color);--this-bg:var(--float-btn-bg);background:var(--this-bg);position:relative;color:var(--this-color)!important}.filter .float-btn{-webkit-backdrop-filter:saturate(2) blur(10px);backdrop-filter:saturate(2) blur(10px)}.float-right.square .float-btn+.float-btn{border-top:1px solid var(--main-shadow)}.float-right.round .float-btn{margin-top:6px;border-radius:8px}.float-btn.ontop{opacity:0;transition:.5s;transform:translateY(10px);visibility:hidden}.ontop.show{opacity:1;transform:translateY(0);visibility:unset}.float-btn .hover-show-con{right:35px;left:auto;width:200px;margin-right:15px;top:0;font-size:14px;line-height:1.4;color:var(--main-color);padding:10px;margin-top:0;border-radius:var(--main-radius);cursor:auto}.float-btn .dropdown-menu::before{left:auto;top:15px;right:-5px}.float-btn.service-wechat .hover-show-con{width:120px;top:-40px;padding:0}.float-btn.service-wechat .dropdown-menu::before{top:53px}.float-btn.qrcode-btn .hover-show-con{width:150px;top:-60px;padding:16px 5px 12px;text-align:center}.float-btn.qrcode-btn .qrcode{background:#fff;display:inline-flex;padding:5px}.float-btn.qrcode-btn .dropdown-menu::before{top:73px}.float-btn.newadd-btns .drop-newadd{width:137px;top:-74px}.float-btn.newadd-btns .drop-newadd::before{left:auto;top:88px;right:-5px}.search-input{max-width:600px;margin:auto}.search-input .line-form{display:flex;align-items:flex-end}.search-input .line-form .search-input-text{flex-grow:2}.search-input .line-form .option-dropdown{flex-shrink:0;padding-left:2px}.search-null-img{max-width:300px;width:100%;margin:40px 0}.search-loading .search-icon,.search-loading .search-remind{color:var(--focus-color)}.breadcrumb{background:0 0;padding:0 8px;opacity:.6;margin-bottom:12px}.breadcrumb>li+li:before{padding:0 0 0 6px;opacity:.6}.article{padding:0 30px;overflow:hidden}.item-thumbnail .abs-right,.page-cover .article-meta{top:20px;background:rgba(0,0,0,.3);padding:2px 8px}.single-cover-con .breadcrumb{font-size:13px;margin:5px 0 0 -6px;opacity:unset}.article-cover-slide.page-cover{padding-bottom:0!important;overflow:unset;background:0}.article-title{line-height:1.4}.article-title>a:hover{color:inherit}.article-header .article-title{font-size:22px;font-weight:700;color:var(--key-color)}.article-header .article-avatar,.article-header .article-title{margin-top:15px}.article-header .article-avatar .list-inline>li{padding-left:unset}.article-header .article-avatar .relative{margin-top:20px}.single-metabox{right:0;font-size:15px;--meta-color:var(--muted-color)}.single-metabox .post-metas{background:var(--body-bg-color);right:0;padding:2px 6px;border-radius:100px;color:var(--meta-color)}.single-metabox .post-metas item{margin:0 6px}.single-metabox .post-metas item a{color:inherit}.single-metabox .post-metas item .fa,.single-metabox .post-metas item .icon{margin-right:3px}.single-metabox .post-drop-meta{--this-size:1.73em;--this-color:var(--meta-color);--this-bg:var(--body-bg-color)}.single-metabox .pull-right.dropdown .dropdown-menu::before{right:7px}.single-metabox .dropdown-menu>li>a{--this-color:var(--muted-color)}.single-metabox.cover-meta{font-size:14px;right:1em;top:1.6em;--meta-color:rgba(255, 255, 255, .8);--body-bg-color:rgba(0, 0, 0, .3)}.article-header .avatar-button{margin-left:50px}.single-cover{padding-bottom:calc(var(--single-cover-scale) + 50px)}.single-cover-slide{padding-bottom:calc(var(--scale-height) + 50px);border-radius:var(--main-radius)}.single-cover-con{color:#fff;padding:15px;border-radius:0 0 var(--main-radius) var(--main-radius);background-image:linear-gradient(0deg,rgba(29,41,49,.5),rgba(255,255,255,0));padding-top:2em}.single-cover-con .article-title,.single-video .article-title{font-size:18px;font-weight:700}.featured-video-episode{margin-bottom:0;line-height:1.4;font-size:14px}.featured-video-episode .badg.badg-sm{min-width:19px}.featured-video-episode .switch-video{line-height:1.6;border-radius:4px;padding:6px 20px;text-align:center;background:rgba(136,136,136,.1);--main-color:var(--muted-color);display:inline-block;margin:4px 4px 0;min-width:calc(20% - 8px)}.switch-video .episode-active-icon{display:inline-block;width:0;height:1.2em;vertical-align:middle;margin-right:0;transition:.6s}.switch-video.active .episode-active-icon{
    background-image: url(../img/playing.svg);
    width:1em;margin-right:6px}.switch-video.active{color:var(--focus-color)}.switch-video.active .badg{background:var(--focus-color);color:#fff}.single-cover-con a{color:#fff}.single-video{overflow:hidden;clear:both;background:var(--main-bg-color);box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}.single-video .article-title{margin:0}.single-video-footer{padding:15px}.single-video .breadcrumb{padding:0}.single-video .cover-meta{background:0 0;padding:0;color:var(--main-color)}.wp-posts-content{line-height:2;font-size:16px;min-height:90px}.limit-height{overflow:hidden;position:relative}.limit-height .read-more{position:absolute;bottom:0;width:100%;text-align:center;background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(255,255,255,0) 100%);-webkit-animation:lazy_fade .5s;animation:lazy_fade .5s;z-index:80}.dark-theme .limit-height .read-more{background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(53,54,55,0) 100%)}.limit-height .read-more a{padding:25px 0;display:inline-block;color:var(--focus-color);margin-top:80px}.article-postsbox{line-height:1.6;overflow:hidden;font-size:14px;max-width:550px;margin:auto;margin-bottom:20px;box-shadow:none}.article-postsbox .posts-mini{width:100%}.post-nav-links,.post-page-numbers{line-height:1}.post-nav-links{background:var(--main-shadow)}.post-page-numbers.current{--this-bg:var(--focus-color);--this-color:#fff}.article-postsbox .pay-tag{font-size:12px;padding:1px 5px}.article-content .article-postsbox .item-meta a{color:inherit}.article-postsbox .item-thumbnail img{border-radius:4px