/*
Theme Name: MDx
Theme URI: https://flyhigher.top/develop/788.html
Description: MDx - Material Design 风格的 WordPress 主题
Version: 2.0.4
Author: AxtonYao
Author URI: https://flyhigher.top
Tags: Material Design, Personal Blog, Simple Theme
Text Domain: mdx
Domain Path: /languages
*/
body,
html {
    min-height: 100%
}

body {
    font-family: -apple-system, Noto Sans, Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, PingFang SC, Hiragino Sans GB, Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif
}

body.mdui-theme-primary-red {
    --mdx-theme-color: 244, 67, 54;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-pink {
    --mdx-theme-color: 233, 30, 99;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-purple {
    --mdx-theme-color: 156, 39, 176;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-deep-purple {
    --mdx-theme-color: 103, 58, 183;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-indigo {
    --mdx-theme-color: 63, 81, 181;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-blue {
    --mdx-theme-color: 33, 150, 243;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-light-blue {
    --mdx-theme-color: 3, 169, 244;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-cyan {
    --mdx-theme-color: 0, 188, 212;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-teal {
    --mdx-theme-color: 0, 150, 136;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-green {
    --mdx-theme-color: 76, 175, 80;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-light-green {
    --mdx-theme-color: 139, 195, 74;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-lime {
    --mdx-theme-color: 189, 201, 54;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-yellow {
    --mdx-theme-color: 230, 209, 53;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-amber {
    --mdx-theme-color: 241, 184, 10;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-orange {
    --mdx-theme-color: 255, 152, 0;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-deep-orange {
    --mdx-theme-color: 255, 87, 34;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-brown {
    --mdx-theme-color: 121, 85, 72;
    --mdx-text-color: 255, 255, 255
}

body.mdui-theme-primary-grey {
    --mdx-theme-color: 158, 158, 158;
    --mdx-text-color: 0, 0, 0
}

body.mdui-theme-primary-blue-grey {
    --mdx-theme-color: 96, 125, 139;
    --mdx-text-color: 255, 255, 255
}

body {
    --mdx-theme-color-with-white: var(--mdx-theme-color)
}

body.mdui-theme-primary-grey.mdx-theme-white {
    --mdx-theme-color-with-white: 224, 224, 224
}

body {
    --mdx-theme-color-with-white-head: var(--mdx-theme-color-with-white);
    --mdx-text-color-head: var(--mdx-text-color)
}

body.mdx-index-void {
    --mdx-theme-color-with-white-head: 247, 247, 247;
    --mdx-text-color-head: 0, 0, 0
}

body.mdui-theme-layout-dark {
    --mdx-theme-color-with-white-head: 33, 33, 33;
    --mdx-text-color-head: 255, 255, 255
}

body.mdui-theme-layout-dark.mdx-index-void {
    --mdx-theme-color-with-white-head: 48, 48, 48
}

.body-grey {
    background-color: #f5f5f5
}

.body-grey1 {
    background-color: #ebebeb
}

.mdx-search-lock {
    overflow-y: hidden !important
}

body.mdui-theme-layout-dark.body-grey,
body.mdui-theme-layout-dark.body-grey1 {
    background-color: #3a3a3a
}

div.mdui-card>div>div>div>a {
    color: #fff;
    text-decoration: none
}

.click {
    transition: all .3s
}

.click:hover {
    opacity: .5
}

body.has-admin-bar #titleBar,
body.has-admin-bar #titleBarinPost,
body.has-admin-bar .mdui-toolbar,
body.has-admin-bar .titleBarinAc {
    top: 2pc
}

.has-admin-bar .mdui-drawer {
    padding-top: 32px
}

.has-admin-bar .mdx-side-title>button.mdui-btn-icon {
    margin-top: 32px
}

.theFirstPage {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0 !important;
    transition: opacity .3s;
    z-index: 2
}

.theFirstPage.mdx-bg-loaded {
    opacity: 1 !important
}

.theFirstPage,
.theFirstPageBackGround {
    height: 61.8%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theFirstPageBackGround {
    z-index: 1
}

.mdui-theme-layout-dark .PostTitleFillPageBackGround,
.mdui-theme-layout-dark .theFirstPageBackGround {
    background-color: #212121 !important
}

.theFirstPageSay {
    font-size: 22px;
    height: 61.8%;
    z-index: 4
}

#theFirstPageSayContent {
    padding: 0 30px
}

.theFirstPageSay,
.theFirstPageSmall {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theFirstPageSmall {
    height: 270px;
    z-index: 1
}

.titleBarGobal {
    height: 4pc;
    position: fixed;
    width: 100%
}

#titleBarinPost,
.mdui-toolbar,
.titleBarinAc {
    top: 0;
    transition: all .3s
}

#titleBarinPost {
    width: 100%
}

.info a {
    color: #000;
    text-decoration: none
}

.mdui-theme-layout-dark .info a {
    color: #fff
}

.main {
    background-color: #f7f7f7;
    top: 61.8%
}

.main,
.main-in-other {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.main-in-other {
    top: 290px
}

.postList {
    max-width: 1000px;
    padding-top: 15px;
    text-align: center;
    width: 95%
}

.postList .status-link {
    text-decoration: none
}

.mdx-wide-post-list .postList {
    max-width: 1200px
}

.foot {
    background-color: #f0f0f0;
    box-sizing: border-box;
    color: #787878;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    padding: 20px;
    width: 100%
}

.foot .mdx-footer-icon-link {
    display: inline-flex
}

.foot.mdx-footer-clean {
    padding: 10px 0
}

.foot.mdx-footer-clean .mdx-copyright {
    float: right
}

.foot.mdx-footer-clean:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    width: 0
}

.foot.mdx-footer-morden {
    padding: 30px 0
}

.foot a {
    color: #464646
}

.postDiv {
    margin: 15px;
    max-width: 700px;
    width: 100%
}

.staDiv {
    min-height: 170px
}

.staDiv,
.staDivgaid {
    background-color: #e8e8e8;
    box-sizing: border-box;
    position: relative
}

.staDivgaid {
    border-radius: 3px;
    display: inline-block !important;
    height: 230px;
    margin: 5px 8px 5px 2px !important;
    width: 343px
}

.mdx-wide-post-list .staDivgaid {
    margin: 10px 0 !important;
    width: calc(33.3% - 13.4px) !important
}

.sayInSta {
    min-height: 170px;
    padding: 70px 30px 50px
}

.sayInSta,
.sayInStaGaid {
    box-sizing: border-box;
    color: #505050;
    font-size: 20px;
    width: 100%
}

.sayInStaGaid {
    height: 230px;
    padding: 55px 30px
}

.span-4 {
    max-height: 100%
}

.mdui-theme-layout-dark .span-4 {
    color: hsla(0, 0%, 100%, .87)
}

.art-4 {
    overflow-y: scroll
}

.coun-read {
    float: right
}

.ct1 {
    background-color: rgba(0, 0, 0, .5)
}

.ct1-p {
    font-size: 17px;
    opacity: .7;
    padding: 0 10px
}

body.mdui-theme-layout-dark .ct1-p {
    color: #fff !important
}

.info {
    line-height: 36px;
    opacity: .4
}

.info-icon {
    font-size: 14px
}

.PostTitle {
    box-sizing: border-box;
    height: 33%;
    left: 0;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}

.PostTitle>h1 {
    font-weight: 700;
    overflow-wrap: break-word;
    width: 100%
}

.PostTitle2 {
    height: 40%
}

.PostTitlePage {
    box-sizing: border-box;
    font-weight: 700;
    padding: 0 10px;
    text-align: center;
    z-index: 3
}

.PostTitleFill,
.PostTitlePage {
    height: 45%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PostTitleFill,
.PostTitleFillBack2 {
    z-index: 1
}

.PostTitleFill2,
.PostTitleFillBack2 {
    height: 50%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PostTitleFill2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(.8);
    opacity: 0;
    transition: opacity .3s;
    z-index: 2
}

.PostTitleFill2.mdx-bg-loaded {
    opacity: 1
}

.mdui-theme-layout-dark .PostTitleFill2 {
    background-color: #212121 !important
}

.PostTitleFillPage {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s;
    z-index: 2
}

.PostTitleFillPage.mdx-bg-loaded {
    opacity: 1
}

.PostTitleFillPage,
.PostTitleFillPageBackGround {
    height: 45%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.PostTitleFillPageBackGround {
    z-index: 1
}

.PostMain {
    left: 0;
    position: absolute;
    top: 25%;
    width: 100%;
    z-index: 3
}

.PostMain2 {
    top: 40%
}

.PostMain2>.ArtMain0 {
    padding-top: 15px !important
}

.PostMainPage {
    background-color: #fff;
    top: 45%
}

.mdui-theme-layout-dark .PostMainPage,
.mdui-theme-layout-dark .main {
    background-color: #303030
}

.ArtMain {
    width: 55%
}

.ArtMain,
.ArtMain0 {
    max-width: 1800px;
    z-index: 3
}

.ArtMain0 {
    background-color: #fff;
    border-radius: 7px 7px;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 57%
}

.main .mdx-clean-footer,
.main-in-other .mdx-clean-footer {
    margin: 0 auto;
    max-width: 700px;
    text-align: left;
    width: 90%
}

.mdx-wide-post-list .main .mdx-clean-footer,
.mdx-wide-post-list .main-in-other .mdx-clean-footer {
    max-width: 1200px
}

.PostMain .mdx-clean-footer {
    max-width: 5000px;
    width: 57%
}

.PostMain2 .mdx-clean-footer {
    margin: 0 auto;
    max-width: 5000px;
    text-align: left;
    width: 57%
}

.mdx-footer-content {
    display: inline-block;
    font-weight: 400;
    height: 42px;
    line-height: 21px;
    margin-left: 15px;
    opacity: .7
}

.mdx-clean-footer .mdx-logo {
    filter: grayscale(1);
    max-height: 30px
}

.mdui-theme-layout-dark .mdx-clean-footer .mdx-logo {
    filter: grayscale(1) brightness(1) !important
}

.mdx-clean-footer a.mdx-footer-title {
    color: #787878;
    display: inline-block;
    font-size: 35px;
    font-weight: 700;
    margin-top: 7px;
    vertical-align: top
}

.mdx-clean-footer hr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    height: 10px;
    margin-bottom: .8em
}

.mdui-theme-layout-dark .mdx-clean-footer hr {
    border-color: hsla(0, 0%, 100%, .12)
}

.mdui-theme-layout-dark .ArtMain0 {
    background-color: #303030
}

div.ArtMain0>article {
    margin: 0 20px
}

.PostMainImg {
    clear: both;
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 82%
}

.PostMainImg,
.PostMainImg0 {
    background-color: #2d2d2d;
    min-height: 150px
}

.PostMainImg0 {
    border-radius: 7px 7px 0 0;
    width: 100%
}

article img {
    height: auto;
    max-width: 100%
}

article embed,
article iframe,
article video {
    width: 100% !important
}

article a {
    color: #2196f3;
    transition: all .3s
}

article a:hover {
    opacity: .9
}

article .mdx-sc-list {
    background-color: hsla(0, 0%, 50%, .03);
    border-radius: 2px;
    margin-bottom: 1.2em !important;
    overflow: auto;
    padding: 0
}

article .mdx-sc-list>a {
    color: currentColor !important;
    width: 100%
}

article .mdx-sc-list>a:before {
    content: none;
    display: none;
    height: 0
}

article .mdx-sc-list .mdx-sc-list-item .mdx-sc-list-subtitle {
    font-size: 14px;
    margin-top: -7px
}

article .mdx-sc-list .mdx-sc-list-item .mdui-list-item-title+.mdui-list-item-text {
    margin-top: 0
}

article .mdx-sc-list .mdx-sc-list-item .mdui-list-item-avatar figure {
    height: 100%;
    margin: 0 !important
}

article .mdx-sc-list .mdx-sc-list-item .mdui-list-item-avatar figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

article .mdx-sc-list.mdui-list {
    padding-left: 0
}

.title,
article h2,
article h3,
article h4 {
    font-weight: 700;
    text-align: left
}

h3.link-title {
    color: rgba(0, 0, 0, .87) !important;
    text-align: center
}

.mdui-theme-layout-dark h3.link-title {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdx-say-after.mdui-card {
    background-color: #ededed;
    box-shadow: none;
    margin: 0 auto 20px;
    word-break: break-all
}

.mdx-say-after.mdui-card>svg {
    height: 120px;
    opacity: .05;
    pointer-events: none;
    position: absolute;
    right: -37px;
    top: -32px;
    width: 120px
}

.ArtMain0 .mdx-say-after.mdui-card {
    background-color: #f5f5f5;
    border-radius: 0 !important;
    margin-bottom: 0
}

body.mdui-theme-layout-dark .mdx-say-after.mdui-card {
    background-color: #292929
}

body.mdui-theme-layout-dark .mdx-say-after.mdui-card>svg {
    filter: invert(1)
}

body.mdui-theme-layout-dark .ArtMain0 .mdx-say-after.mdui-card {
    background-color: #383838
}

.mdx-say-after>div {
    padding: 16px
}

.ArtMain0 .mdx-say-after>div {
    border-left: 5px solid #9e9e9e
}

.mdx-ad-after-article {
    margin: 0 auto;
    width: 94%
}

.mdx-ad-after-post {
    width: 100%
}

.mdx-ad-after-links {
    margin: 0 auto;
    width: calc(92% - 16px)
}

.mdui-typo .title,
.mdui-typo article h1,
.mdui-typo article h2,
.mdui-typo article h3,
.mdui-typo article h4,
.mdui-typo article h5,
.mdui-typo article h6,
article.mdui-typo h1,
article.mdui-typo h2,
article.mdui-typo h3,
article.mdui-typo h4,
article.mdui-typo h5,
article.mdui-typo h6 {
    color: rgb(var(--mdx-theme-color))
}

article p {
    color: #4b4b4b;
    font-size: 17px
}

.scrollToTop {
    z-index: 12
}

#indic {
    bottom: 13.5px;
    height: 60px;
    opacity: .7;
    pointer-events: none;
    position: fixed;
    right: 13.5px;
    transform: scale(0) translateZ(0);
    transition: cubic-bezier(.4, 0, 1, 1), transform .2s;
    width: 60px;
    z-index: 109
}

.mdx-tools-up-in #indic {
    bottom: 85.5px
}

div.PostMain>div.ArtMain>article {
    margin-bottom: 20px;
    margin-top: 45px
}

div.PostMain>div.ArtMain0>article {
    margin-bottom: 20px;
    margin-top: 15px
}

.backGround {
    background-color: #dadada;
    border-radius: 0 0 5px 5px;
    color: grey;
    left: 15px;
    padding: 10px
}

.backGround,
.staTime {
    font-size: 15px;
    position: absolute;
    top: 0
}

.sta-4 {
    background: linear-gradient(180deg, #e8e8e8 90%, transparent)
}

.mdui-theme-layout-dark .sta-4 {
    background: linear-gradient(180deg, #424242 90%, transparent)
}

.staTime {
    box-sizing: border-box;
    color: #bcbcbc;
    left: 0;
    padding: 15px;
    width: 100%
}

.outofSta {
    min-height: 170px
}

.outofStaGaid {
    height: 180px
}

.outofSta4 {
    min-height: 250px
}

body.mdui-locked {
    overflow: auto
}

ul#mdx_menu>li a {
    display: inline-block;
    font-size: 17px;
    height: 3pc;
    line-height: 3pc;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.sideImg {
    height: 200px;
    position: relative
}

.sideImg,
.sideImg>div.mdx-side-lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.sideImg>div.mdx-side-lazyload {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s
}

.sideImg>div.mdx-side-lazyload.mdx-bg-loaded {
    opacity: 1
}

.nightVision {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4
}

.mdui-theme-layout-dark #left-drawer {
    background-color: #303030 !important;
    color: #fff !important
}

.mdui-theme-layout-dark .sayInSta,
.mdui-theme-layout-dark article p {
    color: hsla(0, 0%, 100%, .8) !important
}

.mdui-theme-layout-dark .backGround {
    background-color: #525252
}

.mdui-theme-layout-dark .staTime {
    color: #5a5a5a
}

.mdui-theme-layout-dark img {
    filter: brightness(.8)
}

.mdui-theme-layout-dark.mdx-always-dark img {
    filter: brightness(1)
}

.mdui-theme-layout-dark div.PostTitleFillBack2[class*=mdui-color-],
.mdui-theme-layout-dark div.PostTitleFill[class*=mdui-color-],
.mdui-theme-layout-dark div.PostTitle[class*=mdui-color-] {
    background-color: #212121 !important;
    color: #fff !important
}

.mdx-logo {
    max-height: 45px;
    vertical-align: middle;
    width: auto
}

.side-info-head {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 65px;
    height: 65px;
    left: 20px;
    opacity: 0;
    position: absolute;
    top: 20px;
    transition: opacity .3s;
    width: 65px;
    z-index: 2
}

.side-info-head.mdx-bg-loaded {
    opacity: 1
}

.side-info-more {
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 17px;
    left: 0;
    padding: 20px;
    position: absolute;
    z-index: 3
}

.side-info-oth {
    color: hsla(0, 0%, 100%, .7);
    font-size: 13px
}

li.current-menu-item,
li.current_page_item {
    background-color: rgba(0, 0, 0, .08);
    font-weight: 700
}

li.current-menu-item div.mdui-list-item-content,
li.current_page_item div.mdui-list-item-content {
    font-weight: 700
}

#qrcode {
    background-color: #fff !important;
    height: 164px;
    overflow: hidden;
    padding: 7px;
    width: 164px
}

#img-box {
    background-color: #242424;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .2s;
    width: 100%;
    z-index: 10002
}

#img-box.opacity-bg {
    background-color: rgba(36, 36, 36, .85)
}

.mdx-loading-img {
    height: calc(100vh - 50px);
    left: 0;
    position: fixed;
    top: 50px;
    width: 100vw;
    z-index: 10004
}

.mdx-loading-img>div {
    text-align: center;
    width: 100%
}

#loading {
    height: 100%;
    pointer-events: none;
    right: 0;
    z-index: 20;
    z-index: 10003
}

#loading,
body>.mdui-progress {
    position: fixed;
    top: 0;
    width: 100%
}

body>.mdui-progress {
    border-radius: 0;
    left: 0;
    z-index: 10001
}

#SearchBar {
    background-color: transparent;
    display: none;
    transition: all .3s;
    z-index: 10009
}

#SearchBar>* {
    opacity: 0;
    transition: all .2s
}

.outOfSearch {
    background-color: hsla(0, 0%, 100%, .3);
    border-radius: 3px;
    box-sizing: border-box;
    height: 80%;
    margin: 0 7px;
    padding: 5px 0 5px 9pt;
    transition: all .7s;
    width: 30%
}

.seaicon {
    margin-top: 3px
}

.seainput {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 30px;
    outline: 0;
    padding: 0 0 0 7px;
    resize: none;
    transition: all .5s;
    width: 100%
}

.seainput::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.seainput:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.seainput:-moz-input-placeholder,
.seainput::-moz-input-placeholder {
    color: #fff;
    opacity: .5
}

.fullScreen {
    background-color: rgba(0, 0, 0, .7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10007
}

.mdui-theme-layout-dark #SearchBar.mdui-color-theme {
    background-color: #212121 !important;
    color: #fff !important
}

h1.mdui-center.mdui-text-center {
    font-size: 36px
}

.foot a {
    text-decoration: none
}

.mdui-theme-layout-dark div.theFirstPageSmall {
    background-color: #212121 !important;
    color: #fff !important
}

body.mdui-theme-primary-blue h1.mdui-center>small,
body.mdui-theme-primary-blue-grey h1.mdui-center>small,
body.mdui-theme-primary-brown h1.mdui-center>small,
body.mdui-theme-primary-deep-orange h1.mdui-center>small,
body.mdui-theme-primary-deep-purple h1.mdui-center>small,
body.mdui-theme-primary-indigo h1.mdui-center>small,
body.mdui-theme-primary-pink h1.mdui-center>small,
body.mdui-theme-primary-purple h1.mdui-center>small,
body.mdui-theme-primary-red h1.mdui-center>small,
body.mdui-theme-primary-teal h1.mdui-center>small {
    color: hsla(0, 0%, 100%, .54)
}

body.mdui-theme-primary-amber .seainput,
body.mdui-theme-primary-cyan .seainput,
body.mdui-theme-primary-green .seainput,
body.mdui-theme-primary-grey .seainput,
body.mdui-theme-primary-light-blue .seainput,
body.mdui-theme-primary-light-green .seainput,
body.mdui-theme-primary-lime .seainput,
body.mdui-theme-primary-orange .seainput,
body.mdui-theme-primary-yellow .seainput {
    color: #000
}

body.mdui-theme-primary-amber .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-cyan .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-green .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-grey .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-light-blue .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-light-green .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-lime .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-orange .seainput::-webkit-input-placeholder,
body.mdui-theme-primary-yellow .seainput::-webkit-input-placeholder {
    color: #000;
    opacity: .5
}

body.mdui-theme-primary-amber .seainput:-ms-input-placeholder,
body.mdui-theme-primary-cyan .seainput:-ms-input-placeholder,
body.mdui-theme-primary-green .seainput:-ms-input-placeholder,
body.mdui-theme-primary-grey .seainput:-ms-input-placeholder,
body.mdui-theme-primary-light-blue .seainput:-ms-input-placeholder,
body.mdui-theme-primary-light-green .seainput:-ms-input-placeholder,
body.mdui-theme-primary-lime .seainput:-ms-input-placeholder,
body.mdui-theme-primary-orange .seainput:-ms-input-placeholder,
body.mdui-theme-primary-yellow .seainput:-ms-input-placeholder {
    color: #000;
    opacity: .5
}

body.mdui-theme-primary-amber .seainput:-moz-input-placeholder,
body.mdui-theme-primary-amber .seainput::-moz-input-placeholder,
body.mdui-theme-primary-cyan .seainput:-moz-input-placeholder,
body.mdui-theme-primary-cyan .seainput::-moz-input-placeholder,
body.mdui-theme-primary-green .seainput:-moz-input-placeholder,
body.mdui-theme-primary-green .seainput::-moz-input-placeholder,
body.mdui-theme-primary-grey .seainput:-moz-input-placeholder,
body.mdui-theme-primary-grey .seainput::-moz-input-placeholder,
body.mdui-theme-primary-light-blue .seainput:-moz-input-placeholder,
body.mdui-theme-primary-light-blue .seainput::-moz-input-placeholder,
body.mdui-theme-primary-light-green .seainput:-moz-input-placeholder,
body.mdui-theme-primary-light-green .seainput::-moz-input-placeholder,
body.mdui-theme-primary-lime .seainput:-moz-input-placeholder,
body.mdui-theme-primary-lime .seainput::-moz-input-placeholder,
body.mdui-theme-primary-orange .seainput:-moz-input-placeholder,
body.mdui-theme-primary-orange .seainput::-moz-input-placeholder,
body.mdui-theme-primary-yellow .seainput:-moz-input-placeholder,
body.mdui-theme-primary-yellow .seainput::-moz-input-placeholder {
    color: #000;
    opacity: .5
}

body.mdui-theme-layout-dark .seainput {
    color: #fff
}

.underline {
    margin-bottom: 8px
}

.OutOfsearchBox {
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    overscroll-behavior-y: contain;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10008
}

.searchBoxFill {
    height: 72px;
    width: 100%
}

.searchCard {
    background-color: #fff;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .87);
    margin: 0 auto 10px;
    max-width: 650px;
    padding: 15px 15px 8px;
    pointer-events: auto;
    width: 90%
}

.searchCard h1 {
    margin-top: 5px;
    word-break: break-word
}

.searchCard a:before {
    display: none
}

body.mdui-theme-layout-dark .searchCard {
    background-color: #383838;
    color: hsla(0, 0%, 100%, .87)
}

.underRes {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .5);
    font-size: 17px;
    margin: 0 auto 10px;
    max-width: 650px;
    padding: 10px;
    text-align: center;
    width: 90%
}

.mdui-snackbar-top {
    z-index: 10010 !important
}

.mdui-drawer-close {
    box-shadow: none !important
}

body.post-like footer.foot {
    margin-top: 15px
}

.page-footer-nav {
    margin-top: 25px
}

.page-footer-nav,
.page-footer-nav-left,
.page-footer-nav-right {
    height: 6pc
}

.page-footer-nav-text {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    height: 100%;
    line-height: 24px;
    padding-top: 24px;
    width: 100%
}

.page-footer-nav-text .page-footer-nav-direction {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 1px;
    opacity: .55
}

.page-footer-nav-left .page-footer-nav-chapter,
.page-footer-nav-right .page-footer-nav-chapter {
    height: 24px;
    margin-left: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-footer-nav-right {
    text-align: right
}

.page-footer-nav-left {
    text-align: left
}

.page-footer-nav-right .mdui-icon {
    float: right;
    margin-left: 10px
}

.page-footer-nav-text .mdui-icon {
    padding-top: 23px;
    width: 24px
}

.page-footer-nav-left .mdui-icon {
    float: left;
    margin-right: 10px
}

.mdui-theme-layout-dark .page-footer-nav,
.mdui-theme-layout-dark .page-footer-nav-left,
.mdui-theme-layout-dark .page-footer-nav-right {
    background-color: #212121 !important
}

.mdui-theme-layout-dark .page-footer-nav-text {
    color: #fff
}

.comms {
    margin-top: 20px;
    max-width: 1800px;
    width: 55%
}

.ArtMain0 .comms {
    margin-top: 0;
    max-width: 625pc;
    width: 100%
}

.commTitle>a {
    color: #000;
    text-decoration: none
}

.mdui-theme-layout-dark .commTitle>a {
    color: hsla(0, 0%, 100%, .87)
}

ul ul.children {
    background-color: transparent;
    list-style: none
}

div#comments ul li {
    cursor: auto
}

.comment-reply-link,
.comment-reply-login {
    bottom: 5px;
    color: rgba(0, 0, 0, .5) !important;
    font-size: 9pt;
    height: 30px;
    line-height: 30px;
    min-width: 50px;
    padding: 0 10px 0 5px;
    position: absolute;
    right: 0
}

.comment-reply-login {
    padding: 0 10px
}

.comment-reply-link i {
    font-size: 19px;
    vertical-align: sub
}

.mdui-divider-inset.mdui-m-y-0 {
    list-style-type: none
}

.outbu {
    cursor: auto;
    position: relative
}

.outbu>div.mdui-list-item-text>p>a {
    word-break: break-all
}

.logged-in-as a {
    color: rgba(0, 0, 0, .5);
    text-decoration: none
}

.mdui-theme-layout-dark .logged-in-as a {
    color: hsla(0, 0%, 100%, .5) !important
}

#respond,
.mdx-author-c,
.mdx-hot-posts,
.mdx-same-posts {
    background-color: #ededed;
    border-radius: 5px;
    box-sizing: border-box;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    max-width: 1800px;
    padding: 30px 20px 10px;
    width: 55%
}

#respond p.logged-in-as+div+i.mdx-emj-cli {
    transform: translateY(31px)
}

.mdx-hot-posts .mdx-hot-posts-lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.mdx-hot-posts .mdx-hot-posts-lazyload.mdx-bg-loaded {
    opacity: 1
}

.PostMain .mdx-clean-footer {
    margin: 0 auto;
    text-align: left;
    width: 55%
}

.mdx-author-c,
.mdx-hot-posts,
.mdx-same-posts {
    overflow: hidden;
    padding: 5px 0 0
}

div.main .mdx-hot-posts {
    transform: translateX(-8px);
    width: calc(95% + 16px)
}

body.mdx-first-simple div.main .mdx-hot-posts {
    transform: none;
    width: 95%
}

div.main .mdx-hot-posts h3 {
    margin-left: 15px
}

body.mdx-first-simple div.main .mdx-hot-posts h3 {
    margin-left: 20px
}

.mdx-author-c {
    height: 150px;
    padding-top: 0;
    position: relative
}

.mdx-author-c img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 3
}

.mdx-author-c div.lazyload-bg {
    background-color: rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 149px;
    z-index: 2
}

.mdx-author-c .mdx-amask {
    height: 100%;
    left: 123px;
    position: absolute;
    width: auto;
    z-index: 2;
    z-index: 4
}

.mdx-author-c .mdx-amask path {
    fill: #ededed
}

.mdui-theme-layout-dark .mdx-author-c .mdx-amask path {
    fill: #292929
}

.mdx-author-info {
    background-color: #ededed;
    height: 150px;
    left: 152px;
    position: absolute;
    top: 0;
    width: calc(100% - 152px);
    z-index: 3
}

.mdui-theme-layout-dark .mdx-author-info {
    background-color: #292929
}

.mdx-author-info>h3 {
    font-weight: 700 !important
}

.mdx-author-info>h3>a {
    color: rgba(0, 0, 0, .7)
}

.mdx-hot-posts {
    background-color: #f7f7f7 !important;
    border-radius: 0 !important;
    margin-bottom: 0;
    margin-top: 15px;
    max-width: 700px;
    position: relative;
    width: 95%
}

.mdx-wide-post-list .mdx-hot-posts {
    max-width: 1200px
}

.mdx-hot-posts-have-img {
    display: none
}

.mdx-hot-posts .mdx-hp-g-l {
    background: linear-gradient(90deg, #f7f7f7 10%, hsla(0, 0%, 97%, 0));
    left: 0
}

.mdx-hot-posts .mdx-hp-g-l,
.mdx-hot-posts .mdx-hp-g-r {
    bottom: 0;
    display: none;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 10%;
    z-index: 10
}

.mdx-hot-posts .mdx-hp-g-r {
    background: linear-gradient(90deg, hsla(0, 0%, 97%, 0) 10%, #f7f7f7);
    right: 0
}

.mdui-theme-layout-dark .mdx-hot-posts .mdx-hp-g-l {
    background: linear-gradient(90deg, #303030 10%, rgba(48, 48, 48, 0))
}

.mdui-theme-layout-dark .mdx-hot-posts .mdx-hp-g-r {
    background: linear-gradient(90deg, rgba(48, 48, 48, 0) 10%, #303030)
}

.mdx-first-simple .mdx-hot-posts .mdx-hp-g-l,
.mdx-first-simple .mdx-hot-posts .mdx-hp-g-r {
    display: none !important
}

.mdui-theme-layout-dark .mdx-hot-posts {
    background-color: #303030 !important
}

.mdx-first-simple .mdx-hot-posts {
    background-color: #ededed !important;
    border-radius: 2px !important;
    margin-bottom: 15px;
    margin-top: 0
}

.mdui-theme-layout-dark.mdx-first-simple .mdx-hot-posts {
    background-color: #292929 !important
}

.mdx-all-posts {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .7);
    font-size: 23px;
    font-weight: 400;
    font-weight: 700;
    margin: 45px auto 0;
    max-width: 700px;
    width: 95%
}

.mdx-wide-post-list .mdx-all-posts {
    max-width: 1200px
}

.mdx-first-simple .mdx-all-posts {
    display: none
}

.mdui-theme-layout-dark .mdx-all-posts {
    color: hsla(0, 0%, 100%, .7)
}

#commentform {
    position: relative
}

.mdx-emj-inp {
    width: calc(100% - 40px)
}

.mdx-emj-cli {
    border-radius: 3px;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    float: right;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 40px;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mdui-theme-layout-dark .mdx-emj-cli {
    color: hsla(0, 0%, 100%, .54)
}

.mdx-emj,
.mdx-emj-cli:hover {
    background-color: rgba(0, 0, 0, .1)
}

.mdx-emj {
    border-radius: 5px;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mdx-emj.mdx-emj-open {
    max-height: 49px;
    padding: 10px
}

@media (max-width:720px) {
    .mdx-emj.mdx-emj-open {
        max-height: 75px
    }
}

@media (max-width:450px) {
    .mdx-emj.mdx-emj-open {
        max-height: 150px
    }
}

.ArtMain0 #respond,
.ArtMain0 .mdx-author-c,
.ArtMain0 .mdx-hot-posts,
.ArtMain0 .mdx-same-posts {
    background-color: #ededed;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box;
    display: block !important;
    margin-top: 0;
    max-width: 6250pc;
    padding: 30px 20px 10px;
    width: 100%
}

.ArtMain0 .mdx-author-c,
.ArtMain0 .mdx-hot-posts,
.ArtMain0 .mdx-same-posts {
    padding: 0
}

.mdui-theme-layout-dark .ArtMain0 #respond,
.mdui-theme-layout-dark .ArtMain0 .mdx-author-c,
.mdui-theme-layout-dark .ArtMain0 .mdx-hot-posts,
.mdui-theme-layout-dark .ArtMain0 .mdx-same-posts {
    border-top-color: hsla(0, 0%, 100%, .08)
}

.mdui-theme-layout-dark #respond,
.mdui-theme-layout-dark .mdx-author-c,
.mdui-theme-layout-dark .mdx-hot-posts,
.mdui-theme-layout-dark .mdx-same-posts {
    background-color: #292929
}

.mdui-theme-layout-dark .comment-reply-link,
.mdui-theme-layout-dark .comment-reply-login {
    color: hsla(0, 0%, 100%, .5) !important
}

.mdui-theme-layout-dark .foot {
    background-color: #191919;
    color: hsla(0, 0%, 100%, .45) !important
}

.mdui-theme-layout-dark .foot a {
    color: hsla(0, 0%, 100%, .3) !important
}

#submit {
    zoom: 1;
    -webkit-user-drag: none;
    background: 0;
    background-color: rgb(var(--mdx-theme-color-with-white));
    border: 0;
    border-radius: 2px;
    border-style: none;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    color: rgb(var(--mdx-text-color));
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: .04em;
    line-height: 36px;
    margin: 0 0 0 10px;
    min-width: 88px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    will-change: box-shadow
}

#submit:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    opacity: .87
}

body.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #submit {
    background-color: #404040;
    color: #fff
}

#reply-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0
}

.mdx-author-c h3,
.mdx-hot-posts>h3,
.mdx-same-posts>h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 20px
}

.mdx-author-c h3 {
    font-size: 25px;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}

.mdx-author-c a {
    color: rgba(0, 0, 0, .87);
    text-decoration: none
}

.mdui-theme-layout-dark .mdx-author-c a {
    color: hsla(0, 0%, 100%, .87)
}

.mdx-author-c p {
    box-sizing: border-box;
    height: 4pc;
    margin: 0;
    opacity: .85;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 20px;
    text-overflow: ellipsis
}

.mdx-author-c h4 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 7px;
    opacity: .5
}

.mdx-hp-h3-fill {
    height: 10px !important
}

h3+.mdx-hp-h3-fill {
    height: 77px !important
}

.mdx-hot-posts>h3 {
    color: rgba(0, 0, 0, .7);
    font-size: 23px;
    font-weight: 700;
    left: -7px;
    position: absolute;
    top: 10px;
    z-index: 15
}

.mdui-theme-layout-dark .mdx-hot-posts>h3 {
    color: hsla(0, 0%, 100%, .7)
}

.mdx-hot-posts>div,
.mdx-same-posts>div {
    -webkit-overflow-scrolling: touch;
    height: 93pt;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%
}

.mdx-hot-posts #mdx-sp-out-c {
    -webkit-overflow-scrolling: auto !important
}

.mdx-hot-posts>div {
    height: 152px
}

.mdx-hot-posts div.mdx-ul,
.mdx-same-posts ul {
    list-style: none;
    margin: 0 10px;
    padding: 0
}

.mdx-hot-posts div.mdx-ul div.mdx-li,
.mdx-same-posts ul li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 105px;
    margin-right: 5px;
    position: relative;
    width: 180px
}

.mdx-hot-posts div.mdx-ul div.mdx-li {
    height: 130px;
    width: 210px
}

.mdx-sp-fill {
    background-color: rgba(0, 0, 0, .15);
    z-index: 2
}

.mdx-same-posts .mdx-lazyload,
.mdx-sp-fill {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mdx-same-posts .mdx-lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s;
    z-index: 1
}

.mdx-same-posts .mdx-bg-loaded {
    opacity: 1
}

.mdx-hot-posts div.mdx-ul div.mdx-li i,
.mdx-same-posts ul li i {
    display: block;
    font-size: 20px;
    opacity: .5;
    position: absolute;
    right: 7px;
    top: 7px;
    transition: all .3s;
    z-index: 4
}

.mdx-hot-posts div.mdx-ul div.mdx-li i:hover,
.mdx-same-posts ul li i:hover {
    opacity: .8
}

.mdx-hot-posts span,
.mdx-same-posts span {
    word-wrap: normal;
    word-wrap: break-word;
    bottom: 8px;
    display: block;
    font-size: 17px;
    left: 8px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    width: 92%;
    z-index: 3
}

.mdx-same-posts-img {
    color: #fff !important
}

.mdx-spr {
    opacity: .35
}

.mdx-post-no-img-fill {
    height: 5px;
    width: 100%
}

.mdx-pni-am {
    top: 48%
}

.mdx-pni-am article {
    margin-top: 0 !important
}

.mdx-pni-t {
    height: 45%
}

p.form-submit {
    clear: both;
    text-align: right
}

.disfir {
    padding-top: 0;
    width: 45%
}

.disfirright {
    float: right;
    margin-left: 20px
}

.disfirleft {
    float: left
}

.commurl {
    padding-top: 0;
    width: 100%
}

.moreInComm {
    opacity: 0;
    pointer-events: none;
    transition: all .2s
}

div#comments li.mdui-list-item:hover .comment-reply-link,
div#comments li.mdui-list-item:hover .comment-reply-login {
    opacity: 1 !important
}

li[id^=li-comment] {
    position: relative
}

a#cancel-comment-reply-link {
    float: right;
    font-size: 15px;
    opacity: .5;
    transition: all .2s
}

a#cancel-comment-reply-link:hover {
    opacity: .8
}

ul li div#respond {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999
}

