@charset "UTF-8";html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea,pre{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}
::-webkit-scrollbar-track{background-color:#e0e0e0}
::-webkit-scrollbar-thumb{background-color:#00c250;background-image:-webkit-linear-gradient(45deg,#ff5c00 25%,transparent 25%,transparent 50%,#ff5c00 50%,#ff5c00 75%,transparent 75%,transparent)}
.container{margin-left:auto;margin-right:auto}
@media (max-width:575px){.container{max-width:460px;padding-left:10px;padding-right:10px}
}
@media (max-width:768px){.container{max-width:720px;padding-left:15px;padding-right:15px}
}
@media (max-width:991px){.container .container.small{padding:0}
}
@media (min-width:992px){.container{max-width:960px;padding-left:20px;padding-right:20px}
.container.small{max-width:780px}
}
@media (max-width:1229px){.container .container.medium{padding:0}
}
@media (min-width:1300px){.container{max-width:1280px}
.container.medium{max-width:1030px}
.full-screen .container{max-width:1440px}
}
@media (min-width:1450px){.max_width .container{max-width:1440px}
.max_width .container.medium{max-width:1020px}
.max_width .col-lg-1-5{flex:0 0 20%;width:20%;max-width:20%}
}
.container.medium{max-width:1030px}
.navbar .menu-item-mega>.sub-menu,.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item,.navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item,.navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item,.navbar .menu-item-mega>.sub-menu>.menu-item{min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}
.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100%;max-width:100%}
@media (min-width:576px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{flex:0 0 25%;max-width:25%}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{flex:0 0 75%;max-width:75%}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{flex:0 0 25%;max-width:25%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{flex:0 0 75%;max-width:75%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2,.navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item{flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3,.navbar .menu-item-mega>.sub-menu>.menu-item{flex:0 0 25%;max-width:25%}
.col-lg-4,.navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item{flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6,.navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item{flex:0 0 50%;max-width:50%}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{flex:0 0 75%;max-width:75%}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:1200px){.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{flex:0 0 25%;max-width:25%}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{flex:0 0 50%;max-width:50%}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{flex:0 0 75%;max-width:75%}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{flex:0 0 100%;max-width:100%}
}
@media (max-width:575px){.hidden-xs{display:none!important}
}
@media (min-width:576px) and (max-width:767px){.hidden-sm{display:none!important}
}
@media (min-width:768px) and (max-width:991px){.hidden-md{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){.hidden-lg{display:none!important}
}
@media (min-width:1200px){.hidden-xl{display:none!important}
}
html{box-sizing:border-box;--accent-color:#1a1a1a}
*,:after,:before{box-sizing:inherit}
body{background-color:#f4f5f8;color:#555;font-family:Lato,sans-serif;font-size:15px;line-height:24px;text-rendering:optimizeLegibility;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:#555;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a:hover{color:#29ae5f}
h1,h2,h3,h4,h5,h6{color:#555;font-weight:700;line-height:1.2;margin:0 0 15px}
p{margin:0 0 15px}
img{display:block;height:auto;max-width:100%;vertical-align:middle}
img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}
blockquote p{line-height:30px!important}
blockquote>:last-child{margin-bottom:0!important}
blockquote cite{color:#aaa;display:block;font-size:14px;font-style:normal;margin-top:-5px}
hr{background-color:#1a1a1a;border:0;border-radius:50%;height:5px;margin:30px auto;position:relative;width:5px}
hr:after,hr:before{background-color:#1a1a1a;border-radius:50%;content:"";height:5px;position:absolute;width:5px}
hr:before{right:20px}
hr:after{left:20px}
table{border-collapse:collapse;font-size:13px;margin:0 0 15px}
td,th{border:1px solid #f4f4f4;padding:8px 12px}
dl{padding-left:0}
dt{font-weight:700}
dd{margin:0 0 15px 0}
embed,iframe{border:0;display:block;overflow:hidden;width:100%}
figure{margin:0}
pre{overflow-y:scroll}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{border:0;border-radius:0;font-family:Lato,sans-serif;line-height:36px;margin-bottom:10px;padding:0 12px;transition:border-color cubic-bezier(.77,0,.175,1);width:100%;border:1px solid #f1f1f1}
textarea{height:100%;line-height:1;padding:9px 12px;resize:vertical;border:1px solid #d0d0d0;border-radius:4px;max-height:100px}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border:1px solid #e6e6e6;border-radius:0;color:#1a1a1a;font-family:inherit;font-size:14px;height:40px;line-height:40px;outline:0;padding:0 14px;width:100%}
label{display:inline-block;margin-bottom:5px;vertical-align:middle}
input[type=checkbox]+label{margin-bottom:0;margin-left:2px}
.edui-gray{box-sizing:content-box;border-radius:4px}
.edui-gray .edui-editor{border-radius:4px}
.edui-gray .edui-editor:hover{border-color:#00c250}
@-webkit-keyframes hue{from{-webkit-filter:hue-rotate(0)}
to{-webkit-filter:hue-rotate(-360deg)}
}
form.inline{position:relative}
form.inline .inline-field{margin-bottom:0;padding-right:20px;text-overflow:ellipsis;outline:0}
form.inline button[type=submit]{background-color:transparent;border:0;color:#1a1a1a;font-size:16px;height:30px;line-height:30px;margin-top:-15px;padding:0;position:absolute;right:0;text-align:center;top:50%;width:30px}
.dropdown,.dropdown div,.dropdown div::after,.dropdown li{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
.dropdown .selected::after,.dropdown.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}
.dropdown{position:relative;width:100%;border:1px solid #ccc;cursor:pointer;background:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:10px}
.dropdown.open{z-index:99999}
.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}
.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4)}
.dropdown .carat{position:absolute;right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #a2a2a2}
.dropdown.open .carat{margin-top:-10px;border-top:6px solid transparent;border-bottom:8px solid #34495e}
.dropdown.disabled .carat{border-top-color:#999}
.dropdown .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden}
.dropdown select{position:absolute;left:0;top:0}
.dropdown.touch .old{width:100%;height:100%}
.dropdown.touch select{width:100%;height:100%;opacity:0}
.dropdown .selected,.dropdown li{display:block;font-size:15px;line-height:1;padding:9px 12px;overflow:hidden;white-space:nowrap}
.dropdown.disabled .selected{color:#999}
.dropdown .selected::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;border-radius:0 2px 2px 0;box-shadow:inset -55px 0 25px -20px #fff}
.dropdown div{position:absolute;height:0;left:-1px;right:-1px;top:100%;margin-top:-1px;background:#fff;border:1px solid #ccc;border-top:1px solid #eee;border-radius:0 0 3px 3px;overflow:hidden;opacity:0;z-index:99}
.dropdown.open div{opacity:1;z-index:2}
.dropdown.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px;box-shadow:inset 0 -50px 30px -35px #fff}
.dropdown.scrollable.bottom div::after{opacity:0}
.dropdown ul{position:absolute;left:0;top:0;height:100%;width:100%;list-style:none;overflow:hidden;padding:0;margin:0}
.dropdown.scrollable.open ul{overflow-y:auto}
.dropdown li{list-style:none;padding:8px 12px}
.dropdown li.focus{background:#34495e;position:relative;z-index:3;color:#fff}
.dropdown li.active{font-weight:700}
.button,.navigation .nav-next a,.navigation .nav-previous a,button[type=submit],input[type=submit]{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;line-height:1;outline:0;padding:12px 20px;text-align:center;text-transform:uppercase}
.button:hover,.navigation .nav-next a:hover,.navigation .nav-previous a:hover,button[type=submit]:hover,input[type=submit]:hover{opacity:.8;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.button.transparent,.navigation .nav-next a.transparent,.navigation .nav-previous a.transparent,button[type=submit].transparent,input[type=submit].transparent{background-color:transparent!important;border:1px solid rgba(255,255,255,.3)}
.btn-file input[type=file]{position:absolute;top:0;right:0;width:100%;height:100%;font-size:100px;text-align:right;opacity:0;outline:0;background:#fff;cursor:pointer;display:block}
.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;line-height:36px;outline:0;text-align:center;text-transform:uppercase;position:relative}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.35}
.btn:hover{opacity:.8;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#fff}
.btn--def{background-color:#ffc107;color:#fff}
.btn--primary{background-color:#29ae5f;color:#fff}
.btn--secondary{background-color:#2196f3;color:#fff}
.btn--danger{color:#fff}
.btn--block{width:100%!important}
.site{position:relative;overflow:hidden}
.site-content{padding-bottom:30px;padding-top:60px}
.home .site-content{padding-bottom:0;padding-top:0}
.single-post .site-content{padding-bottom:30px}
@media (max-width:767px){.site-content{padding-bottom:30px;padding-top:30px}
.page-template-page-modular .site-content{padding-bottom:15px;padding-top:15px}
}
.sidebar-left .sidebar-column .widget-area{padding-right:30px}
@media (max-width:575px){.sidebar-column .widget-area{margin:60px auto 0;max-width:300px;padding:0!important}
}
@media (max-width:991px){.sidebar-column .widget-area{margin:10px auto 0;max-width:460px;padding:0!important}
}
@media (min-width:992px){.content-column{flex:0 0 72%;max-width:72%}
.sidebar-main{flex:0 0 50%;max-width:50%}
.sidebar-column{flex:0 0 28%;max-width:28%}
.sidebar-left .sidebar-column{order:-1}
}
.u-clearfix:after,.u-clearfix:before{content:" ";display:table}
.u-clearfix:after{clear:both}
.u-plain-list{list-style-type:none;margin:0;padding:0}
.u-permalink{bottom:0;left:0;outline:0;position:absolute;right:0;top:0;z-index:50}
.u-border-title{align-items:center;display:flex}
.u-border-title:before{background-color:#1a1a1a;content:"";height:2px;margin-right:10px;width:30px}
.u-text-format>:first-child,.u-text-format>:first-child>:first-child{margin-top:0!important}
.u-text-format>:last-child,.u-text-format>:last-child>:last-child{margin-bottom:0!important}
.u-text-format h1,.u-text-format h2,.u-text-format h3,.u-text-format h4,.u-text-format h5,.u-text-format h6{font-weight:900;margin-bottom:12px;margin-top:12px}
.u-text-format h1{font-size:28px}
.u-text-format h2{font-size:25px}
.u-text-format h3{font-size:20px}
.u-text-format h4{font-size:19px}
.u-text-format h5{font-size:16px}
.u-text-format h6{font-size:13px;text-transform:uppercase}
.u-text-format dl dl,.u-text-format dl ol,.u-text-format dl ul,.u-text-format ol dl,.u-text-format ol ol,.u-text-format ol ul,.u-text-format ul dl,.u-text-format ul ol,.u-text-format ul ul{margin:0}
.u-text-format li{margin:0}
.u-text-format .fluid-width-video-wrapper{margin:30px 0}
.u-module-margin{margin:-30px 0}
.u-module-margin .post{margin:30px 0}
@media (max-width:767px){.u-module-margin{margin:-15px 0}
.u-module-margin .post{margin:15px 0}
}
.lazyload:not(.visible),.lazyloading:not(.visible){opacity:0}
.lazyloaded{opacity:1;transition:opacity 1s cubic-bezier(.77,0,.175,1)}
.wpcf7 p{font-family:Lato,sans-serif!important}
.wpcf7-form{margin:30px 0}
.wpcf7-form label{display:block}
.wpcf7-form-control-wrap{display:block;margin-top:5px}
.boxes2 .owl-nav{display:none}
.owl .owl-next.disabled,.owl .owl-prev.disabled{background-color:#aaa!important;cursor:default}
div.wpcf7-response-output{background-color:#f4f4f4;border:0;line-height:1.2;margin:30px 0 0;padding:15px;text-align:center}
.section.search.parallax{display:flex;min-height:200px;position:relative;text-align:center;padding:0}
.section.search.parallax img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.section.search.parallax .container{margin:auto;padding-bottom:0;padding-top:0;width:100%}
.cs-header{background:url(../images/banner-uisumo-02.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}
.home-filter--content{display:block;width:100%;margin:20px 0;z-index:2;position:relative;box-shadow:0 34px 20px -24px rgba(0,36,100,.06);padding:20px;background:linear-gradient(to right,#34495e,#4e6b88,#34495e);background-position:center center;background-size:cover;background-repeat:no-repeat}
.home-filter--content:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(91,91,91,.4);z-index:-1}
.home-filter--content .focusbox-title{margin-bottom:10px;color:#fff;font-weight:400;font-size:28px;text-align:center;padding-top:30px;letter-spacing:5px}
.home-filter--content .focusbox-desc{color:#fff;font-weight:400;text-align:center}
.home-filter--content .form-box{padding:6px;background-color:rgba(255,255,255,.3);border-radius:4px;position:relative;margin:20px 0;margin-right:20%;margin-left:20%;z-index:999}
.home-filter--content .form-box input[type=text]{border:1px solid #cccc;border-radius:4px;padding-right:6em;padding-left:1em;width:100%!important;margin:0}
@keyframes aspAnFadeInDrop{0%{opacity:0;transform:translate(0,-50px)}
100%{opacity:1;transform:translate(0,0)}
}
@-webkit-keyframes aspAnFadeInDrop{0%{opacity:0;transform:translate(0,-50px);-webkit-transform:translate(0,-50px)}
100%{opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0)}
}
@media (max-width:768px){.home-filter--content .focusbox-title{font-size:18px;padding-top:20px}
.home-filter--content .focusbox-desc{font-size:12px}
.home-filter--content .form-box{margin-bottom:20px;margin-right:5%;margin-left:5%}
.home-filter--content .form-box input[type=text]{margin-bottom:10px}
}
.site-header{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.07);left:0;position:absolute;right:0;top:0;transition:background-color .5s cubic-bezier(.77,0,.175,1),box-shadow .5s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:background-color .5s cubic-bezier(.77,0,.175,1),box-shadow .5s cubic-bezier(.77,0,.175,1),transform .6s cubic-bezier(.77,0,.175,1);transition:background-color .5s cubic-bezier(.77,0,.175,1),box-shadow .5s cubic-bezier(.77,0,.175,1),transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);z-index:99}
.navbar-full .site-header{padding:0 30px}
.slide-now .site-header{box-shadow:none;-webkit-transform:translateY(-80px);transform:translateY(-80px)}
.header-gap{height:80px}
.navbar{align-items:center;display:flex;height:80px;position:relative}
.navbar .logo{max-width:160px;height:auto}
.navbar .sep{display:flex;height:100%;margin:0 20px;width:1px}
.navbar .sep:after{background-color:#e6e6e6;content:"";height:50%;margin:auto;transition:background-color .5s cubic-bezier(.77,0,.175,1);width:100%}
.navbar .menu-item{display:inline-block;position:relative}
.navbar .nav-list>li.active>a{color:#29ae5f}
.navbar .menu-item>a{display:block;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.navbar .menu-item>a .emoji{margin-left:0!important;margin-right:5px!important}
.navbar .menu-item.menu-item-has-children>a:after{color:#aaa;content:"\f282";font-family:bootstrap-icons;font-size:12px;font-weight:400;margin-left:5px;transition:color .5s cubic-bezier(.77,0,.175,1)}
.navbar .menu-item:hover>.sub-menu{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}
.navbar .nav-list>.menu-item>a{font-size:15px;line-height:81px;margin:0 12px;transition:color .5s cubic-bezier(.77,0,.175,1)}
.navbar .sub-menu{background-color:#fff;border-radius: 5px;box-shadow:0px 0px 30px rgba(0, 0, 0, .3);list-style-type:none;margin:-1px 0 0 -18px;min-width:220px;opacity:0;padding:20px 0;position:absolute;top:100%;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .5s cubic-bezier(.77,0,.175,1);visibility:hidden;z-index:80}
.navbar .sub-menu .menu-item{display:block}
.navbar .sub-menu .menu-item>a{align-items:center;display:flex;font-size:13px;font-weight:500;line-height:20px;padding:9px 30px;transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1)}
.navbar .sub-menu .menu-item>a:hover{opacity:1;-webkit-transform:translateX(5px);transform:translateX(5px)}
.navbar .sub-menu .menu-item.menu-item-has-children>a{justify-content:space-between}
.navbar .sub-menu .menu-item.menu-item-has-children>a:after{content:"\f285";font-family:bootstrap-icons;font-size:12px;line-height:1;margin-right:-4px}
.navbar .sub-menu .sub-menu{left:100%;margin:-20px 0 0;top:0}
.navbar .actions{display:flex;flex-grow:1;justify-content:flex-end}
.navbar .actions>div+div{margin-left:5px}
.navbar .navbar-button,.off-canvas .canvas-close{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px;margin-right:10px;background-color:#f6f6f6;border:0;color:#555}
.navbar .login-btn{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;width:80px;margin-right:10px;background-color:#f6f6f6;border:0;color:#555}
.navbar .user-pbtn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;max-width:100px;margin-right:10px;border:0;color:#555}
.navbar .user-pbtn img{align-items:center;border-radius:30px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin-right:5px;border:2px solid #eee;width:30px}
.navbar .user-pbtn span{-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navbar .login-btn:hover,.navbar .user-pbtn:hover{opacity:.8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header{background-color:transparent;box-shadow:none}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.text,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.text,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a{color:#fff}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular{opacity:0}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary{opacity:1}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .sep:after,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .sep:after{background-color:rgba(255,255,255,.3)}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after{color:rgba(255,255,255,.6)}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .burger,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .burger,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button{background-color:#fff;border-color:#fff}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field{background-color:transparent;color:#fff}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder{color:#fff}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder{color:#fff}
.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder{color:#fff}
.navbar-sticky_transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap{height:0}
.navbar-sticky:not(.ads-before-header) .site-header,.navbar-sticky_transparent:not(.ads-before-header) .site-header,.stick-now .site-header{position:fixed!important}
.navbar-hidden .navbar .logo{margin-right:0}
.navbar-hidden .navbar .sep{display:none}
@media (max-width:991px){.navbar .sep{display:none}
}
.navbar .menu-item-mega:hover .mega-menu,.navbar .menu-item-mega:hover .sub-menu{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}
.mega-menu{padding:25px;background-color:#fff;border-radius: 5px;box-shadow:0px 0px 30px rgba(0, 0, 0, .3);left:0;opacity:0;position:absolute;right:0;top:100%;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .5s cubic-bezier(.77,0,.175,1);visibility:hidden;z-index:80}
.mega-menu .entry-media{margin-bottom:20px}
.mega-menu .owl .owl-next,.mega-menu .owl .owl-prev{bottom:20px;top:auto}
.mega-menu .owl .owl-prev{right:62px}
.mega-menu .owl .owl-next{right:30px}
.navbar .menu-item-mega{position:static}
.navbar .menu-item-mega>.sub-menu{left:0;margin:0;padding:40px 0;right:0}
.navbar .menu-item-mega>.sub-menu>.menu-item>a{color:#aaa;font-size:15px;letter-spacing:0;line-height:1.2;margin-bottom:5px;pointer-events:none;text-transform:none}
.navbar .menu-item-mega>.sub-menu .menu-item-has-children>a:after{display:none}
.navbar .menu-item-mega>.sub-menu .sub-menu{box-shadow:none;margin:0;min-width:auto;opacity:1;padding:0;position:static;-webkit-transform:translateY(0);transform:translateY(0)}
.navbar .menu-item-mega>.sub-menu .sub-menu .sub-menu{display:none}
.burger{border-radius:50%;cursor:pointer;height:30px;position:relative;width:30px;background-color:#f6f6f6;border:0}
.burger:after,.burger:before{background-color:#34495e;content:"";height:2px;left:10px;position:absolute;width:10px}
.burger:before{top:10px}
.burger:after{bottom:10px}
@media (min-width:992px){.no-off-canvas:not(.navbar-hidden) .burger{display:none}
}
.logo-wrapper{position:relative}
.logo:not(.text){transition:opacity .5s cubic-bezier(.77,0,.175,1)}
.logo.contrary{left:0;opacity:0;position:absolute;top:0}
.logo.text{font-size:20px;font-weight:900;letter-spacing:2px;text-transform:uppercase;transition:color .5s cubic-bezier(.77,0,.175,1)}
.section{padding-top:10px}
.p-0{padding:0!important}
.p-10{padding:10px!important}
.pt-0{padding-top:0!important}
.pt-10{padding-top:10px!important}
.pt-20{padding-top:20px!important}
.pt-30{padding-top:30px!important}
.pt-40{padding-top:40px!important}
.pt-45{padding-top:45px!important}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px!important}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px!important}
.pt-150{padding-top:150px!important}
.pb-0{padding-bottom:0!important}
.pb-10{padding-bottom:10px!important}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px!important}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px!important}
.mt-0{margin-top:0!important}
.mt-xs{margin-top:10px!important}
.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px!important}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px!important}
.mt-30{margin-top:30px!important}
.mt-40{margin-top:40px!important}
.mt-50{margin-top:50px!important}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px!important}
.mt-80{margin-top:80px!important}
.mt-90{margin-top:90px!important}
.mt-100{margin-top:100px!important}
.mt-150{margin-top:150px}
.mb-0{margin-bottom:0!important}
.mb-15{margin-bottom:15px}
.mb-10{margin-bottom:10px!important}
.mb-20{margin-bottom:20px!important}
.mb-25{margin-bottom:25px!important}
.mb-30{margin-bottom:30px!important}
.mb-40{margin-bottom:40px!important}
.mb-50{margin-bottom:50px!important}
.mb-55{margin-bottom:55px!important}
.mb-60{margin-bottom:60px!important}
.mb-70{margin-bottom:70px!important}
.mb-75{margin-bottom:75px!important}
.mb-80{margin-bottom:80px!important}
.mb-90{margin-bottom:90px!important}
.mb-100{margin-bottom:100px!important}
.mb-150{margin-bottom:150px!important}
.ml-0{margin-left:0!important}
.ml-5{margin-left:5px!important}
.ml-10{margin-left:10px!important}
.mr-10{margin-right:10px!important}
.mr-15{margin-right:15px!important}
.mr-20{margin-right:20px!important}
table thead{background:#fff}
th{text-align:left}
table thead tr th{font-size:14px;font-weight:600;text-transform:capitalize;color:#282828;line-height:30px!important;border-bottom-width:0!important;border-color:#eee;padding:0}
table tbody tr td{font-size:13px;font-weight:500;line-height:26px;color:#9b9b9b;vertical-align:middle;padding:none}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border:0}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:0;border-top:1px solid #ddd}
.bgcolor-fff{background-color:#fff}
.widget_magsy_module_parallax>.container,.widget_magsy_module_slider_center>.container{max-width:none;padding:0}
.home .home-vip-mod{background-color:#fff;padding:30px 0}
.home-vip-mod .vip-cell{position:relative;display:block;width:100%;border-radius:5px;-webkit-box-shadow:0 1px 4px rgba(24,38,16,.1);box-shadow:0 1px 4px rgba(24,38,16,.1);text-align:center;border:1px solid rgba(171,171,171,.23);margin:10px 0}
.home-vip-mod .vip-cell .time{font-size:14px;display:block;padding:10px 0 0 12px;color:#666;text-align:left}
.home-vip-mod .vip-cell .price{text-align:center;font-size:30px;padding:15px 0;font-weight:700;line-height:1em;color:#ff9800}
.Huserxiala .Hinfolist ul .qiandao a{color:#fd721e}
.Huserxiala .Hinfolist ul .qiandao a:hover{border-radius:2px;color:#fff;background:#fd721e}
.home-vip-mod .vip-cell .price span{font-size:25px;display:inline-block;-webkit-transform:translateY(-15px);transform:translateY(-15px);font-weight:400}
.home-vip-mod .vip-cell p{padding:0 10%;font-size:14px;line-height:1.8em;color:#666;text-align:center}
.home-vip-mod .vip-cell a.primary{display:inline-block;min-width:56%;margin:0 auto 20px;padding:6px 12px;border-radius:5px;color:#fff;font-size:14px;text-decoration:none}
.home-vip-mod .vip-cell a.primary:hover{opacity:.8}
.home-vip-mod .vip-cell .tehui{position:absolute;display:inline-block;padding:0 15px 0 15px;line-height:22px;font-size:12px;font-weight:700;border-radius:13px;position:absolute;right:10px;top:10px;color:#ff5722;border:1px solid #eee}
.home-vip-mod .vip-cell .icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:20px auto 0 auto;width:80px;height:60px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.home-vip-mod .vip-text{-webkit-box-shadow:none;box-shadow:none;text-align:left;border:0}
.home-vip-mod .vip-text h4{font-size:24px;line-height:30px;margin:30px 0;letter-spacing:3px}
.home-vip-mod .vip-text p{padding-right:15px;padding-left:0;text-align:left}
.module.parallax{display:flex;min-height:220px;position:relative;text-align:center}
.module.parallax img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.module.parallax .container{margin:auto;padding-bottom:30px;padding-top:30px}
.module.parallax .entry-title{color:#fff;font-size:22px;font-weight:500;margin-bottom:0;position:relative}
.module.parallax .button,.module.parallax .navigation .nav-next a,.module.parallax .navigation .nav-previous a,.module.parallax button[type=submit],.module.parallax input[type=submit]{margin:30px 5px 0;position:relative;z-index:60;background-color:#34495e}
@media (max-width:767px){.module.parallax{min-height:250px}
.module.parallax .entry-title{font-size:20px}
.module.parallax .button,.module.parallax .navigation .nav-next a,.module.parallax .navigation .nav-previous a,.module.parallax button[type=submit],.module.parallax input[type=submit]{width:100%}
.module.parallax .button+.button,.module.parallax .navigation .nav-next a+.navigation .nav-next a,.module.parallax .navigation .nav-previous a+.navigation .nav-previous a,.module.parallax button[type=submit]+button[type=submit],.module.parallax input[type=submit]+input[type=submit]{margin-top:10px}
}
.slider.big{border-radius:4px;overflow:hidden}
.slider.big.diy{box-shadow:none;-webkit-box-shadow:none;border-radius:4px}
.module.slider.diy .post{text-align:center;display:flex;justify-content:center;align-items:center}
.slider.big.diy .slider-title{margin:0;font-weight:700;font-size:26px;text-align:center;color:#fff;letter-spacing:1px}
.slider.big.diy .slider-desc{margin:15px 0 0;font-weight:400;font-size:16px;line-height:1.8;color:#fff;letter-spacing:.3px}
.module.slider .post{background-position:center;background-size:cover;height:400px;position:relative}
.module.slider .post:before{background-color:#1f2b38;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity 1s cubic-bezier(.77,0,.175,1)}
.module.slider .post.lazyloaded:before{opacity:0}
.module.slider .entry-wrapper{bottom:0;left:0;max-width:300px;padding:60px 20px 30px;position:absolute;right:0;top:0;transition:opacity .5s cubic-bezier(.77,0,.175,1)}
.module.slider .entry-wrapper:before{background-color:#1f2b38;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}
.module.slider .entry-wrapper>*{position:relative}
.module.slider .entry-excerpt{color:#fff;margin-top:30px;-webkit-line-clamp:5}
.module.slider .entry-footer a{color:#34495e}
.module.slider.owl .owl-next,.module.slider.owl .owl-prev{top:50%;margin-top:-40px;}
.module.slider.owl .owl-prev{left:0}
.module.slider.owl .owl-next{right:0}
.module.slider.center .owl-item:not(.center) .entry-wrapper{opacity:0}
.module.slider.thumbnail .entry-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:none;padding:30px;text-align:center}
.module.slider.thumbnail .entry-wrapper:before{opacity:.4}
.module.slider.thumbnail .entry-wrapper>*{max-width:500px}
.module.slider.thumbnail .entry-header .entry-meta{justify-content:center}
.module.slider.thumbnail.owl .owl-dots{bottom:-25px}
.module.slider.thumbnail.owl .owl-dot{border:3px solid #fff;border-radius:50%;height:50px;margin:0 3px;overflow:hidden;width:50px}
.module.slider.thumbnail.owl .owl-dot.active{border-color:var(--primary-color)}
@media (max-width:768px){.module.slider.thumbnail .entry-header .entry-title{font-size:30px}
.module.slider .post{height:320px}
.module.slider .entry-wrapper{max-width:none}
.module.slider.owl .owl-dots{bottom:10px}
.module.slider.diy .post{height:160px}
.slider.big.diy .slider-title{font-size:18px;letter-spacing:0}
.slider.big.diy .slider-desc{font-size:14px;letter-spacing:0;margin:8px 0 0}
}
@media (max-width:991px){.module.slider.center .entry-wrapper{max-width:none}
}
.module.image{position:relative}
.module.image .caption{margin-top:15px;text-align:center}
.sm-flex{display:-ms-flexbox!important;display:flex!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.list-homegrid-overlay .list-content{position:absolute;right:0;bottom:0;left:0}
.list-homegrid-overlay .list-content{padding:15px;z-index:1;background-image:linear-gradient(to top right,#555,rgba(0,0,0,.1))}
.list-homegrid-overlay .list-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:none;flex:none}
.list-homegrid-overlay .list-title{color:#fff;font-weight:600}
.gridpost .list-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;border:0;border-radius:4px;overflow:hidden}
.gridpost .media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit}
@media (max-width:767.98px){.gridpost .media{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.gridpost .media3:after{content:'';display:block;padding-top:58.38%}
.gridpost .media:after{content:'';display:block;padding-top:60.88%}
.gridpost .media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem .75rem;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
.gridpost .media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1)}
@media (max-width:768px){.gridpost .media-content{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.gridpost .overlay{width:100%;height:100%;position:absolute;opacity:.3;top:0;left:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.gridpost .overlay-hover:hover .overlay,a:hover .overlay{opacity:0}
.category-box{position:relative;overflow:hidden;border-radius:4px}
.category-box .entry-thumbnails{background-color:#f4f4f4;border-radius:2px;display:flex;height:180px;overflow:hidden}
.category-box .thumbnail{position:relative}
.category-box .thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.category-box .big{margin-right:4px;width:70%}
.category-box .small{flex-direction:column;height:100%;width:30%}
.category-box .small .thumbnail{height:50%}
.category-box .small .thumbnail:first-child{margin-bottom:4px}
.category-box .small .thumbnail:last-child{margin-top:4px}
.category-box .small span{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:900;height:100%;justify-content:center;position:relative;width:100%;background-color:rgba(52,73,94,.5)}
.category-box .entry-title{z-index:1;align-items:center;display:flex;font-size:20px;height:100%;justify-content:center;width:100%;position:relative;color:#fff;font-weight:600;background:rgba(52,73,94,.3)}
.category-box .entry-title:after{content:"";background:#fff;width:40px;height:2px;bottom:70px;position:absolute}
.uposts{position:relative;display:block;background-color:#fff;margin-bottom:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.02);border-radius:4px;padding:20px}
.uposts .codesign-list{height:66px;background:rgba(51,51,51,.8);border-radius:5px 5px 0 0;padding:24px;margin:-20px -20px 22px -20px;position:relative;background-size:100%;background-position:center center}
.uposts h4.codeisgn-h4{margin-bottom:0;text-align:center;font-size:18px;color:#fff;position:relative;z-index:1}
.uposts .codeisgn-h4 a{color:#fff}
.uposts span.codesign-esc{text-align:center;line-height:38px;color:rgba(255,255,255,.6);position:relative;z-index:1;display:block}
.uposts .codesign-cover{position:absolute;left:0;right:0;top:0;bottom:0;background:#0000002c;border-radius:4px 4px 0 0;z-index:0}
.uposts .hentry{margin-bottom:15px;position:relative;display:inline-block;width:100%}
.uposts .hentry .title{font-size:14px;font-weight:400;line-height:1.5;margin:0;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uposts .hentry .title a{color:#666}
.uposts .hentry .title a:hover{color:#5fcf80}
.uposts .hentry .post-num{background-color:#999;color:#fff;display:inline-block;font-size:14px;width:18px;height:18px;line-height:18px;margin:0 8px 0 0;text-align:center;border-radius:4px}
.uposts .post-num.num-1{background-color:#f44336}
.uposts .post-num.num-2{background-color:#4caf50}
.uposts .post-num.num-3{background-color:#ffc107}
.uposts .post-num.num-4{background-color:#00bcd4}
.uposts .post-num.num-5{background-color:#2196f3}
.uposts .post-num.num-6{background-color:#e91e63}
.uposts .post-num.num-7{background-color:#34495e}
.uposts .post-num.num-8{background-color:#f4e3ab}
.uposts .meta{position:absolute;position:absolute;top:0;right:0;color:#999;font-size:13px}
.author-box{position:relative;float:left;line-height:30px;display:flex;justify-content:center;align-items:center}
.author-box .author-image{width:30px;height:30px;border-radius:50%;border:2px solid #eee;overflow:hidden}
.content-show .author-box .author-image img,.detail-page .author-box .author-image img{margin-top:0}
.author-box .author-image img:hover{cursor:pointer}
.author-box .author-info{margin-left:10px}
.author-box .author-name{font-size:16px;margin-bottom:0;font-weight:500}
.author-box .author-name span img{height: 28px;}
.author-box .author-bio{font-size:14px;font-weight:500}
.author-box .author-meta{align-items:center;display:flex;font-size:16px;margin-top:10px}
.author-box .author-meta>a{color:#aaa;line-height:1.5}
.author-box .author-meta>a+a{margin-left:4px}
.author-box .author-meta>a:last-child{font-size:12px;font-weight:700;text-transform:uppercase}
.author-box .author-meta>a+a:last-child{border-left:1px solid #e6e6e6;margin-left:10px;padding-left:10px}
.author-box .author-meta>a:last-child:after{content:"\f054";font-family:"Material Design Icons";margin-left:3px}
.post-grid .entry-media{margin-bottom:0;position:relative}
.post-grid .entry-media img{margin:0 auto;width:100%;border-radius:5px 5px 0 0}
.entry-media{margin-bottom:10px;position:relative}
.entry-media .placeholder{background-color:#fff;height:0;overflow:hidden;border-radius:5px 5px 0 0}
.entry-media img{margin:0 auto;width:100%;overflow:hidden}
.entry-media img:hover{opacity:.8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.entry-format{background-color:rgba(0,0,0,.4);border-radius:50%;color:#fff;font-size:15px;height:25px;left:10px;line-height:25px;position:absolute;text-align:center;top:10px;width:25px}
.entry-star{display:block;border-radius:50%;font-size:15px;height:25px;right:10px;line-height:25px;position:absolute;text-align:center;top:10px;width:25px;opacity:0;visibility:hidden}
.post-grid:hover .entry-star,.post-list:hover .entry-star{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;opacity:1;visibility:visible;z-index:99}
.widget .entry-format,.widget .entry-star{display:none}
#crumbs{padding-bottom:10px;font-size:14px;opacity:.5}
.post-edit-link{float:right;color:#ccc}
.entry-header{word-break:break-word}
.entry-header .entry-meta{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;font-size:11px;letter-spacing:.2px;margin-bottom:10px;text-transform:uppercase;text-align:center}
.entry-header .entry-meta>span+span{margin-left:15px}
.entry-header .entry-meta a{color:#aaa}
.entry-header .entry-meta .meta-author a{align-items:center;display:flex}
.entry-header .entry-meta .avatar{border-radius:50%;height:15px;margin-right:8px;width:15px}
.entry-header .entry-meta .meta-category{display:flex;flex-wrap:wrap}
.entry-header .entry-meta .meta-category a{align-items:center;display:flex}
.entry-header .entry-meta .meta-category a+a{margin-left:8px}
.entry-header .entry-meta .meta-category .dot{background-color:var(--accent-color);border-radius:50%;height:6px;margin-right:5px;width:6px;background-color:#fd721f}
.entry-header .entry-meta .meta-category a:nth-child(2) .dot{background-color:#4caf50}
.entry-header .entry-meta .meta-category a:nth-child(3) .dot{background-color:#2196f3}
.entry-header .entry-title{font-size:15px;font-weight:500;letter-spacing:-.2px;margin-bottom:0}
.article-list .entry-wrapper .entry-footer{display:flex;font-size:11px;font-weight:700;letter-spacing:.2px;margin-top:10px;text-transform:uppercase}
.article-list .entry-wrapper .entry-footer a{position:relative;margin-right:5px;color:#aaa;padding:4px 6px;border-radius:4px;font-weight:500;background:#f6f6f6;line-height:1}
.article-list .entry-wrapper .entry-footer .footer-author{align-items:center;display:flex}
.article-list .entry-wrapper .entry-footer .footer-author img{border-radius:50%;height:20px;margin-right:5px;width:20px}
@media (max-width:767px){.entry-action{flex-direction:column}
.entry-action .action-share{margin-top:15px}
}
@media (max-width:576px){.helper-index .entry-footer,.list-index .entry-footer{display:block!important}
.entry-excerpt,.entry-footer{display:none!important}
.module.slider .entry-excerpt{display:block!important}
.module.slider .owl-nav{display:none}
}
.entry-navigation{background-color:#fff;display:block;margin-top:30px;position:relative;border-radius:5px;padding:20px 10px 20px 20px}
.article-nav{overflow:hidden;font-size:14px;color:#bbb}
.article-nav span{float:left;position:relative;width:50%}
.article-nav span.article-nav-next{float:right;text-align:right}
.article-nav span.article-nav-next::before{content:'';position:absolute;left:0;top:0;height:100%;display:block;width:1px;background-color:#eee}
.article-nav a{color:#999;margin-right:10px;display:inline-block}
.article-nav span.article-nav-next a{margin-left:10px;margin-right:0}
.article-nav a:hover{color:#29ae5f}
@media (max-width:991px){.entry-navigation{margin-bottom:30px}
}
.entry-tags{display:flex;flex-wrap:wrap;margin-top:20px}
.entry-tags a{background-color:#f4f4f4;border:1px solid #e6e6e6;border-radius:3px;color:#555;font-size:13px;font-weight:700;line-height:1;margin:0 5px 5px 0;padding:5px 10px}
.article-footer{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;padding-top:30px;position:relative}
@media (max-width:576px){.article-footer{display:flex}
.author-box{display:none}
}
.post-list{display:flex;margin-bottom:30px;position:relative;padding:10px;background:#fff;border-radius:4px}
.post-list .entry-media{flex-shrink:0;margin-bottom:0;margin-right:20px;width:220px}
@media (max-width:767px){.post-list .entry-media{width:120px}
.post-list .entry-title{font-size:16px}
}
.post-grid{float:left;margin-bottom:30px;background-color:#fff;border-radius:4px;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);border:1px solid #eee}
.post-grid:hover{-webkit-box-shadow:0 34px 20px -24px rgba(136,161,206,.3);box-shadow:0 34px 20px -24px rgba(136,161,206,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px)}
@media (max-width:575px){.post-list{margin-bottom:10px}
.post-grid{margin-bottom:20px}
.posts-wrapper .col-6:nth-child(2n){padding-left:5px;padding-right:15px}
.posts-wrapper .col-6:nth-child(2n-1){padding-left:15px;padding-right:5px}
.cat-posts-wrapper .col-6:nth-child(2n){padding-left:5px;padding-right:15px}
.cat-posts-wrapper .col-6:nth-child(2n-1){padding-left:15px;padding-right:5px}
}
.post-grid .entry-wrapper{padding:10px}
.grid_author_avt{position:relative;z-index:9;display:block;width:100px;height:36px;margin-top:-24px;margin-left:-10px;transform:translateZ(0)}
.grid_author_avt:hover{opacity:1!important}
.grid_author_avt:after{content:'';position:absolute;width:100%;height:100%;background-position:right top;background-repeat:no-repeat;background-size:100px 30px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);top:-3px;left:50%;transform:translate(-50%,0);z-index:-1}
.grid_author_bggo{position:absolute;margin:auto;top:0;right:0;left:0;width:30px;height:30px;border-radius:50%;z-index:9}
.bg-cover{background-size:cover;background-position:50% 50%}
.canvas-opened{overflow-y:hidden}
.canvas-opened .off-canvas{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}
.off-canvas{background-color:#fff;height:100vh;overflow-y:scroll;padding:60px 0 15px;position:fixed;right:0;top:0;-webkit-transform:translateX(320px);transform:translateX(320px);transition:-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);width:320px;z-index:9999;-webkit-overflow-scrolling:touch}
.off-canvas .logo{display:flex;justify-content:center;margin:0 auto 30px;padding:0 20px;max-width:220px}
.off-canvas .canvas-close{position:absolute;right:15px;top:15px}
.off-canvas .canvas-close .mdi{transition:-webkit-transform .5s cubic-bezier(.77,0,.175,1);transition:transform .5s cubic-bezier(.77,0,.175,1);transition:transform .5s cubic-bezier(.77,0,.175,1),-webkit-transform .5s cubic-bezier(.77,0,.175,1)}
.off-canvas .canvas-close:hover .mdi{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.off-canvas .mega-menu{display:none}
.off-canvas .widget-area .widget{padding:20px}
.off-canvas .widget-area .widget+.widget{margin-top:30px}
.off-canvas .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget{margin-top:-20px}
.off-canvas .widget-area .widget .widget-title{border-bottom:1px solid #e6e6e6;margin:-20px -20px 20px;padding:15px 20px}
body:not(.canvas-visible) .off-canvas{visibility:hidden}
.canvas-opened{overflow-y:hidden}
.canvas-opened .off-canvas{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}
.slicknav_menu .slicknav_nav,.slicknav_menu .sub-menu{list-style-type:none;margin:0;padding:0}
.slicknav_menu .slicknav_nav{background-color:#fff;margin-bottom:30px;padding:0 20px;width:100%;position:relative;overflow:hidden;display:-ms-flexbox;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.slicknav_menu .slicknav_nav li{width:100%;min-height:1px;padding:.25rem;-ms-flex:0 0 33.333333%;flex:0 0 50%;max-width:50%;text-align:center;overflow:hidden;text-overflow:ellipsis}
.slicknav_menu .slicknav_nav .sub-menu li{width:100%;min-height:1px;padding:.25rem;-ms-flex:0 0 33.333333%;flex:0 0 100%;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}
.slicknav_menu .slicknav_nav li.slicknav_parent{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.slicknav_menu .menu-item>a{align-items:center;display:flex;font-size:11px;font-weight:500;letter-spacing:.2px;line-height:1;outline:0;padding:12px 5px;justify-content:center;border:1px solid #f4f6f9;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slicknav_menu .menu-item>a .emoji{margin-left:0!important;margin-right:5px!important}
.slicknav_menu .slicknav_item a{display:inline;outline:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slicknav_menu .slicknav_arrow{color:#aaa;font-size:0;line-height:1}
.slicknav_menu .slicknav_arrow:before{content:"\f142";font-family:"Material Design Icons";left:-2px;position:relative;top:1px;font-size:14px;color:#aaa}
.dimmer{background:rgba(52, 73, 94, 0.9);pointer-events: auto;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}
.term-bar{align-items:center;background-color:#34495e;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:80px 0;position:relative;text-align:center}
.term-bar:before{background-color:#34495e;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity 1s cubic-bezier(.77,0,.175,1)}
.term-bar.lazyloaded:before{opacity:.5}
.term-bar .term-title{color:#fff;font-size:23px;font-weight:900;line-height:1;margin:0;position:relative}
@media (max-width:768px){.term-bar{padding:40px 0}
.term-bar .term-title{margin:0}
}
.search-no-results .term-bar{display:none}
.infinite-scroll-action{display:flex;justify-content:center}
@media (max-width:767px){.infinite-scroll-action{margin-top:20px}
}
.infinite-scroll-button{min-width:250px}
.pagination-infinite_button .infinite-scroll-request,.pagination-infinite_button .posts-navigation,.pagination-infinite_button:not(.paged-next) .infinite-scroll-button,.pagination-infinite_scroll .infinite-scroll-button,.pagination-infinite_scroll .posts-navigation{display:none!important}
.breadcrumbs{font-size:13px;text-align:left;margin-bottom:10px;margin-top:-50px;color:#999;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumbs a{color:#999}
@media (max-width:575px){.breadcrumbs{margin-bottom:10px;margin-top:-20px}
}
.entry-wrapper .widget-pay{margin-bottom:30px;margin-top:30px;border-top:1px solid #eee;padding-top:10px}
.article-content{border-radius:4px;background-color:#fff;word-wrap:break-word;padding:20px}
.article-content img{border-radius:5px;cursor:pointer}
/* .article-content pre{margin:20px 0;padding:10px 20px;border:none;background:#03152a;color:#b3b3b3;font:12px/20px 'courier new'} */
.article-content blockquote{position:relative;margin:15px 0 20px 0;padding:10px 45px;border-radius:5px;border:2px dashed #29ae5f;background-color:#e7faee}
.article-content blockquote:before{position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;content:''}
.article-content blockquote:after{position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;content:''}
.article-content blockquote p{margin:0;margin-bottom:10px;padding:0}
.article-content blockquote p b{color:#29ae5f}
.article-content .entry-header .entry-meta{margin-bottom:10px}
.article-content .entry-header .entry-title{font-size:1.6em;font-weight:600;letter-spacing:.5px;height: inherit;}
.archives .item{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eee}
.archives h3{float:left;margin-bottom:10px;font-size:20px;font-weight:400;color:#4caf50;line-height:20px;margin-top:0}
@media (max-width:575px){.article-content{padding:10px}
.article-content .entry-header .entry-title,.entry-header .entry-title{font-size:14px;font-weight:600;padding-bottom:10px}
.post-edit-link{display:none}
.archives h3{display:none}
}
.site-xerhu{display:block;width:100%}
.site-xerhu a img{width:100%}
.site-xerhu .xerhu-list-header{padding-bottom:30px}
.site-xerhu .xerhu-list-footer{padding-top:30px}
.widget-area .widget{position:relative;background-color:#fff;padding:20px;border-radius:5px;clear:both;overflow:hidden}
.widget-area .widget-qrcode{position:relative;background-color:#fff;padding:20px;border-radius:5px;height:100%;clear:both;overflow:hidden}
.widget-area .widget-author{background:#f6fdfc;border:1px solid #e9ecf3;height:100%}
.widget-area .widget-author:before{content:'';position:absolute;left:0;top:0;opacity:.3;background-image:-webkit-linear-gradient(46deg,#9febbe 48%,#f6fdfc 91%);background-image:-o-linear-gradient(46deg,#9febbe 48%,#f6fdfc 91%);background-image:linear-gradient(44deg,#9febbe 48%,#f6fdfc 91%);width:60px;height:76px;-webkit-border-radius:0 0 100% 0;border-radius:0 0 100% 0}
.widget-area .widget-author:after{content:'';position:absolute;bottom:0;right:0;opacity:.3;background-image:-webkit-linear-gradient(46deg,#9febbe 48%,#f6fdfc 91%);background-image:-o-linear-gradient(46deg,#9febbe 48%,#f6fdfc 91%);background-image:linear-gradient(44deg,#9febbe 48%,#f6fdfc 91%);width:60px;height:76px;-webkit-border-radius:100% 0 0 0;border-radius:100% 0 0 0}
.widget-area .widget+.widget{margin-top:20px}
.widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget{margin-top:20px}
.widget-area .widget .widget-title{font-size:18px;letter-spacing:.5px;line-height:1;margin-bottom:15px;text-transform:uppercase;font-weight:600}
.widget ul{list-style-type:none;margin:0;padding:0}
.widget ul li{line-height:20px;padding:5px 0;list-style:none}
.widget ul li>a{display:inline-block}
.widget ul li+li>a,.widget ul ul li>a{margin-top:0}
.widget-area .widget.widget-adss{overflow:hidden;padding:0;border-radius:0}
.widget-adss a{width:100%}
.widget-adss .asr{display:block;padding:30px 15px;text-align:center;color:#fff!important;background:#64ddbb}
.widget-adss .asr h4{margin:0;font-size:18px;font-weight:700;color:#fff}
.widget-adss .asr h5{margin:15px 0 0;font-weight:400;color:#fff}
.widget-adss .asr .btn{margin-top:20px;font-weight:400;border-radius:100px;text-align:center;vertical-align:top;user-select:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:4px 30px;line-height:inherit}
.btn-outline{color:#fff;background-color:transparent;border:1px solid #fff}
.btn-outline.focus,.btn-outline:focus,.btn-outline:hover{color:#555;background-color:#fff}
.widget-userstop li{position:relative;display:flex;margin-bottom:10px}
.widget-userstop li span{font-size:14px}
.widget-userstop li .index{color:#080808;font-size:18px;width:20px;line-height:30px;font-weight:600}
.widget-userstop li .index.num-1{color:#f44336}
.widget-userstop li .index.num-2{color:#4caf50}
.widget-userstop li .index.num-3{color:#ffc107}
.widget-userstop li .index.num-4{color:#00bcd4}
.widget-userstop li .index.num-5{color:#2196f3}
.widget-userstop li .index.num-6{color:#e91e63}
.widget-userstop li .index.num-7{color:#34495e}
.widget-userstop li .index.num-8{color:#f4e3ab}
.widget-userstop li .avatar{width:40px}
.widget-userstop li .avatar img{width:30px;height:30px;border-radius:50%;overflow:hidden;display:block}
.widget-userstop li .name{flex:1;line-height:30px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.widget-userstop li .credits{min-width:80px;line-height:30px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#29ae5f}
.widget .widget-pay{display:block}
.widget-pay .rateinfo-abs{display:inline-block;padding-top:30px}
.widget-pay .pay--rateinfo{margin-bottom:10px;padding:10px 0;border-radius:4px;display:flex;justify-content:space-between;align-items:center;z-index:11}
.widget-pay .pay--rateinfo b .price{color:#ffc107;font-size:28px;margin-right:5px}
.widget-pay .pay--rateinfo .desc{color:#626a71}
.widget-pay .boosvip-abs{padding:4px 12px;text-align:center;background-color:#eee;color:#fd721f;font-size:14px}
.widget-pay .pay--content{position:relative}
.widget-pay .pay-box .pwd{padding:5px;margin-top:10px;display:block;background-color:#fffacd;color:#999;border-radius:4px;text-align:center;border:1px dashed #ffc12b}
.widget-pay .pay-box .pwd .copypaw{cursor:copy;font-weight:600;background-color:#c1c1c1;border-radius:4px;color:#d2d2d2;padding:0 10px;background-image:linear-gradient(45deg,#9e9e9e 25%,#fff 0,#fff 50%,#9e9e9e 0,#9e9e9e 75%,#fff 0);background-size:2px 2px}
.widget-pay .pay-box .pwd .copypaw:hover{cursor:copy;color:#fff}
.widget-pay .pay-box .go-pay{margin-top:10px;display:none}
.widget-pay .pay--content p{margin-bottom:10px;text-align:center}
.widget-pay .pay--btn{padding-bottom:20px}
.widget-pay .pay--content .info{display:block;padding-bottom:20px}
.pay--content .info .price{color:#fd721f;font-size:24px;font-weight:600;line-height:1;text-transform:capitalize;text-align:center}
.pay--content .info .price font i{margin-right:10px}
.pay--content .info .price span{font-size:16px}
.pay--content .info .vip_rate{padding:6px 12px;background-color:#f3f7ff;border-radius:4px;text-align:center}
.pay--content .info .paynum{position:absolute;top:0;right:0;font-size:12px}
.widget-pay .agent--contact{overflow:hidden;border-radius:4px}
.agent--contact .list-paybody{padding:8px;background-color:#f6fdfc}
.widget-pay .ac_qqhao{padding-top:20px;text-align:center}
.agent--contact ul li{display:flex;justify-content:space-between;align-items:center;color:#8c8c8c;font-size:13px}
.xerhu-widget-posts .posts{display:block}
.xerhu-widget-posts a{font-size:14px}
.xerhu-widget-posts .posts .left{padding:10px 0 5px 115px;overflow:hidden;border-bottom:1px solid #f0f0f0}
.xerhu-widget-posts .posts .entry-media{margin-bottom:10px;position:relative;width:100px;float:left;margin-left:-115px}
.widget_tag_cloud .tagcloud{display:flex;flex-wrap:wrap}
.widget_tag_cloud .tagcloud>a{align-items:center;border:1px solid #e6e6e6;border-radius:3px;color:#555;display:flex;font-size:12px!important;font-weight:500;line-height:1;margin:0 6px 6px 0;padding:6px 8px;text-transform:uppercase}
.widget_tag_cloud .tagcloud>a:hover{background-color:#29ae5f;color:#fff;border:1px solid #29ae5f}
.widget_text .textwidget>:last-child{margin-bottom:0}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes scaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
.alignleft{float:left;margin:10px 30px 10px 0!important}
.alignright{float:right;margin:10px 0 10px 30px!important}
.aligncenter{clear:both;display:block;margin:30px auto!important}
.alignnone{margin:30px 0!important}
@media (max-width:767px){.alignleft,.alignright{float:none;margin:20px auto!important}
}
.wp-caption{max-width:100%;position:relative}
.wp-block-image figcaption,.wp-caption-text{font-size:13px;font-style:italic;line-height:16px;margin-top:15px;text-align:center}
.entry-content .gallery{margin-top:30px}
.entry-content .gallery:after,.entry-content .gallery:before{content:" ";display:table}
.entry-content .gallery:after{clear:both}
.entry-content .gallery-item{float:left;margin-bottom:30px;text-align:center;vertical-align:middle;width:100%}
.entry-content .gallery-item img{display:inline-block;vertical-align:middle}
.entry-content .gallery-caption{display:block}
.entry-content .gallery-columns-2 .gallery-item{max-width:50%}
.entry-content .gallery-columns-2 .gallery-item:nth-child(2n+1){clear:left}
.entry-content .gallery-columns-3 .gallery-item{max-width:33.33%}
.entry-content .gallery-columns-3 .gallery-item:nth-child(3n+1){clear:left}
.entry-content .gallery-columns-4 .gallery-item{max-width:25%}
.entry-content .gallery-columns-4 .gallery-item:nth-child(4n+1){clear:left}
.entry-content .gallery-columns-5 .gallery-item{max-width:20%}
.entry-content .gallery-columns-5 .gallery-item:nth-child(5n+1){clear:left}
.entry-content .gallery-columns-6 .gallery-item{max-width:16.66%}
.entry-content .gallery-columns-6 .gallery-item:nth-child(6n+1){clear:left}
.entry-content .gallery-columns-7 .gallery-item{max-width:14.28%}
.entry-content .gallery-columns-7 .gallery-item:nth-child(7n+1){clear:left}
.entry-content .gallery-columns-8 .gallery-item{max-width:12.5%}
.entry-content .gallery-columns-8 .gallery-item:nth-child(8n+1){clear:left}
.entry-content .gallery-columns-9 .gallery-item{max-width:11.11%}
.entry-content .gallery-columns-9 .gallery-item:nth-child(9n+1){clear:left}
.screen-reader-text{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
@media (min-width:1230px){body:not(.sidebar-right):not(.sidebar-left) .alignwide{margin-left:calc(-1000px / 2 + 100% / 2);margin-right:calc(-1000px / 2 + 100% / 2);max-width:1000px}
body:not(.sidebar-right):not(.sidebar-left) .alignwide img{width:100%}
}
body:not(.sidebar-right):not(.sidebar-left) .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw}
body:not(.sidebar-right):not(.sidebar-left) .alignfull img{width:100%}
.admin-bar .off-canvas,.admin-bar.navbar-sticky:not(.ads-before-header) .site-header,.admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header,.admin-bar.stick-now .site-header{top:32px}
.admin-bar .off-canvas{height:calc(100vh - 32px)}
.admin-bar ._404{height:calc(100vh - 80px - 120px - 32px)}
@media screen and (max-width:782px){.admin-bar .off-canvas,.admin-bar.navbar-sticky:not(.ads-before-header) .site-header,.admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header,.admin-bar.stick-now .site-header{top:46px}
.admin-bar .off-canvas{height:calc(100vh - 46px)}
.admin-bar ._404{height:calc(100vh - 80px - 60px - 46px)}
}
._404{display:flex;height:calc(80vh - 80px - 120px)}
._404 ._404-inner{margin:auto}
._404 .entry-content,._404 .entry-title{text-align:center}
._404 .entry-title{font-size:30px;font-weight:900;margin-bottom:15px;margin-top:-60px}
._404 .search-form{margin:45px auto 0;max-width:350px}
@media (max-width:767px){._404{height:calc(100vh - 80px - 60px)}
}
.flex-center{display:flex;justify-content:center;align-items:center}
img.mr-2{width:120px;margin-left:10px}
img.qr-pay{display:inline-block;margin:0;padding:20px 0;width:120px;text-align:center}
.form-group{margin-bottom:30px;position:relative}
.form-control,select,textarea.form-control{font-family:Poppins,sans-serif;background-color:#f8f8f8;border:1px solid #eee;font-size:14px;color:#aaa;line-height:42px;margin-bottom:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;padding:0 18px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.form-control:focus,textarea.form-control:focus{border-color:#29ae5f;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
.form-control::-webkit-input-placeholder{color:#aaa}
.form-control:-moz-placeholder{color:#aaa}
.form-control::-moz-placeholder{color:#aaa}
.form-control:-ms-input-placeholder{color:#aaa}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:text-bottom;background-color:#777;border-radius:10px}
.badge-warning{color:#fff;background-color:#ffc107}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}
a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
.form-box{background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:40px;margin-bottom:30px}
.form-group{margin-bottom:20px;position:relative}
input[type=checkbox],input[type=radio]{clear:none;display:inline-block;margin:-3px 4px 0 0;padding:0!important;width:18px;height:18px;min-width:18px;outline:0;border-radius:2px;background:#e9eef2;color:#fff;vertical-align:middle;text-align:center;line-height:0;cursor:pointer;-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out;-webkit-appearance:none}
input[type=radio]{border-radius:20px}
input[type=checkbox]:checked,input[type=radio]:checked{background:#2196f3}
input[type=checkbox]:checked:before,input[type=radio]:checked:before{display:inline-block;margin-top:1px;color:#fff;content:"\f00c";vertical-align:middle;font-size:13px;font:normal normal normal 14px/1 FontAwesome;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
.csf-shortcode-button{display:none!important;opacity:0}
.mcolorbg4{background:#ff6a6d}
.pcolorbg{background:#0674ec}
.scolorbg{background:#7347c1}
.mcolorbg2{background:#4caf50}
.pcolorbg2{background:#ffc107}
.scolorbg2{background:#ff5722}
.btn.avatarinfo{margin-right:0;padding-left:0}
.btn.avatarinfo label{position:relative}
.btn.avatarinfo a[class*=upload]{position:absolute;position:absolute;left:50%;top:50%;margin:-17px 0 0 -24px;width:100%;height:100%}
.btn.avatarinfo a[class*=upload] i{font-size:20px;color:#000;opacity:.5}
.btn.avatarinfo a[class*=upload] input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}
.btn.avatarinfo img{margin:0;padding:0;margin-right:0;border-radius:50%;max-width:50px}
.form_title_area{background:#fff;padding:20px;margin-bottom:20px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}
.form_title_area h6{display:inline-block}
.form_title_area small{float:right}
.form_title_area:after,.form_title_area:before{display:table;content:"";clear:both}
.hide1,.hide2,.hide3,.hide4,.hide5{display:none}
.media-modal-content .media-frame select.attachment-filters{display:none!important}
.media-modal-content .attachments-browser .search{display:none!important}
.charge .well{background-color:#f6f6f6;border:1px solid #ff6a6d}
.input-group .payradio label{cursor:pointer}
.or{width:100%;background:#ececec;height:1px;margin-bottom:33px;position:relative}
.or:before{content:'Or';position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background:#fff;padding:0 20px;color:#0674ec;font-weight:500;transform:translate(-50%,-50%)}
.input-group .input-group-addon{border:none;font-size:18px;color:#555}
@media (max-width:768px){
#pay-qrcode p{font-size:16px;text-align:center;float:none;padding:0;padding-top:30px}
}
@media (max-width:576px){.form-box{padding:20px}
}
.register-login-modal .modal-dialog{width:370px;margin:100px auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.register-login-modal .modal-content{border:none;box-shadow:none;position:relative;background-color:transparent}
.register-login-modal .nav-tabs{border-bottom:none;text-align:center;padding-left:0;padding:10px;list-style:none;margin:0}
.register-login-modal .nav-tabs>li{float:none;display:inline-block}
.register-login-modal .nav-tabs>li>a{opacity:.3;padding:0 10px;border:none;font-size:15px;font-weight:500;text-transform:capitalize;font-weight:600}
.register-login-modal .nav-tabs>li.active>a,.register-login-modal .nav-tabs>li.active>a:focus,.register-login-modal .nav-tabs>li.active>a:hover,.register-login-modal .nav-tabs>li>a:active,.register-login-modal .nav-tabs>li>a:focus,.register-login-modal .nav-tabs>li>a:hover{background-color:transparent;border:none;opacity:1}
.register-login-modal .nav-tabs>li.active>a:after{content:"";position:absolute;left:50%;bottom:0;margin-left:-5px;border:10px solid transparent;border-bottom:10px solid #fff}
.register-login-modal .tab-content{padding:20px;background-color:#fff;border-radius:4px}
.register-login-modal .open-oauth .btn{color:#fff!important;font-size:14px;margin:0;-webkit-border-radius:50%;-moz-border-radius:2px;position:relative;display:inline-block;margin-right:10px;width:32px;height:32px;text-align:center;line-height:32px;cursor:pointer;margin-left:10px;padding:0;letter-spacing:0;font-weight:400}
.register-login-modal .open-oauth .btn:hover{opacity:.5}
.register-login-modal .open-oauth{margin-bottom:20px}
.register-login-modal .open-oauth .btn-qq{background-color:#1296db}
.register-login-modal .open-oauth .btn-weixin{background-color:#23bf36}
.register-login-modal .open-oauth .btn-weibo{background-color:#ff9100}
.register-login-modal .btn--facebook i{margin-right:7px}
.register-login-modal .or-text{position:relative;text-align:center;line-height:1;margin:15px}
.register-login-modal .or-text:after{content:"";position:absolute;top:9px;left:0;background-color:#e5e5e5;width:100%;height:1px}
.register-login-modal .or-text span{background-color:#fff;display:inline-block;padding:0 8px;z-index:2;position:relative}
.register-login-modal .form-group{margin-bottom:15px}
.register-login-modal .input-checkbox{padding-top:10px;margin-bottom:25px}
.register-login-modal .label-checkbox span,.register-login-modal .label-checkbox span a{color:#aaa}
.register-login-modal .label-checkbox span a{text-decoration:underline}
.register-login-modal .forget-password{margin-top:20px;display:block;text-align:center;text-decoration:underline;color:#aaa;font-size:13px}
.modal-body{position:relative;padding:15px}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.text-center{text-align:center}
.rollbar{position:fixed;right:15px;bottom:15px;z-index:999;display:none;width:50px}
.rollbar .rollbar-item{position:relative;margin-top:10px;width:35px;height:35px;border-radius:4px;background-color:#34495e;color:#fff;text-align:center;opacity:.5;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.rollbar .rollbar-item:hover{color:#fff;opacity:.9}
.rollbar .rollbar-item .fa,.rollbar .rollbar-item .mdi{font-size:15px;line-height:35px}
@media (max-width:768px){.cs-moble-false{display:none}
.flinks{display:none}
.rollbar{right:-100px}
}/* --- 彻底恢复 QUEST-A-NUO 截图款样式 --- */

/* 1. 恢复深蓝黑色顶部导航 */
.header-top, .navbar { 
    background: #0f172a !important; 
    border-bottom: 1px solid #1e293b !important; 
}
.navbar-nav .nav-link { 
    color: #cbd5e1 !important; 
}
.navbar-nav .nav-link:hover { 
    color: #00d2ff !important; 
}

/* 2. 恢复中间白色直角卡片（强制覆盖圆角和阴影） */
.hf-widget, .content-item, .card, .module-box { 
    border-radius: 4px !important;    /* 恢复微圆角/直角 */
    background: #ffffff !important;   /* 纯白背景 */
    border: 1px solid #e2e8f0 !important; /* 浅灰色细边框 */
    box-shadow: none !important;      /* 彻底去掉阴影 */
    transition: none !important;      /* 彻底去掉动画 */
    transform: none !important;       /* 防止悬停跳动 */
}

/* 3. 恢复标题颜色 */
.hf-widget-title { 
    color: #333 !important; 
    font-weight: bold; 
}

.alert-heading{font-weight:600;font-size:1.5rem;margin-top:.15rem}
.alert-flush{border-radius:0;border-left:0;border-right:0}
.alert-modern{display:inline-block;padding:0;border-radius:50rem;margin:0!important;padding:.3rem .8rem .375rem .8rem}
@media (max-width:768px){.alert-modern{width:100%}
}
.alert-modern .alert-content .note{margin-left:.5rem;background-image:-webkit-linear-gradient(45deg,#f35626,#feab3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 6s infinite linear;max-width:600px}
.alert-modern .alert-content{-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-dark{background-color:#fff;color:#34495e;border:0}
.notify-content{position:relative;margin:0 auto;padding:0;overflow:hidden}
.notify-content h3{letter-spacing:2px;padding:.8em;text-align:center;font-size:24px;font-weight:400;background:rgba(0,0,0,.1);border-radius:3px 3px 0 0;margin:0;margin-bottom:0;color:#fffF}
.notify-content div{padding:15px 30px 30px;margin:0;font-weight:300;font-size:16px;color:#fff;text-align:left}
@media only screen and (max-width:1023px){.tpt-search{display:none}
}
.pagination{margin-bottom:1rem;margin-top:1rem;text-align:center;font-size:.875rem}
.pagination ul{margin:0;padding:0;list-style-type:none}
.pagination ul li{display:inline-block;margin:5px 5px}
.pagination ul li a,.pagination ul li span{display:inline-block;padding:.35rem 1.5rem;border-radius:4px}
.pagination ul li a{background-color:#ddd;color:#666;text-decoration:none;opacity:1}
.pagination ul li span{color:#aaa;cursor:default}
.pagination ul li a:focus,.pagination ul li a:hover{opacity:.8}
.pagination ul li.page-active a{background-color:#555;color:#fff}
.pagination ul li.next-page a{background:#29ae5f;background-image:linear-gradient(135deg,#3ada7d 10%,#29ae5f 100%);color:#fff}
.pagination-loading{padding:15px 0;text-align:center}
.pagination-loading img{max-width:70px}
@media (max-width:768px){.pagination-loading img{max-width:50px}
}
/* --- QUEST-A-NUO 最终还原版 --- */
.header-top, .navbar { 
    background: #0f172a !important; 
    border-bottom: 2px solid #1e293b !important; 
}
.navbar-nav .nav-link { color: #cbd5e1 !important; }
.hf-widget, .content-item, .card { 
    border-radius: 4px !important; 
    background: #ffffff !important; 
    border: 1px solid #e2e8f0 !important; 
    box-shadow: none !important; 
    transition: none !important;
}
/* --- 强制全站黑客蓝黑覆盖 --- */

/* 1. 深度黑蓝渐变背景 */
html, body, .section, .bgcolor-fff {
    background-color: #01080e !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%),
        linear-gradient(rgba(0, 242, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 242, 255, 0.05) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    color: #00f2ff !important;
}

/* 2. 卡片模块全息化（毛玻璃效果） */
.module, .gridpost, .box-body, .theme-box {
    background: rgba(0, 20, 40, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
}

/* 3. 标题与文字霓虹感 */
h1, h2, .item-title, .title, a {
    color: #00f2ff !important;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.6) !important;
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
}

/* 4. 移除多余的白色阴影 */
* {
    box-shadow: none !important;
    border-color: rgba(0, 242, 255, 0.2) !important;
}

/* 5. 鼠标经过特效 */
.module:hover, .gridpost:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 25px rgba(0, 242, 255, 0.4) !important;
    transform: translateY(-2px);
    transition: all 0.3s;
}
/* 1. 强制全局蓝黑背景 - 抹杀大白墙 */
html, body, .section, .bgcolor-fff, .bg-white, .main-content {
    background-color: #01080e !important; /* 极深蓝黑 */
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%),
        linear-gradient(rgba(0, 242, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 242, 255, 0.05) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    color: #00f2ff !important;
}

/* 2. 卡片模块全息玻璃化 - 解决你图中那几块白色区域 */
.module, .gridpost, .box-body, .theme-box, .section-body, .list-scroll-2x, .div-list-scroll-2x {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important; /* 毛玻璃 */
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important; /* 蓝光细边框 */
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
}

/* 3. 强制文字和链接变霓虹蓝 */
a, h1, h2, h3, .item-title, .title, .text-muted, p, span {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.5) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important; /* 增加代码感 */
}

/* 4. 隐藏不和谐的边框和阴影 */
* {
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 5. 导航栏处理 */
.header, .navbar {
    background: rgba(0, 5, 10, 0.9) !important;
    border-bottom: 2px solid #00f2ff !important;
}


/* --- QUEST-A-NUO 专属黑客渗透风全域覆盖 (追加于底部) --- */

/* 1. 强制抹杀背景白底：变深邃蓝黑 */
html, body, .section, .bgcolor-fff, .bg-white, .main-content {
    background-color: #01080e !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%),
        linear-gradient(rgba(0, 242, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 242, 255, 0.05) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    color: #00f2ff !important;
}

/* 2. 导航栏处理：沉浸式透明+蓝色底线 */
.header, .navbar {
    background: rgba(0, 5, 10, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 2px solid #00f2ff !important;
    box-shadow: 0 5px 20px rgba(0, 242, 255, 0.2) !important;
}

/* 3. 内容块玻璃化：将白色区域变为半透明毛玻璃 */
.module, .gridpost, .theme-box, .box-body, .section-body, .list-scroll-2x, .div-list-scroll-2x, .posts-item {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
    margin-bottom: 20px !important;
}

/* 4. 文字霓虹感：标题与链接发光 */
a, h1, h2, h3, .item-title, .title, .text-muted, p, span, .section-title {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
}

/* 5. 悬停扫描特效 */
.module:hover, .gridpost:hover, .posts-item:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.5) !important;
    transform: translateY(-3px);
    transition: all 0.3s ease;
}

/* 6. 强制清除顽固白底类名 */
.bg-white, .bgcolor-fff { background: transparent !important; }
* { box-shadow: none !important; }
/* ============================================================
   QUEST-A-NUO 专属渗透黑客风：底层强力覆盖版
   ============================================================ */

/* 1. 强制全域底色（抹杀大背景白墙） */
html, body, .section, .bgcolor-fff, .main-content, .bg-white {
    background-color: #01080e !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%),
        linear-gradient(rgba(0, 242, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 242, 255, 0.05) 1px, transparent 1px) !important;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    color: #00f2ff !important;
}

/* 2. 核心模块玻璃化（针对：热门专区、站点导航、更新统计等白块） */
/* 锁定类名：.theme-box, .module, .box-body, .section-body */
.theme-box, .module, .box-body, .section-body, .posts-item, .list-scroll-2x, .div-list-scroll-2x, .widget {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
    margin-bottom: 20px !important;
}

/* 3. 标题与文字霓虹蓝（解决灰色文字看不清的问题） */
h1, h2, h3, .item-title, .section-title, .title, a, p, span, .text-muted {
    color: #00f2ff !important;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.5) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
}

/* 4. 移除所有残留阴影与实色边框 */
* { box-shadow: none !important; border-color: rgba(0, 242, 255, 0.2) !important; }

/* 5. 导航栏沉浸式处理 */
.header, .navbar {
    background: rgba(0, 5, 10, 0.9) !important;
    border-bottom: 2px solid #00f2ff !important;
}

/* 6. 搜索框与公告栏（高亮强调） */
.notice, .search-form, .input-control {
    background: rgba(0, 242, 255, 0.05) !important;
    border: 1px solid #00f2ff88 !important;
    color: #00f2ff !important;
}
/* ============================================================
   QUEST-A-NUO 终极黑客科技感插件层 - 追加于 app.css 末尾
   ============================================================ */

/* 1. 深度黑蓝空间背景 - 彻底抹杀原有的白底 */
body.home, .site, html {
    background-color: #01050a !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01050a 100%), /* 深空渐变 */
        linear-gradient(rgba(0, 242, 255, 0.03) 1px, transparent 1px), /* 科技网格横线 */
        linear-gradient(90deg, rgba(0, 242, 255, 0.03) 1px, transparent 1px) !important; /* 科技网格纵线 */
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    background-attachment: fixed !important;
}

/* 2. 导航栏重塑 - 变身为悬浮全息条 */
.navbar-sticky, .navbar-slide, .header {
    background: rgba(0, 10, 20, 0.8) !important;
    backdrop-filter: blur(15px) !important; /* 毛玻璃 */
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 2px solid #00f2ff !important;
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.3) !important;
}

/* 3. 内容模块全息化 - 针对你图中那些“最新精品”、“站点导航”白块 */
.section, .module, .theme-box, .box-body, .posts-item, .list-scroll-2x, .gridpost {
    background: rgba(0, 20, 40, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 242, 255, 0.2) !important; /* 极细蓝边 */
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
    color: #00f2ff !important;
}

/* 4. 标题霓虹化 - 让“牛逼感”亮起来 */
h1, h2, h3, .item-title, .title, .section-title, a {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.7) !important; /* 文字发光 */
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important; /* 强制程序员字体 */
}

/* 5. 交互动态 - 鼠标经过时有系统被“激活”的感觉 */
.module:hover, .posts-item:hover, .gridpost:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.5) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease-in-out;
}

/* 6. 强制抹除顽固的白色类名背景 */
[class*="bgcolor-fff"], [class*="bg-white"], .white-bg {
    background: transparent !important;
}

/* 7. 侧边栏浮动框处理 */
.float-box {
    background: rgba(0, 242, 255, 0.1) !important;
    border: 1px solid #00f2ff !important;
    backdrop-filter: blur(10px);
}
/* ============================================================
   QUEST-A-NUO 专属渗透黑客风：底层强力覆盖版
   ============================================================ */

/* 1. 强制抹杀白底：深海黑蓝渐变背景 + 科技网格 */
html, body.home, .site, .section, .bgcolor-fff, .bg-white {
    background-color: #01080e !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%), /* 核心深色渐变 */
        linear-gradient(rgba(0, 242, 255, 0.03) 1px, transparent 1px), /* 科技网格横线 */
        linear-gradient(90deg, rgba(0, 242, 255, 0.03) 1px, transparent 1px) !important; /* 科技网格纵线 */
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    background-attachment: fixed !important;
    color: #00f2ff !important;
}

/* 2. 核心模块全息化：针对“最新精品”、“站点导航”等白块 */
.module, .theme-box, .box-body, .section-body, .posts-item, .list-scroll-2x, .gridpost, .widget {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important; /* 关键：毛玻璃效果 */
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important; /* 霓虹蓝细边框 */
    border-radius: 4px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.1) !important;
}

/* 3. 导航栏重塑：沉浸式透明 + 霓虹底线 */
.navbar-sticky, .navbar-slide, .header {
    background: rgba(0, 5, 10, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 2px solid #00f2ff !important;
    box-shadow: 0 5px 20px rgba(0, 242, 255, 0.3) !important;
}

/* 4. 标题与链接：强制霓虹发光文字 */
h1, h2, h3, .item-title, .section-title, .title, a, p, span, .text-muted {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important; /* 强制程序员等宽字体 */
}

/* 5. 交互动态：鼠标经过时产生“激活扫描”感 */
.module:hover, .gridpost:hover, .posts-item:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.5) !important;
    transform: translateY(-3px);
    transition: all 0.3s ease;
}

/* 6. 抹除所有不和谐的残留背景 */
div[class*="bgcolor-"], div[class*="bg-white"] {
    background-color: transparent !important;
}
* { box-shadow: none !important; }
/* --- 渗透黑客风：强效覆盖层 --- */

/* 1. 强行抹杀所有白底和灰底 */
body, .section, [class*="bgcolor-"], .site-content {
    background-color: #01080e !important;
    background-image: radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%) !important;
    color: #00f2ff !important;
}

/* 2. 强行把你的模块变“玻璃全息感” */
.module, .gridpost, .theme-box, .box-body {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 4px !important;
}

/* 3. 强行文字发光 */
h1, h2, h3, .item-title, .title, a {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6) !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
}

/* 4. 去掉多余的白色背景类名影响 */
.bgcolor-fff, .bg-white {
    background: transparent !important;
}

/* --- 渗透黑客风：强效覆盖层 --- */

/* 1. 强行抹杀所有白底和灰底 */
body, .section, [class*="bgcolor-"], .site-content {
    background-color: #01080e !important;
    background-image: radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%) !important;
    color: #00f2ff !important;
}

/* 2. 强行把你的模块变“玻璃全息感” */
.module, .gridpost, .theme-box, .box-body {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 4px !important;
}

/* 3. 强行文字发光 */
h1, h2, h3, .item-title, .title, a {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6) !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
}

/* 4. 去掉多余的白色背景类名影响 */
.bgcolor-fff, .bg-white {
    background: transparent !important;
}
/* --- 渗透黑客风：强效覆盖层 --- */

/* 1. 强行抹杀所有白底和灰底 */
body, .section, [class*="bgcolor-"], .site-content {
    background-color: #01080e !important;
    background-image: radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%) !important;
    color: #00f2ff !important;
}

/* 2. 强行把你的模块变“玻璃全息感” */
.module, .gridpost, .theme-box, .box-body {
    background: rgba(0, 20, 40, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 4px !important;
}

/* 3. 强行文字发光 */
h1, h2, h3, .item-title, .title, a {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.6) !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
}

/* 4. 去掉多余的白色背景类名影响 */
.bgcolor-fff, .bg-white {
    background: transparent !important;
}
/* ============================================================
   QUEST-A-NUO 专属：渗透黑客高端蓝黑全覆盖
   ============================================================ */

/* 1. 全局背景：抹杀白底，改为深邃蓝黑渐变 + 科技网格 */
html, body, .section, .bgcolor-fff, .bg-white, .main-content {
    background-color: #01080e !important;
    background-image: 
        radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%),;
    background-size: 100% 100%, 30px 30px, 30px 30px !important;
    background-attachment: fixed !important;
}

/* 2. 模块玻璃化：将白色区域变为半透明毛玻璃全息感 */
.module, .gridpost, .theme-box, .box-body, .section-body, .list-scroll-2x, .div-list-scroll-2x {
    background: rgba(0, 20, 40, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

/* 3. 导航栏重塑：沉浸式全透明 + 蓝色流光底线 */
.header, .navbar, .navbar-sticky {
    background: rgba(0, 5, 10, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 2px solid #00f2ff !important;
    box-shadow: 0 5px 20px rgba(0, 242, 255, 0.3) !important;
}

/* 4. 文字霓虹感：所有文字强制变蓝，标题发光 */
a, h1, h2, h3, .item-title, .title, .text-muted, p, span, .section-title {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.7) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
}

/* 5. 交互动态：鼠标经过模块时产生“激活扫描”感 */
.module:hover, .gridpost:hover, .posts-item:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.5) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease-in-out;
}

/* 6. 强制清除顽固的残留背景和阴影 */
.bg-white, .bgcolor-fff, .white-bg { background: transparent !important; }
* { box-shadow: none !important; }




/* ============================================================
   QUEST-A-NUO 专属：渗透黑客高端蓝黑全覆盖
   ============================================================ */

/* 1. 全局背景：抹杀白底，改为深邃蓝黑渐变 + 科技网格 */
html, body, .section, .bgcolor-fff, .bg-white, .main-content {
    background-color: #01080e !important;
    background-image: radial-gradient(circle at 50% 50%, #0a192f 0%, #01080e 100%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}


/* 2. 模块玻璃化：将白色区域变为半透明毛玻璃全息感 */
.module, .gridpost, .theme-box, .box-body, .section-body, .list-scroll-2x, .div-list-scroll-2x {
    background: rgba(0, 20, 40, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 242, 255, 0.3) !important;
    border-radius: 4px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

/* 3. 导航栏重塑：沉浸式全透明 + 蓝色流光底线 */
.header, .navbar, .navbar-sticky {
    background: rgba(0, 5, 10, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    border-bottom: 2px solid #00f2ff !important;
    box-shadow: 0 5px 20px rgba(0, 242, 255, 0.3) !important;
}

/* 4. 文字霓虹感：所有文字强制变蓝，标题发光 */
a, h1, h2, h3, .item-title, .title, .text-muted, p, span, .section-title {
    color: #00f2ff !important;
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.7) !important;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
}

/* 5. 交互动态：鼠标经过模块时产生“激活扫描”感 */
.module:hover, .gridpost:hover, .posts-item:hover {
    border-color: #00f2ff !important;
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.5) !important;
    transform: translateY(-2px);
    transition: all 0.3s ease-in-out;
}

/* 6. 强制清除顽固的残留背景和阴影 */
.bg-white, .bgcolor-fff, .white-bg { background: transparent !important; }
* { box-shadow: none !important; }


/* 强制定位到那个带背景图的容器并替换它 */
div[style*="big_img"] {
    background-image: 
        radial-gradient(circle at 50% 50%, #0d1a29 0%, #05080a 100%),
        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%) !important;
    background-size: 100% 100%, 100% 4px !important;
    background-color: #05080a !important;
}


/* 1. 强制替换 Banner 背景图路径 */
[style*="/static/x2h-001/images/big_img/"] {
    background-image: url("https://questanuo.com") !important;
}

/* 2. 如果你是想让系统原本调用的图片路径失效，强制转向 uploadfile */
/* 注意：CSS 无法直接做“正则路径替换”，但我们可以通过这种方式覆盖 */
img[src*="/static/"] {
    content: url("https://questanuo.com") !important;
}


.wp, .content-box {
    width: 95% !important; /* 让宽度随屏幕变化 */
    max-width: 1400px !important; /* 设定一个最大上限 */
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 1. 彻底涂黑外层，解决两边露白 */
html, body, #toptb, #hd, #ft {
    background-color: #05080a !important;
    background-image: none !important;
}

/* 2. 强制内容区自适应铺开 */
.wp, .ct, #nv, .content-box {
    width: 96% !important; /* 占据屏幕96% */
    max-width: 1400px !important; 
    margin: 10px auto !important;
    float: none !important; /* 清除浮动防止错位 */
}

/* 3. 补充：把还没变黑的白色板块（热门专区等）全部变黑 */
.bm, .bm_h, .section-item, .card, .block {
    background: rgba(16, 22, 30, 0.9) !important;
    border: 1px solid #00e5ff !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
}



/* 1. 强制全站背景变黑，解决“两边露白” */
html, body, #toptb, #hd, .wp, #wp, .ct {
    background-color: #05080a !important;
    background-image: none !important;
}

/* 2. 强制宽度自适应（核心修改） */
/* 让所有容器占据屏幕 96% 宽度，而不是缩在中间 */
.wp, .ct, #nv, .content-box, .mn, .sd {
    width: 96% !important;
    max-width: 1400px !important;
    margin: 10px auto !important;
    float: none !important; /* 清除可能导致错位的浮动 */
}

/* 3. 解决下面的白色方块（热门专区等） */
/* 把所有可能的白色板块背景全部“科技黑”化 */
.section-item, .card, .block, .panel, .box, .list_item, .td, .bm, .bm_h {
    background: rgba(16, 22, 30, 0.9) !important;
    border: 1px solid #00e5ff !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
    color: #cbd5e0 !important;
}

/* 4. 修复顶部大黑块（Banner 图加载失败） */
/* 强制给它一个高度，并填入正确的图片路径 */
section, .banner-box {
    background-image: url("https://questanuo.com") !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 400px !important; /* 强制撑开高度 */
}

/* 5. 隐藏底部或中间多余的白边 */
div, section {
    border-color: rgba(0, 229, 255, 0.1) !important;
}


/* 1. 定义动画：让背景图优雅地淡入淡出 */
@keyframes techSlide {
    0%, 20% { background-image: url("https://questanuo.com"); opacity: 1; }
    25%, 45% { background-image: url("https://questanuo.com"); opacity: 1; }
    50%, 70% { background-image: url("https://questanuo.com"); opacity: 1; }
    75%, 95% { background-image: url("https://questanuo.com"); opacity: 1; }
    100% { background-image: url("https://questanuo.com"); opacity: 1; }
}

/* 2. 把动画应用到你的 Banner 容器上 */
/* 请确认你的 Banner 类名，通常是那个带 background-image 的 section */
section, .media-content[href*="detail"] {
    animation: techSlide 20s infinite ease-in-out !important;
    background-size: cover !important;
    background-position: center !important;
    transition: background-image 1s ease-in-out !important; /* 增加切换时的平滑度 */
}

/* 3. 增加一个黑科技滤镜：扫描线覆盖在图片上 */
section::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
    background-size: 100% 4px;
    z-index: 1;
    pointer-events: none; /* 不影响点击 */
}


/* 让顶部的大横幅区域执行这个动画 */
section, .media-content {
    animation: slideImages 15s infinite ease-in-out !important; 
    background-size: cover !important;
    background-position: center !important;
}


/* 1. 定义切换剧本 */
@keyframes slideImages {
    0%, 33% { 
        background-image: url("https://questanuo.com/uploadfile/202604/photo_2026-03-26_11-30-14.jpg") !important; 
    }
    34%, 66% { 
        background-image: url("https://questanuo.com/uploadfile/202604/image_d010e63a.png") !important; 
    }
    67%, 100% { 
        background-image: url("https://questanuo.com/uploadfile/202604/ce0d44452564801.png") !important; 
    }
}

/* 2. 让大横幅区域去执行这个剧本 */
section, .media-content {
    animation: slideImages 15s infinite ease-in-out !important; 
    background-size: cover !important;
    background-position: center !important;
}
/* 1. 彻底涂黑最外层，消除两边白块 */
html, body, #toptb, #hd, #ft, .wp {
    background-color: #05080a !important; /* 强制背景为深黑 */
    background-image: none !important;    /* 删掉原有的白色背景图 */
}

/* 2. 强制内容区“自适应”拉伸，消除缩窄感 */
.wp, .ct, #nv, .content-box, .mn, .sd {
    width: 96% !important;        /* 占据屏幕宽度的 96% */
    max-width: 1400px !important; /* 在超大屏幕上限制最大宽度，防止拉得太稀 */
    margin: 10px auto !important; /* 居中显示 */
    float: none !important;       /* 清除浮动，解决排版错位 */
}

/* 3. 解决顶部快捷关键词的颜色冲突 */
#hd, #nv, .nav-menu {
    border: none !important;      /* 删掉原有的边框线 */
    background: transparent !important;
}

/* 4. 解决下面的白色方块（热门专区等） */
.bm, .bm_h, .section-item, .card, .block, .list_item {
    background: rgba(16, 22, 30, 0.9) !important; /* 统一变深 */
    border: 1px solid #00e5ff !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
}


/* 1. 解决两边露白：强制把最底层涂黑 */
html, body, #toptb, #hd, #ft, .wp {
    background-color: #05080a !important;
    background-image: none !important;
}

/* 2. 解决自适应：强制铺满屏幕，不再缩在中间 */
.wp, .ct, #nv, .content-box {
    width: 96% !important;
    max-width: 1400px !important;
    margin: 10px auto !important;
    float: none !important;
}

/* 3. 解决下面一排白块：强制变黑客风 */
.bm, .bm_h, .section-item, .card, .block, .td {
    background: rgba(16, 22, 30, 0.9) !important;
    border: 1px solid #00e5ff !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, 0.3) !important;
    color: #cbd5e0 !important;
}

/* 4. 解决顶上关键词乱掉：弱化导航栏发光 */
#nv li a, .nav-menu a {
    text-shadow: none !important; /* 导航文字太小，不适合强发光 */
    border: none !important;
}

/* 5. 修复那个“大黑块” (Banner图) */
section {
    min-height: 400px !important; /* 强制撑开，不让它塌陷 */
}



/* 1. 彻底涂黑外层，消除左右两边的白块 */
html, body, #toptb, #hd, #ft {
    background-color: #05080a !important; /* 强制底色为黑 */
    background-image: none !important;    /* 删掉原有的白色大背景 */
    width: 100% !important;
}

/* 2. 核心：强制所有内容容器“自适应”拉伸 */
/* 让原本缩在中间的盒子占据屏幕 96% 的宽度 */
.wp, .ct, #nv, .content-box, #wp, .mn, .sd {
    width: 96% !important;           /* 占据屏幕宽度的 96% */
    max-width: 1500px !important;    /* 设置一个超宽上限，防止无限拉伸 */
    margin: 10px auto !important;    /* 保持居中 */
    float: none !important;          /* 清除浮动防止错位 */
    box-sizing: border-box !important;
}

/* 3. 解决顶上“关键词”乱掉的问题 */
/* 导航文字太小，不适合强发光，且需要清除背景色 */
#nv li a, .nav-menu a, #hd {
    text-shadow: none !important;    /* 关掉重叠的发光 */
    background: transparent !important;
    border: none !important;
}

/* 4. 解决“大黑块” (Banner 图塌陷) */
/* 强制给它一个高度，它才能把背景图露出来 */
section, .banner-box {
    display: none !important;
}



body, html {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 防止出现横向滚动条 */
}

/* 针对主流建站系统的通用容器类名，尝试覆盖它们 */
.container, .wrapper, .main, .w1200, .wp {
    width: 100% !important;      /* 强制宽度为100% */
    max-width: 100% !important;  /* 取消最大宽度限制 */
    margin: 0 !important;        /* 移除自动居中的外边距 */
    padding: 0 10px;             /* 可选：留一点点内边距防止文字贴死边缘 */
}

html, body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden; /* 防止出现左右细微滚动条 */
}


/* 限制 Banner 的最大高度，让更多内容露出来 */
.banner-container, #banner-box { 
    height: 450px !important;    /* 原本可能更高，手动设置一个小一点的数值 */
    min-height: auto !important; /* 取消最小高度限制 */
}


/* 让图片在缩减高度后依然保持比例且不拉伸 */
.banner-container img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover; /* 或者用 contain 看哪种效果更好 */
}

.banner-box {
    width: 100%;
    aspect-ratio: 16 / 9; /* 保持 16:9 比例，或者改成更扁的 21:9 */
}

/* 针对右上角功能区的通用优化 */
.header-right a, 
.header-right i, 
.header-right .item {
    margin-left: 15px !important;  /* 增加每个图标左侧的距离 */
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

/* 如果是按钮形式，可以微调填充 */
.vip-button, .login-btn {
    padding: 5px 12px !important;
    border-radius: 4px;
}

/* 假设右上角的容器类名是 .right-menu 或类似名称 */
.right-menu-container {
    display: flex !important;
    align-items: center !important;  /* 垂直居中 */
    justify-content: flex-end;      /* 靠右对齐 */
    gap: 18px;                      /* 现代浏览器直接用 gap 控制间距 */
}
/* 针对最后的菜单按钮 */
.menu-toggle, .icon-menu {
    margin-right: 10px !important;
    cursor: pointer;
    font-size: 20px; /* 如果觉得太小可以微调 */
}

/* 针对右侧容器的优化 */
.right-sidebar-container { 
    background: rgba(0, 20, 30, 0.8) !important; /* 深蓝黑半透明 */
    border: 1px solid #00f6ff !important;        /* 青蓝色科技感边框 */
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.2); /* 淡淡的外发光 */
    padding: 20px;
    color: #00f6ff; /* 文字也改成青蓝色 */
}
.right-sidebar-container::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(to right, transparent, #00f6ff, transparent);
    animation: scan 3s linear infinite;
}

@keyframes scan {
    0% { top: 0; }
    100% { top: 100%; }
}

/* 假设左侧容器类名是 .main-screen */
.main-screen {
    animation: floating 4s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
    50% { transform: translateY(-10px) scale(1.01); filter: brightness(1.2); }
}

/* 假设右上的文字类名是 .list-item */
.list-item {
    animation: textGlow 3s linear infinite;
    opacity: 0.8;
}

/* 让每一行错开时间动起来 */
.list-item:nth-child(2) { animation-delay: 0.5s; }
.list-item:nth-child(3) { animation-delay: 1s; }

@keyframes textGlow {
    0%, 100% { text-shadow: 0 0 5px #00f6ff; opacity: 0.8; }
    50% { text-shadow: 0 0 20px #00f6ff, 0 0 30px #00f6ff; opacity: 1; }
}
/* 假设右上的文字类名是 .list-item */
.list-item {
    animation: textGlow 3s linear infinite;
    opacity: 0.8;
}

/* 让每一行错开时间动起来 */
.list-item:nth-child(2) { animation-delay: 0.5s; }
.list-item:nth-child(3) { animation-delay: 1s; }

@keyframes textGlow {
    0%, 100% { text-shadow: 0 0 5px #00f6ff; opacity: 0.8; }
    50% { text-shadow: 0 0 20px #00f6ff, 0 0 30px #00f6ff; opacity: 1; }
}


/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}

/* 假设左侧容器类名是 .main-screen */
.main-screen {
    animation: floating 4s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
    50% { transform: translateY(-10px) scale(1.01); filter: brightness(1.2); }
}

/* 假设右上的文字类名是 .list-item */
.list-item {
    animation: textGlow 3s linear infinite;
    opacity: 0.8;
}

/* 让每一行错开时间动起来 */
.list-item:nth-child(2) { animation-delay: 0.5s; }
.list-item:nth-child(3) { animation-delay: 1s; }

@keyframes textGlow {
    0%, 100% { text-shadow: 0 0 5px #00f6ff; opacity: 0.8; }
    50% { text-shadow: 0 0 20px #00f6ff, 0 0 30px #00f6ff; opacity: 1; }
}



/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}

/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}

/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}

/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}

@keyframes scanLine {
    0% { top: -100%; }
    100% { top: 100%; }
}


/* 假设右下容器是 .bottom-right */
.bottom-right {
    position: relative;
    overflow: hidden;
}

.bottom-right::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 246, 255, 0.3), transparent);
    animation: scanLine 2.5s linear infinite;
}
/* 假设商品卡片的类名是 .item 或 .card */
.list-item, .product-card {
    transition: all 0.3s ease; /* 让动作变平滑 */
}

.list-item:hover, .product-card:hover {
    transform: translateY(-8px); /* 向上移动8像素 */
    box-shadow: 0 10px 20px rgba(0, 246, 255, 0.3); /* 增加青蓝色发光阴影 */
    border-color: #00f6ff !important; /* 边框变亮 */
}

/* 调整标题间距 */
.item-title {
    margin: 10px 0 !important;
    font-weight: bold;
}

/* 调整底部小字（如日期、浏览量）的对齐 */
.item-footer {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border-top: 1px solid #333;
}
.item-thumb img {
    transition: transform 0.5s ease;
}

.list-item:hover .item-thumb img {
    transform: scale(1.1); /* 图片放大1.1倍 */
}

/* 记得给图片的父容器加隐藏溢出 */
.item-thumb {
    overflow: hidden;
}

/* 统一卡片背景为暗色，与上方Banner融合 */
.item-temp, .list-item, .card { 
    background: rgba(10, 15, 25, 0.9) !important; /* 深蓝黑背景 */
    border: 1px solid #1a2a3a !important;        /* 初始深色边框 */
    border-radius: 8px !important;
    transition: all 0.4s ease !important;
}

/* 统一文字颜色为白色/淡青色 */
.item-title, .item-title a {
    color: #00f6ff !important; /* 标题改为科技青 */
}

.item-footer, .item-info {
    color: #8899aa !important; /* 副标题/日期改为淡灰色 */
}


/* 悬浮激活效果 */
.item-temp:hover, .list-item:hover {
    transform: translateY(-5px) scale(1.02); /* 微微浮起并放大 */
    border-color: #00f6ff !important;        /* 边框变亮 */
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.4); /* 青蓝色外发光 */
    background: rgba(15, 25, 40, 1) !important;
}


.index-title {
    background: linear-gradient(90deg, rgba(0,246,255,0.1), transparent);
    border-left: 4px solid #00f6ff;
    padding-left: 15px;
    margin-bottom: 20px;
}


/* --- 整体融合：下方卡片区暗色化 --- */
.item-temp, .list-item, .card, .post-item { 
    background: rgba(10, 20, 30, 0.8) !important; /* 背景变深蓝黑，半透明 */
    border: 1px solid #1a2a3a !important;         /* 初始边框深色 */
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    transition: all 0.4s ease-in-out !important;  /* 动效平滑 */
}

/* --- 文字颜色优化：标题变亮、正文变浅灰 --- */
.item-title a, .post-title a {
    color: #00f6ff !important; /* 标题改为科技青蓝色 */
    font-weight: bold !important;
}

.item-text, .post-content, .item-footer {
    color: #aabccf !important; /* 描述文字改为淡灰蓝，不刺眼 */
}

/* --- 交互动效：鼠标移上去“激活”发光 --- */
.item-temp:hover, .list-item:hover, .post-item:hover {
    transform: translateY(-8px) scale(1.02) !important; /* 向上浮起 */
    border-color: #00f6ff !important;                  /* 边框变亮 */
    box-shadow: 0 0 20px rgba(0, 246, 255, 0.4) !important; /* 青蓝色外发光 */
    background: rgba(15, 30, 45, 1) !important;        /* 背景变实 */
}

/* --- 价格标签优化 --- */
.item-price, .price {
    color: #ffcc00 !important; /* 金黄色价格，醒目 */
    font-size: 16px !important;
}

/* --- 隐藏底部的多余白色边距 --- */
.main-wrapper, .content-area {
    background-color: #050a10 !important; /* 整个大背景改为极深色 */
}



/* 这里的 .logo-img 需要换成你网页中 Logo 标签的实际类名 */
.logo, .logo img, .navbar-brand img {
    filter: brightness(0) invert(1) !important; /* 强制变白 */
    opacity: 1 !important;
    display: block !important;
}

.logo img {
    filter: drop-shadow(0 0 8px #00f6ff) brightness(1.5) !important;
    max-height: 50px; /* 顺便限制一下高度，防止压扁 */
    vertical-align: middle;
}
.logo-container {
    z-index: 9999 !important;
    position: relative !important;
    padding: 10px 0 !important; /* 增加上下边距 */
}

/* 这里的 .site-logo 根据你实际类名微调 */
.site-logo img, .navbar-brand img {
    filter: brightness(0) invert(1) drop-shadow(0 0 5px #00f6ff) !important;
    height: 40px !important; /* 稍微放大一点 */
    transition: all 0.3s ease;
}
.site-logo img:hover {
    filter: brightness(0) invert(1) drop-shadow(0 0 10px #00f6ff) !important;
}

.nav-list a, .menu-item a {
    color: #e0f7ff !important; /* 柔和的白蓝色 */
    font-weight: 500 !important;
    text-shadow: none !important;
    transition: all 0.3s;
}
.nav-list a:hover {
    color: #00f6ff !important;
    text-shadow: 0 0 8px rgba(0, 246, 255, 0.7) !important;
}

.header-bottom-line, .navbar {
    border-bottom: 2px solid rgba(0, 246, 255, 0.2) !important;
    position: relative;
}

.header-bottom-line::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00f6ff, transparent);
    animation: lineFlow 3s linear infinite;
}

.header-bottom-line, .navbar {
    border-bottom: 2px solid rgba(0, 246, 255, 0.2) !important;
    position: relative;
}

.header-bottom-line::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00f6ff, transparent);
    animation: lineFlow 3s linear infinite;
}


.header-bottom-line, .navbar {
    border-bottom: 2px solid rgba(0, 246, 255, 0.2) !important;
    position: relative;
}

.header-bottom-line::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00f6ff, transparent);
    animation: lineFlow 3s linear infinite;
}

.header-bottom-line, .navbar {
    border-bottom: 2px solid rgba(0, 246, 255, 0.2) !important;
    position: relative;
}

/* 先加一个闭合括号，防止上方代码没写完，这是保险开关 */

/* 修正后的流光线条 */
.header-bottom-line {
    position: relative;
    border-bottom: 1px solid rgba(0, 246, 255, 0.2) !important;
}

.header-bottom-line::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    /* 关键修正：增加背景尺寸控制 */
    background: linear-gradient(90deg, transparent, #00f6ff, transparent);
    background-size: 200% 100%; 
    animation: lineFlow 3s linear infinite !important;
    z-index: 10;
}

@keyframes lineFlow {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 针对 LOGO 看不见的强制修复 */
.logo img, .navbar-brand img, .site-logo img {
    filter: brightness(0) invert(1) drop-shadow(0 0 5px #00f6ff) !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* 强制点亮 Logo：变白并加发光 */
.logo img, .navbar-brand img, .site-logo img, [class*="logo"] img {
    filter: brightness(0) invert(1) drop-shadow(0 0 5px #00f6ff) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 45px !important; /* 调整高度防止溢出 */
}
/* 强制下方卡片变深色 */
.item-temp, .list-item, .post-item, .card, [class*="item"] {
    background: #0a141e !important; /* 深蓝色背景 */
    border: 1px solid rgba(0, 246, 255, 0.3) !important;
    color: #ffffff !important;
}

/* 强制文字变亮 */
.item-title, .item-title a, [class*="title"] {
    color: #00f6ff !important;
}

.navbar, #header, .header-main {
    background: linear-gradient(180deg, rgba(5, 10, 15, 0.95) 0%, rgba(10, 20, 30, 0.9) 100%) !important;
    backdrop-filter: blur(10px); /* 磨砂玻璃效果 */
    border-bottom: 1px solid rgba(0, 246, 255, 0.2) !important;
    height: 70px !important; /* 统一高度，别太宽 */
    display: flex;
    align-items: center;
}


/* 右上角容器 */
.header-right {
    display: flex !important;
    align-items: center;
    gap: 15px; /* 强制拉开间距 */
}

/* 开通VIP按钮优化 */
.vip-btn, [class*="vip"] {
    background: linear-gradient(45deg, #ffcc00, #ff9900) !important;
    color: #000 !important;
    border-radius: 20px !important;
    padding: 4px 15px !important;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(255, 204, 0, 0.5);
}

/* 放大镜、登录、等号图标统一变亮 */
.header-right i, .header-right a, .search-icon {
    color: #00f6ff !important;
    font-size: 18px !important;
    text-shadow: 0 0 5px rgba(0, 246, 255, 0.5);
}

/* 针对所有头部图片强制滤镜 */
#header .logo img, .navbar-brand img, .site-logo img {
    filter: brightness(0) invert(1) drop-shadow(0 0 8px #00f6ff) !important;
    max-height: 45px !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}


.nav-list a, .menu-item a {
    color: #e0f7ff !important;
    font-size: 15px !important;
    padding: 0 12px !important;
    transition: all 0.3s;
}
.nav-list a:hover {
    color: #00f6ff !important;
    text-shadow: 0 0 10px #00f6ff;
}


/* --- 1. 顶部导航栏：科技感融合 & 间距优化 --- */
.header-main, .navbar {
    background: #050a10 !important; /* 统一深色背景 */
    border-bottom: 2px solid #00f6ff !important; /* 底部青蓝亮条 */
    padding: 10px 20px !important;
}

/* 强制点亮你的 LOGO */
.logo img, .site-logo img, .navbar-brand img {
    filter: brightness(0) invert(1) drop-shadow(0 0 8px #00f6ff) !important;
    height: 40px !important;
    width: auto !important;
    opacity: 1 !important;
}

/* 右上角：VIP、搜索、登录 强制拉开距离 */
.header-right, .user-module {
    display: flex !important;
    align-items: center;
    gap: 20px !important; /* 强制间距 */
}

/* VIP按钮胶囊化 */
.vip-btn, [class*="vip"] {
    background: linear-gradient(45deg, #ffd700, #ffa500) !important;
    border-radius: 20px !important;
    padding: 4px 15px !important;
    color: #000 !important;
    font-weight: bold;
}

/* --- 2. 下方商品卡片：暗色化与整体融合 --- */
.item-temp, .list-item, .card {
    background: rgba(10, 20, 30, 0.9) !important; /* 背景变黑蓝 */
    border: 1px solid #1a2a3a !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    overflow: hidden;
}

/* 鼠标移上去：发光并浮起 */
.item-temp:hover, .list-item:hover {
    transform: translateY(-8px) !important;
    border-color: #00f6ff !important;
    box-shadow: 0 0 20px rgba(0, 246, 255, 0.3) !important;
}

/* 文字颜色：标题变亮、正文变浅灰 */
.item-title a {
    color: #00f6ff !important;
}
.item-text, .item-footer {
    color: #8899aa !important;
}

/* --- 3. 解决两边白边 & 背景断层 --- */
body, html {
    background-color: #050a10 !important; /* 整个大背景变深 */
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. 给 Banner 容器添加一个流动的代码层 */
.banner-container, .main-banner {
    position: relative;
    overflow: hidden;
}

/* 创建一个模拟代码滚动的伪元素 */
.banner-container::after {
    content: "0101101011010010101011011011010101"; /* 模拟二进制码 */
    position: absolute;
    top: 0;
    right: 5%;
    width: 200px;
    height: 100%;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: rgba(0, 246, 255, 0.2); /* 浅青色透明，不遮挡原图 */
    line-height: 1.2;
    word-break: break-all;
    pointer-events: none; /* 不影响点击 */
    animation: codeMatrix 10s linear infinite; /* 滚动动画 */
}

/* 2. 模拟代码跑动的位移动画 */
@keyframes codeMatrix {
    0% { transform: translateY(0); opacity: 0; }
    10% { opacity: 0.5; }
    90% { opacity: 0.5; }
    100% { transform: translateY(-50%); opacity: 0; }
}

/* 3. 给图片本身加一个周期性的“信号闪烁” */
.banner-container img {
    animation: signalGlitch 5s ease-in-out infinite;
}

/* 1. 给 Banner 容器添加一个流动的代码层 */
.banner-container, .main-banner {
    position: relative;
    overflow: hidden;
}

/* 创建一个模拟代码滚动的伪元素 */
.banner-container::after {
    content: "0101101011010010101011011011010101"; /* 模拟二进制码 */
    position: absolute;
    top: 0;
    right: 5%;
    width: 200px;
    height: 100%;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: rgba(0, 246, 255, 0.2); /* 浅青色透明，不遮挡原图 */
    line-height: 1.2;
    word-break: break-all;
    pointer-events: none; /* 不影响点击 */
    animation: codeMatrix 10s linear infinite; /* 滚动动画 */
}

/* 2. 模拟代码跑动的位移动画 */
@keyframes codeMatrix {
    0% { transform: translateY(0); opacity: 0; }
    10% { opacity: 0.5; }
    90% { opacity: 0.5; }
    100% { transform: translateY(-50%); opacity: 0; }
}

/* 3. 给图片本身加一个周期性的“信号闪烁” */
.banner-container img {
    animation: signalGlitch 5s ease-in-out infinite;
}

/* 针对 Banner 中的人物图层 */
.banner-people, .operator-img {
    animation: humanFloat 4s ease-in-out infinite;
    filter: drop-shadow(0 0 5px rgba(0, 246, 255, 0.3));
}

@keyframes humanFloat {
    0%, 100% { transform: translateY(0); filter: brightness(1); }
    50% { transform: translateY(-8px); filter: brightness(1.2) drop-shadow(0 0 15px #00f6ff); }
}

/* 创建一个覆盖在人物上方的扫描光带 */
.banner-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(0, 246, 255, 0.2), transparent);
    transform: skewX(-25deg);
    animation: scanMove 6s infinite;
    z-index: 5;
    pointer-events: none;
}

@keyframes scanMove {
    0% { left: -100%; }
    30% { left: 150%; }
    100% { left: 150%; }
}
/* 模拟控制台的屏幕微弱闪烁 */
.banner-container img {
    animation: screenFlicker 8s infinite alternate;
}

@keyframes screenFlicker {
    0%, 100% { opacity: 1; }
    95% { opacity: 1; }
    96% { opacity: 0.8; }
    97% { opacity: 1; }
    98% { opacity: 0.9; }
}




/* 2. 底部文字与链接优化 */
.footer a, .footer p {
    color: #8899aa !important;
    transition: all 0.3s ease;}
.footer a:hover {
    color: #00f6ff !important;
    text-shadow: 0 0 5px #00f6ff;
}

/* 3. 全局背景：纯深色底 */
body {
    background: #02060c !important;
    position: relative;
    margin: 0;
    padding: 0;
}

.footer a:hover {
    color: #00f6ff !important;
    text-shadow: 0 0 5px #00f6ff;
}

/* 3. 全局背景：纯深色底 */
body {
    background: #02060c !important;
    position: relative;
    margin: 0;
    padding: 0;
}

.footer a:hover {
    color: #00f6ff !important;
    text-shadow: 0 0 5px #00f6ff;}
body {
    background: #02060c !important; /* 纯深色底 */
    position: relative;
    margin: 0;
    padding: 0;
}






@keyframes logoBlink {
    0%, 100% { opacity: 0.8; filter: drop-shadow(0 0 5px #00f6ff); }
    50% { opacity: 1; filter: drop-shadow(0 0 15px #00f6ff); }
}


@keyframes logoGlow {
    0%, 100% { filter: drop-shadow(0 0 5px #00f6ff); opacity: 0.8; }
    50% { filter: drop-shadow(0 0 20px #00f6ff); opacity: 1; transform: scale(1.02); }
}

/* --- Banner 终极黑客流动动效 --- */

/* 1. 给 Banner 容器加一个扫描光带（模拟系统扫描） */
.banner-container, .main-banner, [class*="banner"] {
    position: relative;
    overflow: hidden;
}

.banner-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(0, 246, 255, 0.2), transparent);
    transform: skewX(-25deg);
    animation: scanMove 4s infinite ease-in-out;
    pointer-events: none; /* 确保不影响点击 */
}





@keyframes codeFlash {
    0%, 100% { filter: brightness(1) contrast(1); }
    92% { filter: brightness(1.2) hue-rotate(10deg); } /* 瞬间高亮闪烁 */
    94% { filter: brightness(0.8) contrast(1.2); }
    96% { filter: brightness(1.4) contrast(1.5) saturate(1.5); }
}

/* 3. 在右侧代码区加一层“垂直滚动”的虚拟二进制流 */
.banner-container::before {
    content: "011010110010101101101101010110101011010110110101";
    position: absolute;
    right: 20px;
    top: 0;
    width: 20px;
    font-family: monospace;
    font-size: 12px;
    color: rgba(0, 246, 255, 0.4);
    writing-mode: vertical-rl; /* 垂直排列 */
    text-shadow: 0 0 5px #00f6ff;
    white-space: nowrap;
    animation: codeScroll 15s linear infinite;
    z-index: 10;
    opacity: 0.6;
}

@keyframes codeScroll {
    from { transform: translateY(-100%); }
    to { transform: translateY(100%); }
}

/* --- 列表区终极融合：科技暗色卡片 --- */

/* 1. 强制卡片背景暗色化，取消死白 */
.item-temp, .list-item, .post-item, [class*="item"] {
    background: rgba(10, 20, 30, 0.7) !important; /* 深蓝黑半透明 */
    backdrop-filter: blur(10px);                  /* 磨砂玻璃质感 */
    border: 1px solid rgba(0, 246, 255, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 2. 鼠标移上去：卡片“觉醒”发光 */
.item-temp:hover, .list-item:hover {
    transform: translateY(-10px) scale(1.02) !important; /* 浮起并微放 */
    border-color: #00f6ff !important;
    box-shadow: 0 0 30px rgba(0, 246, 255, 0.4) !important;
    background: rgba(15, 30, 45, 0.9) !important;
}

/* 3. 文字颜色优化：科技青标题 */
.item-title, .item-title a {
    color: #00f6ff !important;
    text-shadow: 0 0 5px rgba(0, 246, 255, 0.3);
}

.item-text, .item-footer {
    color: #aabccf !important; /* 副标题淡灰蓝 */
}

/* 4. 图片预览区加一层微弱的“全息扫描” */
.item-thumb {
    position: relative;
    overflow: hidden;
}
.item-thumb::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.1), transparent);
    transform: skewX(-25deg);
    animation: thumbScan 4s infinite;
}

@keyframes thumbScan {
    0% { left: -100%; }
    30% { left: 150%; }
    100% { left: 150%; }
}

/* 5. 底部价格/标签美化 */
.item-price, .price-tag {
    background: linear-gradient(90deg, #ffcc00, #ff9900) !important;
    color: #000 !important;
    padding: 2px 10px !important;
    border-radius: 4px;
    font-weight: bold;
}


/* --- 强制全站暗色科技化：暴力覆盖版 --- */

/* 1. 强行把所有白色的背景“涂黑” */
body, .main, #main, .content, .container, .wrapper {
    background-color: #050a10 !important;
}

/* 2. 强行把下方的白色卡片区域变深蓝黑 */
.item-temp, .list-item, .card, .post-item, [class*="item"] {
    background: rgba(10, 20, 30, 0.95) !important; /* 强制变黑蓝 */
    border: 1px solid #00f6ff !important;        /* 强制加青色边框 */
    box-shadow: 0 0 10px rgba(0, 246, 255, 0.2) !important;
}

/* 3. 强行把下方的所有文字变亮，不然黑底看不见黑字 */
.item-title a, .item-text, .post-title, [class*="title"] {
    color: #00f6ff !important; /* 标题变亮青色 */
    text-shadow: 0 0 5px rgba(0, 246, 255, 0.5) !important;
}

.item-footer, .item-info, span, p {
    color: #aabccf !important; /* 其他文字变浅灰蓝 */
}

/* 4. 强行让卡片动起来：悬浮发光 */
.item-temp:hover, .list-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 0 25px #00f6ff !important;
    background: #0a1e32 !important;
}

/* --- 终极整容：全站暗色科技一体化 --- */

/* 1. 强制把中间所有白色的公告栏、标题栏变黑蓝 */
.notice-bar, .index-title, .module-head, [class*="title-bar"] {
    background: rgba(5, 10, 15, 0.9) !important;
    border-left: 4px solid #00f6ff !important; /* 加粗左侧青色装饰线 */
    color: #00f6ff !important;
    border-bottom: 1px solid rgba(0, 246, 255, 0.2) !important;
}

/* 2. 针对“最新精品”那一块的强制背景优化 */
.section-header, .new-arrival-title {
    background-color: transparent !important;
    color: #00f6ff !important;
    text-shadow: 0 0 10px rgba(0, 246, 255, 0.5);
}

/* 3. 让下方的商品卡片背景彻底变暗（解决你截图中白花花的问题） */
.item-card, .list-item, .product-box {
    background: rgba(10, 20, 30, 0.8) !important;
    border: 1px solid rgba(0, 246, 255, 0.2) !important;
    box-shadow: inset 0 0 15px rgba(0, 246, 255, 0.05) !important; /* 内部微弱发光 */
}

/* 4. 重点优化：给商品图片加一个“全息边框” */
.item-thumb img {
    border: 2px solid #1a2a3a !important;
    transition: all 0.4s;
}
.list-item:hover .item-thumb img {
    border-color: #00f6ff !important;
    transform: scale(1.05); /* 悬浮时图稍微放大，很高级 */
}

/* 5. 把原本白色的文字强行“漂白”或“变青” */
p, span, div {
    color: #aabccf !important; /* 默认灰色，防止黑底黑字看不见 */
}
strong, h1, h2, h3 {
    color: #00f6ff !important; /* 强调文字变青色 */
}



/* --- 1. 顶部公告栏：由白变黑蓝流光 --- */
.site-notice, [class*="notice"] {
    background: rgba(5, 15, 25, 0.9) !important;
    border: 1px solid rgba(0, 246, 255, 0.3) !important;
    border-radius: 30px !important; /* 保持圆角但变深色 */
    color: #00f6ff !important;
}

/* --- 2. 四个功能块：彻底消除白色，改为透明面板 --- */
.hot-topics, .author-nav, .stat-box, .contribute-box, [class*="box-item"] {
    background: rgba(10, 20, 30, 0.8) !important; /* 暗色半透明 */
    backdrop-filter: blur(10px) !important;       /* 磨砂质感 */
    border: 1px solid rgba(0, 246, 255, 0.15) !important;
    border-radius: 12px !important;
    color: #e0f7ff !important;
    transition: all 0.3s ease;
}

/* 鼠标移上去，边框亮起并浮动 */
.hot-topics:hover, .stat-box:hover {
    border-color: #00f6ff !important;
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.3);
    transform: translateY(-5px);
}

/* --- 3. 图标与文字：点亮为青蓝色 --- */
.box-item i, .box-item .icon, [class*="icon"] {
    filter: drop-shadow(0 0 5px #00f6ff) !important; /* 图标发光 */
    color: #00f6ff !important;
}

.box-item h3, .box-item span {
    color: #00f6ff !important; /* 标题变青色 */
}

/* --- 4. 黄金广告位：降低刺眼的黄色，使其更融合 --- */
.ad-gold, [class*="gold-ad"] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.8), rgba(255, 165, 0, 0.6)) !important;
    border-radius: 10px !important;
    border: 1px solid #ffd700 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

/* --- 1. 顶部公告条：改为深色胶囊 --- */
.site-notice, [class*="notice"] {
    background: rgba(10, 25, 40, 0.8) !important;
    border-radius: 50px !important;
    color: #00f6ff !important;
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.1);
}

/* --- 2. 四个功能块：彻底消除白色，改为全息面板 --- */
.hot-topics, .author-nav, .stat-box, .contribute-box, .module-item, [class*="box"] {
    background: rgba(5, 15, 25, 0.7) !important; /* 暗色半透明 */
    backdrop-filter: blur(10px) !important;       /* 磨砂玻璃效果 */
    border: 1px solid rgba(0, 246, 255, 0.2) !important;
    border-radius: 12px !important;
    color: #00f6ff !important;
    transition: all 0.4s ease !important;
}

/* 鼠标移上去，边框瞬间亮起并轻微浮动 */
.module-item:hover, [class*="box"]:hover {
    border-color: #00f6ff !important;
    box-shadow: 0 0 20px rgba(0, 246, 255, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* --- 3. 内部元素点亮：图标与标题 --- */
.module-item i, .module-item .icon, [class*="icon"] {
    color: #00f6ff !important;
    filter: drop-shadow(0 0 5px #00f6ff) !important; /* 图标发光 */
}

.module-item h3, .module-item span, .module-item a {
    color: #e0f7ff !important; /* 文字变淡蓝，防止看不见 */
}

/* --- 4. 更新统计按钮优化（今日更新等） --- */
.stat-btn, [class*="btn-update"] {
    border: 1px solid rgba(0, 246, 255, 0.3) !important;
    background: rgba(0, 246, 255, 0.1) !important;
    color: #00f6ff !important;
    box-shadow: inset 0 0 10px rgba(0, 246, 255, 0.2);
}


/* --- 1. 强制显示下拉菜单并设置科技感背景 --- */
.nav-list .sub-menu, .navbar-nav .dropdown-menu, .menu-item .sub-menu {
    display: block !important; /* 强制生成结构 */
    visibility: visible !important;
    background: rgba(5, 15, 25, 0.95) !important; /* 深蓝黑磨砂背景 */
    backdrop-filter: blur(15px) !important;
    border: 1px solid #00f6ff !important; /* 青蓝色边框 */
    box-shadow: 0 10px 30px rgba(0, 246, 255, 0.4) !important;
    z-index: 99999 !important; /* 确保在最前面，不被Banner遮挡 */
    opacity: 0; /* 默认隐藏，配合下方hover显示 */
    transition: all 0.3s ease;
}

/* --- 2. 鼠标移上去时显示（解决看不见的问题） --- */
.menu-item:hover > .sub-menu, .dropdown:hover > .dropdown-menu {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

/* --- 3. 点亮下拉菜单里的文字 --- */
.sub-menu li a, .dropdown-menu li a {
    color: #e0f7ff !important;
    padding: 10px 20px !important;
    display: block !important;
}

.sub-menu li a:hover, .dropdown-menu li a:hover {
    background: rgba(0, 246, 255, 0.2) !important;
    color: #00f6ff !important;
    padding-left: 25px !important; /* 悬浮时文字右移，很有高级感 */
}


/* --- 1. 强化卡片底部：时间、作者、浏览量 --- */
.item-footer, .item-info, .post-meta, [class*="footer"], [class*="meta"] {
    color: #00f6ff !important; /* 统一改为亮青色，和整体一致 */
    font-size: 13px !important; /* 稍微加大一点，原来可能只有12px */
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    opacity: 0.9 !important;
    text-shadow: 0 0 5px rgba(0, 246, 255, 0.3) !important; /* 微弱发光提高识别度 */
}

/* 2. 强化图标：让时间、眼睛等小图标更亮 */
.item-footer i, .item-info i, [class*="icon"] {
    color: #00f6ff !important;
    margin-right: 5px !important;
    filter: drop-shadow(0 0 2px #00f6ff);
}

/* 3. 卡片标题优化：更粗更亮 */
.item-title a, .post-title a {
    color: #ffffff !important; /* 标题用纯白，与青色信息区拉开层次 */
    font-weight: 600 !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* 4. 底部“加载更多”或“查看更多”按钮点亮 */
.load-more, .btn-more {
    background: linear-gradient(45deg, #00f6ff, #0072ff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.4);
}



/* --- 1. 强化卡片底部：时间、作者、浏览量 --- */
.item-footer, .item-info, .post-meta, [class*="footer"], [class*="meta"] {
    color: #00f6ff !important; /* 统一改为亮青色，和整体一致 */
    font-size: 13px !important; /* 稍微加大一点，原来可能只有12px */
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    opacity: 0.9 !important;
    text-shadow: 0 0 5px rgba(0, 246, 255, 0.3) !important; /* 微弱发光提高识别度 */
}

/* 2. 强化图标：让时间、眼睛等小图标更亮 */
.item-footer i, .item-info i, [class*="icon"] {
    color: #00f6ff !important;
    margin-right: 5px !important;
    filter: drop-shadow(0 0 2px #00f6ff);
}

/* 3. 卡片标题优化：更粗更亮 */
.item-title a, .post-title a {
    color: #ffffff !important; /* 标题用纯白，与青色信息区拉开层次 */
    font-weight: 600 !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* 4. 底部“加载更多”或“查看更多”按钮点亮 */
.load-more, .btn-more {
    background: linear-gradient(45deg, #00f6ff, #0072ff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 0 15px rgba(0, 246, 255, 0.4);
}

/* --- 终极穿透：彻底黑化 home-first 区域 --- */

/* 1. 强制抹除外层容器的背景图和死白底 */
.home-first-screen, .home-first, .parts.row {
    background-image: none !important; /* 删掉那个内联的背景图 */
    background-color: transparent !important; /* 确保不漏色 */
    background: #050a10 !important; /* 统一设为你的科技底色 */
}

/* 2. 精准黑化那四个方块 (hf-widget) */
.home-first .hf-widget {
    background: rgba(10, 20, 30, 0.9) !important; /* 深蓝黑半透明 */
    border: 1px solid rgba(0, 246, 255, 0.3) !important; /* 亮青色边框 */
    border-radius: 12px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px); /* 增加磨砂质感 */
}

/* 3. 点亮方块里的标题和内容 */
.hf-widget .hf-widget-title, .hf-widget h3 {
    color: #00f6ff !important;
    text-shadow: 0 0 8px #00f6ff;
}

.hf-widget .hf-widget-content * {
    color: #e0f7ff !important;
}

/* 4. 消除 Bootstrap 栅格系统可能带的白边 */
.col-sm-6.col-md-6.col-lg-3 {
    background: transparent !important;
}

.seangguap, .seanggwrap, .seangwrap {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* 彻底隐藏整块统计横幅容器 */
section.gradient-section.item-4 {
    display: none !important;
}

/* 如果上面的不起作用，尝试这个通用的 */
.statistics, .count-wrap {
    display: none !important;
}


/* 彻底隐藏整块统计框架（蓝色大背景那一块） */
section.action-statistics.home2, 
.gradient-section.item-4,
.action-statistics {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

/* 针对主内容区域强制居中缩放 */
.main-content, .container, .body-content {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto !important; /* 强制水平居中 */
    float: none !important;
    display: block !important;
}