form.post-password-form p {
    text-align: center !important
}

.inpass {
    display: inline-block;
    max-width: 300px;
    text-align: left;
    width: 90%
}

div.mdui-chip {
    margin: 5px
}

.spanout {
    background-color: #ededed;
    border-radius: 3px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .5) !important;
    line-height: 27px;
    padding: 5px 5px 5px 9pt;
    position: relative;
    width: 100%
}

.spanout a:before {
    display: none
}

.ArtMain0 .spanout {
    border-radius: 0;
    padding: 7px 5px 10px 9pt
}

.spanout>a {
    color: rgba(0, 0, 0, .5) !important;
    margin-left: 2px;
    margin-right: 7px;
    text-decoration: none;
    transition: opacity .3s
}

.spanout>a:hover {
    opacity: .7
}

.spanout>i {
    font-size: 20px;
    padding-left: 20px
}

.spanout .mdui-divider {
    box-sizing: border-box;
    margin: 5px 0 5px 13px
}

.mdx-share {
    left: -13px;
    position: absolute;
    top: -7px;
    z-index: 4
}

.mdx-share-icon {
    vertical-align: middle
}

.mdx-share-icon path {
    fill: #575757
}

.mdui-theme-layout-dark .mdx-share-icon path {
    fill: #d7d7d7
}

#crumbs {
    padding-left: 10px
}

#crumbs>a {
    color: rgba(0, 0, 0, .5) !important;
    text-decoration: none
}

#crumbs>a:before {
    display: none
}

.timeInPost {
    background: linear-gradient(90deg, hsla(0, 0%, 93%, 0) 0, #ededed 5%, #ededed);
    font-size: 1pc;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 5px
}

.mdui-theme-layout-dark .spanout {
    background-color: #292929
}

.mdui-theme-layout-dark .timeInPost {
    background: linear-gradient(90deg, rgba(41, 41, 41, 0) 0, #292929 5%, #292929)
}

ul#mdxshare {
    list-style: none !important;
    padding-left: 0 !important;
    width: auto !important
}

ul#mdxshare,
ul#mdxshare a {
    color: rgba(0, 0, 0, .87) !important
}

#mdxshare a:before {
    display: none
}

.mdui-theme-layout-dark ul#mdxshare a {
    color: #fff !important
}

.mdui-theme-layout-dark #crumbs>a,
.mdui-theme-layout-dark .spanout,
.mdui-theme-layout-dark .spanout>a,
.mdui-theme-layout-dark .timeInPost {
    color: hsla(0, 0%, 100%, .57) !important
}

.beforespan {
    margin-top: 50px
}

.nextpage {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 15px !important;
    padding: 10px;
    text-align: center;
    transition: all .3s;
    width: 200px
}

.nextpage:hover {
    background-color: rgba(0, 0, 0, .5)
}

.nextpage a {
    color: #fff;
    text-decoration: none
}

.nextpage2 {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 18px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 9pt !important;
    margin-top: 15px !important;
    padding: 10px;
    text-align: center;
    transition: all .3s;
    width: 200px
}

.nextpage2:hover {
    background-color: rgba(0, 0, 0, .5)
}

.nextpage2 a {
    color: #fff;
    text-decoration: none
}

body.mdui-theme-layout-dark>.mdui-progress {
    background-color: #dedede !important
}

article>.mdui-progress {
    margin: 10px 0
}

.afterrespan {
    clear: both
}

body.mdui-theme-primary-red ::-webkit-selection {
    background-color: #f44336;
    color: #fff
}

body.mdui-theme-primary-pink ::-webkit-selection {
    background-color: #e91e63;
    color: #fff
}

body.mdui-theme-primary-purple ::-webkit-selection {
    background-color: #9c27b0;
    color: #fff
}

body.mdui-theme-primary-deep-purple ::-webkit-selection {
    background-color: #673ab7;
    color: #fff
}

body.mdui-theme-primary-indigo ::-webkit-selection {
    background-color: #3f51b5;
    color: #fff
}

body.mdui-theme-primary-blue ::-webkit-selection {
    background-color: #2196f3;
    color: #fff
}

body.mdui-theme-primary-light-blue ::-webkit-selection {
    background-color: #03a9f4;
    color: #fff
}

body.mdui-theme-primary-cyan ::-webkit-selection {
    background-color: #00bcd4;
    color: #fff
}

body.mdui-theme-primary-teal ::-webkit-selection {
    background-color: #009688;
    color: #fff
}

body.mdui-theme-primary-green ::-webkit-selection {
    background-color: #658d1b;
    color: #fff
}

body.mdui-theme-primary-light-green ::-webkit-selection {
    background-color: #8bc34a;
    color: #fff
}

body.mdui-theme-primary-lime ::-webkit-selection {
    background-color: #cddc39;
    color: #000
}

body.mdui-theme-primary-yellow ::-webkit-selection {
    background-color: #ffeb3b;
    color: #000
}

body.mdui-theme-primary-amber ::-webkit-selection {
    background-color: #ffc107;
    color: #000
}

body.mdui-theme-primary-orange ::-webkit-selection {
    background-color: #ff9800;
    color: #fff
}

body.mdui-theme-primary-deep-orange ::-webkit-selection {
    background-color: #ff5722;
    color: #fff
}

body.mdui-theme-primary-brown ::-webkit-selection {
    background-color: #795548;
    color: #fff
}

body.mdui-theme-primary-grey ::-webkit-selection {
    background-color: #9e9e9e;
    color: #fff
}

body.mdui-theme-primary-blue-grey ::-webkit-selection {
    background-color: #607d8b;
    color: #fff
}

body.mdui-theme-primary-red ::-moz-selection {
    background-color: #f44336;
    color: #fff
}

body.mdui-theme-primary-red ::selection {
    background-color: #f44336;
    color: #fff
}

body.mdui-theme-primary-pink ::-moz-selection {
    background-color: #e91e63;
    color: #fff
}

body.mdui-theme-primary-pink ::selection {
    background-color: #e91e63;
    color: #fff
}

body.mdui-theme-primary-purple ::-moz-selection {
    background-color: #9c27b0;
    color: #fff
}

body.mdui-theme-primary-purple ::selection {
    background-color: #9c27b0;
    color: #fff
}

body.mdui-theme-primary-deep-purple ::-moz-selection {
    background-color: #673ab7;
    color: #fff
}

body.mdui-theme-primary-deep-purple ::selection {
    background-color: #673ab7;
    color: #fff
}

body.mdui-theme-primary-indigo ::-moz-selection {
    background-color: #3f51b5;
    color: #fff
}

body.mdui-theme-primary-indigo ::selection {
    background-color: #3f51b5;
    color: #fff
}

body.mdui-theme-primary-blue ::-moz-selection {
    background-color: #2196f3;
    color: #fff
}

body.mdui-theme-primary-blue ::selection {
    background-color: #2196f3;
    color: #fff
}

body.mdui-theme-primary-light-blue ::-moz-selection {
    background-color: #03a9f4;
    color: #fff
}

body.mdui-theme-primary-light-blue ::selection {
    background-color: #03a9f4;
    color: #fff
}

body.mdui-theme-primary-cyan ::-moz-selection {
    background-color: #00bcd4;
    color: #fff
}

body.mdui-theme-primary-cyan ::selection {
    background-color: #00bcd4;
    color: #fff
}

body.mdui-theme-primary-teal ::-moz-selection {
    background-color: #009688;
    color: #fff
}

body.mdui-theme-primary-teal ::selection {
    background-color: #009688;
    color: #fff
}

body.mdui-theme-primary-green ::-moz-selection {
    background-color: #658d1b;
    color: #fff
}

body.mdui-theme-primary-green ::selection {
    background-color: #658d1b;
    color: #fff
}

body.mdui-theme-primary-light-green ::-moz-selection {
    background-color: #8bc34a;
    color: #fff
}

body.mdui-theme-primary-light-green ::selection {
    background-color: #8bc34a;
    color: #fff
}

body.mdui-theme-primary-lime ::-moz-selection {
    background-color: #cddc39;
    color: #000
}

body.mdui-theme-primary-lime ::selection {
    background-color: #cddc39;
    color: #000
}

body.mdui-theme-primary-yellow ::-moz-selection {
    background-color: #ffeb3b;
    color: #000
}

body.mdui-theme-primary-yellow ::selection {
    background-color: #ffeb3b;
    color: #000
}

body.mdui-theme-primary-amber ::-moz-selection {
    background-color: #ffc107;
    color: #000
}

body.mdui-theme-primary-amber ::selection {
    background-color: #ffc107;
    color: #000
}

body.mdui-theme-primary-orange ::-moz-selection {
    background-color: #ff9800;
    color: #fff
}

body.mdui-theme-primary-orange ::selection {
    background-color: #ff9800;
    color: #fff
}

body.mdui-theme-primary-deep-orange ::-moz-selection {
    background-color: #ff5722;
    color: #fff
}

body.mdui-theme-primary-deep-orange ::selection {
    background-color: #ff5722;
    color: #fff
}

body.mdui-theme-primary-brown ::-moz-selection {
    background-color: #795548;
    color: #fff
}

body.mdui-theme-primary-brown ::selection {
    background-color: #795548;
    color: #fff
}

body.mdui-theme-primary-grey ::-moz-selection {
    background-color: #9e9e9e;
    color: #fff
}

body.mdui-theme-primary-grey ::selection {
    background-color: #9e9e9e;
    color: #fff
}

body.mdui-theme-primary-blue-grey ::-moz-selection {
    background-color: #607d8b;
    color: #fff
}

body.mdui-theme-primary-blue-grey ::selection {
    background-color: #607d8b;
    color: #fff
}

.divimg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
    opacity: 0;
    transition: opacity .3s;
    width: 100%
}

.divimg.mdx-bg-loaded,
.divimg:not(.lazyload):not(.lazyloading):not(.lazyloaded) {
    opacity: 1
}

.indexgaid {
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    height: 230px;
    margin: 5px;
    width: 340px
}

.mdx-wide-post-list .indexgaid {
    margin: 10px 0;
    width: calc(33.3% - 13.4px) !important
}

.gaid-a {
    color: #fff;
    text-decoration: none
}

.mdui-grid-tile-title,
.postDiv {
    text-align: left
}

.mdx-ajax-loading {
    height: 30px;
    margin-bottom: 18px;
    margin-top: 15px;
    width: 30px
}

.mdui-typo-headline {
    font-size: 22px;
    margin: 0 10px
}

.topBarAni {
    transition: background-color 0s
}

.mdx-first-simple .topBarAni {
    transition: background-color .2s
}

.mdx-sh-ani {
    transition: box-shadow 0s
}

.mdx-first-simple .mdx-sh-ani {
    transition: box-shadow .2s
}

.LazyLoadList {
    min-height: 150px
}

li.menu-item i.mdui-icon {
    color: #656565;
    font-size: 22px;
    margin-right: 9pt
}

#comments-navi span,
#mdx-cookie-notice i.mdui-icon,
.mdx-side-title span,
.mdx-toc-item.mdui-list-item-active,
li.current-menu-item,
li.current-menu-item i.mdui-icon,
li.current_page_item,
li.current_page_item i.mdui-icon {
    color: rgb(var(--mdx-theme-color)) !important
}

body.mdui-theme-primary-gery .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-primary-grey #comments-navi span,
body.mdui-theme-primary-grey #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-primary-grey .mdx-side-title span,
body.mdui-theme-primary-grey li.current-menu-item,
body.mdui-theme-primary-grey li.current-menu-item i.mdui-icon,
body.mdui-theme-primary-grey li.current_page_item,
body.mdui-theme-primary-grey li.current_page_item i.mdui-icon,
body.mdui-theme-primary-grey.mdui-theme-layout-dark #comments-navi span,
body.mdui-theme-primary-grey.mdui-theme-layout-dark li.current-menu-item i.mdui-icon,
body.mdui-theme-primary-grey.mdui-theme-layout-dark li.current_page_item i.mdui-icon {
    color: #9e9e9e !important
}

.mdui-theme-layout-dark .mdx-logo {
    filter: brightness(1) !important
}

#mdx_menu li ul.mdui-collapse-item-body {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    font-weight: 400
}

.mdui-theme-layout-dark #mdx_menu li ul.mdui-collapse-item-body {
    background-color: #303030;
    color: #fff
}

.mdxNotice {
    word-wrap: break-word;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 25px;
    max-width: 700px;
    padding: 15px 20px;
    width: 100%
}

.mdx-wide-post-list .mdxNotice {
    max-width: 1200px
}

.mdxNotice.mdx-notice-default {
    background-color: #eaeaea
}

.mdxNotice>p.mdui-typo {
    display: inline-block;
    line-height: 1.6;
    margin: 0;
    vertical-align: top;
    width: calc(100% - 35px)
}

.mdui-theme-layout-dark .mdxNotice {
    background-color: #292929 !important;
    color: #fff !important
}

.mdxNotice i.mdui-icon {
    font-size: 22px;
    margin-right: 10px;
    opacity: .5
}

.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle {
    color: #fff !important
}

div.mdui-toolbar>.mdui-typo-headline {
    margin: 0 2px !important
}

.links-co-grid {
    border-radius: 3px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 5px;
    overflow: hidden;
    padding-left: 3px !important;
    padding-right: 3px !important
}

.links-des-grid-grid {
    background: rgba(0, 0, 0, .3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    left: 3px;
    overflow: hidden;
    width: calc(100% - 6px);
    z-index: 3
}

.links-des-grid-grid a {
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.mdx-links-bg-grid {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 2
}

.mdx-links-bg-grid.mdx-bg-loaded {
    opacity: 1
}

.mdx-links-avatar-card {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s
}

.mdx-links-avatar-card.mdx-bg-loaded {
    opacity: 1
}

.link-description {
    color: #9e9e9e;
    font-size: 18px;
    text-align: center
}

.links-name-grid {
    height: 20px
}

.links-des-grid a:before {
    display: none !important
}

.links-c-grid,
.post_list_t_img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 57%;
    width: 100%
}

.links-c-grid {
    padding-top: 100%
}

.mdui-card-media .post_list_t_img {
    opacity: 0;
    transition: opacity .3s
}

.mdui-card-media .post_list_t_img.mdx-bg-loaded {
    opacity: 1
}

.mdui-theme-layout-dark .links-c-grid,
.mdui-theme-layout-dark .post_list_t_img {
    filter: brightness(.8)
}

.mdui-theme-layout-dark.mdx-always-dark .links-c-grid,
.mdui-theme-layout-dark.mdx-always-dark .post_list_t_img {
    filter: brightness(1)
}

.links-c-grid {
    border-radius: 3px;
    overflow: hidden
}

.links-co-grid>a {
    height: 100%;
    left: 0;
    margin-left: 3px;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: calc(100% - 6px);
    z-index: 2
}

.links-co-grid>a:before {
    display: none !important
}

.mdx-background-404 {
    height: 61.8%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.mdui-theme-layout-dark .mdx-background-404 {
    background-color: #212121 !important
}

.mdx-background-404 span {
    display: inline-block;
    letter-spacing: 0 !important;
    position: relative;
    width: 100%
}

.mdx-background-404 span span {
    display: inline-block;
    margin: -10px 0 0 !important;
    opacity: .54
}

.mdx-main-404 {
    bottom: 0;
    height: 38.2%;
    left: 0;
    position: absolute;
    width: 100%
}

.mdx-main-404 a {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    margin: 10px 20px;
    padding: 0 22px
}

.mdx-main-404 div {
    text-align: center;
    width: 100%
}

.page-tags>article {
    margin: 45px auto;
    max-width: 125pc;
    min-height: 75pt;
    text-align: center
}

ul.mdui-list.ajax-comments {
    padding: 8px 0 0
}

#comments-navi {
    box-sizing: border-box;
    font-size: 18px;
    text-align: center
}

#comments-navi button:disabled {
    margin: 15px 0
}

#comments-navi a {
    border-radius: 3px;
    color: rgba(0, 0, 0, .3);
    display: inline-block;
    margin: 2px 7px;
    padding: 5px 10px;
    text-decoration: none;
    transition: all .2s
}

#comments-navi a.page-numbers {
    margin: 20px 2px
}

#comments-navi a.next,
#comments-navi a.prev {
    padding: 3px 5px
}

#comments-navi span.page-numbers {
    cursor: default;
    display: inline-block;
    margin: 2px 7px;
    padding: 5px
}

.mdui-theme-layout-dark #comments-navi a {
    color: hsla(0, 0%, 100%, .5)
}

#comments-navi a:hover {
    background-color: rgba(0, 0, 0, .15)
}

.mdx-comments-loading {
    display: none;
    width: 100%
}

.mdx-comments-loading>div {
    height: 97px
}

.mdx-comments-loading>div,
.mdx-comments-loading>div>div {
    text-align: center;
    width: 100%
}

.butterBar {
    margin-left: 36%;
    max-width: 40pc;
    position: fixed;
    text-align: center;
    top: 0;
    width: 58%;
    z-index: 800
}

.butterBar--center {
    left: 50%;
    margin-left: -20pc
}

.butterBar-message {
    background: hsla(0, 0%, 100%, .97);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .35);
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 9pt 25px
}

div.nextpage {
    display: none !important
}

.ainList {
    text-decoration: none
}

.ainList>h1 {
    font-weight: 400;
    margin-left: 10px;
    margin-top: 8px
}

article div.mdui-panel.mdui-panel-gapless {
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 20px;
    overflow: hidden
}

article div.mdui-panel.mdui-panel-gapless>div.mdui-panel-item {
    background-color: #f4f4f4
}

.mdui-theme-layout-dark article div.mdui-panel.mdui-panel-gapless>div.mdui-panel-item {
    background-color: #3d3d3d
}

article div.mdui-panel.mdui-panel-gapless>div.mdui-panel-item p {
    margin: 0
}

.mdx-warning {
    border-left-color: #c80000 !important
}

.mdui-theme-layout-dark .mdx-warning>p,
.mdx-warning>p {
    color: #c80000 !important
}

article div.mdui-table-fluid {
    overflow-y: hidden
}

.mdx-reply-time {
    color: rgba(0, 0, 0, .37);
    display: block;
    font-size: 9pt;
    position: absolute;
    right: 10px;
    top: 15px
}

.mdui-theme-layout-dark .mdx-reply-time {
    color: hsla(0, 0%, 100%, .37)
}

.mdx-post-money {
    padding: 0 0 20px;
    text-align: center;
    width: 100%
}

.mdx-post-money>button {
    height: 70px;
    width: 70px
}

#mdx-qrcode-money {
    background-color: #fff !important;
    height: 200px;
    min-width: 200px;
    overflow: hidden;
    padding: 7px;
    width: -moz-fit-content;
    width: fit-content
}

#mdx-qrcode-money>img {
    height: 186px
}

.mdx-admin {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 0 5px;
    padding: 0 3px
}

.mdui-theme-layout-dark .mdx-admin {
    color: #939393
}

.mdx-share-img {
    background-color: #fff;
    box-sizing: border-box;
    height: 700px;
    left: -430px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 430px
}

.mdx-si-head {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 61.8%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mdx-si-head span {
    bottom: 25px;
    font-size: 35px;
    left: 18px;
    padding-right: 18px
}

.mdx-si-head p,
.mdx-si-head span {
    color: #fff;
    display: block;
    font-weight: 700;
    position: absolute
}

.mdx-si-head p {
    font-size: 24px;
    font-weight: 700;
    left: 20px;
    margin: 0;
    max-height: 40px;
    top: 20px
}

.mdx-si-qr {
    float: right;
    height: 70px;
    width: 70px
}

#qrcode img,
.mdx-si-qr img {
    filter: brightness(1)
}

.mdx-si-sum {
    bottom: 0;
    color: #000;
    height: 38.2%;
    left: 0;
    line-height: 25px;
    padding: 18px;
    width: 100%
}

.mdx-si-box,
.mdx-si-sum {
    box-sizing: border-box;
    font-size: 18px;
    position: absolute
}

.mdx-si-box {
    background-color: #f5f5f5;
    border-radius: 7px;
    bottom: 15px;
    color: #8d8d8d;
    left: 2.5%;
    line-height: 70px;
    padding: 8px 8px 8px 9pt;
    width: 95%
}

.mdx-si-time {
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 52px;
    line-height: 33px;
    padding: 5px 0 5px 5px;
    position: absolute;
    right: 22px;
    text-align: center;
    top: 22px
}

.mdx-si-time-2 {
    border-top: 2px solid #fff;
    font-size: 17px;
    opacity: .5;
    padding-top: 3px
}

i.material-icons.mdx-share-icon {
    color: #575757
}

.mdui-theme-layout-dark i.material-icons.mdx-share-icon {
    color: #d7d7d7
}

.mdx-s-img-li {
    cursor: pointer
}

#mdx-share-img {
    display: none;
    position: absolute;
    top: 0
}

.mdui-theme-layout-dark #mdx-qrcode-money img {
    filter: brightness(1)
}

article .mdui-panel-item-title {
    width: 90% !important
}

.mdui-col-xs-2.mdx-first-box {
    max-width: 100%;
    width: auto
}

article a.mdx-img-in-post-with-link:before {
    content: none
}

article img.mdx-img-in-post {
    cursor: zoom-in
}

article>img.mdx-img-in-post {
    margin: 10px 0
}

.mdx-comment-login-needed {
    border-radius: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    max-width: 1800px;
    width: 55%
}

.mdui-theme-layout-dark .mdx-comment-login-needed {
    background-color: #292929 !important;
    border-top-color: hsla(0, 0%, 100%, .08) !important
}

.ArtMain0 .mdx-comment-login-needed,
.mdx-comment-login-needed {
    background-color: #ededed;
    box-sizing: border-box;
    display: block !important;
    padding: 30px
}

.ArtMain0 .mdx-comment-login-needed {
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 0;
    max-width: 6250pc;
    width: 100%
}

.mdx-first-simple {
    background: #f7f7f7
}

.mdui-theme-layout-dark.mdx-first-simple {
    background: #303030
}

.mdx-first-simple .theFirstPageSay {
    height: 38.2%
}

.mdx-first-simple .theFirstPageBackGround {
    height: 43%
}

.mdx-first-simple .main {
    background-color: transparent;
    top: 39%
}

.mdx-first-simple .postList {
    padding: 0
}

.mdx-first-simple .postDiv {
    margin: 0 0 15px
}

.mdx-first-simple .mdxNotice {
    background-color: #ededed;
    border-radius: 2px;
    color: rgba(0, 0, 0, .87);
    margin-bottom: 15px;
    width: 95%
}

.mdui-theme-layout-dark.mdx-first-simple .mdxNotice {
    background-color: #292929 !important;
    color: hsla(0, 0%, 100%, .87)
}

.mdx-search-empty {
    color: rgba(0, 0, 0, .5);
    font-size: 75pt !important;
    padding-bottom: 40px;
    padding-top: 120px
}

.mdx-search-empty-text {
    color: rgba(0, 0, 0, .5);
    font-weight: 400
}

.mdx-search-empty-title {
    font-weight: 700
}

.mdx-search-empty-end {
    padding-bottom: 150px
}

.mdui-theme-layout-dark .mdx-search-empty,
.mdui-theme-layout-dark .mdx-search-empty-text {
    color: hsla(0, 0%, 100%, .5)
}

.mdx-sub-menu-a {
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 4px;
    width: auto !important
}

#submit[disabled] {
    background-color: rgba(0, 0, 0, .12) !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important
}

.mdx-github-cot {
    background-color: #414141;
    color: #fff;
    min-height: 90pt
}

.mdx-github-cot,
.mdx-post-cot {
    border-radius: 5px;
    margin: 10px 0;
    width: 100%
}

.mdx-post-cot {
    border: 1px solid #dadada;
    box-sizing: border-box;
    height: 200px;
    overflow: hidden;
    position: relative
}

.mdui-theme-layout-dark .mdx-post-cot {
    border: 1px solid #535353
}

.mdx-github-wait-out {
    text-align: center;
    width: 100%
}

.mdx-github-wait-out-c,
.mdx-github-wait-out-c2 {
    height: 90pt;
    width: 100%
}

.mdx-post-wait-out-c,
.mdx-post-wait-out-c2 {
    height: 200px;
    width: 100%
}

.mdx-github-wait {
    margin: 0 auto;
    width: 28px
}

.mdx-github-main {
    position: relative
}

.mdx-github-main,
.mdx-post-main {
    box-sizing: border-box;
    height: 100%;
    padding: 15px;
    width: 100%
}

.mdx-post-main {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.mdx-github-icon {
    height: 20px;
    width: 20px
}

.mdx-github-main>a.gh-link>* {
    vertical-align: middle
}

.mdx-post-main>a.post-link {
    font-size: 25px
}

.mdx-post-main>a.post-link:before {
    display: none
}

.mdx-github-main>a.gh-link>span {
    font-size: 15px
}

.mdx-github-main>a.gh-link:before {
    display: none
}

.mdx-github-main>a.gh-link {
    color: #fff;
    opacity: .5
}

.mdx-github-main>a.repo-link {
    color: #fff;
    font-size: 27px;
    line-height: 40px;
    padding-top: 10px;
    word-break: break-all
}

.mdx-github-main>a.repo-link:hover,
.mdx-github-main>a.repo-link>span {
    opacity: .5
}

.mdx-github-main>a.repo-link:before {
    display: none
}

.mdx-post-main>a.arrow-link {
    color: #000;
    font-size: 27px
}

.mdui-theme-layout-dark .mdx-post-main>a.arrow-link {
    color: #fff
}

.mdx-post-main>a.arrow-link:hover {
    opacity: .5
}

.mdx-post-main>a.arrow-link:before {
    display: none
}

.mdx-github-arrow {
    bottom: 7px;
    opacity: .3;
    position: absolute !important;
    right: 9pt;
    transition: all .3s
}

.mdx-github-arrow:hover {
    opacity: 1
}

.mdx-post-card-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(.8);
    height: 100%;
    left: 0;
    opacity: .2;
    top: 0;
    width: 100%;
    z-index: 1
}

.mdx-more-comments {
    height: 57px;
    margin: 20px 0;
    width: 57px
}

.mdx-img-viewer {
    cursor: zoom-out;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.mdx-img-viewer .image-view-alt {
    background-image: linear-gradient(180deg, rgba(36, 36, 36, 0) 0, rgba(36, 36, 36, .8) 80%);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    left: 0;
    line-height: 25px;
    opacity: 0;
    padding: 25px 15px 10px;
    position: absolute;
    transition: all .2s;
    width: 100%
}

.mdx-img-viewer img {
    position: fixed;
    transform: translateZ(0)
}

.mdx-img-viwer img {
    position: fixed;
    transition: all .3s
}

.mdx-tools-up {
    bottom: 88px
}

#mdx-right-drawer {
    background-color: #f5f5f5
}

.mdui-theme-layout-dark #mdx-right-drawer {
    background-color: #252525
}

.mdx-widget-empty {
    color: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%
}

.mdui-theme-layout-dark .mdx-widget-empty {
    color: hsla(0, 0%, 100%, .3)
}

.mdx-widget-empty>div {
    text-align: center;
    width: 100%
}

.mdx-widget-empty>div>i {
    font-size: 70px
}

.mdx-widget {
    margin-bottom: 5px;
    margin-left: 2.5%;
    margin-top: 5px;
    white-space: normal;
    width: 95%
}

.mdx-widget .mdui-card-primary {
    padding: 1pc 1pc 0
}

.mdx-widget table#wp-calendar {
    width: 100%
}

.mdx-widget table#wp-calendar caption {
    opacity: .5;
    text-align: center
}

.mdx-widget ul {
    list-style-type: none;
    padding-left: 0
}

.mdui-list-item-avatar {
    overflow: hidden
}

img.avatar.mdx-avatar-lazyload {
    opacity: 0;
    transition: opacity .3s
}

img.avatar.mdx-avatar-lazyload.lazyloaded {
    opacity: 1
}

.mdx-share-img-loading {
    padding: 200px 0;
    width: 100%
}

.mdui-dialog.mdx-share-img-dialog .mdui-dialog-content {
    padding: 0
}

.mdui-dialog.mdx-share-img-dialog {
    max-width: 430px
}

.mdx-share-img-loaded {
    width: 100%
}

.mdx-share-img-loaded img {
    height: auto;
    width: 100%
}

.mdx-share-img-dialog .mdx-save-info {
    float: left;
    line-height: 36px;
    opacity: .5;
    padding-left: 10px;
    text-align: left
}

.mdx-share-img-dialog .mdx-save-info i {
    font-size: 18px
}

.mdui-fab {
    z-index: 99
}

#mdx-share-wechat-qrcode {
    height: 250px;
    width: 250px
}

.mdx-share-wechat-dialog {
    width: 298px
}

.mdx-share-wechat-dialog .mdui-dialog-content>div.share-wechat-tip {
    padding: 20px 0 0;
    text-align: center
}

.mdx-share-wechat-dialog .mdui-dialog-content>div.share-wechat-tip i {
    font-size: 18px
}

.mdui-theme-layout-dark .mdx-share-wechat-dialog .mdui-dialog-content {
    background: #fff;
    color: rgba(0, 0, 0, .7)
}

.mdui-theme-layout-dark .mdx-share-wechat-dialog .mdui-dialog-content img {
    filter: brightness(1)
}

.mdx-share-in-wechat-dialog {
    width: 300px
}

.mdx-share-in-wechat-dialog .mdui-dialog-content {
    font-size: 17px;
    padding: 35px 24px 15px;
    text-align: center
}

.mdx-share-in-wechat-dialog .mdui-dialog-content i {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 100px;
    font-size: 40px;
    padding: 10px
}

.mdx-ad-in-article,
.mdx-ad-in-list {
    margin: 15px 0;
    width: 100%
}

.mdx-ad-in-list {
    max-width: 700px;
    text-align: left
}

.mdx-ad-in-list.mdx-style-4-ad {
    max-width: 810px;
    width: 810px
}

#left-drawer nav {
    position: relative
}

#mdx-toc {
    left: 0;
    position: absolute;
    top: 8px;
    transition: all .4s;
    width: 100%
}

#mdx-toc a {
    font-size: 17px
}

#mdx-toc a div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 37px)
}

#left-drawer .mdui-tab a {
    min-height: 0;
    min-width: 0;
    padding: 7px
}

#left-drawer .mdui-tab a i {
    font-size: 18px
}

#left-drawer .mdui-tab a label {
    font-size: 12px;
    margin-top: 4px
}

#mdx_menu {
    transition: all .4s
}

.mdx-toc-item-h2 {
    padding-left: 36px
}

.mdx-toc-item-h3,
.mdx-toc-item-h4,
.mdx-toc-item-h5,
.mdx-toc-item-h6 {
    padding-left: 56px
}

.mdx-toc-item.mdx-toc-read {
    opacity: .37
}

.mdx-toc-item span {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-right: 10px;
    padding: 3px 6px
}

.mdui-theme-layout-dark .mdx-toc-item span {
    background-color: hsla(0, 0%, 100%, .2)
}

.mdx-side-title {
    border-bottom: 1px solid #ddd;
    height: 56px;
    transition: all .3s
}

.mdui-theme-layout-dark .mdx-side-title {
    border-bottom: 1px solid #222
}

.mdx-side-title span {
    font-size: 19px;
    font-weight: 700;
    height: 100%;
    line-height: 56px;
    padding-left: 17px
}

.mdx-side-title a {
    text-decoration: none
}

.mdui-typo .mdx-timeline-archives {
    line-height: 1;
    margin-bottom: 30px
}

.mdui-typo .mdx-timeline-archives ul.archives-monthlisting {
    list-style: none;
    padding-left: 0
}

.mdui-typo .mdx-timeline-archives ul.archives-monthlisting a:before {
    display: none
}

.archive-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 4px;
    position: relative
}

.mdx-timeline-archives li a {
    display: block;
    padding: 8px 0;
    white-space: nowrap
}

.mdx-timeline-archives li a span {
    display: inline-block;
    font-size: 12px;
    text-indent: 20px;
    width: 100px
}

.mdx-timeline-archives li a .atitle {
    display: inline-block;
    padding: 0 15px;
    position: relative
}

.mdx-timeline-archives li a .atitle:after {
    background: #ccc;
    border-radius: 6px;
    content: "";
    height: 8px;
    left: -6px;
    position: absolute;
    top: 6px;
    width: 8px
}

.mdui-theme-layout-dark .mdx-timeline-archives li a .atitle:after {
    background: #666
}

.mdx-timeline-archives {
    padding: 10px 0;
    position: relative
}

.mdx-timeline-archives:before {
    background: #e6e6e6;
    content: "";
    height: 95%;
    left: 100px;
    position: absolute;
    top: 30px;
    width: 4px
}

.mdui-theme-layout-dark .mdx-timeline-archives:before {
    background: #414141
}

.m-title {
    margin: 10px 0;
    position: relative
}

.m-title:before {
    background: #fff;
    border-radius: 8px;
    content: "";
    height: 16px;
    left: 94px;
    position: absolute;
    top: 8px;
    width: 16px
}

.mdui-theme-layout-dark .m-title:before {
    background: #303030
}

.m-title:after {
    background: #ccc;
    border-radius: 6px;
    content: "";
    height: 12px;
    left: 96px;
    position: absolute;
    top: 10px;
    width: 12px
}

.mdui-theme-layout-dark .m-title:after {
    background: #666
}

.m-title:hover:after {
    background-color: rgb(var(--mdx-theme-color))
}

body.mdui-theme-accent-red .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff5252
}

body.mdui-theme-accent-pink .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff4081
}

body.mdui-theme-accent-purple .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #e040fb
}

body.mdui-theme-accent-deep-purple .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #7c4dff
}

body.mdui-theme-accent-indigo .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #536dfe
}

body.mdui-theme-accent-blue .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #448aff
}

body.mdui-theme-accent-light-blue .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #40c4ff
}

body.mdui-theme-accent-cyan .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #18ffff
}

body.mdui-theme-accent-teal .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #64ffda
}

body.mdui-theme-accent-green .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #69f0ae
}

body.mdui-theme-accent-light-green .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #b2ff59
}

body.mdui-theme-accent-lime .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #eeff41
}

body.mdui-theme-accent-yellow .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff0
}

body.mdui-theme-accent-amber .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ffd740
}

body.mdui-theme-accent-orange .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ffab40
}

body.mdui-theme-accent-deep-orange .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff6e40
}

.theFirstPageSmall h1 small p {
    margin: 23.4px 0
}

.wp-block-cover {
    border-radius: 2px
}

.wp-block-file {
    background-color: #eee;
    border-radius: 3px;
    padding: 10px;
    text-align: left
}

.mdui-theme-layout-dark .wp-block-file {
    background-color: #3a3a3a
}

.wp-block-file>i {
    line-height: 36px;
    opacity: .7;
    padding-right: 5px
}

.wp-block-file a:first-of-type {
    color: rgba(0, 0, 0, .87);
    line-height: 36px;
    padding-right: 10px
}

.wp-block-file a.mdui-btn {
    float: right
}

.mdui-theme-layout-dark .wp-block-file a:first-of-type {
    color: hsla(0, 0%, 100%, .87)
}

.wp-block-file a:first-of-type:before {
    display: none
}

.mdui-typo blockquote cite {
    color: rgba(0, 0, 0, .54);
    font-size: 86%
}

.mdui-theme-layout-dark .mdui-typo blockquote cite {
    color: hsla(0, 0%, 100%, .7)
}

#comments .mdui-list-item-text {
    color: rgba(0, 0, 0, .54);
    opacity: 1
}

.mdui-theme-layout-dark #comments .mdui-list-item-text {
    color: hsla(0, 0%, 100%, .7);
    opacity: 1
}

#comments .mdui-list-item-title {
    margin: .5em 0
}

.mdx-tworows-title {
    display: none
}

p.ct1-p {
    line-height: 25px;
    margin-top: 10px
}

.mdx-index-img-bg {
    height: 61.8%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

body.mdui-theme-layout-dark .mdx-index-img-bg {
    background-color: #212121 !important
}

.mdx-tworow-search {
    display: none !important
}

.mdui-collapse-item-body .mdui-list-item {
    padding-left: 54px
}

body:not(.mdx-first-simple) .mdx-hot-posts {
    border-radius: 0 !important
}

body.mdx-first-simple .mdx-index-img-bg {
    display: none
}

.ArtMain article h1,
.ArtMain article h2,
.ArtMain article h3,
.ArtMain0 article h1,
.ArtMain0 article h2,
.ArtMain0 article h3 {
    font-weight: 700
}

main .mdx-postlist-simple {
    display: inline-block;
    margin: 15px 0 45px;
    max-width: 700px;
    text-align: left;
    width: 100%
}

main .mdx-postlist-simple h1 {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 7px;
    margin-left: 0;
    margin-top: 20px;
    word-break: break-word
}

main .mdx-postlist-simple.mdx-postlist-simple-has-no-img h1 {
    margin-top: 0
}

.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    background: #f7f7f7;
    border: 20px solid #f7f7f7;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    margin-top: 0
}

.mdx-first-simple.mdx-wide-post-list .mdx-postlist-simple:not(.mdx-postlist-simple-has-no-img) .card-text {
    box-sizing: border-box;
    padding: 0 15px
}

.mdx-wide-post-list.mdx-first-simple .mdx-postlist-simple:not(.mdx-postlist-simple-has-no-img) {
    margin-top: 0
}

.mdx-wide-post-list.mdx-first-simple .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    border: 15px solid #f7f7f7;
    border-bottom: none;
    margin-bottom: 35px
}

body.mdui-theme-layout-dark.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    background: #303030;
    border: 20px solid #303030;
    border-bottom: none
}

main .mdx-postlist-simple p.ct1-p {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

main .mdx-postlist-simple p.ct1-p+p {
    margin-top: 7px
}

main .mdx-postlist-simple div.mdx-fixed-img,
main .mdx-postlist-simple img {
    border-radius: 3px;
    width: 100%
}

main .mdx-postlist-simple div.mdx-fixed-img {
    overflow: hidden;
    padding-top: 61.8%;
    position: relative
}

main .mdx-postlist-simple div.mdx-fixed-img>div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

main .mdx-postlist-simple div.mdx-fixed-img>div.mdx-bg-loaded {
    opacity: 1
}

main .mdx-postlist-simple.mdx-postlist-simple-sta {
    background-color: #efefef;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 10px 20px
}

.mdui-theme-layout-dark main .mdx-postlist-simple.mdx-postlist-simple-sta {
    background-color: #292929
}

main .mdx-postlist-simple.mdx-postlist-simple-sta article {
    font-size: 18px;
    opacity: .8
}

main .mdx-postlist-simple.mdx-postlist-simple-sta>span {
    color: grey;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 5px;
    opacity: .5;
    padding: 8px 0
}

main .mdx-postlist-simple.mdx-postlist-simple-sta article>p,
main div.staDivgaid article p {
    font-size: 18px;
    line-height: 27px;
    margin: 5px 0 15px
}

main div.staDivgaid article p {
    margin: 15px 0
}

main div.staDiv.postDiv article p {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0
}

main .mdx-postlist-simple.mdx-postlist-simple-sta>span i {
    vertical-align: bottom
}

main .mdx-postlist-simple.mdx-postlist-simple-sta>p {
    opacity: .4
}

body.mdx-first-tworows #mdx-search-anim {
    display: none !important
}

div.mdx-widget.widget_search form div.mdui-textfield {
    padding-top: 0
}

#comments .mdui-list-item:hover {
    background-color: transparent !important
}

#comments .mdui-list-item {
    align-items: normal
}

#comments .mdui-list-item p.mdui-typo {
    word-break: break-word
}

#comments .mdui-list-item .mdui-list-item-avatar {
    margin-top: 12px
}

p.comment-form-cookies-consent {
    clear: both;
    padding-left: 9px
}

p.comment-form-cookies-consent>label>label {
    cursor: pointer;
    opacity: .8
}

.mdx-comment-main-input {
    padding-bottom: 24px
}

.mdx-comment-main-input>i {
    bottom: 24px !important;
    margin-top: 2px
}

.mdui-snackbar-action {
    margin-left: 15px;
    min-width: unset
}

.mdx-share-img-dialog .mdui-dialog-content {
    overflow-y: hidden
}

body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article>h3,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo article>h3,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-pink #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-pink article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-pink article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-pink article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-pink article>h3,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-purple #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-purple article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-purple article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-purple article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-purple article>h3,
body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-red #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-red article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-red article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-red article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-red article>h3,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-cookie-notice i.mdui-icon,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-toc-select .mdui-tab-active,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx_menu .current-menu-item,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx_menu .current-menu-item>ul,
body.mdui-theme-layout-dark.mdui-theme-primary-teal #postlist h1,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-progress,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-spinner,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-tab-indicator,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-side-title a,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-toc-item.mdui-list-item-active,
body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-toc-item.mdui-list-item-active>span,
body.mdui-theme-layout-dark.mdui-theme-primary-teal article.searchCard h1,
body.mdui-theme-layout-dark.mdui-theme-primary-teal article>h1,
body.mdui-theme-layout-dark.mdui-theme-primary-teal article>h2,
body.mdui-theme-layout-dark.mdui-theme-primary-teal article>h3 {
    filter: invert(1) hue-rotate(180deg)
}

body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple h3.link-title,
body.mdui-theme-layout-dark.mdui-theme-primary-indigo h3.link-title,
body.mdui-theme-layout-dark.mdui-theme-primary-pink h3.link-title,
body.mdui-theme-layout-dark.mdui-theme-primary-purple h3.link-title,
body.mdui-theme-layout-dark.mdui-theme-primary-red h3.link-title,
body.mdui-theme-layout-dark.mdui-theme-primary-teal h3.link-title {
    color: rgba(0, 0, 0, .87) !important
}

body.mdui-theme-layout-dark input#s::-moz-placeholder {
    color: #b2b2b2 !important
}

body.mdui-theme-layout-dark input#s::placeholder {
    color: #b2b2b2 !important
}

.mdx-lazyload-container {
    display: block;
    margin: 10px 0 !important;
    overflow: hidden;
    position: relative;
    width: 100%
}

.wp-block-gallery .blocks-gallery-item .mdx-lazyload-container {
    margin: 0 !important
}

.mdx-lazyload-container a.mdx-img-in-post-with-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.mdx-lazyload-container a.mdx-img-in-post-with-link>img {
    display: block;
    height: 0;
    opacity: 0;
    position: static;
    transition: opacity .3s
}

.mdx-lazyload-container>img {
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    z-index: 2
}

.mdx-lazyload-container a.mdx-img-in-post-with-link>img.lazyloaded,
.mdx-lazyload-container>img.lazyloaded {
    height: auto;
    opacity: 1
}

.mdx-img-loading-sp {
    background-color: #d8d8d8;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.mdx-img-loading-sp>div {
    display: inline-block;
    filter: grayscale(1);
    opacity: .5;
    text-align: center;
    width: 100%
}

body.mdui-theme-layout-dark .mdx-img-loading-sp {
    background-color: #282828
}

.mdx-img-loaded-no-anim {
    position: static !important;
    transition: opacity 0s !important
}

a.mdx-img-loaded-no-anim {
    transition: opacity .3s !important
}

article a.mdx-nonlazy-link {
    width: 100%
}

article a.mdx-nonlazy-link:before {
    display: none
}

.mdui-card.lazyload {
    transition: background .3s
}

a.mdx-img-in-post-with-link {
    width: 100%
}

#mdx-cookie-notice {
    background-color: #fff;
    border-radius: 2px;
    bottom: -400px;
    box-sizing: border-box;
    opacity: 0;
    padding: 20px;
    position: fixed;
    right: 20px;
    transition: bottom .4s;
    width: 400px;
    z-index: 999
}

body.mdui-theme-layout-dark #mdx-cookie-notice {
    background-color: #212121
}

body.mdui-theme-layout-dark #mdx-cookie-notice p {
    color: hsla(0, 0%, 100%, .87)
}

#mdx-cookie-notice.mdx-cookie-notice-show {
    bottom: 20px;
    opacity: 1
}

#mdx-cookie-notice p {
    color: rgba(0, 0, 0, .87);
    display: inline-block;
    font-size: 16px;
    line-height: 25px;
    margin-top: 0;
    vertical-align: top;
    width: calc(100% - 34px)
}

#mdx-cookie-notice button {
    float: right
}

#mdx-cookie-notice i.mdui-icon {
    display: inline-block;
    padding-right: 10px
}

#mdx_menu li.menu-item i.mdui-icon {
    vertical-align: sub;
    width: 22px
}

body.mdui-theme-layout-dark>.mdui-progress {
    background-color: transparent !important
}

article.mdui-typo h1 {
    font-size: 2.5em
}

.PostMain article.mdui-typo h1:first-child,
.PostMain article.mdui-typo h2:first-child,
.PostMain article.mdui-typo h3:first-child {
    margin-top: 5px
}

#mdx-toc-select {
    overflow: hidden
}

#mdx-toc-preview {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 50vh;
    transform: translateY(-14px);
    transition: all .2s;
    z-index: 30
}

#mdx-toc-preview.mdx-toc-preview-show {
    opacity: 1
}

#mdx-toc-preview.mdx-toc-preview-show:hover {
    cursor: pointer;
    filter: brightness(.7)
}

.mdui-theme-layout-dark #mdx-toc-preview.mdx-toc-preview-show:hover {
    cursor: pointer;
    filter: brightness(1.3)
}

#mdx-toc-preview .mdx-toc-preview-item {
    border-radius: 0 2px 2px 0;
    height: 8px;
    margin: 12px 0;
    opacity: .15;
    transition: opacity .2s;
    width: 40px
}

#mdx-toc-preview .mdx-toc-preview-item:not(.mdx-toc-preview-item-active) {
    background-color: #969696 !important
}

#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active {
    opacity: .8
}

#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-h2 {
    width: 30px
}

#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-h3 {
    width: 15px
}

.mdx-sn-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin: 3px;
    opacity: .53;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 25px
}

.mdui-theme-layout-dark .mdx-sn-icon {
    filter: invert(1)
}

.mdx-sn-icon.mdx_sn_qq {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M203.667 425.126c-4.827 11.263 1.609 19.305 0 62.742 0 11.263-51.483 65.962-72.396 122.268-20.914 54.7-22.523 112.617 8.043 136.749 30.567 22.523 59.525-75.615 64.353-61.134 1.609 6.434 3.219 12.87 6.434 19.305 9.653 27.348 27.348 56.308 51.483 83.658 4.827 6.434-30.567 16.09-51.483 51.483-20.914 35.394 6.434 99.747 111.006 99.747 135.137 0 164.097-46.657 167.315-46.657h20.914c12.87 0 8.043 1.609 19.305 0 6.434 0 72.396 56.308 162.49 46.657 154.447-16.09 130.311-67.569 119.053-99.747-12.87-33.786-57.917-49.872-54.7-51.483 37.003-40.22 43.437-65.962 54.7-102.962 4.827-16.09 40.22 85.266 69.178 61.134 11.263-9.653 33.786-49.872 11.263-136.749-22.523-85.266-67.569-106.181-65.962-122.268 1.609-33.786 1.609-56.308-1.609-62.742-8.043-28.959-25.741-22.523-25.741-28.959 0-170.532-127.095-307.279-284.757-307.279S227.799 227.245 227.799 396.168c-1.609 12.87-14.478 3.219-24.132 28.959z'/%3E%3C/svg%3E");
    cursor: default
}

.mdx-sn-icon.mdx_sn_wechat {
    background-image: url(./img/social-icons/wechat.svg);
    cursor: default
}

.mdx-sn-icon.mdx_sn_weibo {
    background-image: url(./img/social-icons/weibo.svg)
}

.mdx-sn-icon.mdx_sn_zhihu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z'/%3E%3C/svg%3E");
    margin: 3px 1px
}

.mdx-sn-icon.mdx_sn_bilibili {
    background-image: url(./img/social-icons/bilibili.svg);
    margin: 3px 2px;
    transform: scale(.95)
}

.mdx-sn-icon.mdx_sn_neteasemusic {
    background-image: url(./img/social-icons/neteasemusic.svg);
    transform: translateY(.5px)
}

.mdx-sn-icon.mdx_sn_coolapk {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1073 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M410.665 49.79c108.643-20.313 224.414 2.546 317.783 61.449 75.755 47.551 136.848 118.316 172.23 200.536 45.005 102.993 48.62 223.243 10.488 328.933-32.175 90.57-95 169.685-175.336 222.224-73.922 48.874-162.812 74.737-251.396 73.108-96.22-.56-191.678-34.008-267.636-92.86-81.202-62.315-139.8-153.242-162.506-253.077-22.554-95.762-11.658-198.652 29.63-287.848C143.232 171.62 269.185 74.025 410.665 49.79m-164.34 302.917c-62.772 42.256-88.889 129.415-59.717 199.214 19.193 49.077 63.027 87.565 114.192 100.242 58.751 14.153 122.899-1.833 169.736-39.66 67.762-53.353 105.18-132.977 150.695-204.049 21.179 38.743 43.579 76.876 64.707 115.67-22.298-15.58-43.783-32.176-65.674-48.213-16.75 11.608-34.212 22.197-50.096 35.078 62.162 46.48 124.934 92.147 187.146 138.578 12.627 10.894 35.74 9.774 44.242-5.754 5.6-10.385 4.989-23.826-1.273-33.804-51.47-91.231-102.584-182.667-153.852-274.05-8.756-17.667-36.502-19.347-47.091-2.649-36.25 56.104-66.185 116.23-105.64 170.245-25.76 34.925-56.613 68.933-97.9 85.122-34.467 13.237-75.603 14.154-108.237-4.683-33.702-18.786-56.51-56.358-55.492-95.151.102-38.388 23.165-75.094 56.816-93.014 33.092-18.328 73.77-16.495 108.643-4.48 37.674 13.033 66.54 41.695 97.647 65.368 16.443-11.505 34.212-21.483 49.433-34.415-23.774-21.382-49.84-40.932-75.652-60.074-63.69-45.26-156.753-56.51-222.632-9.52z'/%3E%3C/svg%3E");
    transform: scale(1.1) translateY(.7px)
}

.mdx-sn-icon.mdx_sn_douban {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M88 72.9h848v95.5H88z'/%3E%3Cpath d='M88 72.9h848v95.5H88zm774.3 568.6V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4z'/%3E%3Cpath d='M862.3 641.5V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4zm447.4 493.3c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3Cpath d='M710.8 856.7c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3C/svg%3E");
    margin: 3px 0;
    transform: scale(.85) translateY(.5px)
}

.mdx-sn-icon.mdx_sn_github {
    background-image: url(./img/social-icons/github.svg);
    transform: scale(.9)
}

.mdx-sn-icon.mdx_sn_facebook {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M128 30.602h768c53.02 0 96 42.98 96 96v769.03c0 53.02-42.98 96-96 96H671.566V622.098h124.712l18.69-144.838H671.566v-92.368c0-42.05 11.504-70.444 71.882-70.444H820V185.064c-13.298-1.798-58.942-5.75-111.772-5.75-110.696 0-186.174 67.564-186.174 191.2V477.26H396.98v144.838h125.074v369.536H128c-53.02 0-96-42.98-96-96V126.602c0-53.018 42.98-96 96-96z'/%3E%3C/svg%3E");
    transform: scale(.9)
}

.mdx-sn-icon.mdx_sn_twitter {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M895.696 312.957c0 325.951-214.113 560.666-529.027 570.967-133.177 10.3-224.414-30.167-306.086-91.237 91.237 10.3 214.113-19.867 274.447-81.672-91.237 0-142.742-51.505-172.909-121.404h81.672c-81.672-30.903-143.478-91.973-143.478-193.511 19.867 10.3 40.468 19.866 81.672 19.866-71.37-40.468-111.839-172.909-61.07-254.58 91.237 101.537 203.076 193.51 387.758 203.075C457.17 161.385 722.787 58.376 834.626 191.552c51.505-10.3 81.672-30.167 121.404-51.504-10.3 51.504-40.468 81.671-81.672 101.538 40.468 0 71.371-10.301 101.538-30.167-9.565 40.468-50.033 81.671-80.2 101.538z'/%3E%3C/svg%3E");
    margin: 3px 2px
}

.mdx-sn-icon.mdx_sn_telegram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 16C238 16 16 238 16 512s222 496 496 496 496-222 496-496S786 16 512 16zm243.6 339.8l-81.4 383.6c-6 27.2-22.2 33.8-44.8 21l-124-91.4-59.8 57.6c-6.6 6.6-12.2 12.2-25 12.2l8.8-126.2L659.2 405c10-8.8-2.2-13.8-15.4-5l-284 178.8-122.4-38.2c-26.6-8.4-27.2-26.6 5.6-39.4l478.2-184.4c22.2-8 41.6 5.4 34.4 39z'/%3E%3C/svg%3E");
    transform: scale(.95)
}

.mdx-sn-icon.mdx_sn_steam {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M1008 512c0 274-222.4 496-496.8 496-227.6 0-419.2-152.6-478-360.8l190.4 78.6c12.8 64.2 69.8 112.8 137.8 112.8 78.4 0 143.8-64.8 140.4-147l169-120.4c104.2 2.6 191.6-81.8 191.6-187 0-103.2-84-187-187.4-187s-187.4 84-187.4 187v2.4L369.2 558c-31-1.8-61.4 6.8-87 24.2L16 472.2C36.4 216.8 250.2 16 511.2 16 785.6 16 1008 238 1008 512zM327.4 768.6l-61-25.2a105.58 105.58 0 0054.4 51.6c53.8 22.4 115.6-3.2 138-56.8 10.8-26 11-54.6.2-80.6-10.8-26-31-46.4-57-57.2-25.8-10.8-53.4-10.4-77.8-1.2l63 26c39.6 16.4 58.4 61.8 41.8 101.4-16.6 39.8-62 58.4-101.6 42zM675 508.8c-68.8 0-124.8-56-124.8-124.6s56-124.6 124.8-124.6 124.8 56 124.8 124.6S744 508.8 675 508.8zm.2-31.2c51.8 0 93.8-42 93.8-93.6 0-51.8-42-93.6-93.8-93.6s-93.8 42-93.8 93.6c.2 51.6 42.2 93.6 93.8 93.6z'/%3E%3C/svg%3E");
    transform: scale(.95)
}

.mdx-sn-icon.mdx_sn_whatsapp {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M67.68 966.592c17.056-48.096 29.472-94.656 48.096-139.648 9.312-23.264 7.744-41.888-7.744-63.616-57.408-86.88-79.136-183.072-71.36-287.04C52.192 263.744 205.792 88.416 409.024 44.96c259.104-55.84 512 103.936 569.408 363.04 57.408 260.64-108.608 507.36-352.192 566.304-128.768 31.04-249.792 10.848-363.04-57.408-10.848-6.208-20.16-6.208-31.04-3.104-49.632 17.056-99.296 32.576-148.96 48.096-4.64 1.568-7.744 1.568-15.52 4.64zm153.6-594.24c1.536 15.52 3.104 31.04 7.744 46.56 9.312 43.456 34.144 80.672 55.84 117.92C364 664.064 472.608 750.944 616.896 794.4c52.736 15.52 99.296 7.744 145.856-21.728 37.248-23.264 48.096-58.944 49.664-99.296 0-6.208-4.64-17.056-9.312-20.16-40.352-21.728-82.24-43.456-122.56-65.152-12.416-6.208-23.264-3.104-32.576 7.744-15.52 17.056-31.04 35.68-44.992 52.736-7.744 10.848-18.624 10.848-29.472 6.208-85.344-37.248-148.96-97.76-192.384-178.432-6.208-12.416-4.64-21.728 4.64-31.04 12.416-13.952 24.832-27.936 35.68-43.456 4.64-7.744 7.744-21.728 4.64-29.472-13.952-41.888-31.04-83.776-46.56-124.128a26.784 26.784 0 00-18.624-15.52c-10.848-3.104-23.264-3.104-34.144-3.104-17.056-1.536-32.576 4.64-44.992 15.52-38.784 32.576-58.944 74.464-60.512 127.232z'/%3E%3C/svg%3E");
    margin: 3px 2px;
    transform: scale(.96)
}

.mdx-sn-icon.mdx_sn_instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M375.467 512a136.533 136.533 0 10273.066 0 136.533 136.533 0 10-273.066 0z'/%3E%3Cpath d='M682.633 102.4H341.299C209.58 102.4 102.4 209.613 102.4 341.367v341.334c0 131.72 107.213 238.899 238.967 238.899h341.334c131.72 0 238.899-107.213 238.899-238.967V341.299c0-131.72-107.213-238.899-238.967-238.899zM512 716.8c-112.947 0-204.8-91.853-204.8-204.8S399.053 307.2 512 307.2 716.8 399.053 716.8 512 624.947 716.8 512 716.8zm238.933-409.6a34.133 34.133 0 110-68.267 34.133 34.133 0 010 68.267z'/%3E%3C/svg%3E");
    margin: 3px 2px;
    transform: scale(1.05)
}

.mdx-sn-icon.mdx_sn_dribbble {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 96C282.592 96 96 282.592 96 512s186.592 416 416 416 416-186.592 416-416S741.408 96 512 96zm275.104 191.808a353.216 353.216 0 0180.192 221.376c-11.712-2.496-129.184-26.272-247.392-11.392-2.496-6.08-4.992-12.192-7.616-18.304A1086.4 1086.4 0 00588.704 428C720 374.304 779.616 297.984 787.104 287.808zM512 157.184c90.304 0 172.8 33.92 235.52 89.504-6.4 9.12-59.904 81.024-186.24 128.416a1880.8 1880.8 0 00-132.576-208 354.47 354.47 0 0183.296-9.92zM360.896 191.04c9.408 12.8 72.896 100.896 131.712 205.504C326.4 440.64 180 440.032 164.096 439.84a356.8 356.8 0 01196.8-248.8zM156.704 512.512c0-3.616.096-7.296.192-10.912 15.52.32 187.712 2.496 365.216-50.592 10.176 19.904 19.904 40.096 28.8 60.288-4.704 1.28-9.408 2.72-14.016 4.192C353.6 574.912 256.096 736.384 248 750.112a354.112 354.112 0 01-91.296-237.6zM512 867.808c-82.208 0-157.888-28-218.112-75.008 6.4-13.12 78.304-152 278.72-221.888l2.304-.8c49.888 129.6 70.496 238.304 75.776 269.504A350.464 350.464 0 01512 867.776zm198.496-60.704c-3.584-21.6-22.496-125.6-68.992-253.312 111.392-17.792 209.184 11.424 221.28 15.2a355.52 355.52 0 01-152.288 238.08z'/%3E%3C/svg%3E");
    margin: 3px 1px;
    transform: scale(1.05)
}

.mdx-sn-icon.mdx_sn_behance {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1152 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M464 474.4c63.6-30.4 96.8-76.4 96.8-148 0-141.2-105.2-175.6-226.6-175.6H0v708.8h343.6c128.8 0 249.8-61.8 249.8-205.8 0-89-42.2-154.8-129.4-179.4zM155.8 271.8H302c56.2 0 106.8 15.8 106.8 81 0 60.2-39.4 84.4-95 84.4h-158V271.8zm166.6 467.4H155.8V544h169.8c68.6 0 112 28.6 112 101.2 0 71.6-51.8 94-115.2 94zm717-481.4H752V188h287.4v69.8zM1152 610.4c0-151.8-88.8-278.4-249.8-278.4-156.4 0-262.6 117.6-262.6 271.6 0 159.8 100.6 269.4 262.6 269.4 122.6 0 202-55.2 240.2-172.6H1018c-13.4 43.8-68.6 67-111.4 67-82.6 0-126-48.4-126-130.6h370.2c.6-8.4 1.2-17.4 1.2-26.4zM780.8 548c4.6-67.4 49.4-109.6 117-109.6 70.8 0 106.4 41.6 112.4 109.6H780.8z'/%3E%3C/svg%3E");
    margin: 3px 4px;
    transform: scale(1.05)
}

.mdx-sn-icon.mdx_sn_tel {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M410.4 331.1l-95.2 96.8c49.6 110 154.7 232.6 276.6 273.8l82.3-82s195.1 34 238.9 55.3c38 18.4 50.6 59.3 44.6 109.7-6.4 54.2-77.3 173.6-205.2 174.9-127.9 1.3-316.2-95-451.1-237.2C166.4 580.2 46.1 400.1 65.4 247 84.6 94.1 217.9 66.7 251.3 64.2c33.7-2.5 60.5 7.4 80.8 32.6 26.1 32.5 78.3 234.3 78.3 234.3zm0 0'/%3E%3C/svg%3E");
    margin: 3px 1px;
    transform: scale(.9)
}

.mdx-sn-icon.mdx_sn_email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M204.8 213.333h614.4c41.932 0 76.296 33.113 76.795 73.77L512.19 495.614 128.387 287.306c.383-40.75 34.411-73.973 76.413-73.973zm-76.452 153.812L128 736c0 41.067 34.56 74.667 76.8 74.667h614.4c42.24 0 76.8-33.6 76.8-74.667V366.96L521.194 565.72a19.683 19.683 0 01-18.388 0L128.348 367.146z'/%3E%3C/svg%3E");
    margin: 3px 0;
    transform: scale(1.15)
}

.mdx-sn-icon.mdx_sn_personalpage {
    background-image: url(./img/social-icons/personalpage.svg);
    transform: scale(.97)
}

.mdx-sn-icon.mdx_sn_rss {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M265 759a118 118 0 01-84 203c-33 0-62-14-84-35-23-22-36-53-36-83a118 118 0 01119-119c34-1 63 12 85 34zM61 368v172a419 419 0 01420 423h172A592 592 0 0061 368zm0-307v172c403 0 730 327 730 730h172A902 902 0 0061 61z'/%3E%3C/svg%3E");
    margin: 3px 3px 2px 0;
    transform: scale(.83)
}

.mdx-sn-wechat-qr {
    position: relative
}

.mdx-sn-wechat-qr:after {
    background-color: #fff;
    background-image: var(--background);
    background-position: 50%;
    background-size: contain;
    border-radius: 2px;
    bottom: 45px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    content: " ";
    display: block;
    height: 0;
    left: 12.5px;
    opacity: 0;
    position: absolute;
    transition: all .2s;
    width: 0
}

.mdx-sn-wechat-qr:hover:after {
    height: 200px;
    left: -87.5px;
    opacity: 1;
    width: 200px
}

li.menu-item .mdx-sn-icon {
    background-image: none;
    cursor: inherit;
    height: 22px;
    margin: 0 9pt 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: 1;
    vertical-align: sub;
    width: 22px
}

.mdui-theme-layout-dark li.menu-item .mdx-sn-icon {
    filter: invert(0) !important
}

li.menu-item .mdx-sn-icon.mdx_sn_qq {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M203.667 425.126c-4.827 11.263 1.609 19.305 0 62.742 0 11.263-51.483 65.962-72.396 122.268-20.914 54.7-22.523 112.617 8.043 136.749 30.567 22.523 59.525-75.615 64.353-61.134 1.609 6.434 3.219 12.87 6.434 19.305 9.653 27.348 27.348 56.308 51.483 83.658 4.827 6.434-30.567 16.09-51.483 51.483-20.914 35.394 6.434 99.747 111.006 99.747 135.137 0 164.097-46.657 167.315-46.657h20.914c12.87 0 8.043 1.609 19.305 0 6.434 0 72.396 56.308 162.49 46.657 154.447-16.09 130.311-67.569 119.053-99.747-12.87-33.786-57.917-49.872-54.7-51.483 37.003-40.22 43.437-65.962 54.7-102.962 4.827-16.09 40.22 85.266 69.178 61.134 11.263-9.653 33.786-49.872 11.263-136.749-22.523-85.266-67.569-106.181-65.962-122.268 1.609-33.786 1.609-56.308-1.609-62.742-8.043-28.959-25.741-22.523-25.741-28.959 0-170.532-127.095-307.279-284.757-307.279S227.799 227.245 227.799 396.168c-1.609 12.87-14.478 3.219-24.132 28.959z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M203.667 425.126c-4.827 11.263 1.609 19.305 0 62.742 0 11.263-51.483 65.962-72.396 122.268-20.914 54.7-22.523 112.617 8.043 136.749 30.567 22.523 59.525-75.615 64.353-61.134 1.609 6.434 3.219 12.87 6.434 19.305 9.653 27.348 27.348 56.308 51.483 83.658 4.827 6.434-30.567 16.09-51.483 51.483-20.914 35.394 6.434 99.747 111.006 99.747 135.137 0 164.097-46.657 167.315-46.657h20.914c12.87 0 8.043 1.609 19.305 0 6.434 0 72.396 56.308 162.49 46.657 154.447-16.09 130.311-67.569 119.053-99.747-12.87-33.786-57.917-49.872-54.7-51.483 37.003-40.22 43.437-65.962 54.7-102.962 4.827-16.09 40.22 85.266 69.178 61.134 11.263-9.653 33.786-49.872 11.263-136.749-22.523-85.266-67.569-106.181-65.962-122.268 1.609-33.786 1.609-56.308-1.609-62.742-8.043-28.959-25.741-22.523-25.741-28.959 0-170.532-127.095-307.279-284.757-307.279S227.799 227.245 227.799 396.168c-1.609 12.87-14.478 3.219-24.132 28.959z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_wechat {
    -webkit-mask-image: url(./img/social-icons/wechat.svg);
    mask-image: url(./img/social-icons/wechat.svg)
}

li.menu-item .mdx-sn-icon.mdx_sn_weibo {
    -webkit-mask-image: url(./img/social-icons/weibo.svg);
    mask-image: url(./img/social-icons/weibo.svg)
}

li.menu-item .mdx-sn-icon.mdx_sn_zhihu {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z'/%3E%3C/svg%3E");
    transform: scale(1.15)
}

li.menu-item .mdx-sn-icon.mdx_sn_bilibili {
    -webkit-mask-image: url(./img/social-icons/bilibili.svg);
    mask-image: url(./img/social-icons/bilibili.svg)
}

li.menu-item .mdx-sn-icon.mdx_sn_neteasemusic {
    -webkit-mask-image: url(./img/social-icons/neteasemusic.svg);
    mask-image: url(./img/social-icons/neteasemusic.svg)
}

li.menu-item .mdx-sn-icon.mdx_sn_coolapk {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1073 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M410.665 49.79c108.643-20.313 224.414 2.546 317.783 61.449 75.755 47.551 136.848 118.316 172.23 200.536 45.005 102.993 48.62 223.243 10.488 328.933-32.175 90.57-95 169.685-175.336 222.224-73.922 48.874-162.812 74.737-251.396 73.108-96.22-.56-191.678-34.008-267.636-92.86-81.202-62.315-139.8-153.242-162.506-253.077-22.554-95.762-11.658-198.652 29.63-287.848C143.232 171.62 269.185 74.025 410.665 49.79m-164.34 302.917c-62.772 42.256-88.889 129.415-59.717 199.214 19.193 49.077 63.027 87.565 114.192 100.242 58.751 14.153 122.899-1.833 169.736-39.66 67.762-53.353 105.18-132.977 150.695-204.049 21.179 38.743 43.579 76.876 64.707 115.67-22.298-15.58-43.783-32.176-65.674-48.213-16.75 11.608-34.212 22.197-50.096 35.078 62.162 46.48 124.934 92.147 187.146 138.578 12.627 10.894 35.74 9.774 44.242-5.754 5.6-10.385 4.989-23.826-1.273-33.804-51.47-91.231-102.584-182.667-153.852-274.05-8.756-17.667-36.502-19.347-47.091-2.649-36.25 56.104-66.185 116.23-105.64 170.245-25.76 34.925-56.613 68.933-97.9 85.122-34.467 13.237-75.603 14.154-108.237-4.683-33.702-18.786-56.51-56.358-55.492-95.151.102-38.388 23.165-75.094 56.816-93.014 33.092-18.328 73.77-16.495 108.643-4.48 37.674 13.033 66.54 41.695 97.647 65.368 16.443-11.505 34.212-21.483 49.433-34.415-23.774-21.382-49.84-40.932-75.652-60.074-63.69-45.26-156.753-56.51-222.632-9.52z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1073 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M410.665 49.79c108.643-20.313 224.414 2.546 317.783 61.449 75.755 47.551 136.848 118.316 172.23 200.536 45.005 102.993 48.62 223.243 10.488 328.933-32.175 90.57-95 169.685-175.336 222.224-73.922 48.874-162.812 74.737-251.396 73.108-96.22-.56-191.678-34.008-267.636-92.86-81.202-62.315-139.8-153.242-162.506-253.077-22.554-95.762-11.658-198.652 29.63-287.848C143.232 171.62 269.185 74.025 410.665 49.79m-164.34 302.917c-62.772 42.256-88.889 129.415-59.717 199.214 19.193 49.077 63.027 87.565 114.192 100.242 58.751 14.153 122.899-1.833 169.736-39.66 67.762-53.353 105.18-132.977 150.695-204.049 21.179 38.743 43.579 76.876 64.707 115.67-22.298-15.58-43.783-32.176-65.674-48.213-16.75 11.608-34.212 22.197-50.096 35.078 62.162 46.48 124.934 92.147 187.146 138.578 12.627 10.894 35.74 9.774 44.242-5.754 5.6-10.385 4.989-23.826-1.273-33.804-51.47-91.231-102.584-182.667-153.852-274.05-8.756-17.667-36.502-19.347-47.091-2.649-36.25 56.104-66.185 116.23-105.64 170.245-25.76 34.925-56.613 68.933-97.9 85.122-34.467 13.237-75.603 14.154-108.237-4.683-33.702-18.786-56.51-56.358-55.492-95.151.102-38.388 23.165-75.094 56.816-93.014 33.092-18.328 73.77-16.495 108.643-4.48 37.674 13.033 66.54 41.695 97.647 65.368 16.443-11.505 34.212-21.483 49.433-34.415-23.774-21.382-49.84-40.932-75.652-60.074-63.69-45.26-156.753-56.51-222.632-9.52z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_douban {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M88 72.9h848v95.5H88z'/%3E%3Cpath d='M88 72.9h848v95.5H88zm774.3 568.6V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4z'/%3E%3Cpath d='M862.3 641.5V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4zm447.4 493.3c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3Cpath d='M710.8 856.7c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M88 72.9h848v95.5H88z'/%3E%3Cpath d='M88 72.9h848v95.5H88zm774.3 568.6V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4z'/%3E%3Cpath d='M862.3 641.5V268H161.7v373.5h700.6zM263.4 363.4h498.4v182.5H263.4V363.4zm447.4 493.3c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3Cpath d='M710.8 856.7c30.5-46.7 59.3-100.8 85.9-162.2l-102-37.2c-26.5 72.8-57.4 139.4-92.5 199.4H424.9c-29.4-77.8-62.6-144.3-99.8-199.4l-93.8 37.2c38.6 58 69.9 111.9 93.8 162.2H64v94.5h896v-94.5H710.8z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_github {
    -webkit-mask-image: url(./img/social-icons/github.svg);
    mask-image: url(./img/social-icons/github.svg)
}

li.menu-item .mdx-sn-icon.mdx_sn_facebook {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M128 30.602h768c53.02 0 96 42.98 96 96v769.03c0 53.02-42.98 96-96 96H671.566V622.098h124.712l18.69-144.838H671.566v-92.368c0-42.05 11.504-70.444 71.882-70.444H820V185.064c-13.298-1.798-58.942-5.75-111.772-5.75-110.696 0-186.174 67.564-186.174 191.2V477.26H396.98v144.838h125.074v369.536H128c-53.02 0-96-42.98-96-96V126.602c0-53.018 42.98-96 96-96z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M128 30.602h768c53.02 0 96 42.98 96 96v769.03c0 53.02-42.98 96-96 96H671.566V622.098h124.712l18.69-144.838H671.566v-92.368c0-42.05 11.504-70.444 71.882-70.444H820V185.064c-13.298-1.798-58.942-5.75-111.772-5.75-110.696 0-186.174 67.564-186.174 191.2V477.26H396.98v144.838h125.074v369.536H128c-53.02 0-96-42.98-96-96V126.602c0-53.018 42.98-96 96-96z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_twitter {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M895.696 312.957c0 325.951-214.113 560.666-529.027 570.967-133.177 10.3-224.414-30.167-306.086-91.237 91.237 10.3 214.113-19.867 274.447-81.672-91.237 0-142.742-51.505-172.909-121.404h81.672c-81.672-30.903-143.478-91.973-143.478-193.511 19.867 10.3 40.468 19.866 81.672 19.866-71.37-40.468-111.839-172.909-61.07-254.58 91.237 101.537 203.076 193.51 387.758 203.075C457.17 161.385 722.787 58.376 834.626 191.552c51.505-10.3 81.672-30.167 121.404-51.504-10.3 51.504-40.468 81.671-81.672 101.538 40.468 0 71.371-10.301 101.538-30.167-9.565 40.468-50.033 81.671-80.2 101.538z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M895.696 312.957c0 325.951-214.113 560.666-529.027 570.967-133.177 10.3-224.414-30.167-306.086-91.237 91.237 10.3 214.113-19.867 274.447-81.672-91.237 0-142.742-51.505-172.909-121.404h81.672c-81.672-30.903-143.478-91.973-143.478-193.511 19.867 10.3 40.468 19.866 81.672 19.866-71.37-40.468-111.839-172.909-61.07-254.58 91.237 101.537 203.076 193.51 387.758 203.075C457.17 161.385 722.787 58.376 834.626 191.552c51.505-10.3 81.672-30.167 121.404-51.504-10.3 51.504-40.468 81.671-81.672 101.538 40.468 0 71.371-10.301 101.538-30.167-9.565 40.468-50.033 81.671-80.2 101.538z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_telegram {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 16C238 16 16 238 16 512s222 496 496 496 496-222 496-496S786 16 512 16zm243.6 339.8l-81.4 383.6c-6 27.2-22.2 33.8-44.8 21l-124-91.4-59.8 57.6c-6.6 6.6-12.2 12.2-25 12.2l8.8-126.2L659.2 405c10-8.8-2.2-13.8-15.4-5l-284 178.8-122.4-38.2c-26.6-8.4-27.2-26.6 5.6-39.4l478.2-184.4c22.2-8 41.6 5.4 34.4 39z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 16C238 16 16 238 16 512s222 496 496 496 496-222 496-496S786 16 512 16zm243.6 339.8l-81.4 383.6c-6 27.2-22.2 33.8-44.8 21l-124-91.4-59.8 57.6c-6.6 6.6-12.2 12.2-25 12.2l8.8-126.2L659.2 405c10-8.8-2.2-13.8-15.4-5l-284 178.8-122.4-38.2c-26.6-8.4-27.2-26.6 5.6-39.4l478.2-184.4c22.2-8 41.6 5.4 34.4 39z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_steam {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M1008 512c0 274-222.4 496-496.8 496-227.6 0-419.2-152.6-478-360.8l190.4 78.6c12.8 64.2 69.8 112.8 137.8 112.8 78.4 0 143.8-64.8 140.4-147l169-120.4c104.2 2.6 191.6-81.8 191.6-187 0-103.2-84-187-187.4-187s-187.4 84-187.4 187v2.4L369.2 558c-31-1.8-61.4 6.8-87 24.2L16 472.2C36.4 216.8 250.2 16 511.2 16 785.6 16 1008 238 1008 512zM327.4 768.6l-61-25.2a105.58 105.58 0 0054.4 51.6c53.8 22.4 115.6-3.2 138-56.8 10.8-26 11-54.6.2-80.6-10.8-26-31-46.4-57-57.2-25.8-10.8-53.4-10.4-77.8-1.2l63 26c39.6 16.4 58.4 61.8 41.8 101.4-16.6 39.8-62 58.4-101.6 42zM675 508.8c-68.8 0-124.8-56-124.8-124.6s56-124.6 124.8-124.6 124.8 56 124.8 124.6S744 508.8 675 508.8zm.2-31.2c51.8 0 93.8-42 93.8-93.6 0-51.8-42-93.6-93.8-93.6s-93.8 42-93.8 93.6c.2 51.6 42.2 93.6 93.8 93.6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M1008 512c0 274-222.4 496-496.8 496-227.6 0-419.2-152.6-478-360.8l190.4 78.6c12.8 64.2 69.8 112.8 137.8 112.8 78.4 0 143.8-64.8 140.4-147l169-120.4c104.2 2.6 191.6-81.8 191.6-187 0-103.2-84-187-187.4-187s-187.4 84-187.4 187v2.4L369.2 558c-31-1.8-61.4 6.8-87 24.2L16 472.2C36.4 216.8 250.2 16 511.2 16 785.6 16 1008 238 1008 512zM327.4 768.6l-61-25.2a105.58 105.58 0 0054.4 51.6c53.8 22.4 115.6-3.2 138-56.8 10.8-26 11-54.6.2-80.6-10.8-26-31-46.4-57-57.2-25.8-10.8-53.4-10.4-77.8-1.2l63 26c39.6 16.4 58.4 61.8 41.8 101.4-16.6 39.8-62 58.4-101.6 42zM675 508.8c-68.8 0-124.8-56-124.8-124.6s56-124.6 124.8-124.6 124.8 56 124.8 124.6S744 508.8 675 508.8zm.2-31.2c51.8 0 93.8-42 93.8-93.6 0-51.8-42-93.6-93.8-93.6s-93.8 42-93.8 93.6c.2 51.6 42.2 93.6 93.8 93.6z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_whatsapp {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M67.68 966.592c17.056-48.096 29.472-94.656 48.096-139.648 9.312-23.264 7.744-41.888-7.744-63.616-57.408-86.88-79.136-183.072-71.36-287.04C52.192 263.744 205.792 88.416 409.024 44.96c259.104-55.84 512 103.936 569.408 363.04 57.408 260.64-108.608 507.36-352.192 566.304-128.768 31.04-249.792 10.848-363.04-57.408-10.848-6.208-20.16-6.208-31.04-3.104-49.632 17.056-99.296 32.576-148.96 48.096-4.64 1.568-7.744 1.568-15.52 4.64zm153.6-594.24c1.536 15.52 3.104 31.04 7.744 46.56 9.312 43.456 34.144 80.672 55.84 117.92C364 664.064 472.608 750.944 616.896 794.4c52.736 15.52 99.296 7.744 145.856-21.728 37.248-23.264 48.096-58.944 49.664-99.296 0-6.208-4.64-17.056-9.312-20.16-40.352-21.728-82.24-43.456-122.56-65.152-12.416-6.208-23.264-3.104-32.576 7.744-15.52 17.056-31.04 35.68-44.992 52.736-7.744 10.848-18.624 10.848-29.472 6.208-85.344-37.248-148.96-97.76-192.384-178.432-6.208-12.416-4.64-21.728 4.64-31.04 12.416-13.952 24.832-27.936 35.68-43.456 4.64-7.744 7.744-21.728 4.64-29.472-13.952-41.888-31.04-83.776-46.56-124.128a26.784 26.784 0 00-18.624-15.52c-10.848-3.104-23.264-3.104-34.144-3.104-17.056-1.536-32.576 4.64-44.992 15.52-38.784 32.576-58.944 74.464-60.512 127.232z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M67.68 966.592c17.056-48.096 29.472-94.656 48.096-139.648 9.312-23.264 7.744-41.888-7.744-63.616-57.408-86.88-79.136-183.072-71.36-287.04C52.192 263.744 205.792 88.416 409.024 44.96c259.104-55.84 512 103.936 569.408 363.04 57.408 260.64-108.608 507.36-352.192 566.304-128.768 31.04-249.792 10.848-363.04-57.408-10.848-6.208-20.16-6.208-31.04-3.104-49.632 17.056-99.296 32.576-148.96 48.096-4.64 1.568-7.744 1.568-15.52 4.64zm153.6-594.24c1.536 15.52 3.104 31.04 7.744 46.56 9.312 43.456 34.144 80.672 55.84 117.92C364 664.064 472.608 750.944 616.896 794.4c52.736 15.52 99.296 7.744 145.856-21.728 37.248-23.264 48.096-58.944 49.664-99.296 0-6.208-4.64-17.056-9.312-20.16-40.352-21.728-82.24-43.456-122.56-65.152-12.416-6.208-23.264-3.104-32.576 7.744-15.52 17.056-31.04 35.68-44.992 52.736-7.744 10.848-18.624 10.848-29.472 6.208-85.344-37.248-148.96-97.76-192.384-178.432-6.208-12.416-4.64-21.728 4.64-31.04 12.416-13.952 24.832-27.936 35.68-43.456 4.64-7.744 7.744-21.728 4.64-29.472-13.952-41.888-31.04-83.776-46.56-124.128a26.784 26.784 0 00-18.624-15.52c-10.848-3.104-23.264-3.104-34.144-3.104-17.056-1.536-32.576 4.64-44.992 15.52-38.784 32.576-58.944 74.464-60.512 127.232z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_instagram {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M375.467 512a136.533 136.533 0 10273.066 0 136.533 136.533 0 10-273.066 0z'/%3E%3Cpath d='M682.633 102.4H341.299C209.58 102.4 102.4 209.613 102.4 341.367v341.334c0 131.72 107.213 238.899 238.967 238.899h341.334c131.72 0 238.899-107.213 238.899-238.967V341.299c0-131.72-107.213-238.899-238.967-238.899zM512 716.8c-112.947 0-204.8-91.853-204.8-204.8S399.053 307.2 512 307.2 716.8 399.053 716.8 512 624.947 716.8 512 716.8zm238.933-409.6a34.133 34.133 0 110-68.267 34.133 34.133 0 010 68.267z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M375.467 512a136.533 136.533 0 10273.066 0 136.533 136.533 0 10-273.066 0z'/%3E%3Cpath d='M682.633 102.4H341.299C209.58 102.4 102.4 209.613 102.4 341.367v341.334c0 131.72 107.213 238.899 238.967 238.899h341.334c131.72 0 238.899-107.213 238.899-238.967V341.299c0-131.72-107.213-238.899-238.967-238.899zM512 716.8c-112.947 0-204.8-91.853-204.8-204.8S399.053 307.2 512 307.2 716.8 399.053 716.8 512 624.947 716.8 512 716.8zm238.933-409.6a34.133 34.133 0 110-68.267 34.133 34.133 0 010 68.267z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_dribbble {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 96C282.592 96 96 282.592 96 512s186.592 416 416 416 416-186.592 416-416S741.408 96 512 96zm275.104 191.808a353.216 353.216 0 0180.192 221.376c-11.712-2.496-129.184-26.272-247.392-11.392-2.496-6.08-4.992-12.192-7.616-18.304A1086.4 1086.4 0 00588.704 428C720 374.304 779.616 297.984 787.104 287.808zM512 157.184c90.304 0 172.8 33.92 235.52 89.504-6.4 9.12-59.904 81.024-186.24 128.416a1880.8 1880.8 0 00-132.576-208 354.47 354.47 0 0183.296-9.92zM360.896 191.04c9.408 12.8 72.896 100.896 131.712 205.504C326.4 440.64 180 440.032 164.096 439.84a356.8 356.8 0 01196.8-248.8zM156.704 512.512c0-3.616.096-7.296.192-10.912 15.52.32 187.712 2.496 365.216-50.592 10.176 19.904 19.904 40.096 28.8 60.288-4.704 1.28-9.408 2.72-14.016 4.192C353.6 574.912 256.096 736.384 248 750.112a354.112 354.112 0 01-91.296-237.6zM512 867.808c-82.208 0-157.888-28-218.112-75.008 6.4-13.12 78.304-152 278.72-221.888l2.304-.8c49.888 129.6 70.496 238.304 75.776 269.504A350.464 350.464 0 01512 867.776zm198.496-60.704c-3.584-21.6-22.496-125.6-68.992-253.312 111.392-17.792 209.184 11.424 221.28 15.2a355.52 355.52 0 01-152.288 238.08z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M512 96C282.592 96 96 282.592 96 512s186.592 416 416 416 416-186.592 416-416S741.408 96 512 96zm275.104 191.808a353.216 353.216 0 0180.192 221.376c-11.712-2.496-129.184-26.272-247.392-11.392-2.496-6.08-4.992-12.192-7.616-18.304A1086.4 1086.4 0 00588.704 428C720 374.304 779.616 297.984 787.104 287.808zM512 157.184c90.304 0 172.8 33.92 235.52 89.504-6.4 9.12-59.904 81.024-186.24 128.416a1880.8 1880.8 0 00-132.576-208 354.47 354.47 0 0183.296-9.92zM360.896 191.04c9.408 12.8 72.896 100.896 131.712 205.504C326.4 440.64 180 440.032 164.096 439.84a356.8 356.8 0 01196.8-248.8zM156.704 512.512c0-3.616.096-7.296.192-10.912 15.52.32 187.712 2.496 365.216-50.592 10.176 19.904 19.904 40.096 28.8 60.288-4.704 1.28-9.408 2.72-14.016 4.192C353.6 574.912 256.096 736.384 248 750.112a354.112 354.112 0 01-91.296-237.6zM512 867.808c-82.208 0-157.888-28-218.112-75.008 6.4-13.12 78.304-152 278.72-221.888l2.304-.8c49.888 129.6 70.496 238.304 75.776 269.504A350.464 350.464 0 01512 867.776zm198.496-60.704c-3.584-21.6-22.496-125.6-68.992-253.312 111.392-17.792 209.184 11.424 221.28 15.2a355.52 355.52 0 01-152.288 238.08z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_behance {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1152 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M464 474.4c63.6-30.4 96.8-76.4 96.8-148 0-141.2-105.2-175.6-226.6-175.6H0v708.8h343.6c128.8 0 249.8-61.8 249.8-205.8 0-89-42.2-154.8-129.4-179.4zM155.8 271.8H302c56.2 0 106.8 15.8 106.8 81 0 60.2-39.4 84.4-95 84.4h-158V271.8zm166.6 467.4H155.8V544h169.8c68.6 0 112 28.6 112 101.2 0 71.6-51.8 94-115.2 94zm717-481.4H752V188h287.4v69.8zM1152 610.4c0-151.8-88.8-278.4-249.8-278.4-156.4 0-262.6 117.6-262.6 271.6 0 159.8 100.6 269.4 262.6 269.4 122.6 0 202-55.2 240.2-172.6H1018c-13.4 43.8-68.6 67-111.4 67-82.6 0-126-48.4-126-130.6h370.2c.6-8.4 1.2-17.4 1.2-26.4zM780.8 548c4.6-67.4 49.4-109.6 117-109.6 70.8 0 106.4 41.6 112.4 109.6H780.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1152 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M464 474.4c63.6-30.4 96.8-76.4 96.8-148 0-141.2-105.2-175.6-226.6-175.6H0v708.8h343.6c128.8 0 249.8-61.8 249.8-205.8 0-89-42.2-154.8-129.4-179.4zM155.8 271.8H302c56.2 0 106.8 15.8 106.8 81 0 60.2-39.4 84.4-95 84.4h-158V271.8zm166.6 467.4H155.8V544h169.8c68.6 0 112 28.6 112 101.2 0 71.6-51.8 94-115.2 94zm717-481.4H752V188h287.4v69.8zM1152 610.4c0-151.8-88.8-278.4-249.8-278.4-156.4 0-262.6 117.6-262.6 271.6 0 159.8 100.6 269.4 262.6 269.4 122.6 0 202-55.2 240.2-172.6H1018c-13.4 43.8-68.6 67-111.4 67-82.6 0-126-48.4-126-130.6h370.2c.6-8.4 1.2-17.4 1.2-26.4zM780.8 548c4.6-67.4 49.4-109.6 117-109.6 70.8 0 106.4 41.6 112.4 109.6H780.8z'/%3E%3C/svg%3E")
}

li.menu-item .mdx-sn-icon.mdx_sn_rss {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M265 759a118 118 0 01-84 203c-33 0-62-14-84-35-23-22-36-53-36-83a118 118 0 01119-119c34-1 63 12 85 34zM61 368v172a419 419 0 01420 423h172A592 592 0 0061 368zm0-307v172c403 0 730 327 730 730h172A902 902 0 0061 61z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cpath d='M265 759a118 118 0 01-84 203c-33 0-62-14-84-35-23-22-36-53-36-83a118 118 0 01119-119c34-1 63 12 85 34zM61 368v172a419 419 0 01420 423h172A592 592 0 0061 368zm0-307v172c403 0 730 327 730 730h172A902 902 0 0061 61z'/%3E%3C/svg%3E")
}

.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme {
    background-color: #e0e0e0 !important
}

.mdui-theme-primary-grey.mdx-theme-white li.menu-item.current-menu-item .mdx-sn-icon.mdui-color-theme {
    background-color: #9e9e9e !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme.mdui-toolbar {
    background-color: #fff !important
}

.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme,
.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme * {
    background-color: #f7f7f7 !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(0, 0, 0, .1) !important
}

.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .titleBarGobal * {
    color: rgba(0, 0, 0, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded~header .titleBarGobal:not(.mdui-shadow-2) *,
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFillPage.lazyloaded.mdx-bg-loaded~header .titleBarGobal:not(.mdui-shadow-2) * {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple .theFirstPageSay,
.mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple .titleBarGobal *,
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded~header .titleBarGobal.mdui-shadow-2 *,
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFillPage.lazyloaded.mdx-bg-loaded~header .titleBarGobal.mdui-shadow-2 * {
    color: rgba(0, 0, 0, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdx-list-white #titleBar:not(.mdui-shadow-2) .mdui-toolbar {
    background-color: transparent !important
}

.mdui-theme-primary-grey.mdx-theme-white .PostTitleFillBack2.mdui-color-theme {
    background-color: #d8d8d8 !important
}

.mdui-theme-primary-grey.mdx-theme-white .PostTitlePage,
.mdui-theme-primary-grey.mdx-theme-white div.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle,
.mdui-theme-primary-grey.mdx-theme-white div.mdui-text-color-white-text.mdui-valign.PostTitle2 {
    color: rgba(0, 0, 0, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdui-toolbar[class*=mdui-color-]:not(.mdui-color-transparent) .mdui-btn:hover {
    background-color: rgba(0, 0, 0, .1) !important
}

.mdui-theme-primary-grey.mdx-theme-white .outOfSearch {
    background-color: hsla(0, 0%, 60%, .3) !important
}

.mdui-theme-primary-grey.mdx-theme-white #SearchBar {
    background-color: #fff !important
}

.mdui-theme-primary-grey.mdx-theme-white #SearchBar i.mdui-icon {
    color: rgba(0, 0, 0, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white .PostTitleFill2.lazyloaded.mdx-bg-loaded~.PostTitle,
.mdui-theme-primary-grey.mdx-theme-white .PostTitleFillPage.lazyloaded.mdx-bg-loaded~.PostTitlePage {
    color: #fff !important
}

.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded~header .titleBarGobal * {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdx-toc-preview-item.mdui-color-theme {
    background-color: #9e9e9e !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdx-search-anim-show {
    color: rgba(0, 0, 0, .3) !important
}

.mdui-theme-primary-grey.mdx-theme-white .mdx-search-anim-show i {
    color: rgba(0, 0, 0, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-color-theme {
    background-color: #404040 !important;
    color: #fff !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark li.menu-item:not(.current-menu-item) .mdx-sn-icon,
li.menu-item:not(.current-menu-item) .mdx-sn-icon {
    background-color: #656565 !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitleFillBack2.mdui-color-theme {
    background-color: #4a4a4a !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitlePage,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark div.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark div.mdui-text-color-white-text.mdui-valign.PostTitle2 {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-color-theme.mdui-toolbar {
    background-color: #212121 !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark:not(.mdx-first-tworows) .titleBarGobal *,
.mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple.mdui-theme-layout-dark .theFirstPageSay,
.mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple.mdui-theme-layout-dark .titleBarGobal * {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #SearchBar {
    background-color: #212121 !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #SearchBar i.mdui-icon {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitleFillPageBackGround,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme *,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .theFirstPageBackGround {
    background-color: #212121 !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdx-search-anim-show {
    color: hsla(0, 0%, 100%, .3) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdx-search-anim-show i {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-ripple .mdui-ripple-wave,
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-toolbar[class*=mdui-color-]:not(.mdui-color-transparent) .mdui-btn:hover {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white).mdui-theme-layout-dark .PostTitleFill2.lazyloaded.mdx-bg-loaded~header .titleBarGobal *,
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white).mdui-theme-layout-dark .PostTitleFillPage.lazyloaded.mdx-bg-loaded~header .titleBarGobal * {
    color: hsla(0, 0%, 100%, .87) !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-red #menu:hover {
    background-color: #ff5252 !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-pink #menu:hover {
    background-color: #ff4081 !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-purple #menu:hover {
    background-color: #e040fb !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-deep-purple #menu:hover {
    background-color: #7c4dff !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-indigo #menu:hover {
    background-color: #536dfe !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-blue #menu:hover {
    background-color: #448aff !important
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-light-blue #menu:hover {
    background-color: #40c4ff !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-cyan #menu:hover {
    background-color: #18ffff !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-teal #menu:hover {
    background-color: #64ffda !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-green #menu:hover {
    background-color: #69f0ae !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-light-green #menu:hover {
    background-color: #b2ff59 !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-lime #menu:hover {
    background-color: #eeff41 !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-yellow #menu:hover {
    background-color: #ff0 !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-amber #menu:hover {
    background-color: #ffd740 !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-orange #menu:hover {
    background-color: #ffab40 !important;
    color: rgba(0, 0, 0, .87)
}

body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-deep-orange #menu:hover {
    background-color: #ff6e40 !important;
    color: rgba(0, 0, 0, .87)
}

.LinkPage>article {
    margin-bottom: 10px
}

body.mdx-list-page {
    background-color: #f7f7f7
}

body.mdx-list-page.mdui-theme-layout-dark {
    background-color: #303030
}

.page-footer-nav.mdui-color-theme.mdx-post-nav-clean,
.page-footer-nav.mdui-color-theme.mdx-post-nav-clean * {
    background-color: #f7f7f7 !important;
    color: rgba(85, 85, 85, .87)
}

.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean,
.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean * {
    background-color: #212121 !important;
    color: hsla(0, 0%, 100%, .87)
}

.page-footer-nav.mdui-color-theme.mdx-post-nav-clean .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(0, 0, 0, .1) !important
}

.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean .mdui-ripple .mdui-ripple-wave {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.mdx-clean-style-article-title {
    text-align: left
}

.mdx-clean-style-article-title,
.mdx-clean-style-article-title+.time-in-post-title {
    color: rgba(0, 0, 0, .87) !important;
    width: 55% !important
}

.mdui-theme-layout-dark .mdx-clean-style-article-title,
.mdui-theme-layout-dark .mdx-clean-style-article-title+.time-in-post-title {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdx-clean-style-article-hero-image {
    width: 100%
}

#SearchBar~.PostTitle.mdx-clean-style-article-head-background,
.PostTitle~.PostTitleFill.mdx-clean-style-article-title-background,
.mdui-theme-layout-dark .PostTitle~.PostTitleFill.mdx-clean-style-article-title-background {
    background-color: transparent !important
}

.PostTitle.mdx-clean-style-article-head-background {
    transform: translateY(20px)
}

.mdx-post-style-3 .mdui-toolbar:not(#searchform) {
    color: rgba(0, 0, 0, .87)
}

.mdui-theme-layout-dark.mdx-post-style-3 .mdui-toolbar:not(#searchform) {
    color: #fff
}

.mdx-post-style-3 .mdui-toolbar button {
    transition: color 0s
}

.mdx-clean-style-article-main {
    top: 45%
}

.mdx-clean-style-article-content article h1:first-child,
.mdx-clean-style-article-content article h2:first-child,
.mdx-clean-style-article-content article h3:first-child,
.mdx-clean-style-article-content article h4:first-child {
    margin-top: 0 !important
}

.blocks-gallery-grid,
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.mdui-typo a.mdx-article-long-link {
    display: inline !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important
}

.mdui-typo a.mdx-article-long-link:before {
    display: none
}

.mdui-typo a.mdx-article-long-link:hover {
    text-decoration-color: unset !important
}

.mdui-typo a.mdx-article-long-link:hover:before {
    display: none
}

.date-in-title {
    align-items: flex-start !important;
    flex-direction: column;
    justify-content: center
}

.date-in-title .time-in-post-title {
    font-size: 17px;
    margin: -15px auto 0;
    opacity: .8;
    text-align: center;
    width: 100%
}

.date-in-title h1.mdx-clean-style-article-title+.time-in-post-title {
    text-align: left
}

.PostMain.date-in-title-post:not(.mdx-pni-am) {
    top: 30%
}

.wp-caption {
    max-width: 100%
}

body.mdx-post-style-3 {
    background-color: #f7f7f7
}

body.mdx-post-style-3.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme,
body.mdx-post-style-3.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme :not(.mdui-ripple-wave) {
    background-color: #f3f3f3 !important
}

body.mdx-post-style-3.mdui-theme-layout-dark {
    background-color: #303030
}

body.mdx-post-style-3.mdui-theme-layout-dark.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme,
body.mdx-post-style-3.mdui-theme-layout-dark.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme * {
    background-color: #212121 !important
}

body.mdx-index-void>div.mdui-drawer~div.theFirstPageBackGround,
body.mdx-index-void>div.mdui-drawer~div.theFirstPageSay {
    background-color: #f7f7f7 !important
}

body.mdx-index-void>div.mdui-drawer~div.theFirstPageBackGround>*,
body.mdx-index-void>div.mdui-drawer~div.theFirstPageSay>* {
    color: rgba(0, 0, 0, .87)
}

body.mdx-index-void .theFirstPage,
body.mdx-index-void .theFirstPageBackGround,
body.mdx-index-void .theFirstPageSay {
    height: 45%
}

body.mdx-index-void .main {
    top: 45%
}

body.mdx-index-void .topBarAni:not(.mdui-color-theme) {
    color: rgba(0, 0, 0, .87) !important;
    transition: all .2s
}

body.mdx-index-void .mdxNotice {
    background-color: #ececec;
    border-radius: 3px !important;
    width: 95% !important
}

body.mdx-index-void.mdui-theme-layout-dark>div.mdui-drawer~div.theFirstPageBackGround,
body.mdx-index-void.mdui-theme-layout-dark>div.mdui-drawer~div.theFirstPageSay {
    background-color: #303030 !important
}

body.mdx-index-void.mdui-theme-layout-dark>div.mdui-drawer~div.theFirstPageBackGround>*,
body.mdx-index-void.mdui-theme-layout-dark>div.mdui-drawer~div.theFirstPageSay>* {
    color: hsla(0, 0%, 100%, .87)
}

body.mdx-index-void.mdui-theme-layout-dark .topBarAni {
    color: hsla(0, 0%, 100%, .87) !important
}

.mdx-hot-posts h3>i.mdui-text-color-theme-accent,
h3.mdx-all-posts>i.mdui-text-color-theme-accent {
    display: inline-block;
    font-size: 25px;
    margin-left: 10px;
    vertical-align: top
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    z-index: 99
}

figure.wp-block-image figcaption {
    box-sizing: border-box;
    z-index: 99
}

.mdui-table tfoot td,
.mdui-table tfoot th {
    color: rgba(0, 0, 0, .54);
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mdui-table tfoot th,
.mdui-theme-layout-dark .mdui-table tfoot td {
    color: hsla(0, 0%, 100%, .7)
}

.mdx-swiper {
    position: absolute !important;
    z-index: 4 !important
}

.mdx-swiper .swiper-wrapper {
    height: 100%;
    width: 100%
}

.mdx-swiper .swiper-wrapper .flickity-viewport {
    cursor: default !important
}

.mdx-swiper .swiper-wrapper .flickity-viewport.is-pointer-down {
    cursor: grabbing !important
}

.mdx-swiper .swiper-wrapper .flickity-page-dots {
    bottom: 20px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 3
}

.mdx-swiper .swiper-wrapper .flickity-page-dots .dot {
    background-color: rgb(var(--mdx-text-color-head));
    height: 8px;
    margin: 0 5px;
    width: 8px
}

.mdx-swiper .swiper-wrapper .swiper-item {
    background-color: rgb(var(--mdx-theme-color-with-white-head));
    color: rgb(var(--mdx-text-color-head)) !important;
    height: 100%;
    width: 100%
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-bg {
    background-color: rgb(var(--mdx-theme-color-with-white-head));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-bg.mdx-bg-lazyload {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-bg.mdx-bg-loaded {
    opacity: 1
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content {
    align-items: center;
    background-color: rgba(var(--mdx-theme-color-with-white-head), .6);
    color: rgb(var(--mdx-text-color-head)) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content h1 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 40px;
    margin: 20px 30px 8px;
    max-height: 115px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-word
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content .time-in-post-title {
    opacity: .5
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a {
    background-color: rgba(var(--mdx-text-color-head), .1);
    color: rgb(var(--mdx-text-color-head)) !important;
    font-size: 18px;
    height: 54px;
    margin-top: 20px;
    padding: 10px 30px
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a i {
    font-size: 21px;
    vertical-align: text-top
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a:hover {
    background-color: rgba(var(--mdx-text-color-head), .25)
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a:active {
    background-color: rgba(var(--mdx-text-color-head), .17)
}

.mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a:hover:before {
    transform: scaleX(0)
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content {
    background-image: linear-gradient(65deg, rgba(var(--mdx-theme-color-with-white-head), 1) 30%, rgba(var(--mdx-theme-color-with-white-head), .1) 80%)
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between;
    max-width: 1230px;
    padding: 0 50px;
    width: 100%
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part {
    text-align: left;
    width: 60%
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 20px;
    text-align: left
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part .time-in-post-title,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part .time-in-post-title,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part .time-in-post-title {
    margin-bottom: 3px
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p {
    margin-right: 20px;
    max-width: 500px
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a {
    height: 88px;
    width: 60px
}

.mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i,
.mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i,
.mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i {
    font-size: 30px;
    line-height: 55px
}

.mdx-wide-post-list .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
.mdx-wide-post-list .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
.mdx-wide-post-list .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap {
    max-width: 1300px
}

body.mdx-first-simple .mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content h1 {
    margin-top: -5px
}

body.mdx-index-void .flickity-page-dots {
    bottom: 15px !important
}

.swiper-bottom-void {
    background: linear-gradient(180deg, rgba(var(--mdx-theme-color-with-white-head), 0) 0, rgba(var(--mdx-theme-color-with-white-head), 1) 100%);
    bottom: 0;
    height: 25%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.mdx-first-simple .mdx-swiper {
    height: 43%;
    z-index: 2 !important
}

.mdx-first-simple .mdx-swiper .flickity-page-dots {
    bottom: 12.5% !important
}

.mdx-first-tworows .mdx-swiper {
    position: absolute !important
}

.mdx-first-simple .theFirstPage {
    height: 43%
}

.index-slide-toolbar .mdui-toolbar.mdui-toolbar-self:not(.mdui-color-theme) {
    color: rgb(var(--mdx-text-color-head)) !important
}

.mdx-wide-post-list .post-item {
    width: calc(50% - 15px)
}

.mdx-wide-post-list .post-item.mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    box-sizing: border-box
}

.mdx-footer-copyright {
    display: flex;
    justify-content: space-between
}

.mdx-footer-copyright .mdx-footer-copyright-right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.mdx-footer-copyright span+.mdx-footer-copyright-right {
    display: flex;
    flex-direction: column;
    text-align: right;
    width: auto
}

.wanan-link img {
    vertical-align: sub
}

.wp-block-image .mdx-lazyload-container {
    height: 100%;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100%
}

@media (max-width:800px) {
    .mdx-wide-post-list .post-item {
        max-width: 700px;
        width: 100%
    }

    .mdx-wide-post-list .post-item.postDiv {
        margin: 7.5px
    }
}

@media screen and (orientation:landscape) and (min-width:750px) {

    body.mdx-first-tworows .mdx-index-img-bg,
    body.mdx-first-tworows .theFirstPage,
    body.mdx-first-tworows .theFirstPageBackGround,
    body.mdx-first-tworows .theFirstPageSay {
        height: 100%;
        position: fixed;
        width: 38.2%
    }

    body.mdx-first-tworows.index-slide-toolbar .mdui-toolbar.mdui-toolbar-self {
        color: rgb(var(--mdx-text-color)) !important
    }

    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-blue .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-deep-purple .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-indigo .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-pink .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-purple .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-red .mdui-toolbar.mdui-toolbar-self {
        color: #fff !important
    }

    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-amber .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-cyan .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-deep-orange .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-green .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-light-blue .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-light-green .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-lime .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-orange .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-teal .mdui-toolbar.mdui-toolbar-self,
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-yellow .mdui-toolbar.mdui-toolbar-self {
        color: #000 !important
    }

    body.mdx-first-tworows .mdx-swiper {
        position: fixed !important
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content {
        background-image: linear-gradient(155deg, rgba(var(--mdx-theme-color-with-white-head), 1) 30%, rgba(var(--mdx-theme-color-with-white-head), .1) 95%)
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part {
        width: 100%
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1 {
        margin-right: 0
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p {
        margin-right: 0;
        max-width: 100%
    }

    body.mdx-first-tworows .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    body.mdx-first-tworows .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    body.mdx-first-tworows .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a {
        margin-top: 60px
    }

    body.mdx-first-tworows .mdx-index-img-bg {
        display: none
    }

    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-index-img-bg {
        background-color: #212121 !important;
        display: block
    }

    body.mdx-first-tworows .theFirstPage.mdx-anmi-loaded {
        opacity: 1 !important
    }

    body.mdx-first-tworows .main {
        left: 38.2%;
        top: 0;
        width: 61.8%
    }

    body.mdx-first-tworows .titleBarGobal,
    body.mdx-first-tworows .titleBarGobal form {
        box-shadow: none !important;
        width: 38.2%
    }

    body.mdx-first-tworows #titleBar {
        transform: none !important
    }

    body.mdx-first-tworows .titleBarGobal .mdui-toolbar,
    body.mdx-first-tworows.mdui-theme-layout-dark .mdui-appbar>[class*=mdui-color-]:not(.mdui-color-transparent) {
        background-color: transparent !important;
        color: #fff !important
    }

    body.mdx-first-tworows div.titleBarGobal {
        z-index: 5
    }

    body.mdx-first-tworows .seai {
        display: none
    }

    body.mdx-first-tworows #theFirstPageSayContent,
    body.mdx-first-tworows span.mdui-typo-headline {
        display: none !important
    }

    body.mdx-first-tworows .mdx-tworows-title {
        cursor: default;
        display: block;
        text-align: center;
        width: 100%
    }

    body.mdx-first-tworows .mdx-tworows-title>div {
        background-color: #fff;
        border-radius: 5px;
        box-sizing: border-box;
        color: rgba(0, 0, 0, .6);
        display: inline-block;
        font-size: 18px;
        padding: 10px;
        text-align: center;
        width: 240px
    }

    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworows-title>div {
        background-color: #303030;
        color: hsla(0, 0%, 100%, .6)
    }

    body.mdx-first-tworows .mdx-tworows-title>div>span {
        display: block;
        font-size: 30px;
        font-weight: 700;
        line-height: 80px
    }

    body.mdx-first-tworows .mdx-tworows-title>div>hr {
        border: none;
        border-bottom: 2px solid rgba(0, 0, 0, .12);
        height: 2px;
        margin: 0 0 10px
    }

    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworows-title>div>hr {
        border-bottom: 2px solid hsla(0, 0%, 100%, .12)
    }

    body.mdx-first-tworows .mdx-tworows-title .mdx-logo {
        margin-bottom: 7px;
        max-height: 55px
    }

    body.mdx-first-tworows .mdxNotice {
        border-radius: 0 !important;
        left: 0;
        max-width: none;
        position: fixed;
        top: 0;
        width: 38.2%;
        z-index: 10
    }

    body.mdx-first-tworows.has-admin-bar .mdxNotice {
        top: 32px
    }

    body.mdx-first-tworows .main,
    body.mdx-first-tworows .main-in-other {
        z-index: 7
    }

    body.mdx-first-tworows div.main .mdx-hot-posts {
        transform: translateX(-1%);
        width: 87%
    }

    body.mdx-first-tworows .mdx-all-posts,
    body.mdx-first-tworows main.postList {
        width: 85%
    }

    body.mdx-first-tworows div.main .mdx-hot-posts h3 {
        margin-left: 14px
    }

    body.mdx-first-tworows div.main {
        padding-top: 30px
    }

    body.mdx-first-tworows #menu {
        zoom: 1;
        -webkit-user-drag: none;
        background: 0 0;
        border: none;
        border-radius: 50%;
        bottom: 24px;
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
        box-sizing: border-box;
        cursor: pointer;
        font-size: 24px;
        height: 56px;
        left: 24px;
        letter-spacing: .04em;
        line-height: normal !important;
        margin: auto;
        min-width: 56px;
        outline: 0;
        overflow: hidden;
        padding: 0 !important;
        position: fixed !important;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        touch-action: manipulation;
        transform: scale(1) translateZ(0);
        transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        vertical-align: middle;
        width: 56px;
        will-change: transform;
        z-index: 99
    }

    body.mdx-first-tworows.mdui-theme-accent-red #menu {
        background-color: #ff5252
    }

    body.mdx-first-tworows.mdui-theme-accent-pink #menu {
        background-color: #ff4081
    }

    body.mdx-first-tworows.mdui-theme-accent-purple #menu {
        background-color: #e040fb
    }

    body.mdx-first-tworows.mdui-theme-accent-deep-purple #menu {
        background-color: #7c4dff
    }

    body.mdx-first-tworows.mdui-theme-accent-indigo #menu {
        background-color: #536dfe
    }

    body.mdx-first-tworows.mdui-theme-accent-blue #menu {
        background-color: #448aff
    }

    body.mdx-first-tworows.mdui-theme-accent-light-blue #menu {
        background-color: #40c4ff;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-cyan #menu {
        background-color: #18ffff;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-teal #menu {
        background-color: #64ffda;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-green #menu {
        background-color: #69f0ae;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-light-green #menu {
        background-color: #b2ff59;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-lime #menu {
        background-color: #eeff41;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-yellow #menu {
        background-color: #ff0;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-amber #menu {
        background-color: #ffd740;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-orange #menu {
        background-color: #ffab40;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows.mdui-theme-accent-deep-orange #menu {
        background-color: #ff6e40;
        color: rgba(0, 0, 0, .87)
    }

    body.mdx-first-tworows .mdx-tworow-search {
        background-color: #e6e6e6;
        border-radius: 3px;
        color: rgba(0, 0, 0, .4);
        cursor: pointer;
        display: flex !important;
        font-size: 17px;
        height: 50px;
        margin: 50px auto 10px;
        max-width: 700px;
        padding: 5px 0 5px 9pt;
        transition: background-color .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 85%
    }

    body.mdx-first-tworows.mdx-wide-post-list .mdx-tworow-search {
        max-width: 1200px
    }

    body.mdx-first-tworows #mdx-search-anim {
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background-color: #d9d9d9;
        border-radius: 3px;
        color: rgba(0, 0, 0, .4);
        cursor: pointer;
        display: none !important;
        font-size: 17px;
        height: 50px;
        margin: 0;
        padding: 5px 0 5px 9pt;
        position: fixed;
        transition: top .5s cubic-bezier(.77, 0, .175, 1), left .5s cubic-bezier(.77, 0, .175, 1), background-color .5s, width .5s cubic-bezier(.77, 0, .175, 1), height .5s cubic-bezier(.77, 0, .175, 1), color .5s, opacity 0s;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        z-index: 999999
    }

    body.mdx-first-tworows>div#mdx-search-anim.mdx-search-anim-show {
        display: flex !important
    }

    body.mdx-first-tworows .mdx-tworow-search:hover {
        background-color: #d9d9d9
    }

    body.mdx-first-tworows #mdx-search-anim i,
    body.mdx-first-tworows .mdx-tworow-search i {
        color: rgba(0, 0, 0, .87);
        margin: 5px 7px 0 4px;
        transition: color .5s
    }

    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search {
        background-color: #3b3b3b;
        color: hsla(0, 0%, 100%, .4)
    }

    body.mdx-first-tworows.mdui-theme-layout-dark #mdx-search-anim {
        background-color: #464646;
        color: hsla(0, 0%, 100%, .4)
    }

    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search:hover {
        background-color: #464646
    }

    body.mdx-first-tworows.mdui-theme-layout-dark #mdx-search-anim i,
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search i {
        color: hsla(0, 0%, 100%, .87)
    }

    body.mdx-first-tworows #SearchBar,
    body.mdx-first-tworows #searchform,
    body.mdx-first-tworows .OutOfsearchBox,
    body.mdx-first-tworows div.fullScreen.sea-close {
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    body.mdx-first-tworows .outOfSearch {
        width: 75%
    }

    body.mdx-first-tworows #searchform {
        opacity: 0 !important;
        transition: all 0s !important
    }

    body.mdx-first-tworows #searchform.mdx-searchform-show {
        opacity: 1 !important
    }

    body.mdx-first-tworows a.mdui-btn.mdui-btn-icon.sea-close {
        opacity: 0;
        transition: all .3s
    }

    body.mdx-first-tworows .mdx-hot-posts {
        max-width: 715px
    }

    body.mdx-first-tworows.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme.mdui-toolbar {
        background-color: transparent !important
    }

    body.mdx-first-tworows.mdx-wide-post-list .mdx-hot-posts {
        max-width: 1215px
    }
}

@media screen and (orientation:landscape) and (max-width:1024px) and (min-width:750px) {
    body.mdx-first-tworows #menu {
        bottom: 16px;
        left: 16px
    }
}

@media (max-width:2500px) {
    .ArtMain0 {
        max-width: 975pt;
        width: 100%
    }

    .PostMain .mdx-clean-footer {
        max-width: 975pt;
        width: 90%
    }

    .PostMain2 .mdx-clean-footer {
        max-width: 975pt;
        width: 100%
    }

    #respond,
    .ArtMain,
    .ArtMain~div#comments,
    .mdx-author-c,
    .mdx-comment-login-needed,
    .mdx-same-posts {
        max-width: 975pt;
        width: 90%
    }

    .mdx-clean-style-article-title,
    .mdx-clean-style-article-title+.time-in-post-title {
        max-width: 975pt;
        width: 90% !important
    }
}

@media (max-width:2250px) {
    body.mdx-first-tworows div.main .mdx-hot-posts {
        transform: translateX(0)
    }
}

@media (max-width:2100px) {
    .ArtMain0 {
        max-width: 1000px;
        width: 100%
    }

    .PostMain .mdx-clean-footer {
        max-width: 825pt
    }

    .PostMain2 .mdx-clean-footer {
        max-width: 1000px;
        width: 100%
    }

    #respond,
    #respond+.time-in-post-title,
    .ArtMain,
    .ArtMain+.time-in-post-title,
    .ArtMain~div#comments,
    .ArtMain~div#comments+.time-in-post-title,
    .mdx-author-c,
    .mdx-author-c+.time-in-post-title,
    .mdx-clean-style-article-title,
    .mdx-clean-style-article-title+.time-in-post-title,
    .mdx-comment-login-needed,
    .mdx-comment-login-needed+.time-in-post-title,
    .mdx-same-posts,
    .mdx-same-posts+.time-in-post-title {
        max-width: 825pt
    }

    .page-tags,
    .page-tags>article {
        max-width: 1500px
    }

    .theFirstPageSay {
        font-size: 20px
    }
}

@media (max-width:1500px) {
    .ArtMain0 {
        max-width: 50pc;
        width: 100%
    }

    .PostMain .mdx-clean-footer {
        max-width: 900px
    }

    .PostMain2 .mdx-clean-footer {
        max-width: 50pc;
        width: 100%
    }

    #respond,
    #respond+.time-in-post-title,
    .ArtMain,
    .ArtMain+.time-in-post-title,
    .ArtMain~div#comments,
    .ArtMain~div#comments+.time-in-post-title,
    .mdx-author-c,
    .mdx-author-c+.time-in-post-title,
    .mdx-clean-style-article-title,
    .mdx-clean-style-article-title+.time-in-post-title,
    .mdx-comment-login-needed,
    .mdx-comment-login-needed+.time-in-post-title,
    .mdx-same-posts,
    .mdx-same-posts+.time-in-post-title {
        max-width: 900px
    }

    .page-tags,
    .page-tags>article {
        max-width: 1000px
    }
}

@media (max-width:1270px) {
    .mdx-wide-post-list div.main .mdx-hot-posts {
        transform: none;
        width: 95%
    }

    .mdx-wide-post-list .mdx-all-posts {
        padding-left: 10px
    }

    .mdx-wide-post-list .mdxNotice {
        max-width: 1270px
    }

    .theFirstPageSay {
        font-size: 18px
    }
}

@media (max-width:1220px) {
    .mdx-wide-post-list .mdxNotice {
        border-radius: 0
    }
}

@media (min-width:1024px) {
    #indic {
        bottom: 21.8px;
        right: 21.8px
    }

    .mdx-tools-up-in #indic {
        bottom: 101.8px
    }

    .mdx-tools-up {
        bottom: 78pt
    }

    .mdui-drawer {
        max-width: none !important;
        width: 280px !important
    }

    .mdui-drawer-close {
        transform: translateX(-290px)
    }

    .mdui-drawer-close.mdui-drawer-right {
        transform: translateX(290px)
    }
}

@media (max-width:1024px) {
    .mdx-ad-after-links {
        width: calc(94% - 16px)
    }
}

@media (max-width:1000px) {
    .ArtMain0 {
        max-width: 680px;
        width: 100%
    }

    .PostMain .mdx-clean-footer {
        max-width: 45pc
    }

    .PostMain2 .mdx-clean-footer {
        max-width: 680px;
        width: 100%
    }

    #respond,
    #respond+.time-in-post-title,
    .ArtMain,
    .ArtMain+.time-in-post-title,
    .ArtMain~div#comments,
    .ArtMain~div#comments+.time-in-post-title,
    .mdx-author-c,
    .mdx-author-c+.time-in-post-title,
    .mdx-clean-style-article-title,
    .mdx-clean-style-article-title+.time-in-post-title,
    .mdx-comment-login-needed,
    .mdx-comment-login-needed+.time-in-post-title,
    .mdx-same-posts,
    .mdx-same-posts+.time-in-post-title {
        max-width: 45pc
    }

    .mdx-wide-post-list .indexgaid,
    .mdx-wide-post-list .staDivgaid {
        width: calc(50% - 10px) !important
    }
}

@media (max-width:884px) {
    .mdx-ad-in-list.mdx-style-4-ad {
        max-width: 400px;
        width: 95%
    }

    #mdx-toc-preview {
        display: none
    }
}

@media (max-width:800px) {

    .PostTitle,
    .PostTitle h1 {
        font-size: 37px
    }

    .page-tags>article {
        max-width: 500px
    }

    .theFirstPageSay {
        font-size: 16px
    }
}

@media (max-width:782px) {

    body.has-admin-bar #titleBar,
    body.has-admin-bar #titleBarinPost,
    body.has-admin-bar .mdui-toolbar,
    body.has-admin-bar .titleBarinAc {
        top: 46px
    }

    .has-admin-bar .mdui-drawer {
        padding-top: 46px
    }
}

@media (max-width:770px) {
    .mdx-all-posts {
        padding-left: 10px
    }

    div.main .mdx-hot-posts {
        transform: none;
        width: 95%
    }

    div.main .mdx-hot-posts h3 {
        margin-left: 17px
    }

    main .mdx-postlist-simple .card-text {
        margin: 0 auto;
        width: 96%
    }

    main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 5px 5px 0;
        box-sizing: border-box;
        padding-top: 10px
    }

    .mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 5px 5px 0
    }

    .mdx-wide-post-list main .mdx-postlist-simple .card-text {
        padding: 0 !important
    }

    .mdx-wide-post-list main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 0
    }

    .mdx-wide-post-list.mdx-first-simple main .mdx-postlist-simple .card-text {
        padding: 0 5px !important
    }

    .mdx-wide-post-list.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 5px 5px 0
    }

    body.mdui-theme-layout-dark.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 5px 5px 0;
        padding-top: 10px
    }

    .mdxNotice {
        border-radius: 0 !important;
        max-width: 770px
    }

    .mdx-first-simple .mdxNotice {
        border-radius: 8px !important
    }

    .indexgaid {
        width: 100%
    }

    .staDivgaid {
        margin: 5px !important;
        width: 100%
    }
}

@media (max-width:720px) {

    .ArtMain0,
    .mdxNotice {
        border-radius: 0
    }

    .ArtMain0 {
        background-color: transparent !important;
        box-shadow: 0 0 0 !important;
        width: 90%
    }

    .ArtMain0 .mdx-say-after.mdui-card {
        background-color: #ededed;
        border-radius: 2px !important;
        margin-bottom: 20px
    }

    .ArtMain0 .mdx-say-after.mdui-card>div {
        border-left: none
    }

    body.mdui-theme-layout-dark .ArtMain0 .mdx-say-after.mdui-card {
        background-color: #292929
    }

    .PostMain2 .mdx-clean-footer {
        width: 90%
    }

    .body-grey,
    .body-grey1 {
        background-color: #fff
    }

    .PostMainImg0 {
        border-radius: 3px;
        box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 1pc 1px rgba(0, 0, 0, .12);
        clear: both;
        display: block !important;
        margin: 0 auto !important;
        width: 82%
    }

    .ArtMain0 article.mdui-typo {
        margin: 40px 0 0 !important
    }

    .ArtMain0 .spanout {
        border-radius: 5px 5px 0 0
    }

    .ArtMain0 #respond,
    .ArtMain0 .mdx-comment-login-needed {
        border-radius: 0 0 5px 5px
    }

    body.mdui-theme-layout-dark.body-grey,
    body.mdui-theme-layout-dark.body-grey1 {
        background-color: #303030
    }

    .PostTitleFill2,
    .PostTitleFillBack2 {
        height: 40%
    }

    .PostMain2>.ArtMain0 {
        padding-top: 0 !important
    }

    .PostMain2>.ArtMain0>article {
        margin-top: 20px !important
    }

    .mdx-ad-after-article,
    .mdx-say-after {
        width: 100%
    }

    .mdx-pni-am0 {
        top: 48%
    }

    .mdx-pni-am0 article.mdui-typo {
        margin-top: 0 !important
    }

    .PostMain.date-in-title-post.mdx-pni-am0 {
        top: 48%
    }

    .mdx-pni-t0 {
        height: 45%
    }

    .date-in-title .time-in-post-title {
        font-size: 15px;
        margin-top: -5px
    }

    .theFirstPageSay {
        font-size: 14px
    }
}

@media (max-width:700px) {

    .mdx-post-cot,
    .mdx-post-wait-out-c,
    .mdx-post-wait-out-c2 {
        height: 230px
    }

    .mdx-wide-post-list .indexgaid,
    .mdx-wide-post-list .staDivgaid {
        width: 100% !important
    }
}

@media (max-width:600px) {

    .PostTitle,
    .PostTitle h1 {
        font-size: 2pc
    }

    article p {
        font-size: 1pc
    }

    .title,
    article h2,
    article h3 {
        font-size: 20px
    }

    .title,
    article h1 {
        font-size: 23px
    }

    .title,
    article h4 {
        font-size: 18px
    }

    #SearchBar,
    #titleBar,
    #titleBarinPost {
        height: 56px
    }

    .disfir {
        width: 100%
    }

    .disfirright {
        margin-left: 0
    }

    .mdui-typo-headline {
        font-size: 20px;
        margin: 0 7px
    }

    #oth-div {
        margin: 0
    }

    #menu,
    button.seai,
    div.mdui-toolbar>.mdui-typo-headline {
        margin: 0 2px !important
    }

    body.has-admin-bar #SearchBar,
    body.has-admin-bar #titleBar,
    body.has-admin-bar #titleBarinPost,
    body.has-admin-bar .mdui-toolbar,
    body.has-admin-bar .titleBarinAc {
        top: 0
    }

    .mdx-ad-after-links {
        width: calc(96% - 16px)
    }

    div#mdx-cookie-notice {
        border-radius: 0 !important;
        right: 0;
        width: 100%
    }

    #mdx-cookie-notice.mdx-cookie-notice-show {
        bottom: 0
    }

    .mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content h1 {
        font-size: 30px;
        max-height: 85px
    }

    .mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a {
        font-size: 15px;
        height: 45px;
        padding: 5px 15px
    }

    .mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content a i {
        font-size: 17px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap {
        padding: 0 30px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part {
        width: 70%
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1 {
        font-size: 30px;
        max-height: 85px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a {
        height: 88px;
        transform: scale(.8) translateX(8.8px);
        width: 50px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a i {
        font-size: 25px;
        line-height: 60px
    }
}

@media (max-width:599px) {
    .mdui-hidden-xs-down.mdx-first-1 {
        display: inline !important
    }

    .mdui-hidden-xs-down.mdx-first-2 {
        display: block !important
    }
}

@media (max-width:500px) {
    .mdui-card-primary-subtitle {
        display: none
    }

    .PostTitle,
    .PostTitle h1 {
        font-size: 27px
    }

    .title,
    article h2,
    article h3 {
        font-size: 18px
    }

    .title,
    article h1 {
        font-size: 20px
    }

    .title,
    article h4 {
        font-size: 15px
    }

    .mdx-author-c {
        height: 90pt
    }

    .mdx-author-c .mdx-amask {
        height: 90pt;
        left: 102px;
        width: 18px
    }

    .mdx-author-c .mdx-amask path {
        height: 90pt;
        width: 18px
    }

    .mdx-author-info {
        left: 90pt;
        width: calc(100% - 90pt)
    }

    .mdx-author-c h3 {
        font-size: 20px
    }

    .mdx-author-c h4 {
        font-size: 13px;
        margin-bottom: 5px
    }

    .mdx-author-c p {
        font-size: 14px;
        height: 3pc
    }

    .mdx-post-cot,
    .mdx-post-wait-out-c,
    .mdx-post-wait-out-c2 {
        height: 270px
    }

    .mdx-author-c div.lazyload-bg {
        width: 119px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap {
        padding: 0 30px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part {
        width: 75%
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part h1 {
        font-size: 25px;
        max-height: 70px
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap .slide-part p {
        display: none
    }

    .mdx-swiper.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    .mdx-swiper.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a,
    .mdx-swiper.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content .slide-wrap a {
        transform: scale(.7) translateX(13.2px)
    }
}

@media (max-width:430px) {
    .divimg {
        width: 100%
    }

    .indexgaid,
    .staDivgaid {
        width: 95%
    }

    article.searchCard p {
        display: none
    }
}

@media (max-width:350px) {

    .PostTitle,
    .PostTitle h1 {
        font-size: 23px
    }

    .title,
    article h2,
    article h3,
    article h4 {
        font-size: 15px
    }

    .title,
    article h1 {
        font-size: 18px
    }

    .mdx-author-c {
        height: 75pt
    }

    .mdx-author-c .mdx-amask {
        height: 75pt;
        left: 85px;
        width: 15px
    }

    .mdx-author-c .mdx-amask path {
        height: 75pt;
        width: 15px
    }

    .mdx-author-info {
        left: 75pt;
        width: calc(100% - 75pt)
    }

    .mdx-author-c h3 {
        font-size: 18px;
        margin-left: 15px;
        margin-top: 10px
    }

    .mdx-author-c h4 {
        font-size: 9pt;
        margin-left: 15px
    }

    .mdx-author-c p {
        font-size: 13px;
        height: 2.5pc;
        padding: 0 15px
    }

    .mdx-post-cot,
    .mdx-post-wait-out-c,
    .mdx-post-wait-out-c2 {
        height: 300px
    }

    .mdx-author-c div.lazyload-bg {
        width: 99px
    }
}

.aligncenter,
.aligncenter p.wp-caption-text {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important
}

.aligncenter p.wp-caption-text {
    text-align: center
}

.alignright {
    float: right
}

.mdx-clear-float {
    clear: both
}

.add-smily {
    cursor: pointer
}

img.wp-smiley {
    height: auto !important;
    max-height: none !important;
    vertical-align: top;
    width: 24px !important
}

@media print {

    #indic,
    .ArtMain0 #respond,
    .ArtMain0 .mdx-comment-login-needed,
    .ArtMain0 .mdx-same-posts,
    .PostMain>#respond,
    .PostMain>.mdx-comment-login-needed,
    .PostMain>.mdx-same-posts,
    .PostTitleFill,
    .fullScreen.sea-close,
    .mdui-drawer,
    .mdui-menu,
    .mdui-overlay,
    .mdx-ad-after-article,
    .mdx-ad-in-article,
    .mdx-post-money,
    .mdx-share-img-dialog,
    .mdx-share-wechat-dialog,
    .page-footer-nav,
    .scrollToTop,
    .scrollToTop+button,
    .spanout button,
    .titleBarGobal,
    header {
        display: none !important
    }

    body div.PostTitle.mdui-color-theme {
        background-color: transparent !important
    }

    .ArtMain .PostMainImg,
    .ArtMain0 .PostMainImg0 {
        border-radius: 3px !important;
        box-shadow: none !important
    }

    .PostTitle>h1 {
        color: #000
    }

    .PostTitle.PostTitle2>h1 {
        color: #fff
    }

    .spanout>i {
        padding-left: 10px
    }

    article a {
        text-decoration: underline !important
    }

    article a:after {
        content: "(" attr(href) ")"
    }

    div.ArtMain0>.mdx-author-c {
        border-radius: 0 0 5px 5px !important
    }

    .PostMain2>.ArtMain0 {
        padding-top: 0 !important
    }

    .ArtMain0 {
        background-color: transparent !important;
        border-radius: 0;
        box-shadow: 0 0 0 !important;
        width: 90%
    }

    .PostMain2>.ArtMain0>article {
        margin-top: 20px !important
    }

    .ArtMain0 article.mdui-typo {
        margin: 40px 0 0 !important
    }

    .PostTitleFill2,
    .PostTitleFillBack2 {
        height: 40%
    }

    html>body {
        background-color: #fff !important
    }

    .mdui-theme-layout-dark article p,
    article p {
        color: rgba(0, 0, 0, .8) !important
    }

    article {
        font: 13pt Georgia, Nimbus Roman No9 L, Songti SC, "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, AR PL New Sung, AR PL SungtiL GB, NSimSun, SimSun, TW\\-Sung, WenQuanYi Bitmap Song, AR PL UMing CN, AR PL UMing HK, AR PL UMing TW, AR PL UMing TW MBE, PMingLiU, MingLiU, serif !important;
        line-height: 27px !important
    }

    * {
        page-break-inside: avoid
    }

    #comments,
    article,
    article a,
    article p {
        page-break-inside: auto
    }

    .mdui-theme-layout-dark div.PostTitleFillBack2[class*=mdui-color-],
    .mdui-theme-layout-dark div.PostTitleFill[class*=mdui-color-],
    .mdui-theme-layout-dark div.PostTitle[class*=mdui-color-] {
        background-color: #fff !important
    }
}

@media (prefers-reduced-motion:reduce) {
    body.mdx-reduce-motion :not(.mdui-menu):not(.mdui-snackbar):not(.mdui-dialog):not(.mdui-overlay) {
        transition: all 0s !important
    }

    body.mdx-reduce-motion .mdui-dialog,
    body.mdx-reduce-motion .mdui-menu {
        transform: none
    }
}