@charset "UTF-8";

/* Shop theme tokens */
:root {
  --shop-accent: #2f6bff;
  --shop-accent-soft: color-mix(in srgb, var(--shop-accent) 12%, transparent);
  --shop-price: #ff5a36;
  --shop-text: #1f2937;
  --shop-muted: #6b7280;
  --shop-border: #e8ecf1;
  --shop-bg: #f4f6f9;
  --shop-card: #ffffff;
  --shop-header-bg: rgba(255, 255, 255, .94);
  --shop-radius: 12px;
  --shop-radius-sm: 8px;
  --shop-shadow: 0 8px 24px rgba(15, 23, 42, .06);
  --shop-shadow-hover: 0 14px 36px rgba(15, 23, 42, .1);
  --shop-container: 1560px;
  --shop-gap: 22px;
  --shop-header-h: 68px;
  --shop-ease: cubic-bezier(.22, 1, .36, 1);
  --shop-font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --primary-color: var(--shop-accent);
}
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}
pre{font-family:monospace,monospace;font-size:1em}
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-size:1em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
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{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{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.3);background-color:#525252}
.container{margin-left:auto;margin-right:auto}
@media (min-width:992px){.container{max-width:960px}
.burger{display:none}
.container.small{max-width:780px}
}
@media (min-width:1230px){.container{max-width:1300px}
.container.medium{max-width:1030px}
.full-screen .container{max-width:1440px}
}
.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{min-height:1px;padding-left:15px;padding-right:15px;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{flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{flex:0 0 25%;max-width:25%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{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%}
}
html{box-sizing:border-box;--accent-color:#1a1a1a}
*,:after,:before{box-sizing:inherit}
body{background-color:#f6f6f6;color:#223c61;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:#34495e;text-decoration:none;transition:all .3s ease}
a:hover{opacity:.8}
h1,h2,h3,h4,h5,h6{color:#223c61;font-weight:700;line-height:1.2;margin:0 0 15px}
p{margin:0 0 15px}
img{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}
table{border-collapse:collapse;font-size:13px;margin:0 0 15px;word-break:normal;width:100%}
td,th{border:1px solid #f4f4f4;padding:8px 12px}
dl,ol,ul{margin:0;padding-left:0;list-style:none}
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}
input[type=number]{padding-right:0}
input.nofocus:focus{outline:0}
textarea{height:100%;line-height:1;padding:9px 12px;resize:vertical;border:1px solid #d0d0d0;border-radius:4px;max-height:80px}
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}
@-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:36px;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}
.swal2-header{z-index:2}
.shop-tips{color:#999}
.transition{-moz-transition:ease-in-out .5s;-webkit-transition:ease-in-out .5s;-o-transition:ease-in-out .5s;-ms-transition:ease-in-out .5s;transition:ease-in-out .5s}
.disabled,.disabled *{cursor:no-drop!important;user-select:none}
.dropdown,.dropdown div,.dropdown div::after,.dropdown li{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;-ms-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:900;letter-spacing:1px;line-height:1;outline:0;padding:12px 20px;text-align:center;text-transform:uppercase;background-color:#34495e}
.button:hover,.navigation .nav-next a:hover,.navigation .nav-previous a:hover,button[type=submit]:hover,input[type=submit]:hover{transition:all .3s ease-in-out;opacity:.8;color:#fff}
.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:11px;font-weight:600;letter-spacing:1px;outline:0;padding:0 18px;text-align:center;position:relative;line-height:35px}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;box-shadow:none;opacity:.35}
.btn:hover{transition:all .3s ease-in-out}
.btn--def{background-color:#383838;color:#fff}
.btn--none{background-color:transparent;color:#383838}
.btn--primary{background-color:var(--shop-accent);color:#fff}
.btn--primary:hover{filter:brightness(.92)}
.btn--secondary{background-color:#1dc9b7;color:#fff}
.btn--secondary:hover{background-color:#18a899}
.btn--danger{background-color:#f4516c;color:#fff}
.btn--danger:hover{background-color:#f22d4e;color:#ffeb3b!important}
.btn--warning{background-color:#ffb822;color:#fff}
.btn--warning:hover{background-color:#fbaa00}
.btn--block{width:100%!important}
.btn--radius{border-radius:30px!important}
.site{position:relative;overflow:hidden}
.site-content{padding-bottom:40px;padding-top:40px}
.home .site-content{padding-bottom:0;padding-top:0}
.single-post .site-content{padding:0;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 (min-width:992px){.content-column{flex:0 0 72%;max-width:72%}
.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;white-space:nowrap}
.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:22px}
.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:5px 0}
.u-text-format a{font-weight:700;text-decoration:underline}
.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}
}
.lazyloaded{opacity:1;transition:opacity .3s 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}
.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%}
.home-cat-nav-wrap{margin-bottom:30px;position:relative;background-color:#fff;padding:5px 10px;border-radius:4px}
.home-cat-nav-wrap ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}
.home-cat-nav-wrap ul li{margin:0 3px}
.home-cat-nav-wrap ul li:hover .btn{background-color:#f6f6f6}
.home-search-results li{list-style:none;line-height:1;overflow:hidden}
.home-search-results li strong{text-align:center;padding:10px 0;width:100%;display:inline-block;font-size:15px;font-weight:400}
.home-search-results li:hover{background-color:#f9f9f9}
.home-search-results li a{display:block;padding:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-search-results li a img{display:inline-block;margin-right:10px}
.home-search-results li .focus{width:80px;height:auto;border-radius:3px;overflow:hidden;max-height:55px;float:left}
.home-search-results li .title{line-height:25px}
.home-search-results li .intro{color:#888;font-size:12px}
.home-search-results li{font-size:16px;line-height:1.3;font-weight:400;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-search-results li.more{text-align:center;line-height:35px}
@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)}
}
.filter--content{margin-top:-60px;display:block;padding:20px;width:100%;border-radius:4px;background-color:#fff;z-index:1;position:relative;margin-bottom:30px;box-shadow:0 34px 20px -24px rgba(0,36,100,.06);border:1px solid #f3f3f3}
.filter--content .form-box{padding:0;padding-bottom:0}
.filters .filter-item{padding:5px 0}
.filter--content .filter-item span:not(.insearch){position:absolute}
.filter--content .filter-item span{margin-right:10px;background-color:#f6f6f6;padding:0 6px;line-height:30px;display:inline-block;border-radius:4px;color:#34495e;border:1px solid transparent}
.filter--content .filter-item a{display:inline-block;margin-top:0;margin-right:10px;border-bottom:1px solid transparent;border-radius:0;padding-right:10px;position:relative;border:1px solid transparent;border-radius:4px}
.filter--content .filter-item a i{padding:0 4px;border-radius:2px;margin-left:2px}
.filter--content .filter-item a.on i{background:#4a86e895;color:#fff}
.filter--content .filter-item>.on{color:#1890ff}
.filter--content .filter-item{position:relative}
.filter--content .filter-item:not(:first-child){margin-top:10px}
.filter--content .filter-tag{position:relative;display:inline-block;list-style:none;margin:0;padding:0;width:100%}
.filter--content .filter-tag .filter-item-tags{margin-left:110px;padding:2px 0;padding-right:50px;position:relative}
.filter--content .filter-tag .filter-item-tags>div{display:inline-block;margin:0;padding:0;list-style:none;margin-bottom:5px}
.filter--content .filter-tag+.more{position:absolute;right:-30px;top:2px;width:auto}
@media (max-width:768px){.filter--content{margin-top:-10px;display:block;padding:10px}
.filter--content .filter-tag.moretag{background-color:#f6f6f6;border-radius:4px}
.filter--content .filter-item span{width:100%;display:inline-block;margin-bottom:10px}
.filter--content .filter-item a{margin-right:5px;line-height:20px;font-size:13px;padding:0 5px}
.filter--content .filter-tag+.more{right:0;top:5px}
}
.site-header{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;left:0;position:absolute;right:0;top:0;background:var(--shop-accent);z-index:3}
.site-header-headroom.headroom{will-change:transform;transition:transform .2s linear}
.site-header-headroom.headroom--pinned:not(.headroom--top){transform:translateY(0);box-shadow:0 0 4px 0}
.site-header-headroom.headroom--unpinned{transform:translateY(-100%)}
.home .site-header:not(.headroom--pinned){background-color:transparent}
.home .site-header.headroom--top{background-color:transparent!important}
.header-gap{height:80px}
.nav_full .navbar{padding:0 30px}
.navbar{align-items:center;display:flex;height:80px;position:relative}
.navbar .logo{margin-right:12px;max-width:120px;height:auto}
.navbar .sep{display:flex;height:100%;margin:0 20px;width:1px}
.navbar .sep:after{background-color:#fff;content:"";height:30%;margin:auto;transition:background-color .3s cubic-bezier(.77,0,.175,1);width:100%}
.navbar li{display:inline-block;position:relative}
.navbar li>a{display:block;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#fff}
.navbar li>a .emoji{margin-left:0!important;margin-right:5px!important}
.navbar li.menu-item-has-children>a:after{color:#aaa;content:"\f107";font-family:"Font Awesome 7 Free";font-size:12px;font-weight:900;margin-left:6px;transition:color .3s cubic-bezier(.77,0,.175,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.navbar li:hover>ul{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}
.navbar .nav-list>li>a{font-size:15px;line-height:61px;margin:0 10px}
.navbar .nav-list .current-menu-item>a,.navbar .nav-list>.current_page_item>a{color:#1dc9b7}
.navbar .nav-list>li>a:hover{opacity:.6}
.navbar li ul{background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.07);list-style-type:none;margin:-1px 0 0 -18px;min-width:160px;opacity:0;padding:10px;position:absolute;top:100%;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .3s cubic-bezier(.77,0,.175,1);visibility:hidden;z-index:80;-webkit-border-radius:0 0 4px 4px;border-radius:4px 4px 4px 4px;-webkit-box-shadow:0 0 40px rgba(82,85,90,.2);box-shadow:0 0 40px rgba(82,85,90,.2)}
.navbar li ul:before{content:'';position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;bottom:100%;left:calc(50% - 30px)}
.navbar li ul li{display:block}
.navbar li ul li>a{align-items:center;display:flex;font-size:11px;line-height:18px;padding:9px 30px;color:#34495e}
.navbar li ul li.menu-item-has-children>a{justify-content:space-between}
.navbar li ul li.menu-item-has-children>a:after{content:"\f105";font-family:"Font Awesome 7 Free";font-weight:900;line-height:1;margin-right:-4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.navbar li ul ul{left:100%;margin:-20px 0 0;top:0}
.navbar .actions{display:flex;flex-grow:1;justify-content:flex-end;align-items:center}
.navbar .actions>div+div{margin-left:5px}
.navbar .actions .link{margin-right:5px;color:#fff}
.navbar .actions .link.on i{text-shadow:0 0 5px rgb(0 0 0 / 80%)}
.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;border:0}
.navbar .note-open{color:#fff}
.navbar .note-open:hover{color:#1dc9b7}
.navbar .common{border-radius:4px;padding:0 10px;cursor:pointer;font-size:14px;color:#fff;border:1px solid #fff;height:25px;width:auto;margin-right:10px;text-transform:uppercase}
.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;border:1px solid #fff;border-radius:30px}
.navbar .user-pbtn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;padding:0 4px;margin-right:10px;border:0;color:#fff}
.navbar .user-pbtn img{align-items:center;border-radius:30px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;margin-right:10px;border:2px solid #eee;width:30px}
.navbar .user-pbtn span{-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navbar .link i{margin:0 6px}
.navbar .login-btn:hover,.navbar .navbar-button:hover,.navbar .user-pbtn:hover,.off-canvas .canvas-close:hover{transition:all .3s ease;color:#1dc9b7}
.navbar-hidden .navbar .logo{margin-right:0}
.navbar-hidden .navbar .sep{display:none}
.search-mini{position:absolute;top:10px;right:5px;z-index:555;box-shadow:0 0 5px 5px rgb(0 0 0 / 14%);border-radius:5px;padding:10px;background-color:rgb(255 255 255 / 85%);width:300px}
.search-mini:after{content:'';display:inline-block;position:absolute;left:15px;top:-5px;border-top:10px solid rgb(255 255 255 / 85%);border-right:10px solid transparent;transform:rotate(45deg)}
.search-mini form{display:flex!important}
.search-mini form [name=q]{margin-bottom:0;margin-right:5px;font-size:13px;outline:0}
.search-mini form input{height:38px;border-radius:4px}
@media (max-width:640px){.navbar .go_pay_vip_box,.navbar .go_pay_vip_boxs{display:none}
.nav_full .navbar{padding:0 10px}
}
.burger{border-radius:50%;cursor:pointer;height:30px;position:relative;width:30px;border:0;color:#fff}
.burger:after,.burger:before{background-color:#fff;content:"";height:2px;left:10px;position:absolute;width:10px}
.burger:before{top:10px}
.burger:after{bottom:10px}
.logo-wrapper{position:relative}
.logo:not(.text){transition:opacity .3s 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 .3s cubic-bezier(.77,0,.175,1)}
.section{padding-bottom:40px;padding-top:40px}
.pt-0{padding-top:0!important}
.pt-10{padding-top:10px!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-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}
.mt-xs{margin-top:10px}
.mt-10{margin-top:10px!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}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table-responsive{min-height:.01%;overflow-x:auto}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
}
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:15px 8px 15px 8px!important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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}
.custom .site-main{margin:20px 0;padding:50px 10px;background-color:#fff;width:100%}
.custom .site-main img{display:inline-block;margin:30px 0}
.custom .site-main .common{text-align:center}
.custom .site-main h3{margin:0 0 15px}
.custom .site-main p{margin-bottom:0}
.custom .site-main .moreinfo{max-width:900px;margin:auto}
.custom .site-main .moreinfo>div{padding:20px;background-color:#fbfbfb;margin-bottom:10px}
.modular-title-1 .section-title{font-size:30px;font-weight:900;letter-spacing:.2px;margin-bottom:60px;text-transform:uppercase}
.modular-title-2 .section-title{font-size:16px;font-weight:400;letter-spacing:1px;margin-bottom:40px;position:relative;text-align:center}
.modular-title-2 .section-title .h1{margin-bottom:20px;font-weight:400;font-size:24px}
.modular-title-2 .section-title p{color:#6f7495;font-size:16px}
.modular-title-2 .section-title span{background-color:#f6f6f6;padding:4px 15px;position:relative;z-index:10;letter-spacing:2px;font-weight:600;background:#fff;border-radius:4px}
.modular-title-3 .section-title{font-size:12px;letter-spacing:.2px;margin-bottom:50px;position:relative;text-transform:uppercase}
.modular-title-3 .section-title:after{background-color:var(--accent-color);bottom:-15px;content:"";height:3px;left:0;position:absolute;width:20px}
@media (max-width:767px){.section{padding-bottom:30px;padding-top:30px}
.modular-title-1 .section-title{font-size:15px;margin-bottom:30px}
.modular-title-2 .section-title{font-size:15px;margin-bottom:20px}
}
.codecdk-panel{background-color:#fff;background-size:contain;background-attachment:fixed}
.codecdk-panel .jq22-flex{height:7rem;background:#f6f6f6;border-radius:3px;padding:0;-webkit-box-align:initial;-webkit-align-items:initial;align-items:initial;position:relative;display:flex;margin:10px 0}
.codecdk-panel .jq22-flex:before{content:'';position:absolute;z-index:0;top:73.999%;left:-10px;width:18px;height:18px;border-radius:100%;background:#fff;margin-top:-10px}
.codecdk-panel .jq22-flex:after{content:'';position:absolute;z-index:0;top:73.999%;right:-10px;width:18px;height:18px;border-radius:100%;background:#fff;margin-top:-10px}
.jq22-price-nub{background-image:-webkit-gradient(linear,left top,right top,from(#f63f5d),to(#ec2546));background-image:-webkit-linear-gradient(left,#f63f5d,#ec2546);background-image:-moz-linear-gradient(left,#f63f5d,#ec2546);background-image:linear-gradient(to right,#f63f5d,#ec2546);background-color:#ec2546;height:7rem;border-radius:3px 0 0 3px;overflow:hidden}
.jq22-digit{height:5rem;padding:0 1.2rem}
.jq22-full{height:2rem;line-height:2.3rem;background:#d01c39;color:#f3c1ca;font-size:.8rem;text-align:center}
.jq22-digit h2{color:#fefefe;font-size:2.8rem;line-height:5rem}
.jq22-digit h2 em{font-style:normal;font-size:1rem;font-weight:400}
.codecdk-panel .jq22-flex .jq22-flex-box{height:5.05rem;border-bottom:1px dashed #eaeaea;padding-left:1rem;padding-top:1rem;position:relative;width:65%}
.codecdk-panel .jq22-flex .jq22-flex-box .cop-codecdk{background-image:-webkit-gradient(linear,left top,right top,from(#ef0f82),to(#fe1c44));background-image:-webkit-linear-gradient(left,#ef0f82,#fe1c44);background-image:-moz-linear-gradient(left,#ef0f82,#fe1c44);background-image:linear-gradient(to right,#ef0f82,#fe1c44);background-color:#ef0f82;color:#fff;border-radius:50px;border:0;font-size:13px;padding:4px 12px;position:absolute;right:0;bottom:15px;line-height:1;cursor:pointer}
.jq22-flex-box h2{font-size:.9rem;margin-bottom:.8rem}
.jq22-flex-box h3{font-weight:400;font-size:.8rem;color:#8a8a8c}
.searchplus .filter-tag{width:100%}
.searchplus form .q,.searchplus form select{max-width:200px}
.searchplus form select{line-height:32px}
.searchplus form [name=q]{margin-bottom:0;border-radius:3px}
.searchplus form *{height:32px}
.searchplus form{width:100%;display:inline}
.module.image{position:relative}
.searchplus form select .module.image .caption{margin-top:15px;text-align:center}
.category-box{position:relative;border-radius:4px;overflow:hidden}
.category-box:hover{opacity:.8;transition:all .3s ease}
.category-box .entry-thumbnails{border-radius:2px;display:flex;height:180px;overflow:hidden}
.category-box .thumbnail{position:relative}
.category-box small{position:absolute;top:10px;z-index:1;color:#fff;right:10px;opacity:.5;padding:1px 10px;background:#000;border-radius:4px}
.category-box .thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.category-box .big{width:100%}
.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(33,40,53,.8)}
.category-box .entry-title{z-index:1;padding:0 15px;align-items:center;display:flex;font-size:20px;height:100%;justify-content:center;width:100%;position:relative;color:#fff;font-weight:400;background:rgba(73,80,89,.5);font-weight:600}
.category-box .entry-title:not(.post):after{content:"";background:#fff;width:40px;height:2px;bottom:70px;position:absolute}
.entry-thumbnails-17codesign{background:#fff;margin:0;padding:20px;border-radius:4px;border:1px solid #d7ebff;box-shadow:0 4px 12px 0 rgba(52,73,94,.1);margin:10px 0}
.entry-thumbnails-17codesign:before{content:"";position:absolute;width:4px;height:24px;top:20px;left:0;background:linear-gradient(to right,#ff9800,#ffc107);box-shadow:8px 0 12px 0 rgba(255,152,0,.3);border-radius:2px}
.entry-title-17codesign{font-size:18px;font-weight:600;color:#34495f;margin-bottom:4px}
.group-17codesign{display:flex;justify-content:flex-end}
.thumbnail-17codesign{width:34px;height:34px;margin-right:10px;border-radius:50%;background:#eaeaea}
.group-17codesign span{line-height:34px}
.thumbnail-17codesign img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 12px rgba(51,51,51,.1)}
.description-17codesign{display:inline-block;font-size:12px;line-height:24px;color:#6b798e}
.pricing-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.package-single{margin-top:30px;margin-right:20px;margin-bottom:30px;padding:26px 30px 30px;border:1px solid #ebedf2;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin-left:20px;border-radius:6px}
.package-single .package-header{text-align:center}
.package-single .package-header h5{font-size:18px}
.package-single .package-header .amount{padding:10px 0 25px 0;border-bottom:1px solid #fff;margin-bottom:30px;color:#8c8c8c}
.package-single .package-header .amount span{font-size:40px;font-weight:600;display:block;margin-bottom:10px;color:#1dc9b7}
.package-single .package-body ul li{margin-bottom:13px;padding-left:25px;position:relative;color:#7a82a6}
.package-single .package-body ul li:last-child{margin-bottom:0}
.package-single .package-body ul li:before{position:absolute;font-size:16px;font-family:"Font Awesome 7 Free",FontAwesome;font-weight:900;left:0;top:-1px}
.package-single .package-body ul li.yes:before{content:"\f05d"}
.package-single .package-body ul li.no:before{content:"\f05c"}
.package-single .package-body .btn{margin-top:20px}
.package-single.featured-plan .featured-badge{position:absolute;height:50px;width:100%;left:0;top:-50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff}
@media screen and (max-width:767px){.pricing-wrapper{display:block}
.searchplus form select{display:none}
.searchplus form{display:flex;justify-content:space-between}
.searchplus form [name=q]{width:100%!important;margin-right:5px}
.searchplus .q{width:100%!important;max-width:100%!important;margin-right:5px}
.pricing-wrapper .package-single{margin-top:0}
.pricing-wrapper .package-single.featured-plan{margin-top:80px}
}
.services{padding:50px 0;border-top:1px solid #ebedf2;padding-top:60px}
.service-single{text-align:center;margin-bottom:30px}
.service-single span{display:block;margin-bottom:20px;font-size:42px;color:var(--shop-accent);font-weight:400}
.service-single h4{margin:0 0 20px 0;font-size:1.33rem;font-weight:400}
.service-single p{margin-bottom:0;color:#6f7495;font-size:14px}
.uposts{position:relative;display:block;background-color:#fff;margin-bottom:0;box-shadow:0 1px 2px 0 rgba(0,0,0,.02);border-radius:4px;padding:20px;padding-bottom:10px;margin:10px 0}
.uposts .codesign-list{height:60px;background:#313131;border-radius:4px 4px 0 0;padding:10px;margin:-20px -20px 10px -20px;position:relative;background-size:100%;background-position:center center}
.uposts h4.codeisgn-h4{margin-bottom:0;text-align:center;color:#fff;position:relative;z-index:1;font-size:16px}
.uposts .codeisgn-h4 a{color:#fff}
.uposts span.codesign-esc{white-space: nowrap;overflow: hidden;text-align:center;color:rgba(255,255,255,.6);position:relative;z-index:1;display:block}
.uposts span.codesign-esc p{margin:0;font-size:13px}
.uposts .codesign-cover{position:absolute;left:0;right:0;top:0;bottom:0;background:#0000008c;border-radius:4px 4px 0 0;z-index:0}
.uposts .hentry{margin-bottom:8px;position:relative;display:inline-block;width:100%}
.uposts .hentry .title{font-size:15px;font-weight:400;line-height:1.5;margin:0;padding-right:60px;-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uposts .hentry .post-num{display:inline-block;font-size:14px;width:18px;height:18px;line-height:18px;margin:0 8px 0 0;text-align:center;border-radius:50px;font-weight:600}
.uposts .post-num.num-1{color:#f44336}
.uposts .post-num.num-2{color:#4caf50}
.uposts .post-num.num-3{color:#ffc107}
.uposts .post-num.num-4{color:#00bcd4}
.uposts .post-num.num-5{color:#2196f3}
.uposts .post-num.num-6{color:#e91e63}
.uposts .post-num.num-7{color:#34495e}
.uposts .post-num.num-8{color:#f4e3ab}
.uposts .meta{position:absolute;position:absolute;top:0;right:0;color:#999;font-size:13px}
.article-footer .xshare{float:right;font-size:14px;line-height:30px}
.xshare .xshare-title{float:left}
.xshare a{float:left;margin-left:10px;border-radius:50px;border:1px solid #e6e6e6;width:60px;height:30px;text-align:center}
.xshare a .fa{font-size:16px}
.xshare a.share-weixin{color:#5fcf80}
.xshare a.share-weixin:hover{border-color:#5fcf80}
.xshare a.share-weibo{color:#fd001b}
.xshare a.share-weibo:hover{border-color:#fd001b}
.xshare a.share-qq{color:#01cdb8}
.xshare a.share-qq:hover{border-color:#01cdb8}
.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:4px solid #e6e6e6;overflow:hidden}
.author-box .author-image img{display:block}
.author-box .author-image img:hover{cursor:pointer}
.author-box .author-info{margin-left:10px}
.author-box .author-name{font-size:16px;margin-bottom:5px;font-weight:500}
.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:"\f105";font-family:"Font Awesome 7 Free";font-weight:900;margin-left:3px;-webkit-font-smoothing:antialiased}
.title-istop{color:#f60;margin-right:5px}
.post-grid .entry-media{margin-bottom:0;position:relative;overflow:hidden}
.post-grid .entry-media img{margin:0 auto;width:100%;border-radius:4px 4px 0 0}
.entry-media{margin-bottom:10px;position:relative}
.entry-media .placeholder{background-color:#fff;height:0;padding-bottom:66.666666666667%;overflow:hidden}
.entry-media img{margin:0 auto;width:100%;overflow:hidden}
.square-thumb .entry-media .placeholder{padding-bottom:100%!important}
.entry-tipss{position:absolute;top:10px;right:-35px;width:120px;height:25px;background:#ff6559;color:#fff;line-height:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:12px;text-align:center}
.widget-area .entry-tipss{display:none}
.entry-format{background-color:#949494;border-radius:50%;color:#fff;font-size:13px;height:25px;left:10px;line-height:25px;position:absolute;text-align:center;top:10px;width:25px}
#crumbs{padding-bottom:10px;font-size:14px;opacity:.5}
.product-info{padding:20px;background-color:#fff;border-radius:4px;margin-bottom:30px}
.product-info h1{font-size:22px;margin-bottom:10px}
.product-info h1 .small{background:#f44336;color:#fff;line-height:1;margin-left:10px;border-radius:30px;padding:0 12px}
.product-info .cao_entry_subtitle{color:#555;margin-bottom:10px}
.product-info .theme-item-service{margin-bottom:10px}
.theme-item-service h6{font-size:14px;line-height:1;margin-bottom:15px;color:#999;font-weight:400;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;padding:10px 0}
.theme-item-service li{float:left;width:50%;font-size:14px;margin-bottom:7px}
.cao_entry_header{text-align:center;margin:10px 0}
.cao_entry_header .entry-header .entry-title{font-size:24px;max-width:70%;margin:auto;margin-bottom:10px}
.cao_entry_header .cao_entry_subtitle{font-size:18px;margin-bottom:0;position:relative;padding-bottom:20px;color:rgba(68,68,68,.6);font-weight:300}
.post-edit-link{color:#ccc}
.entry-header{word-break:break-word}
.entry-header .entry-meta{align-items:center;color:#aaa;display:flex;flex-wrap:wrap;height:26px;font-size:11px;letter-spacing:.2px;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{flex-wrap:wrap;display:block;white-space:nowrap;overflow:hidden}
.entry-header .entry-meta .meta-category a{align-items:center;display:inline-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:600;letter-spacing:-.2px;margin-bottom:0}
.post-grid .entry-header .entry-title{-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-list .entry-header .entry-title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical}
.entry-header.white .entry-meta,.entry-header.white .entry-meta a,.entry-header.white .entry-title{color:#fff}
.entry-subheading{color:#aaa;font-size:20px;font-style:italic;font-weight:400;line-height:1.4;margin-bottom:45px}
.entry-excerpt{font-size:13px;color:#aaa;-webkit-line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;margin-bottom:10px;height:70px}
.entry-excerpt .excerpt-link{margin-left:5px;text-decoration:none}
.square-thumb .entry-excerpt{height:145px}
.entry-footer{border-top:1px solid #ebeef5;align-items:baseline;display:flex;font-size:11px;font-weight:700;letter-spacing:.2px;margin-top:10px;text-transform:uppercase}
.entry-footer a{position:relative;margin-top:5px;color:#aaa;padding:4px 6px;border-radius:4px;font-weight:500;line-height:1}
.entry-footer .date{flex:1;padding:0}
.entry-footer .price{background-color:#fdcb52;color:#fff}
.entry-footer .footer-author{align-items:center;display:flex}
.entry-footer .footer-author img{border-radius:50%;height:20px;margin-right:5px;width:20px}
@media (max-width:576px){.entry-excerpt,.entry-footer .views{display:none!important}
.square-thumb .entry-footer{display:block!important}
.square-thumb .entry-excerpt{display:block!important;height:43px}
}
.entry-navigation{background-color:#fff;display:block;margin-top:30px;position:relative;border-radius:5px;padding: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:#45b6f7}
.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-copyright{clear:both;overflow:hidden;margin-bottom:20px;background:#f7fbff;padding:10px 20px;border:1px dashed #e6e6e6;border-radius:4px;font-size:12px;margin-top:20px}
.article-copyright a{color:#555}
.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}
}
.page .type-page .entry-header,.single .type-post .entry-header{margin-bottom:30px}
.page .type-page .entry-meta,.single .type-post .entry-meta{margin-bottom:10px}
.page .type-page .entry-title,.single .type-post .entry-title{font-size:40px;font-weight:900;line-height:1.1}
.page .type-page .entry-media,.single .type-post .entry-media{margin-bottom:45px;margin-top:45px}
.page .type-page .entry-content ol,.page .type-page .entry-content ul,.page .type-page .entry-content>p,.single .type-post .entry-content ol,.single .type-post .entry-content ul,.single .type-post .entry-content>p,.wp-block-columns p{font-size:16px;line-height:30px}
.page .type-page .entry-content>p,.single .type-post .entry-content>p,.wp-block-columns p{margin-bottom:20px}
.page .type-page .entry-content strong,.single .type-post .entry-content strong{color:#1a1a1a}
.page.with-subheading .type-page .entry-header{margin-bottom:15px}
.page.with-subheading .type-page .entry-subheading{margin-bottom:30px}
@media (max-width:767px){.page .type-page .entry-title,.single .type-post .entry-title{font-size:24px}
.page .type-page .entry-media,.single .type-post .entry-media{margin-bottom:30px;margin-top:30px}
}
.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;position:relative;overflow:hidden}
.post-list .entry-wrapper{width:100%;overflow:hidden}
@media (max-width:767px){.post-list .entry-media{width:120px}
.post-list .entry-title{font-size:16px}
}
.post-grid{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-transform .3s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate(0,0);transform:translate(0,0);overflow:hidden}
.post-grid:hover{box-shadow:0 34px 20px -24px rgba(136,161,206,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px);-ms-transform:translateY(-5px)}
.post-grid .entry-wrapper{padding:10px}
@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}
}
.product-single{padding:30px;background:#fff;position:relative;overflow:hidden;-webkit-border-radius:3px;border-radius:3px}
.product-single{padding:30px;background:#fff;position:relative;overflow:hidden;-webkit-border-radius:3px;border-radius:6px;border:1px solid #ebedf2}
.product-single h5{font-size:20px;font-weight:700;padding:15px 20px;margin:0;padding-bottom:0}
.product-single h5 small{color:#fff;background-color:#1dc9b7;border-radius:4px;font-weight:600;margin-left:5px;padding:0 5px;display:inline-block;line-height:normal}
.product-single .product_cat{margin:20px;font-weight:500;color:#bbb;margin-bottom:0}
.product-single .featured-badge{position:absolute;line-height:35px;width:200px;text-align:center;left:-60px;top:20px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:2;color:#333}
.product-single .product-thumb{position:relative;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;overflow:hidden}
.product-single .product-thumb .s-promotion{position:absolute;right:0;top:15px;color:#fff;line-height:36px;padding:0 20px;-webkit-border-radius:25px 0 0 25px;border-radius:25px 0 0 25px;z-index:2}
.product-single .product-thumb .product-rating2{position:absolute;padding:10px 20px;background:#fff;-webkit-border-radius:0 25px 25px 0;border-radius:0 25px 25px 0;left:0;bottom:7px}
.product-single .product-thumb .product-rating2 ul li{font-size:15px;line-height:0}
.product-single .product-thumb figure{position:relative;margin:0}
.product-single .product-thumb figure img{width:100%}
.product-single .product-thumb figure ul li a:hover{color:#fff}
.product-single .product-thumb figure:hover figcaption{visibility:visible;background:rgba(88,103,221,.9)}
.product-single .product-thumb figure:hover figcaption ul{top:50%;opacity:1}
.product-single .product-thumb figure .prod_option{position:absolute;top:20px;left:20px}
.product-single .product-thumb{position:relative;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;overflow:hidden;padding:0}
.product-single .tipss{position:absolute;top:10px;right:-40px;z-index:1;width:130px;height:30px;background:var(--shop-accent);color:#fff;line-height:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-align:center;font-size:13px}
.product-single .product-thumb .entry-media{margin-bottom:0;position:relative}
.product-single .product-thumb figure{position:relative;margin:0}
.latest-single{padding:0;margin-bottom:30px}
.latest-single .product-excerpt{-webkit-border-radius:0 0 4px 4px;border-top:none;padding:17px 25px 25px}
.latest-single .product-excerpt h5{margin-top:0;margin-bottom:12px;font-size:16px}
.product-excerpt ul.titlebtm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0}
.product-excerpt ul.titlebtm li{color:#b8bece;margin-bottom:8px}
.single--vendor .product-excerpt ul.titlebtm li{margin-left:0;list-style-type:none;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}
.product-excerpt .product-facts{padding-top:20px;margin-top:12px;border-top:1px solid #ebedf2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding-left:0}
.product-excerpt .product-facts li{margin-right:15px}
.product-excerpt .product-facts li:last-child{margin-right:0}
.product-excerpt .product-facts li.price{line-height:normal;padding:2px 10px;font-size:14px;background:#f3f3f3;-webkit-border-radius:3px;border-radius:3px;color:#ff9800;border-radius:20px}
.product-excerpt .product-facts li.sells{color:#313342}
.product-excerpt .product-facts li.sells span{padding-right:10px;color:#6f7495}
.product-excerpt .product-facts li.product-fav{position:relative;margin-left:15px}
.product-excerpt .product-facts li.product-fav::before{position:absolute;content:"";height:20px;width:1px;background:#ececec;left:-15px;top:0}
.product-excerpt .product-facts li.product-fav span{color:#6f7495;padding:0 5px;cursor:pointer}
.product-excerpt .product-facts li.product-rating{margin-left:auto}
.product-excerpt .product-facts li.product-rating ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.product-excerpt .product-facts li.product-rating ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:1px}
.product-excerpt .product-facts li.product-rating ul li span.rate_active:before{content:'\f318';font-family:LineAwesome}
.product-excerpt .product-facts li.product-rating ul li span.rate_disabled:before{content:'\f31b';font-family:LineAwesome}
.product-excerpt .product-facts li.product-rating ul li.total-rating{color:#6f7495}
.bg-cover{background-size:cover;background-position:50% 50%}
.post-large .entry-title{font-size:30px}
.post-medium .entry-title{font-size:25px}
.side-thumbnail .portrait-header{display:flex;flex-direction:column;justify-content:center}
.side-thumbnail .portrait-media .entry-media{margin-top:0}
.post.sticky .entry-title a:before{content:"\f08d";font-family:"Font Awesome 7 Free";font-weight:900;left:-2px;position:relative;top:1px;-webkit-font-smoothing:antialiased}
.latest-title{font-size:30px;font-weight:900;letter-spacing:.2px;margin-bottom:45px;text-transform:uppercase}
.bottom-area{padding-top:30px}
.bottom-area+.bottom-area{padding-top:0}
.site-content>.container+.bottom-area{margin-top:60px}
.related-posts{background-color:#fff;display:block;margin-top:30px;position:relative;border-radius:5px;padding:20px}
.comments-area #reply-title,.comments-area .comments-title,.related-posts h3{font-size:15px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}
.related-posts .post{display:block;margin:5px 0}
.related-posts .post li{vertical-align:top;position:relative;text-align:justify;list-style:none;padding-left:15px;-webkit-line-clamp:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related-posts .post li:before{content:'';position:absolute;top:10px;left:0;width:6px;height:6px;border-radius:10px;background-color:#2196f3}
.comments-area{background-color:#fff;border-radius:4px;padding:30px;margin-top:0}
.comments-area .comments-title{margin-bottom:10px}
.comments-area #reply-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative}
.comments-area .must-log-in{padding:50px;background-color:#f2f2f2;text-align:center;font-size:16px}
.comments-area .must-log-in a{color:#fd721f}
.comments-area #reply-title a,.comments-area .reply-link a{color:#aaa;font-size:0;height:20px;line-height:20px;position:absolute;right:0;text-align:center;top:0;width:20px}
.comments-area #reply-title a:before,.comments-area .reply-link a:before{content:"\f3e5";font-family:"Font Awesome 7 Free";font-weight:900;font-size:16px;-webkit-font-smoothing:antialiased}
.comments-area .children,.comments-area .comment-list{list-style-type:none;margin:0;padding:0}
.comments-area .children{padding-left:20px}
.comments-area .comment-reply-link{display:none}
.comments-area .comment-wrapper{margin-bottom:10px;border-bottom:solid 1px #f7f5f5}
.comments-area .comment-wrapper:hover .comment-reply-link{display:block}
.comments-area .comment-author-avatar{background-color:#f4f4f4;border-radius:50%;float:left;height:50px;margin-top:3px;overflow:hidden;width:50px}
.comments-area .comment-content{margin-left:70px;overflow:hidden;padding-bottom:10px;position:relative}
.comments-area .comment-content #respond{margin-top:10px}
.comments-area .comment-author-name{color:#8bc34a;font-size:15px;font-weight:700}
.comments-area .comment-author-name .fn{font-style:normal;font-size:12px;font-weight:400}
.comments-area .comment-author-name .fn.vip{font-style:normal;display:inline-block;line-height:1;padding:4px 6px;background-color:#f0ad4e;color:#fff;border-radius:4px}
.comments-area .comment-metadata{color:#aaa;font-size:11px;font-weight:400;letter-spacing:.2px;margin-bottom:10px;text-transform:uppercase}
.comments-area .comment-body{font-size:14px}
.comments-area .comment-body>:first-child{margin-top:0}
.comments-area .comment-body>:last-child{margin-bottom:0}
.comments-area .comment-body dl dl,.comments-area .comment-body dl ol,.comments-area .comment-body dl ul,.comments-area .comment-body ol dl,.comments-area .comment-body ol ol,.comments-area .comment-body ol ul,.comments-area .comment-body ul dl,.comments-area .comment-body ul ol,.comments-area .comment-body ul ul{margin:0}
.comments-area .comment-body li{margin:5px 0}
.comments-area .comment-body a{text-decoration:underline}
.comments-area .comment-list>.comment:last-child>#respond,.comments-area>#respond{margin-bottom:0}
.comments-area .reply-link a:before{content:"\f45a"}
#respond{margin-bottom:45px}
#respond .logged-in-as>a:first-child{color:#555}
#respond .logged-in-as>a:last-child{font-weight:700}
#respond .comment-author-inputs{margin:0 -15px}
#respond .form-submit{margin-bottom:0}
.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);transition:transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);width:320px;z-index:90;-webkit-overflow-scrolling:touch}
.off-canvas .logo{display:flex;justify-content:center;margin:0 auto 30px;padding:0 20px;max-width:220px;border-radius:4px}
.off-canvas .canvas-close{position:absolute;right:15px;top:15px}
.off-canvas .canvas-close .mdi{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);transition:transform .3s cubic-bezier(.77,0,.175,1),-webkit-transform .3s 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-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:flex!important;flex-wrap:wrap;width:100%}
.slicknav_menu .slicknav_nav li{width:100%;min-height:1px;padding:.25rem;flex:0 0 50%;max-width:50%;text-align:center;overflow:hidden;text-overflow:ellipsis}
.slicknav_menu .slicknav_nav li.slicknav_parent{flex:0 0 100%;max-width:100%}
.slicknav_menu li>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 li>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:"\f105";font-family:"Font Awesome 7 Free";font-weight:900;left:-2px;position:relative;top:1px;font-size:14px;color:#aaa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.modal{background:#fff;border-radius:5px;display:none;left:30px;margin:0 auto;max-width:400px;padding:60px 30px 30px;position:fixed;right:30px;text-align:center;top:30%;z-index:90}
.modal .modal-thumbnail{background-color:#f4f4f4;border:4px solid #fff;border-radius:50%;height:90px;left:50%;margin-left:-45px;overflow:hidden;position:absolute;top:-45px;width:90px;z-index:10}
.modal .modal-title{color:#1a1a1a;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal .modal-form{margin-top:15px}
.modal .modal-form .modal-permalink{border-color:#e6e6e6;color:#555}
.dimmer{background:rgba(0,0,0,.7);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:90}
.ads{padding:60px 0}
.ads img{margin:0 auto}
.ads.before_post_content{padding:0 0 30px}
.ads.after_post_content{padding:30px 0 0}
.term-bar{align-items:center;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:50px 0 60px;position:relative;text-align:center}
.term-bar:before{background-color:#000;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}
.social-bar{background-color:#f4f4f4;display:flex;justify-content:center;padding:30px 0}
.social-bar a{display:flex;font-size:17px;padding:0 15px}
.social-bar span{font-weight:900;margin-left:5px}
.site-footer{background-color:#e7e8ed;color:#ccc;padding:0;text-align:center}
.site-footer a{font-weight:500}
.site-footer .nav-list{display:flex;justify-content:center}
.site-footer .nav-list .menu-item+.menu-item:before{content:"/";margin:0 10px}
.site-footer .site-info{width:100%;font-size:13px;background:#192027;padding:20px;margin:0 auto}
.site-footer .site-info a{color:#ccc}
.site-footer .site-info .byzblog{margin:0}
.site-footer .links{background:#192027;text-align:left;padding-top:10px}
.site-footer .links .container{border-top:solid 1px #313131}
.site-footer .links ul{display:flow-root}
.site-footer .links li{float:left;line-height:35px}
.site-footer .links li a{line-height:35px;color:#ccc;margin:0 5px}
.social-bar+.site-footer{border-top:1px solid #e6e6e6}
.footer-widget{padding-top:40px;padding-bottom:20px;text-align:left;border-bottom:1px solid #eee}
.footer-widget .widget--title h5{color:#8a8a8a;font-size:14px;font-weight:600;line-height:1;margin-bottom:25px}
.footer-widget .footer--logo{margin-bottom:44px;max-width:180px}
.footer-widget .widget--about p{font-size:14px;line-height:26px;margin-bottom:30px;color:#555}
.footer-widget .widget--about ul li{font-size:14px;font-weight:400;line-height:24px;color:#34495e;margin-bottom:4px;display:block}
.footer-widget .widget--about ul li:last-of-type{margin-bottom:0}
.footer-widget .widget--links ul li a{font-size:14px;font-weight:500;line-height:24px;margin-bottom:9px;display:block;color:#555}
.footer-widget .widget--links ul li:last-of-type a{margin-bottom:0}
.footer-widget .widget--newsletter .newsletter--form{position:relative}
.footer-widget .widget--newsletter .form-control{background-color:#f5f5f5;border-radius:5px;border:1px solid #f6f6f6;font-size:14px;color:#aaa;height:42px}
.footer-widget .widget--newsletter button{background-color:transparent;line-height:40px;color:#a5a5a5;font-size:12px;font-weight:600;position:absolute;top:2px;right:20px;cursor:pointer;border:none;height:auto;padding:0;transition:all .4s ease}
.footer-widget .widget--newsletter:hover button{-webkit-transform:translateX(7px);transform:translateX(7px)}
.footer-widget .widget--newsletter h6{line-height:1;font-weight:500;text-transform:uppercase;font-size:12px;margin-bottom:24px}
.social-icons a{display:inline-block;width:33px;height:33px;line-height:33px;border-radius:50%;text-align:center;margin-right:10px;background-color:#f5f5f5;font-size:12px;color:#bdbdbd}
.social-icons a:hover{color:#34495e}
.social-icons a:last-of-type{margin-right:0}
@media (max-width:767px){.site-footer .nav-list{flex-direction:column}
.site-footer .nav-list .menu-item+.menu-item{margin-top:5px}
.site-footer .nav-list .menu-item+.menu-item:before{display:none}
}
.numeric-pagination .page-numbers span{align-items:center;border-radius:3px;display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px;background-color:#34495e;color:#fff}
.numeric-pagination .page-numbers a{align-items:center;border-radius:3px;display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}
.numeric-pagination>.page-numbers{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}
.numeric-pagination li{margin:0 3px}
.numeric-pagination .page-numbers:not(ul){align-items:center;border-radius:3px;display:flex;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}
.numeric-pagination .page-numbers:not(ul).current{background-color:#34495e;color:#fff}
.numeric-pagination .mdi{font-size:18px}
.navigation .nav-links{display:flex;flex-direction:row-reverse;justify-content:center}
.navigation.comment-navigation .nav-next,.navigation.comment-navigation .nav-previous{margin-left:10px;margin-right:10px}
.paged-next .navigation.paged-previous .nav-next{margin-right:2px}
.paged-next .navigation.paged-previous .nav-previous a{border-radius:0 30px 30px 0}
.paged-next .navigation.paged-previous .nav-next a{border-radius:30px 0 0 30px}
.infinite-scroll-status{display:none;text-align:center}
.infinite-scroll-request{-webkit-animation:scaleOut 1s infinite ease-in-out;animation:scaleOut 1s infinite ease-in-out;background-color:#1a1a1a;border-radius:50%;height:40px;margin:60px auto;width:40px}
.infinite-scroll-action{display:flex;justify-content:center}
.infinite-scroll-button{min-width:250px}
.infinite-scroll-button.link{padding:0}
.infinite-scroll-button a,.infinite-scroll-button a:hover{color:#fff;display:inline-block;line-height:35px;width:100%}
.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;color:#999}
.breadcrumbs a{color:#999}
.article-focusbox{position:relative;z-index:1;padding:45px 0;background-color:#394048;color:#eee;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:30px}
.article-focusbox.bgimg-fixed{padding:60px 0;background-position:center center;background-size:unset;background-repeat:repeat;background-attachment:fixed}
.article-focusbox:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:rgba(24,32,39,.8);content:''}
.article-title{margin:0 0 10px;font-weight:600;font-size:24px;color:#fff}
.article-meta{font-size:14px;opacity:.8}
.article-meta .item{display:inline-block;margin:0 10px}
.article-meta .item a{color:#fff}
.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:15px 20px 20px}
.article-content img{border-radius:5px}
.article-content pre{position:relative;padding:30px 10px 10px 10px;background:rgb(152 152 152 / .1);border-radius:3px;border:0;color:#6fbb72;overflow-y:unset;font-family:two!important;white-space:pre-wrap;font:12px/20px 'courier new'}
.article-content pre:after{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;top:0;left:8px;margin-top:8px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b}
.article-content blockquote{position:relative;margin:30px 0;padding:10px 45px;border-radius:3px;background-color:#f8f8fa}
.article-content blockquote:before{position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;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;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 ol,.article-content ul{padding-left:2em;margin-bottom:20px;list-style-position:outside;list-style-type:disc}
.article-content ol{list-style-type:decimal}
.article-content li{margin-bottom:10px}
.article-content img{height:auto}
.article-content audio,.article-content img,.article-content video{max-width:100%;vertical-align:top}
.article-content video::-internal-media-controls-download-button{display:none}
.article-content video::-webkit-media-controls-enclosure{overflow:hidden}
.article-content video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.article-content embed,.article-content iframe{max-width:100%;vertical-align:top}
.article-content .wp-video{width:auto!important;margin-bottom:20px}
.article-content .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.article-content .aligncenter img{margin:0 auto}
.article-content .alignleft{float:left;margin-right:10px;margin-bottom:10px}
.article-content .alignright{float:right;margin-left:10px;margin-bottom:10px}
.article-content .wp-caption,.article-content button,.article-content input,.article-content select,.article-content textarea{max-width:100%}
.article-content .wp-caption-text{padding-top:5px;text-align:center;text-indent:0;font-size:14px;line-height:1.5;color:#666}
.article-content table{width:100%;table-layout:fixed}
.article-content table td,.article-content table th{padding:5px 10px}
.article-content .gallery{margin:0 -10px;font-size:0}
.article-content .gallery .gallery-item{display:inline-block;padding:10px;text-align:center;vertical-align:top}
.article-content .gallery .gallery-item img{max-width:100%;height:auto;vertical-align:top;border:0}
.article-content .gallery-columns-1 .gallery-item{width:100%}
.article-content .gallery-columns-2 .gallery-item{width:50%}
.article-content .gallery-columns-3 .gallery-item{width:33.33333%}
.article-content .gallery-columns-4 .gallery-item{width:25%}
.article-content .gallery-columns-5 .gallery-item{width:20%}
.article-content .gallery-columns-6 .gallery-item{width:16.66667%}
.article-content .gallery-columns-7 .gallery-item{width:14.28571%}
.article-content .gallery-columns-8 .gallery-item{width:12.5%}
.article-content .gallery-columns-9 .gallery-item{width:11.11111%}
.article-content .blocks-gallery-grid,.article-content .wp-block-gallery{padding:0!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.article-content .blocks-gallery-grid .blocks-gallery-image figure,.article-content .blocks-gallery-grid .blocks-gallery-item figure,.article-content .wp-block-gallery .blocks-gallery-image figure,.article-content .wp-block-gallery .blocks-gallery-item figure{margin-bottom:0}
.article-content .wp-block-quote{border-left-color:#e5e5e5}
.article-content .wp-block-subhead{text-indent:0}
.article-content .wp-block-code{color:#eee;background:#2b303b;border-radius:2px;border-color:#393939}
.article-content .wp-block-tag-cloud{display:flex;justify-content:center;align-items:center}
.article-content .wp-block-tag-cloud .tag-cloud-link{display:inline-block;margin:0 .7% 1.4%;padding:5px 12px;font-size:12px!important;line-height:1.2;text-align:center;color:#666;border:1px solid hsla(0,0%,39%,.2);border-radius:2px;text-decoration:none;background:hsla(0,0%,100%,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-content .wp-block-latest-posts{padding-left:2em;margin-bottom:10px;text-align:left}
.article-content .wp-block-latest-posts.is-grid{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:disc}
.article-content .wp-block-table{width:100%;margin-bottom:20px}
.article-content .wp-block-table td,.article-content .wp-block-table th{padding:10px;border:1px solid #e5e5e5}
.article-content .wp-block-table.is-style-stripes td,.article-content .wp-block-table.is-style-stripes th{border:0}
.article-content .wp-block-table.aligncenter{display:table}
.article-content .wp-block-table.left{float:none;text-align:left}
.article-content .wp-block-table.alignright{float:none;text-align:right}
.article-content .wp-block-cover-image-text{text-indent:0}
.article-content .wp-block-video{margin-bottom:20px;text-align:center}
.article-content .wp-block-audio,.article-content .wp-block-button{margin-bottom:20px}
.article-content .wp-block-embed{text-align:center}
.article-content .wp-embedded-content{display:block;width:100%}
.article-content .wp-block-pullquote{padding:3em 0;margin:28px 0;text-align:center;border-top:4px solid #e5e5e5;border-bottom:4px solid #e5e5e5;color:#444}
.article-content .wp-block-pullquote blockquote{margin:0;padding:0;background:0 0;border:0}
.article-content .wp-block-pullquote blockquote:before{display:none}
.article-content .wp-block-verse{line-height:2}
.article-content .wp-block-image .aligncenter,.article-content .wp-block-image .alignleft,.article-content .wp-block-image .alignright,.article-content .wp-block-image.is-resized{display:table!important}
.article-content .wp-block-quote,.article-content blockquote{position:relative;padding:30px 40px;background:#f0f4f5;font-family:RiPlus-Black}
.article-content .wp-block-code,.article-content pre{position:relative;padding:10px;background:rgb(152 152 152 / .1);border-radius:3px;border:0;color:#6fbb72;padding-top:30px;overflow-y:unset;font-family:two!important;font-size:14px}
.article-content .post-note{opacity:1}
.article-content .imsaygood{z-index:2;background-image:url(../img/good.png);display:inline-block;width:148px;height:88px;position:absolute;right:50px;top:50px;transform:rotate(27deg)}
.article-content .entry-header .entry-meta{margin-bottom:10px}
.article-content .entry-header .entry-title{font-size:1.5em;font-weight:500;letter-spacing:.5px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:30px}
.article-content .content-hide-tips{padding:40px 20px 20px;border:1px dashed #ccc;margin:20px 0 40px;background-color:#f6f6f6;border-radius:4px;position:relative}
.article-content .content-hide-tips.canview{margin-left:-20px;margin-right:-20px;border:none;border-radius:0;border-bottom:dashed 1px #ffe1b5;background:linear-gradient(to bottom,#ffe1b5 0,#fff 100%);background-size:auto 200px;background-repeat:no-repeat}
.article-content .content-hide-tips.canview .fa-unlock-keyhole{right:20px;top:10px;color:#fff}
.article-content .content-hide-ok{padding:20px;border:1px dashed #ccc;margin:20px 0 20px;background-color:#f6f6f6;border-radius:4px;position:relative}
.article-content .content-hide-tips .fa-lock,.content-hide-tips .fa-unlock-keyhole{font-size:30px;right:10px;top:5px;font-style:normal;color:#ccc;position:absolute;z-index:1}
.article-content .content-hide-tips .rate{left:10px;top:5px;position:absolute;z-index:1;font-weight:500;margin:10px;cursor:pointer}
.article-content .content-hide-tips .rate span{color:#2196f3;margin-left:2px;font-weight:700}
.article-content .content-hide-tips .rate:hover{background-color:#fff;color:#f0ad4e;border:solid 1px #f0ad4e}
.article-content .content-hide-tips .login-false{text-align:center}
.article-content .content-hide-tips .coin{display:block;text-align:center;margin-top:10px;margin-bottom:10px}
.article-content .content-hide-tips .coin span{padding:4px 18px;background-color:#fff;color:#f0ad4e;line-height:1;border-radius:20px;font-size:13px;border:1px solid #f0ad4e}
.article-content .content-hide-tips .t-c{text-align:center;font-size:13px}
.article-content .content-hide-tips .red{color:#ff3b41}
.article-content .pc-button{margin:0 auto;text-align:center}
.article-content .post-album{padding:10px;background-color:#202020;border-radius:5px;margin-bottom:15px}
.article-content .post-album li{display:inline-block;width:20%;padding:5px;margin:0}
.article-content .post-album li p{background-color:#fff;padding:5px;border-radius:3px;position:relative;margin:0;text-align:center}
.article-content .post-album li p .post-album-name{position:absolute;bottom:0;width:100%;left:0;padding:5px}
.article-content .post-album li p .post-album-name em{background-color:#00000080;padding:0 2px;color:#fff;text-align:center;width:100%;display:inline-block;font-style:initial;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.article-content .post-album li img{border-radius:0}
.collect{text-align:center;margin-top:20px}
.collect .collected{background-color:#00bcd4}
.archives{padding:20px;margin-bottom:20px}
.archives .item,.tags .tagslist{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}
.archives-list{padding-left:20px;margin:0 0 20px 140px}
.archives-list li{list-style:disc;margin-left:20px;margin-bottom:4px}
.archives-list time{width:40px;display:inline-block}
.archives-list span{font-size:12px;display:inline-block;margin-left:10px}
.archives-list a span{margin-left:2px;font-size:14px;color:#ff5e52}
.site-links{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);}

.site-links .clearfix {
        color: #fff;
        background-color: #38a1f6;
        margin-top: 1rem;
        padding: 1rem 1.5rem;
        border: 1px solid transparent;
        border-radius: .375rem;
        max-width: 100%;
    }

.tags .tagslist ul{list-style-type:none;padding:0;margin:0 -2% 0 0}
.tags .tagslist li{float:left;margin-right:2%;margin-bottom:2%;padding:5px 8px;border:1px solid #eee;background-color:#fff;border-radius:2px}
.tags .tagslist li .name{background-color:#eee;display:inline-block;padding:0 10px 0;font-size:12px;color:#666}
.tags .tagslist li .name:hover{background-color:#444;color:#fff}
.tags .tagslist li:hover{border-color:#ccc}
.tags .tagslist li:hover .name{background-color:#333;color:#fff}
.tags .tagslist li small{margin-left:10px;color:#bbb}
.tags .tagslist li p{margin:10px 0 0;font-size:12px;height:17px;overflow:hidden;display:block;line-height:1.5}
.tags .tagslist li .tit{color:#999}
.tags .tagslist li .tit:hover{color:#444}
.tags .tagslist a{text-decoration:none}
@media (max-width:768px){.tags .tagslist li{width:48%}
.mobile-none{display:none!important}
}
@media (max-width:575px){.article-content .entry-header .entry-title,.entry-header .entry-title{font-size:14px;font-weight:600}
.post-edit-link{display:none}
.archives h3{display:block;float:none}
.archives-list{padding-left:0;margin:0}
.cao_entry_header{text-align:center;margin:10px 0}
.cao_entry_header .entry-header .entry-title{font-size:18px;max-width:100%;margin:auto;margin-bottom:0}
.cao_entry_header .cao_entry_subtitle{display:none}
}
.zhuanti{position:relative}
.zhuanti:nth-child(4n){margin-right:0}
.zhuanti .zhuanti-tile{margin-bottom:30px;overflow:hidden;box-shadow:0 4px 12px 0 rgba(8,8,8,.1)}
.zhuanti .zhuanti-tile__wrap{position:relative;margin:0;border-radius:4px}
.zhuanti .zhuanti-tile__inner{position:relative;display:-webkit-box;display:-moz-box;display:box;display:-moz-flex;display:flex;min-height:160px;box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}
.zhuanti .zhuanti-tile--sm .zhuanti-tile__inner{min-height:120px}
.zhuanti .zhuanti-tile .link-overlay{z-index:1}
.zhuanti .zhuanti-tile__text{position:relative;padding:20px 20px 15px;width:100%;text-align:center}
.zhuanti .zhuanti-tile__description{margin-top:.4em;color:rgba(255,255,255,.8);font-size:.8571rem}
.zhuanti .zhuanti-tile:hover .background-img:after{opacity:.8}
.zhuanti .background-img{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}
.zhuanti .background-img,.zhuanti .has-cover-bg-img{border-radius:6px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
.zhuanti .background-img:after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background-color:#001529;content:'';opacity:.4;transition-timing-function:ease;transition-duration:.3s;transition-property:all}
.site-ads{display:block;width:100%}
.site-ads>div{padding:20px 5px;border-radius:3px;background:#e6e6e6!important;color:#fff;text-align:center;font-size:40px;line-height:50px}
.site-ads a img{width:100%}
.site-ads.ads-list-header{padding-bottom:30px}
.site-ads.ads-list-footer{padding-top:30px}
.site-ads.ads-single-header{margin-bottom:20px;margin-top:5px}
.site-ads.ads-single-footer{margin-top:10px}
.widget-area .widget{position:relative;background-color:#fff;padding:20px;border-radius:4px;clear:both}
.widget-area .widget+.widget{margin-top:20px}
.widget-area .widget .widget-title{font-size:15px;letter-spacing:.5px;line-height:1;margin-bottom:10px;text-transform:uppercase}
.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}
/* 博主信息 side_blogger */
.widget-blogger .blogger-card{display:grid;gap:14px}
.widget-blogger .blogger-profile{display:flex;align-items:flex-start;gap:12px}
.widget-blogger .blogger-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(15,23,42,.1);background:var(--shop-bg)}
.widget-blogger .blogger-avatar--text{display:grid;place-items:center;font-size:1.35rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--shop-accent),color-mix(in srgb,var(--shop-accent) 70%,#111));box-shadow:0 6px 16px color-mix(in srgb,var(--shop-accent) 35%,transparent);border:0}
.widget-blogger .blogger-meta{flex:1;min-width:0;padding-top:2px}
.widget-blogger .blogger-name{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3;color:var(--shop-text)}
.widget-blogger .blogger-des{margin:0;color:var(--shop-muted);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.widget-blogger .blogger-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px;border-radius:var(--shop-radius-sm);background:var(--shop-bg);border:1px solid var(--shop-border)}
.widget-blogger .blogger-stat{text-align:center;display:grid;gap:2px}
.widget-blogger .blogger-stat strong{font-size:17px;font-weight:700;color:var(--shop-text);letter-spacing:-.02em;line-height:1.2}
.widget-blogger .blogger-stat span{color:var(--shop-muted);font-size:12px}
.widget-blogger .blogger-qrs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.widget-blogger .blogger-qr{margin:0;width:80px;text-align:center}
.widget-blogger .blogger-qr img{width:80px;height:80px;object-fit:cover;border-radius:var(--shop-radius-sm);border:1px solid var(--shop-border);background:var(--shop-bg);display:block}
.widget-blogger .blogger-qr figcaption{margin-top:6px;font-size:12px;color:var(--shop-muted);line-height:1}
.widget-blogger .blogger-actions{display:grid;gap:8px}
.widget-blogger .blogger-btn{height:38px;border-radius:var(--shop-radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:1px solid var(--shop-border);background:var(--shop-card);color:var(--shop-muted);text-decoration:none;transition:background .2s var(--shop-ease),color .2s var(--shop-ease),border-color .2s var(--shop-ease),transform .2s var(--shop-ease)}
.widget-blogger .blogger-btn:hover{color:var(--shop-accent);border-color:color-mix(in srgb,var(--shop-accent) 35%,var(--shop-border));background:var(--shop-accent-soft);transform:translateY(-1px)}
.widget-blogger .blogger-btn--primary{background:var(--shop-accent);border-color:transparent;color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--shop-accent) 28%,transparent)}
.widget-blogger .blogger-btn--primary:hover{filter:brightness(.94);color:#fff!important;border-color:transparent}
.shop-dark .widget-blogger .blogger-avatar{border-color:#2a3340;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.shop-dark .widget-blogger .blogger-stats,
.shop-dark .widget-blogger .blogger-qr img{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.shop-dark .widget-blogger .blogger-btn{background:transparent;border-color:rgba(255,255,255,.12);color:#c9d1d9}
.shop-dark .widget-blogger .blogger-btn:hover{background:var(--shop-accent-soft);color:#fff}
.widget .adsbg{overflow:hidden;padding:0;border-radius:0}
.widget .adsbg a{width:100%}
.widget .adsbg .asr{border-radius:4px;display:block;padding:30px 15px;text-align:center;color:#fff!important;background:#64ddbb}
.widget .adsbg .asr h4{margin:0;font-size:18px;font-weight:700;color:#fff}
.widget .adsbg .asr h5{margin:15px 0 0;font-weight:400;color:#fff}
.widget .adsbg .asr .btn{margin-top:20px;font-weight:400;border-radius:100px;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-comments a{position:relative;display:block;overflow:hidden;padding:0;color:#777;margin:0;width:100%;margin-bottom:5px}
.widget-comments li:last-child a{padding-bottom:0}
.widget-comments a:hover{color:#444}
.widget-comments .inner{position:relative}
.widget-comments time{display:block;margin-bottom:10px;color:#bbb;font-size:12px;font-weight:500}
.widget-comments strong{margin-right:10px;color:#bbb}
.widget-comments .avatar{float:left;width:20px;height:20px;border-radius:50%;margin-right:5px}
.widget-comments small{background-color:#f6f6f6;width:100%;display:block;border-radius:4px;padding:4px 10px;position:relative;font-size:14px;color:#bbb}
.widget-comments small:before{content:" ";height:0;width:0;border:5px solid transparent;border-bottom-color:#f6f6f6;position:absolute;left:5px;top:-10px}
.widget .widget-pay{display:block}
.widget-pay .rateinfo-abs{display:inline-block;padding-top:30px}
.widget-pay .pay--rateinfo{margin-top:10px;margin-bottom:10px;text-align:center;white-space:nowrap}
.widget-pay .pay--rateinfo b .price{color:#ffc107;font-size:22px;margin-right:5px}
.widget-pay .pay--rateinfo .desc{color:#626a71}
.widget-pay .pay--content{position:relative;padding-bottom:20px}
.widget-pay .pay-box .download{margin-top:10px;line-height:19px;padding:8px}
.widget-pay .pay-box .item:hover .pwd{opacity:1}
.widget-pay .pay-box .pwd{opacity:.5;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;width:60px;font-weight:600;background-color:#c1c1c1;border:none;text-align:center;color:#d2d2d2;padding:0;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 .go-pay{margin-top:10px;display:none}
.widget-pay .pay-box .tips{text-align:center;font-size:14px}
.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}
.pay--content .info .price{text-align:center}
.pay--content .info .price font i{margin-right:10px}
.pay--content .info .price font{color:#fd721f;font-size:22px;font-weight:600;line-height:1;text-transform:capitalize;margin-left:2px}
.pay--content .info .price s{font-size:14px;color:#777}
.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;opacity:.5}
.type_icont{padding:0 6px;height:18px;display:inline-block;border-radius:2px;border:1px solid transparent;font-size:12px;text-align:center;line-height:16px;font-weight:400;background:#e3f1ff;border-color:#2489f5;color:#2489f5}
.type_icont a{color:#2489f5}
.type_icont_2{cursor:pointer;border:1px solid #ddd;padding:2px 16px;border-radius:13px;font-size:12px;transition:all .3s ease;color:#ffc107;border-color:#ffc107}
.type_icont_2 span{color:#2196f3;margin-left:2px}
.type_icont_2:hover{background-color:#ffc107;color:#fff}
.agent--contact .list-paybody{padding:10px;background-color:#f3f7ff;border-radius:4px}
.widget-pay .agent--contact{margin-bottom:20px}
.widget-pay .ac_zixun{text-align:center}
.agent--contact ul li{display:flex;justify-content:space-between;align-items:center;color:#8c8c8c;font-size:13px}
.shop-widget-posts .posts{display:block}
.shop-widget-posts .posts .left{padding:10px 0 5px 115px;overflow:hidden;border-bottom:1px solid #f0f0f0}
.shop-widget-posts .posts .left:last-child{border-bottom:0}
.shop-widget-posts .posts .entry-media{margin-bottom:10px;position:relative;width:100px;float:left;margin-left:-115px}
.shop-widget-posts .posts .left a{display:block;height:70px;overflow:hidden}
#divCalendar table{margin:0;width:100%}
#divCalendar td,#divCalendar th{border:0;font-size:12px;padding:3px;text-align:center}
#divCalendar th{color:#1a1a1a}
#divCalendar td a{font-weight:700}
#divCalendar td{padding:5px!important}
.widget-posts .posts>div{align-items:center;display:flex}
.widget-posts .posts>div+div{margin-top:23px}
.widget-posts .entry-thumbnail{flex-shrink:0;height:60px;position:relative;width:60px}
.widget-posts .entry-thumbnail img{border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}
.widget-posts .entry-header{margin-bottom:0;margin-left:15px}
.widget-posts .entry-title{font-size:15px;font-weight:700;margin-top:10px}
.widget-posts .entry-meta{line-height:1}
.widget-posts .posts.reverse>div{flex-direction:row-reverse}
.widget-posts .posts.reverse .entry-header{flex-grow:1;margin-left:0;margin-right:15px}
.widget_search .search-field{margin-bottom:0}
.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:10px!important;font-weight:500;line-height:1;margin:0 6px 6px 0;padding:6px 8px;text-transform:uppercase}
@-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}
.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}
.page-links{clear:both;font-size:13px;font-weight:700;margin-top:30px}
.page-links a{text-decoration:none!important}
.page-links a span{border:0}
.page-links span{border-bottom:3px solid var(--accent-color);display:inline-block;line-height:1;margin-right:5px;padding-bottom:3px;text-align:center;width:10px}
.wp-block-cover-image{margin:30px 0}
.wp-block-cover-image .wp-block-cover-image-text{font-family:Lato,sans-serif;font-size:30px;font-weight:900;margin-bottom:0}
.wp-block-image{margin:30px 0}
.wp-block-image.alignleft img{margin-right:auto}
.wp-block-image.alignright img{margin-left:auto}
.wp-block-gallery{margin-bottom:22px;margin-top:22px}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{font-family:Lato,sans-serif;font-size:13px;font-style:italic;line-height:16px;padding-bottom:20px;text-align:center}
p.wp-block-subhead{color:#aaa;opacity:1}
.wp-block-pullquote{padding:10px 0 10px 20px;text-align:left}
.wp-block-preformatted{margin:30px 0}
.wp-block-button .wp-block-button__link{border-radius:30px;color:#fff;font-family:Lato,sans-serif;font-size:11px;font-weight:900;letter-spacing:1px;line-height:1;outline:0;padding:13px 21px;text-align:center;text-transform:uppercase}
.wp-block-columns{margin-left:-15px;margin-right:-15px}
.wp-block-columns .wp-block-column{padding-left:15px;padding-right:15px}
.type_icont_1{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:none;display:inline-block;height:22px;line-height:21px;border:0 solid #ddd;padding:0 16px;border-radius:13px;font-size:12px;transition:all .3s ease;border-color:#ff8a00;margin-top:9px;margin-right:18px}
.jizhisucai-tj{margin:0 auto;padding:0 81px;line-height:40px;border-radius:73px;position:absolute;bottom:10px;left:0;right:0;height:40px;vertical-align:middle;text-align:center;width:766px;background:#ffffffb3;margin-bottom:10px;z-index:1}
.jizhisucai-tj span{float:left;position:relative;top:1px}
.jizhisucai-tj span .ri-fire-fill{background:#fff3;border-radius:50%;width:18px;height:18px;color:#fff;display:block;float:left;position:relative;top:12px;margin-right:7px}
.jizhisucai-tj span .ri-fire-fill:before{content:"\ecf4";position:relative;top:-12px}
.jizhisucai-tj li a:hover{color:#f44336}
.jizhisucai-tj ul{margin:0 auto;width:866px}
.jizhisucai-tj li{float:left;margin-right:18px;list-style-type:none}
.jizhisucai-tj li a{float:left;color:#e6e6e6;padding:0 9px}
.jizhisucai-sz{color:#6b798e;font-style:inherit;font-size:15px;position:relative;top:1px}
.mobanweb .data-items{font-size:0;min-height:85px;margin:30px 0 50px}
.mobanweb li{display:inline-block;vertical-align:top;width:220px}
.mobanweb li i{display:inline-block;height:25px;color:#fff;transition:.3s;font-size:18px;margin-top:20px}
.mobanweb li strong{display:block;line-height:48px;font-size:36px;color:#fff;position:relative;transition:.3s}
.mobanweb li span{display:block;color:#fff;font-size:12px;line-height:1;transition:.3s}
.mobanweb li:hover i{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.mobanweb li:hover strong{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.mobanweb li:hover span{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.mobanweb li strong.active::after{opacity:1}
.mobanweb li strong::after{content:'+';font-size:18px;position:absolute;line-height:1;padding-left:3px;opacity:0;transition:.3s}
.parallax .button{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 3px 10px -1px #2c63ff!important;color:#fff}
.vip-banner .vipbj h2{text-align:center;font-size:40px;color:#fff}
.vip-banner .vipbj p{text-align:center;font-size:18px;color:#fff}
.vip-banner{background:url(../img/comvip-banner.png) no-repeat center;width:100%;background-size:cover}
.vip-banner-bg{background-position:center;background-size:cover;height:100%}
.vip-banner .vipbj{padding:40px 20px}
.vip-contents{overflow-x:auto}
.vip-slogan{box-shadow:0 2px 10px rgba(0,0,0,.02);border-radius:5px;height:280px;width:1200px;background:#fff;box-sizing:border-box;font-size:0;margin:40px auto auto auto;padding-left:0}
.vip-slogan-box:nth-of-type(-n+3){border-bottom:0}
.vip-slogan-box{padding-top:20px;display:inline-block;border:1px solid #f4f4f4;height:50%;width:400px;box-sizing:border-box;vertical-align:middle}
.vip-slogan-box i{width:100px;line-height:100px;display:inline-block;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:45px;text-align:center;vertical-align:middle}
.vip-slogan-text{font-size:14px;display:inline-block;vertical-align:middle;color:#898989}
.vip-slogan-text p:first-child{font-size:18px;color:#575959}
.container-vip{width:1250px}
.vip-content{text-align:center;margin-bottom:50px}
.module-line{width:100%;text-align:center;margin-top:40px}
.module-line .arrow{width:64px;height:2px;vertical-align:middle;background:#d8d8d8;background-image:none!important;border-radius:1px;position:relative}
.module-line .left-arrow:before,.module-line .right-arrow:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid #d8d8d8;border-right:2px solid #d8d8d8;margin-top:-5px}
.module-line .left-arrow:before{left:0;transform:rotate(-135deg)}
.module-line .right-arrow:after{right:0;transform:rotate(45deg)}
.module-line .text{font-size:26px;color:#4c4c4c;margin:0 10px;vertical-align:middle}
.module-line span{display:inline-block}
.vip-banner .vipbj>a{width:170px;height:40px;font-size:16px;line-height:40px;text-align:center;border-radius:25px;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);color:#fff;margin:0 auto;margin-top:0;display:block;margin-top:20px}
.vip-row{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:0;margin-left:0;width:100%;height:auto;zoom:1}
.vip-row:after,.vip-row:before{display:table;content:''}
.vip-block-wrapper{position:relative;display:flex;padding:20px 0;height:100%;justify-content:center}
.vip-block-wrapper .vip-block-item{display:block;box-sizing:border-box;padding:20px 40px;width:33.333%;text-align:center}
.home-vipbox{padding:1px 0 38px 0;border-radius:8px;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.home-vipbox:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px rgba(213,213,213,.4)}
p.vip-bt{color:#fff;margin:0 auto;width:100px;padding:8px 0;border-radius:26px}
.vip-block-item a p{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.vip-block-item:nth-child(n) a:hover p{box-shadow:0 10px 20px rgba(245,47,62,.4);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);background-color:#f52f3e;background-repeat:repeat-y;background-image:-moz-linear-gradient(left,#f52f3e,#ff4c22);background-image:-webkit-linear-gradient(left,#f52f3e,#ff4c22);background-image:-o-linear-gradient(left,#f52f3e,#ff4c22);background-image:linear-gradient(left,#f52f3e,#ff4c22)}
.vip-block-item:nth-child(1) h3{color:#f5a02f;text-shadow:0 5px 6px #ffe1b9}
.vip-block-item:nth-child(1) .vip-bt{background-image:-webkit-linear-gradient(left,#021b31,#001529)}
.vip-block-item:nth-child(2) h3{color:#1890ff;text-shadow:0 5px 6px rgba(24,144,255,.4)}
.vip-block-item:nth-child(2) .vip-bt{background-image:-webkit-linear-gradient(left,#1390de,#2f9af5)}
.vip-block-item:nth-child(3) h3{color:#fd3d00;text-shadow:0 5px 6px #ffb9b9}
.vip-block-item:nth-child(3) .vip-bt{background-image:-webkit-linear-gradient(left,#f1bc37,#fadb37)}
p.vip-home-price{position:relative;font-size:1.875rem;font-weight:700;width:200px;margin:15px auto}
p.vip-home-price i{font-size:16px}
@media (max-width:768px){.vip-block-wrapper{display:block}
.vip-block-wrapper .vip-block-item{float:left;width:100%;padding:10px 0}
.mobanweb li span{transform:translate(0,-3px)}
.mobanweb li{width:50%}
}
.vip-block-wrapper .vip-block-item .icon{width:25%;height:20%;padding-top:20px;margin:0 auto}
.vip-block-wrapper .vip-block-item img{width:100%;height:60px}
.vip-block-wrapper .vip-block-item .content0-title{padding:0;font-size:1.875rem}
@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%}
._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}
.flex-center{display:flex;justify-content:center;align-items:center}
img.mr-2{width:120px;margin-left:10px}
.qrcon{position:relative}
.qrcon h5{padding:0;margin-top:1.8em}
.qrcon img.qr-pay{display:inline-block;margin:0;padding:0;width:120px;text-align:center}
.qrcon .title{font-size:16px;margin:10px auto}
.qrcon .title .price{font-size:18px;color:#f60}
.qrcon .qrcode img{width:200px;height:200px}
.qrcon .bottom{border-radius:0 0 .3125em .3125em;width:100%;background:#33465a;color:#f2f2f2;padding:15px 0;text-align:center;font-size:14px;margin-top:20px}
.qrcon .bottom.alipay{background:#00a7ef}
.qrcon .bottom.weixin{background:#08bb21}
.form-group{margin-bottom:30px;position:relative}
.form-control,select,textarea.form-control{font-family:Poppins,sans-serif;background-color:#fdfdfd;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 5px;border-radius:3px}
.form-control:focus,textarea.form-control:focus{border-color:#64ddbb;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}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#eee;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group .form-control:focus{z-index:3}
.input-group-btn{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}
.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}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#5cb85c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}
.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;border-radius:4px;padding:40px;margin-bottom:30px}
.form-box .ref-link{padding:20px 0;margin-top:-40px;font-size:18px;padding-bottom:10px}
.form-box .ref-link h4{color:#01add9}
.form-box .ref-link h3{color:#ff9800;font-size:16px}
.form-box .ref-link h3 span{color:#ff5722;cursor:pointer}
.form-box .ref-link h3 font{color:#666;font-size:12px}
.form-box .ref-link input{max-width:400px;border:none;color:#2196f3}
.form-group{margin-bottom:30px;position:relative}
.form-group.verify-code{position:relative}
.form-group.verify-code img{position:absolute;right:3px;top:3px;width:90px;height:30px;cursor:pointer}
.das_none{cursor:copy;font-weight:600;background-color:#eee;border-radius:4px;color:#dadada;padding:0 10px;background-image:linear-gradient(45deg,#9e9e9e 25%,#fff 0,#fff 50%,#9e9e9e 0,#9e9e9e 75%,#fff 0);background-size:2px 2px}
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;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 900 14px/1 "Font Awesome 7 Free",FontAwesome;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
.list-unstyled{padding-left:0;list-style:none;margin:0;padding:0}
.payvip-box{display:block;padding:30px}
.payvip-box label{display:block}
.payvip-box .form-group{margin-bottom:20px;position:relative}
.payvip-box h3{font-size:22px;margin-bottom:10px;color:#ffce44}
.payvip-box .vip_subdesc{font-size:15px;margin-bottom:20px}
.payvip-box .vip-info{position:relative;text-align:center;border-radius:4px;padding:20px;margin-bottom:30px;border:2px solid;border-color:#f1f1f1;cursor:pointer;padding-top:50px}
.payvip-box .vip-info:not(.disabled):hover{transition:all .3s;border-color:#0c57c8;opacity:.8;-moz-opacity:.8;-khtml-opacity:.8}
.payvip-box .vip-info p{color:#fff;margin:0;padding:10px;text-shadow:0 -1px 0 rgba(0,0,0,.1)}
.payvip-box .vip-info small{position:absolute;top:0;right:0;font-size:12px;font-weight:600;color:#000;padding:2px 14px;opacity:.5;background-color:#fff;border-radius:0 0 0 15px}
.payvip-box .vip-info .vipc{left:0;position:absolute;top:0;font-size:30px;font-weight:600;color:#fff;padding:6px 16px;opacity:.8}
.payvip-box .vip-info h3{color:#fff;font-size:32px;font-weight:600;margin:0;text-shadow:0 5px 5px rgba(0,0,0,.1)}
.payvip-box .vip-info h3 span{font-size:14px;color:#eee}
.payvip-box .vip-payment{display:flex;justify-content:center;padding:0 15px;margin-bottom:15px}
.payvip-box .vip-payment>div+div{margin-left:15px}
.payvip-box .vip-payment .payradio{cursor:pointer}
.mypay-list a.right-edit{position:absolute;top:0;right:0;opacity:.5}
.mypay-list a.right-edit:hover{opacity:1}
.mypay-list .mypost-status-nav{display:block;padding:0;margin-top:-10px;padding-bottom:20px}
.mypay-list .mypost-status-nav a{padding:4px 10px;color:#34495e;margin-right:10px}
.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 .modules__title{border-bottom:1px solid #ececec;padding:10px;position:relative}
.charge .modules__title h4{text-align:center;padding:10px;background-color:#f6f6f6;border-radius:4px;color:#ff6a6d;text-shadow:0 -1px 0 rgba(0,0,0,.1);background-image:-webkit-linear-gradient(45deg,#f35626,#feab3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 6s infinite linear}
.charge .modules__title .btn-order{position:absolute;right:20px;top:16px;font-size:14px;font-weight:600;float:right}
.charge .well{background-color:#f6f6f6;border:1px solid #ff6a6d}
.charge .modules__content{padding:30px 30px 0}
.charge .subtitle{font-size:18px;margin-bottom:20px}
.charge .modules__content .amounts{padding-bottom:10px}
.charge .modules__content .amounts ul{display:flex;flex-wrap:wrap;padding:0;margin:0;justify-content:space-between}
.charge .modules__content .amounts ul li p.selected{background:#0674ec;color:#fff}
.charge .modules__content .amounts ul li{list-style:none}
.charge .modules__content .amounts ul li p{font-size:16px;font-weight:600;background:#eff1f5;padding:6px 20px;text-align:center;cursor:pointer;border-radius:200px}
.charge .modules__content .amounts ul li p:hover{box-shadow:0 5px 30px rgba(0,0,0,.3);transition:.3s ease}
.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){.charge .modules__content .amounts ul li p{font-size:14px;padding:0 10px;font-weight:500}
.payvip-box .vip-payment{flex-direction:column}
.payvip-box .vip-payment>div+div{margin-left:0;margin-top:10px}
#pay-qrcode p{font-size:16px;text-align:center;float:none;padding:0;padding-top:30px}
}
@media (max-width:576px){.form-box{padding:20px}
.charge .modules__content{padding:10px 10px 0}
.charge .modules__title .btn-order{position:initial}
}
.poster-share-ico{margin:5px 0;text-align:center;position:absolute;right:0;bottom:-30px}
.poster-share-ico a{height:30px;font-size:12px;width:30px;background-color:#03a9f4;line-height:1;position:relative;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%!important}
.poster-share-ico a:hover{opacity:.8}
.modal-body{position:relative;padding:15px}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.fade{opacity:0;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 a{color:#fff}
.rollbar .rollbar-item{position:relative;margin-top:10px;width:35px;height:35px;border-radius:4px;background-color:#717171;color:#fff;text-align:center;opacity:.5;cursor:pointer;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}
.float-weixin-box{padding:15px;width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position: absolute;right:56px;top:0;z-index:9998;display:none;}     
.float-weixin-box img{margin:0 auto;display: block;height: auto;max-width: 100%;vertical-align: middle;}    
.float-weixin-box p{text-align: center;font-weight:600;color:#34495e;margin-bottom:5px;}    
@media (max-width:768px){
.home-cat-nav-wrap {display: none;}
.cs-moble-false{display:none}
.flinks{display:none}
.rollbar{right:0}
}
.alert{position:relative;padding:.875rem .875rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert{font-size:15px}
.alert strong{font-weight:600}
.alert hr{margin:.875rem 0}
.alert p:last-child{margin-bottom:0}
.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}
.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;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}
.swal2-popup .pay-button-box{padding:12px 30px;z-index:1;text-align:center}
.swal2-popup .pay-button-box .pay-item{width:100%;height:60px;border:0;cursor:pointer;font-size:1.25rem;display:inline-block;line-height:60px;text-align:center}
.swal2-popup .pay-button-box .pay-item+.pay-item{border-top:1px solid #e6e6e6}
.swal2-popup .pay-button-box .pay-item span{display:inline-block;text-align:center;width:120px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swal2-popup .pay-button-box .pay-item i.alipay{display:inline-block;width:50px;height:40px;vertical-align:middle;background:url(../img/pay/icon-alipay.png) center/contain no-repeat}
.swal2-popup .pay-button-box .pay-item i.weixinpay{display:inline-block;width:50px;height:40px;vertical-align:middle;background:url(../img/pay/icon-weixin.png) center/contain no-repeat}
.swal2-popup .pay-button-box .pay-item:hover{opacity:.6;color:#1990fc;transition:all .3s ease}
.shop-dark{background-color:#232425}
.shop-dark .site-header{background-color:#191616}
.shop-dark a{color:#eee}
.shop-dark .navbar .menu-item.menu-item-has-children>a:after{color:#eee}
.shop-dark .navbar .sub-menu{background-color:#191616}
.shop-dark .navbar .sub-menu a,
.shop-dark .navbar li ul li > a{color:#e5e7eb!important}
.shop-dark .mega-menu{background-color:#272727}
.shop-dark .navbar .user-pbtn{color:#fff}
.shop-dark .burger{background-color:#232425;color:#fff}
.shop-dark .bgcolor-fff{background-color:#1d1e1f}
.shop-dark .owl .owl-dot{background-color:#fff}
.shop-dark .owl .owl-dot.active{background-color:#ff9800}
.shop-dark .off-canvas{background-color:#191616}
.shop-dark .widget-area .widget{background-color:#181616}
.shop-dark .shop-widget-posts .posts .left,.shop-dark .off-canvas .widget-area .widget .widget-title{border-bottom:1px solid #232121}
.shop-dark .alert-dark{background-color:#1d1e1f;color:#ff9800}
.shop-dark .dropdown{background-color:#1d1e1f;border:1px solid #232425}
.shop-dark .dropdown .selected::after{box-shadow:inset -55px 0 25px -20px #1d1e1f}
.shop-dark .dropdown div{background:#1d1e1f;border:1px solid #292929;border-top:1px solid #292929}
.shop-dark.modular-title-2 .section-title:before{background-color:#232425}
.shop-dark.modular-title-2 .section-title span{background-color:#171616;background:#171616}
.shop-dark .widget-pay .pay--rateinfo{background-color:#232425}
.shop-dark .agent--contact .list-paybody{background-color:#232425}
.shop-dark .post-grid{background-color:#171819;border:1px solid #171819}
.shop-dark .post-list{background:#171819}
.shop-dark .post-grid:hover{-webkit-box-shadow:0 34px 20px -24px #000;box-shadow:0 34px 20px -24px #000}
.shop-dark .entry-media img:hover{opacity:1}
.shop-dark .entry-footer a{color:#5d5d5d}
.shop-dark .category-box .entry-thumbnails{background-color:#1d1e1f}
.shop-dark .uposts{background-color:#2d2d2d}
.shop-dark .site-footer{background-color:#181616}
.shop-dark .footer-widget .widget--newsletter .form-control{background-color:#171616;border:1px solid #1a1b1d}
.shop-dark .footer-widget{border-bottom:1px solid #212121}
.shop-dark input{border:1px solid #232425;background-color:#232425;color:#fff}
.form-control[readonly],.shop-dark .form-control[disabled],fieldset[disabled] .form-control{background-color:#232425}
.shop-dark .widget-comments small{background-color:#232425}
.shop-dark .widget-comments small:before{border-bottom-color:#232425}
.shop-dark .widget_tag_cloud .tagcloud>a{border:1px solid #171616;color:#555}
.shop-dark .article-content{background-color:#171616}
.shop-dark #crumbs a{color:#34495e}
.shop-dark .article-content blockquote{background-color:#232425;color:#949494}
.shop-dark .article-content .content-hide-tips{border:1px dashed #f44336;background-color:#232425}
.shop-dark .article-content .entry-header .entry-title{border-bottom:1px dashed #383838;color:#fff;word-break:break-all}
.shop-dark h1,.shop-dark h2,.shop-dark h3,.shop-dark h4,.shop-dark h5,.shop-dark h6{color:#eee}
.shop-dark .article-content p{color:#eee}
.shop-dark ul,.shop-dark ul dl,.shop-dark ul ol{color:#eee}
.shop-dark .entry-tags a{background-color:#232425;border:1px solid #232425}
.shop-dark .article-copyright{background:#0b0c0c;border:1px dashed #232425}
.shop-dark .comments-area{background-color:#171616}
.shop-dark .filter--content{box-shadow:0 34px 20px -24px rgba(0,0,0,.06);border:1px solid #232425;background-color:#171819}
.shop-dark .form-box{background-color:#171819}
.shop-dark .filter--content .filter-item span,.shop-dark .filter--content .filter-tab span{background-color:#171819}
.shop-dark .form-control,.shop-dark select,.shop-dark textarea.form-control{background-color:#232425;border:1px solid #171819;color:#aaa}
.shop-dark .charge .modules__title{border-bottom:1px solid #212121}
.shop-dark .charge .modules__content .amounts ul li p{background:#212121}
.shop-dark .or{background:#232425}
.shop-dark .or:before{background:#171819}
.shop-dark .well{background-color:#101010;border:1px solid #171819}
.shop-dark .swal2-container.swal2-shown{background-color:rgba(0,0,0,.9)}
.shop-dark .swal2-popup{background:#292929}
.shop-dark .swal2-title{color:#fff}
.shop-dark textarea{border:1px solid #171616;background:#232425}
.shop-dark .navbar .login-btn{background-color:#232425;color:#fff}
.shop-dark .slicknav_menu .slicknav_nav{background-color:#181616}
.shop-dark .breadcrumbs a{color:#999}
.shop-dark .entry-navigation{background-color:#171616}
.shop-dark .related-posts .post{background-color:#171616;padding:10px}
.shop-dark .tags .tagslist li{background-color:#151515;border:1px solid #151515}
.shop-dark .tags .tagslist li .name{background-color:#000;color:#fff}
.shop-dark .term-bar,.shop-dark .term-bar:before{background-color:#000}
.shop-dark .entry-thumbnails-17codesign{background:#171819;border:1px solid #191919;box-shadow:0 4px 12px 0 rgba(0,0,0,.3)}
.shop-dark .home-vip-mod{background-color:#181616}
.shop-dark .home-vip-mod .vip-cell{border:1px solid #26303c}
.shop-dark .home-vip-mod .vip-text{-webkit-box-shadow:none;box-shadow:none;border:0}
.shop-dark .codecdk-panel .jq22-flex{background:#171819}
.shop-dark .header__group.active .header__cat{background:#181616}
.shop-dark .header__dropdown{background:#181616}
.shop-dark .entry-footer .post-meta-box{border-top:1px solid #232425}
.shop-dark .entry-footer .post-meta-box .meta-price{background-color:#525252}
.shop-dark .comments-area .must-log-in{background-color:#232425}
.shop-dark .related-posts-grid{background-color:#171616}
.shop-dark .entry-content .gallery{background-color:#232425}
.shop-dark .entry-content .gallery-item{border:solid 10px #171616;-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.3);box-shadow:0 34px 20px -24px rgba(0,0,0,.3)}
.shop-dark .home-cat-nav-wrap{background-color:#1d1e1f}
.shop-dark .home-cat-nav-wrap{background-color:#1d1e1f}
.shop-dark .home-cat-nav-wrap .btn--white{background-color:#1d1e1f;color:#fff}
.shop-dark .home-cat-nav-wrap ul li:hover .btn{background-color:#232425}
.shop-dark .widget-pay .pricing-options li+li{border-top:1px dashed #232425}
.mt20 {
    margin-top: 20px;
    margin-bottom: 15px;
}

/* ==========================================================================
   Shop layout / components
   ========================================================================== */
body {
  font-family: var(--shop-font);
  background: var(--shop-bg);
  color: var(--shop-text);
  -webkit-font-smoothing: antialiased;
}

/* 页面宽窄 */
body.layout-wide {
  --shop-container: 1560px;
}
body.layout-narrow {
  --shop-container: 1200px;
}

body.shop-dark {
  --shop-bg: #0f1419;
  --shop-card: #1a222d;
  --shop-text: #e8eef5;
  --shop-muted: #9aa7b5;
  --shop-border: #2a3544;
  --shop-header-bg: rgba(26, 34, 45, .94);
  --shop-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  --shop-shadow-hover: 0 14px 36px rgba(0, 0, 0, .45);
  --shop-accent-soft: color-mix(in srgb, var(--shop-accent) 22%, transparent);
}

/* ---------- Layout ---------- */
.container,
.full-screen .container {
  max-width: var(--shop-container);
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 1230px) {
  .container { max-width: var(--shop-container); }
}

.posts-wrapper,
.cat-posts-wrapper {
  margin-left: calc(var(--shop-gap) / -2);
  margin-right: calc(var(--shop-gap) / -2);
}

.posts-wrapper > [class*="col-"],
.cat-posts-wrapper > [class*="col-"],
.shop-card-col {
  padding-left: calc(var(--shop-gap) / 2);
  padding-right: calc(var(--shop-gap) / 2);
  margin-bottom: var(--shop-gap);
  display: flex;
}

.posts-wrapper > [class*="col-"] > .shop-card,
.cat-posts-wrapper > [class*="col-"] > .shop-card,
.shop-card-col > .shop-card {
  width: 100%;
  margin: 0;
}

/* ---------- Header (fixed 吸顶跟随) ---------- */
/* default.css 的 .site{overflow:hidden} 会让 sticky 失效，改用 fixed */
.site {
  overflow: visible;
}

.site-header,
.site-header.shop-sticky-nav,
.site-header-headroom,
.site-header-headroom.headroom--pinned,
.site-header-headroom.headroom--unpinned,
.site-header-headroom.headroom--top,
.site-header.headroom--pinned,
.site-header.headroom--unpinned,
.site-header.headroom--top {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: none !important;
  will-change: auto !important;
  background: var(--shop-header-bg) !important;
  background-color: var(--shop-header-bg) !important;
  backdrop-filter: saturate(1.2) blur(12px);
  -webkit-backdrop-filter: saturate(1.2) blur(12px);
  border-bottom: 1px solid var(--shop-border);
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04);
  transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* 首页未下滑：透明叠封面 */
body.home:not(.nav-scrolled) .site-header {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.home:not(.nav-scrolled) .navbar .nav-list > li > a,
body.home:not(.nav-scrolled) .navbar .actions .link,
body.home:not(.nav-scrolled) .navbar .actions .link span,
body.home:not(.nav-scrolled) .navbar .note-open,
body.home:not(.nav-scrolled) .navbar .user-pbtn,
body.home:not(.nav-scrolled) .navbar .user-pbtn span {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

body.home:not(.nav-scrolled) .navbar .nav-list > li > a:hover,
body.home:not(.nav-scrolled) .navbar .nav-list .current-menu-item > a {
  color: #fff !important;
  opacity: .85 !important;
}

/* 子菜单保持深色字，避免白底白字看不清 */
body.home:not(.nav-scrolled) .navbar .sub-menu a,
body.home:not(.nav-scrolled) .navbar li ul li > a,
body.home:not(.nav-scrolled) .navbar li ul li.menu-item-has-children > a:after {
  color: #34495e !important;
  text-shadow: none !important;
}

body.home:not(.nav-scrolled) .navbar .nav-list > li.menu-item-has-children > a:after {
  color: rgba(255, 255, 255, .9) !important;
}

body.home:not(.nav-scrolled) .navbar .sep:after { background-color: rgba(255, 255, 255, .45); }
body.home:not(.nav-scrolled) .navbar .sep { display: flex !important; }

body.home:not(.nav-scrolled) .navbar .actions .login-btn.navbar-button,
body.home:not(.nav-scrolled) .navbar .actions .navbar-button.common {
  background: rgba(255, 255, 255, .16) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .65) !important;
}

body.home:not(.nav-scrolled) .navbar .burger,
body.home:not(.nav-scrolled) .navbar .burger:before,
body.home:not(.nav-scrolled) .navbar .burger:after {
  background: #fff !important;
}

body.home:not(.nav-scrolled) .navbar .logo,
body.home:not(.nav-scrolled) .navbar img.tap-logo {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .35));
}

/* 下滑后：实心吸顶跟随 */
body.home.nav-scrolled .site-header,
.site-header.is-scrolled {
  background: var(--shop-header-bg) !important;
  background-color: var(--shop-header-bg) !important;
  border-bottom: 1px solid var(--shop-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

body.home.nav-scrolled .navbar .nav-list > li > a,
body.home.nav-scrolled .navbar .actions .link,
body.home.nav-scrolled .navbar .actions .link span,
body.home.nav-scrolled .navbar .note-open,
body.home.nav-scrolled .navbar .user-pbtn,
body.home.nav-scrolled .navbar .user-pbtn span {
  color: var(--shop-text) !important;
  text-shadow: none;
}

body.home.nav-scrolled .navbar .nav-list > li > a:hover,
body.home.nav-scrolled .navbar .nav-list .current-menu-item > a {
  color: var(--shop-accent) !important;
  opacity: 1 !important;
}

body.home.nav-scrolled .navbar .actions .login-btn.navbar-button,
body.home.nav-scrolled .navbar .actions .navbar-button.common {
  background: var(--shop-accent) !important;
  color: #fff !important;
  border-color: transparent !important;
}

body.home.nav-scrolled .navbar .burger,
body.home.nav-scrolled .navbar .burger:before,
body.home.nav-scrolled .navbar .burger:after {
  background: var(--shop-text) !important;
}

body.home.nav-scrolled .navbar .logo,
body.home.nav-scrolled .navbar img.tap-logo {
  filter: none;
}

body.home.nav-scrolled .navbar .sep { display: none !important; }

.header-gap {
  display: block !important;
  height: var(--shop-header-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: hidden;
  pointer-events: none;
}

/* 首页封面自行上探，不需要占位 */
body.home .header-gap {
  display: none !important;
  height: 0 !important;
}

.navbar {
  height: var(--shop-header-h);
  min-height: var(--shop-header-h);
}

.navbar .logo-wrapper {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.navbar .logo,
.navbar img.logo.regular,
.navbar img.tap-logo {
  display: block;
  max-width: 148px;
  max-height: 42px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.navbar .sep { display: none !important; }

.navbar li > a {
  color: var(--shop-text) !important;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
}

.navbar .nav-list > li > a {
  font-size: 15px;
  line-height: var(--shop-header-h);
  margin: 0 12px;
  opacity: 1 !important;
}

.navbar .nav-list > li > a:hover,
.navbar .nav-list .current-menu-item > a,
.navbar .nav-list > .current_page_item > a {
  color: var(--shop-accent) !important;
  opacity: 1 !important;
}

.navbar .sub-menu,
.navbar li ul {
  background-color: #fff;
}

.navbar .sub-menu a,
.navbar li ul li > a {
  color: #34495e !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.navbar .sub-menu a:hover,
.navbar li ul li > a:hover {
  color: var(--shop-accent) !important;
}

.navbar li.menu-item-has-children > a:after { color: var(--shop-muted); }

.navbar .actions .link,
.navbar .actions .link span,
.navbar .note-open,
.navbar .user-pbtn,
.navbar .user-pbtn span {
  color: var(--shop-text) !important;
}

.navbar .actions .login-btn.navbar-button,
.navbar .actions .navbar-button.common {
  background: var(--shop-accent) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border-color: transparent !important;
  height: 36px;
  line-height: 36px;
  width: auto;
  min-width: 88px;
  padding: 0 16px;
  font-size: 13px;
}

.navbar .burger,
.navbar .burger:before,
.navbar .burger:after {
  background: var(--shop-text) !important;
  box-shadow: none !important;
}

.off-canvas .logo { background: transparent !important; }

/* ---------- Full-bleed cover hero ---------- */
.shop-cover {
  --shop-cover-h: 420px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--shop-cover-h);
  height: var(--shop-cover-h);
  max-height: 560px;
  margin: 0;
  overflow: hidden;
  background: #1a1f2e;
}

/* 首页封面上拉到导航下方，方便透明顶栏叠图 */
body.home .shop-cover {
  margin-top: calc(var(--shop-header-h) * -1);
}

.shop-cover-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.shop-cover-media img,
.shop-cover-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  display: block;
  border: 0;
}

.shop-cover-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .45) 0%, rgba(15, 23, 42, .25) 40%, rgba(15, 23, 42, .55) 100%);
}

.shop-cover-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding-top: calc(var(--shop-header-h) + 24px);
  padding-bottom: 40px;
}

.shop-cover-title {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 600;
  letter-spacing: .12em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

.shop-cover-desc {
  margin: 0 auto 28px;
  max-width: 640px;
  color: rgba(255, 255, 255, .85);
  font-size: 15px;
  line-height: 1.6;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}

.shop-cover-search {
  display: flex;
  align-items: stretch;
  max-width: 720px;
  margin: 0 auto;
  padding: 10px;
  background: rgba(255, 255, 255, .16);
  border-radius: 10px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
}

.shop-cover-search input[type="text"],
.shop-cover-search input[type="search"] {
  flex: 1;
  height: 48px;
  border: 0;
  border-radius: 8px 0 0 8px;
  padding: 0 18px;
  background: #fff;
  color: var(--shop-text);
  font-size: 15px;
  outline: none;
  min-width: 0;
}

.shop-cover-search button,
.shop-cover-search input[type="submit"] {
  height: 48px;
  min-width: 108px;
  border: 0;
  border-radius: 0 8px 8px 0;
  background: var(--shop-accent) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
}

.shop-cover-results {
  max-width: 720px;
  margin: 8px auto 0;
  text-align: left;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shop-shadow-hover);
}

.shop-cover-hot {
  justify-content: center;
  margin-top: 16px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
}

.shop-cover-hot .shop-hot-label {
  color: rgba(255, 255, 255, .72);
  text-shadow: 0 1px 4px rgba(0, 0, 0, .28);
}

.shop-cover-hot a {
  color: rgba(255, 255, 255, .9);
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .12);
  text-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  backdrop-filter: blur(4px);
}

.shop-cover-hot a:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, .7);
  background: rgba(255, 255, 255, .22);
}

/* ---------- Dual promo (optional) ---------- */
.shop-hero { padding: 20px 0 4px; }

.shop-hero-grid {
  display: grid;
  grid-template-columns: 1.65fr 1fr;
  gap: var(--shop-gap);
}

.shop-banner {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--shop-radius);
  min-height: 280px;
  background: #1e293b;
  color: #fff;
  text-decoration: none;
  box-shadow: var(--shop-shadow);
  transition: transform .35s var(--shop-ease), box-shadow .35s var(--shop-ease);
}

.shop-banner:hover,
.shop-banner:focus-visible {
  transform: translateY(-3px);
  box-shadow: var(--shop-shadow-hover);
  color: #fff;
  outline: none;
}

.shop-banner--sm { min-height: 280px; }

.shop-banner-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border: 0;
  max-width: none;
}

.shop-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(105deg, rgba(15, 23, 42, .72) 0%, rgba(15, 23, 42, .18) 72%);
  pointer-events: none;
}

.shop-banner-body {
  position: relative;
  z-index: 2;
  padding: 36px 40px;
  max-width: 72%;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.shop-banner-kicker {
  display: inline-block;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
  margin-bottom: 12px;
  width: fit-content;
  backdrop-filter: blur(4px);
}

.shop-banner h2 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
}

.shop-banner p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .88);
}

.shop-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
  width: fit-content;
  transition: transform .2s var(--shop-ease);
}

.shop-banner:hover .shop-banner-cta { transform: translateX(2px); }

/* ---------- Search ---------- */
.shop-searchbar {
  margin: 18px 0 8px;
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  padding: 16px 18px;
  box-shadow: var(--shop-shadow);
}

.shop-searchbar form {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.shop-searchbar input[type="text"],
.shop-searchbar input[type="search"] {
  flex: 1;
  height: 46px;
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius-sm);
  padding: 0 16px;
  background: var(--shop-bg);
  color: var(--shop-text);
  font-size: 14px;
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}

.shop-searchbar input:focus {
  border-color: var(--shop-accent);
  box-shadow: 0 0 0 3px var(--shop-accent-soft);
}

.shop-searchbar button,
.shop-searchbar input[type="submit"] {
  height: 46px;
  min-width: 108px;
  border: 0;
  border-radius: var(--shop-radius-sm);
  background: var(--shop-accent);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.shop-searchbar .home-search-results {
  margin-top: 10px;
  list-style: none;
  padding: 0;
}

.shop-hot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  align-items: center;
  justify-content: flex-start;
}

.shop-hot-label {
  flex: 0 0 auto;
  color: var(--shop-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 0 2px 0 0;
  background: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
}

.shop-hot-label::after {
  content: "：";
}

.shop-hot a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--shop-bg);
  border: 1px solid var(--shop-border);
  color: var(--shop-muted);
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s, border-color .2s, background .2s;
}

.shop-hot a:hover {
  color: var(--shop-accent);
  border-color: var(--shop-accent);
  background: var(--shop-accent-soft);
}

/* ---------- Sections ---------- */
.shop-section { padding: 28px 0 8px; }

.shop-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.shop-section-head h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--shop-text);
  line-height: 1.3;
}

.shop-section-head p {
  margin: 6px 0 0;
  color: var(--shop-muted);
  font-size: 13px;
}

.shop-section-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--shop-accent);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.shop-section-more em {
  font-style: normal;
  background: var(--shop-accent-soft);
  color: var(--shop-accent);
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  margin-left: 4px;
}

/* Tabs — 分类筛选 */
.home-cat-nav-wrap {
  display: block !important;
  position: relative;
  margin: 0 0 22px;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.shop-tabs,
.home-cat-nav-wrap ul.cat-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: 999px;
  box-shadow: var(--shop-shadow);
}

.shop-tabs::-webkit-scrollbar,
.home-cat-nav-wrap ul.cat-nav::-webkit-scrollbar {
  display: none;
}

.home-cat-nav-wrap ul.cat-nav > li {
  margin: 0;
  flex: 0 0 auto;
}

.shop-tabs button,
.home-cat-nav-wrap .btn.btn--white {
  border: 0;
  background: transparent;
  color: var(--shop-muted);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .02em;
  cursor: pointer;
  box-shadow: none !important;
  white-space: nowrap;
  transition: background .2s var(--shop-ease), color .2s var(--shop-ease), transform .2s var(--shop-ease);
}

.shop-tabs button:hover,
.home-cat-nav-wrap ul li:hover .btn.btn--white,
.home-cat-nav-wrap .btn.btn--white:hover {
  background: var(--shop-accent-soft);
  color: var(--shop-accent);
}

.shop-tabs li.is-active button,
.shop-tabs button.is-active,
.home-cat-nav-wrap li.is-active .btn.btn--white,
.home-cat-nav-wrap .btn.btn--white.on,
.home-cat-nav-wrap .btn.btn--white.is-active {
  background: var(--shop-accent) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--shop-accent) 35%, transparent);
}

@media (max-width: 768px) {
  .home-cat-nav-wrap {
    display: block !important;
    margin: 0 -4px 18px;
  }
  .home-cat-nav-wrap ul.cat-nav {
    border-radius: 14px;
    padding: 5px;
  }
  .home-cat-nav-wrap .btn.btn--white {
    padding: 7px 14px;
    font-size: 12px;
  }
}

/* ---------- Cards ---------- */
.shop-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  overflow: hidden;
  box-shadow: var(--shop-shadow);
  transition: transform .28s var(--shop-ease), box-shadow .28s var(--shop-ease);
  content-visibility: auto;
  contain-intrinsic-size: 360px;
}

.shop-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shop-shadow-hover);
}

.shop-card-media {
  position: relative;
  display: block;
  overflow: hidden;
  background: color-mix(in srgb, var(--shop-border) 70%, #c5d0de);
  flex-shrink: 0;
}

.shop-card-media.entry-media {
  margin-bottom: 0;
}

.shop-card-media .placeholder {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 62%;
  margin: 0;
  overflow: hidden;
  background: inherit;
}

.shop-card-media img,
.shop-card-media .placeholder img,
.post-grid .shop-card-media img {
  position: absolute !important;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
  transition: transform .45s var(--shop-ease), opacity .3s ease;
}

.shop-card-media img.lazyload:not(.lazyloaded) {
  opacity: .35;
}

.shop-card-media img.lazyloaded {
  opacity: 1;
}

.shop-card:hover .shop-card-media img { transform: scale(1.05); }

/* 长块：左图右文 */
.shop-card--list {
  flex-direction: row;
  align-items: stretch;
  contain-intrinsic-size: 180px;
}

.shop-card--list .shop-card-media {
  width: 42%;
  max-width: 260px;
  min-width: 120px;
}

.shop-card--list .shop-card-media .placeholder {
  height: 100%;
  min-height: 148px;
  padding-bottom: 0;
}

.shop-card--list .shop-card-body {
  flex: 1;
  min-width: 0;
  justify-content: center;
}

.shop-card--list .shop-card-excerpt {
  -webkit-line-clamp: 2;
}

.shop-card-col > .shop-card--list {
  width: 100%;
}

@media (max-width: 575px) {
  .shop-card--list .shop-card-media {
    width: 112px;
    max-width: 112px;
    min-width: 112px;
  }
  .shop-card--list .shop-card-media .placeholder {
    min-height: 112px;
  }
  .shop-card--list .shop-card-excerpt {
    display: none;
  }
  .shop-card--list .shop-card-title {
    font-size: 14px;
  }
}

.shop-card-price,
.shop-card-tip {
  position: absolute;
  top: 10px;
  z-index: 2;
  color: #fff;
  line-height: 1.3;
  border-radius: 6px;
  pointer-events: none;
}

.shop-card-price {
  left: 10px;
  background: linear-gradient(135deg, #ff7a45, var(--shop-price));
  font-size: 13px;
  font-weight: 700;
  padding: 4px 10px;
  box-shadow: 0 4px 12px rgba(255, 90, 54, .35);
}

.shop-card-price.is-free {
  background: linear-gradient(135deg, #34d399, #059669);
  box-shadow: 0 4px 12px rgba(5, 150, 105, .3);
}

.shop-card-tip {
  right: 10px;
  background: rgba(15, 23, 42, .72);
  font-size: 11px;
  padding: 3px 8px;
}

.shop-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 12px;
  min-width: 0;
}

.shop-card-cat {
  display: inline-block;
  font-size: 12px;
  color: var(--shop-accent);
  margin-bottom: 6px;
  text-decoration: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-card-title {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
}

.shop-card-title a {
  color: var(--shop-text);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shop-card-title a:hover { color: var(--shop-accent); }

.shop-card-excerpt {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.55;
  color: var(--shop-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.shop-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--shop-border);
  font-size: 12px;
  color: var(--shop-muted);
}

.shop-card-meta span,
.shop-card-meta a {
  color: var(--shop-muted);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.shop-card-meta i { opacity: .75; }

/* shop-card: neutralize legacy .post chrome */
.shop-card.post {
  padding: 0;
  background: var(--shop-card);
  box-shadow: var(--shop-shadow);
}

.shop-card .entry-media,
.shop-card .entry-wrapper { margin: 0; }

/* ---------- Ads / Stats ---------- */
.shop-ads { padding: 12px 0 4px; }

.shop-ads-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--shop-gap);
}

.shop-ads-item {
  min-height: 120px;
  border-radius: var(--shop-radius);
  background: var(--shop-card);
  border: 1px dashed var(--shop-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--shop-muted);
  overflow: hidden;
  padding: 12px;
}

.shop-ads-item img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--shop-radius-sm);
}

.shop-stats {
  margin: 0;
  padding: 22px 0;
  background: linear-gradient(120deg, #1e3a8a 0%, #2563eb 45%, #0ea5e9 100%);
  color: #fff;
}

/* 紧贴统计条：去掉上方区块底边距、下方页脚顶边距 */
.section.services {
  padding-bottom: 24px;
}
.site-main > .shop-stats {
  margin-top: 0;
}
body:has(.shop-stats) .site-footer {
  margin-top: 0;
}

.shop-stats-inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  text-align: center;
}

.shop-stats-item strong {
  display: block;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 6px;
  font-variant-numeric: tabular-nums;
}

.shop-stats-item span {
  font-size: 13px;
  opacity: .88;
}

/* ---------- List / Detail ---------- */
.term-bar {
  background: linear-gradient(120deg, #1e3a8a, #2563eb);
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  background-size: cover;
}

.term-bar .term-title {
  color: #fff;
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}

.filter--content {
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  padding: 14px 16px;
  margin: 20px 0;
  box-shadow: var(--shop-shadow);
}

.filter--content .filter-item a.on i { background: var(--shop-accent); }

.article-focusbox {
  min-height: 200px;
  background-color: #1e293b;
}

.article-focusbox .article-title {
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 700;
}

.breadcrumbs {
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius-sm);
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 13px;
  color: var(--shop-muted);
}

.article-content .entry-wrapper,
.content-column .site-main > article.article-content {
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  padding: 22px;
  box-shadow: var(--shop-shadow);
}

.sidebar .widget {
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  box-shadow: var(--shop-shadow);
}

.related-posts {
  margin-top: 24px;
  padding: 20px;
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  box-shadow: var(--shop-shadow);
}

.related-posts h3 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
}

.related-posts .related-card-col {
  margin-bottom: 16px;
}

.related-posts .related-card {
  display: block;
  height: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.related-posts .related-card-media {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: color-mix(in srgb, var(--shop-border) 70%, #c5d0de);
  aspect-ratio: 16 / 10;
}

.related-posts .related-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s var(--shop-ease), opacity .25s ease;
}

.related-posts .related-card-media img.lazyload:not(.lazyloaded) {
  opacity: .4;
}

.related-posts .related-card:hover .related-card-media img {
  transform: scale(1.04);
}

.related-posts .related-card-title {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.related-posts .related-card-title a {
  color: var(--shop-text, #1f2937);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.related-posts .related-card-title a:hover {
  color: var(--shop-accent);
}

/* ---------- Footer ---------- */
.site-footer {
  --ft-bg: #eef1f6;
  --ft-ink: #1f2937;
  --ft-muted: #6b7280;
  --ft-line: #dde3ec;
  --ft-chip: #ffffff;
  margin-top: 56px;
  padding: 0;
  background:
    radial-gradient(1200px 280px at 12% 0%, color-mix(in srgb, var(--shop-accent) 10%, transparent), transparent 60%),
    var(--ft-bg);
  color: var(--ft-muted);
  border-top: 1px solid var(--ft-line);
  text-align: left;
}

.site-footer a {
  color: var(--ft-muted);
  font-weight: 500;
  text-decoration: none;
  transition: color .2s ease;
}
.site-footer a:hover { color: var(--shop-accent); }

.shop-footer-top {
  display: grid;
  grid-template-columns: 1.35fr 1fr .95fr;
  gap: 40px 48px;
  padding: 52px 0 36px;
}

.shop-footer-logo {
  display: inline-block;
  margin-bottom: 14px;
}
.shop-footer-logo img {
  display: block;
  max-width: 148px;
  height: auto;
}

.shop-footer-des {
  margin: 0 0 10px;
  max-width: 34ch;
  font-size: 14px;
  line-height: 1.7;
  color: var(--ft-ink);
}

.shop-footer-note {
  margin: 0;
  max-width: 36ch;
  font-size: 12px;
  line-height: 1.65;
  color: var(--ft-muted);
}

.shop-footer-navs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 28px;
}

.shop-footer-col h5,
.shop-footer-aside h5 {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ft-ink);
}

.shop-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shop-footer-col li {
  margin: 0 0 10px;
}
.shop-footer-col a {
  display: inline-block;
  font-size: 14px;
  color: var(--ft-muted);
}
.shop-footer-col a:hover { color: var(--shop-accent); }

.shop-footer-search {
  position: relative;
  display: flex;
  align-items: center;
}
.shop-footer-search input {
  width: 100%;
  height: 46px;
  border: 1px solid var(--ft-line);
  border-radius: 12px;
  background: var(--ft-chip);
  color: var(--ft-ink);
  padding: 0 48px 0 16px;
  font-size: 14px;
  outline: 0;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .02);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.shop-footer-search input::placeholder { color: #9aa3af; }
.shop-footer-search input:focus {
  border-color: color-mix(in srgb, var(--shop-accent) 55%, var(--ft-line));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shop-accent) 14%, transparent);
}
.shop-footer-search button {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: var(--shop-accent);
  color: #fff;
  cursor: pointer;
  padding: 0;
  line-height: 34px;
  transition: opacity .2s ease;
}
.shop-footer-search button:hover { opacity: .9; }

.shop-footer-friends {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px dashed var(--ft-line);
}
.shop-footer-friends-label {
  flex: 0 0 auto;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #94a3b8;
}
.shop-footer-friends-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.shop-footer-friends-list a {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--ft-chip);
  border: 1px solid var(--ft-line);
  font-size: 12px;
  color: var(--ft-muted);
}
.shop-footer-friends-list a:hover {
  color: var(--shop-accent);
  border-color: color-mix(in srgb, var(--shop-accent) 35%, var(--ft-line));
  background: #fff;
}
.shop-footer-friends-apply {
  color: #c2410c !important;
  border-color: #fdba74 !important;
  background: #fff7ed !important;
}

.shop-footer-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 28px;
  border-top: 1px solid var(--ft-line);
  font-size: 12px;
  color: #94a3b8;
}
.shop-footer-copy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}
.shop-footer-copy a { color: #94a3b8; }
.shop-footer-copy a:hover { color: var(--shop-accent); }
.shop-footer-powered a {
  color: #94a3b8;
  white-space: nowrap;
}

/* kill legacy footer styles bleeding through */
.site-footer .footer-widget,
.site-footer .site-info,
.site-footer .links {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}

body.shop-dark .site-footer {
  --ft-bg: #121820;
  --ft-ink: #e8eef5;
  --ft-muted: #9aa7b5;
  --ft-line: #243041;
  --ft-chip: #1a222d;
}

@media (max-width: 991px) {
  .shop-footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    padding: 40px 0 28px;
  }
  .shop-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 576px) {
  .site-footer { margin-top: 36px; }
  .shop-footer-top {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px 0 24px;
  }
  .shop-footer-navs { gap: 20px; }
  .shop-footer-friends {
    flex-direction: column;
    gap: 10px;
  }
  .shop-footer-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-bottom: 22px;
  }
}

body.shop-dark .home-cat-nav-wrap,
body.shop-dark .home-cat-nav-wrap ul.cat-nav {
  background: var(--shop-card);
}
body.shop-dark .home-cat-nav-wrap .btn--white {
  background: transparent;
  color: var(--shop-muted);
}

/* ---------- Chrome ---------- */
.button,
.navigation .nav-next a,
.navigation .nav-previous a,
button[type="submit"],
input[type="submit"],
.infinite-scroll-button.button {
  background-color: var(--shop-accent);
  border-radius: var(--shop-radius-sm);
}

.entry-tipss { background: var(--shop-accent); }

.shop-color,
a:hover,
.on { color: var(--shop-accent); }

.rollbar-item {
  background: var(--shop-card);
  color: var(--shop-text);
  border: 1px solid var(--shop-border);
  box-shadow: var(--shop-shadow);
}

.category-boxes .category-box {
  border-radius: var(--shop-radius);
  overflow: hidden;
  box-shadow: var(--shop-shadow);
}

.section.bgcolor-fff {
  background: transparent;
  padding-top: 12px;
  padding-bottom: 0;
}

.section.services {
  background: var(--shop-card);
  border-top: 1px solid var(--shop-border);
  padding-top: 28px;
  padding-bottom: 24px;
}

.service-single {
  background: var(--shop-bg);
  border-radius: var(--shop-radius);
  padding: 20px;
  border: 1px solid var(--shop-border);
}

.numeric-pagination .page-numbers a,
.numeric-pagination .page-numbers span {
  border-radius: var(--shop-radius-sm);
}

/* ---------- Mobile nav ---------- */
.shop-mnav {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  background: var(--shop-card);
  border-top: 1px solid var(--shop-border);
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
  grid-template-columns: repeat(4, 1fr);
  box-shadow: 0 -6px 20px rgba(15, 23, 42, .06);
}

.shop-mnav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  color: var(--shop-muted);
  text-decoration: none;
  padding: 6px;
}

.shop-mnav a i { font-size: 18px; }

.shop-mnav a:hover,
.shop-mnav a.is-active { color: var(--shop-accent); }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  :root,
  body.layout-wide,
  body.layout-narrow { --shop-container: 1140px; --shop-gap: 18px; }
  .shop-stats-inner { grid-template-columns: repeat(3, 1fr); gap: 18px; }
}

@media (max-width: 991px) {
  .shop-cover {
    height: auto;
    min-height: 320px;
    max-height: none;
  }
  .shop-cover-inner { padding-top: calc(var(--shop-header-h) + 16px); padding-bottom: 28px; }
  .shop-cover-search { margin-left: 12px; margin-right: 12px; }
  .shop-hero-grid { grid-template-columns: 1fr; }
  .shop-banner,
  .shop-banner--sm,
  .shop-banner-body { min-height: 200px; }
  .shop-banner-body {
    max-width: 92%;
    padding: 24px;
  }
  .shop-ads-grid { grid-template-columns: 1fr; }
  .shop-mnav { display: grid; }
  body { padding-bottom: 68px; }
  .navbar .nav-list { display: none; }
  .rollbar { bottom: 72px; }
}

@media (max-width: 575px) {
  :root { --shop-gap: 12px; --shop-header-h: 58px; }
  .container { padding-left: 12px; padding-right: 12px; }
  .shop-cover { min-height: 300px; }
  .shop-cover-title { letter-spacing: .06em; }
  .shop-cover-search {
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .shop-cover-search input[type="text"],
  .shop-cover-search button {
    width: 100%;
    border-radius: 8px !important;
  }
  .shop-stats-inner { grid-template-columns: repeat(2, 1fr); }
  .shop-section-head h2 { font-size: 20px; }
  .shop-card-title { font-size: 14px; }
  .shop-card-excerpt { display: none; }
}

/* ---------- A11y / motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .shop-card:hover,
  .shop-banner:hover { transform: none; }
  .shop-card:hover .shop-card-media img { transform: none; }
}

@supports not (color: color-mix(in srgb, red 10%, transparent)) {
  :root { --shop-accent-soft: rgba(47, 107, 255, .12); }
  body.shop-dark { --shop-accent-soft: rgba(47, 107, 255, .22); }
}

/* ---------- pay--content（侧栏购买 / 下载） ---------- */
.widget-pay {
  background: var(--shop-card);
  border: 1px solid var(--shop-border);
  border-radius: var(--shop-radius);
  box-shadow: var(--shop-shadow);
  overflow: hidden;
  padding: 0 !important;
}
.widget-pay .pay--content {
  padding: 16px 16px 12px;
  position: relative;
}
.widget-pay .pay-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}
.widget-pay .pay-access {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  background: var(--shop-bg);
  color: var(--shop-muted);
}
.widget-pay .pay-access--free { background: #ecfdf5; color: #059669; }
.widget-pay .pay-access--paid { background: #fff7ed; color: #ea580c; }
.widget-pay .pay-access--vip,
.widget-pay .pay-access--svip { background: #fffbeb; color: #d97706; }
.widget-pay .pay-access--login,
.widget-pay .pay-access--comment { background: #eff6ff; color: #2563eb; }
.widget-pay .pay-sold {
  font-size: 12px;
  color: var(--shop-muted);
  white-space: nowrap;
}

.widget-pay .pay-info {
  text-align: center;
  padding: 4px 0 14px;
}
.widget-pay .pay-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  line-height: 1;
  margin-bottom: 10px;
}
.widget-pay .pay-price em {
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  color: var(--shop-price);
  margin-right: -2px;
}
.widget-pay .pay-price strong {
  font-size: 32px;
  font-weight: 800;
  color: var(--shop-price);
  letter-spacing: -.03em;
}
.widget-pay .pay-price s {
  font-size: 13px;
  color: #9ca3af;
  font-weight: 500;
}
.widget-pay .pay-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  background: var(--shop-accent-soft);
  color: var(--shop-accent);
}
.widget-pay .pay-badge--sale {
  background: #fee2e2;
  color: #dc2626;
}
.widget-pay .pay-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-bottom: 10px;
}
.widget-pay .pay-meta span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  color: var(--shop-muted);
  background: var(--shop-bg);
  border: 1px solid var(--shop-border);
}
.widget-pay .pay-vip-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: 1px dashed #f59e0b;
  border-radius: var(--shop-radius-sm);
  background: #fffbeb;
  color: #b45309;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s var(--shop-ease), border-color .2s var(--shop-ease);
}
.widget-pay .pay-vip-chip span {
  color: var(--shop-accent);
  margin-left: 2px;
}
.widget-pay .pay-vip-chip:hover {
  background: #fef3c7;
  border-color: #d97706;
}

.widget-pay .pay-box {
  display: grid;
  gap: 10px;
}
.widget-pay .pay-box .btn--block {
  margin: 0;
  min-height: 42px;
  border-radius: var(--shop-radius-sm);
  font-weight: 600;
  box-shadow: none;
}
.widget-pay .pay-box .btn--primary {
  background: var(--shop-accent);
  border-color: var(--shop-accent);
}
.widget-pay .pay-box .btn--primary:hover {
  filter: brightness(1.05);
}
.widget-pay .pay-box .btn--primary:disabled {
  opacity: .55;
  cursor: not-allowed;
  filter: none;
}
.widget-pay .pay-demo,
.widget-pay .btn--ghost {
  background: transparent;
  border: 1px solid var(--shop-border);
  color: var(--shop-text);
}
.widget-pay .pay-demo:hover,
.widget-pay .btn--ghost:hover {
  border-color: var(--shop-accent);
  color: var(--shop-accent);
  background: var(--shop-accent-soft);
}

.widget-pay .pay-tip {
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}
.widget-pay .pay-tip span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--shop-border);
  background: var(--shop-bg);
  color: var(--shop-muted);
}
.widget-pay .pay-tip--action span {
  cursor: pointer;
  border-color: #fbbf24;
  color: #d97706;
  background: #fffbeb;
  transition: background .2s var(--shop-ease), color .2s var(--shop-ease);
}
.widget-pay .pay-tip--action span:hover {
  background: #f59e0b;
  color: #fff;
  border-color: #f59e0b;
}
.widget-pay .pay-tip--ok span {
  border-color: #86efac;
  background: #ecfdf5;
  color: #059669;
}
.widget-pay .pay-tip--warn span {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #b45309;
}

.widget-pay .pay-dl-item {
  display: grid;
  gap: 8px;
}
.widget-pay .pay-dl-item .download {
  margin-top: 0 !important;
}
.widget-pay .pay-dl-codes {
  display: grid;
  gap: 6px;
}
.widget-pay .pay-code,
.widget-pay .pay-card-out {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--shop-radius-sm);
  background: #fffbeb;
  border: 1px dashed #f59e0b;
}
.widget-pay .pay-code-label {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  color: #b45309;
  white-space: nowrap;
}
.widget-pay .pay-code .copypaw,
.widget-pay .pay-card-input,
.widget-pay .pay-box .pwd .copypaw {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: var(--shop-text);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
  text-align: center;
  cursor: copy;
  opacity: 1;
  background-image: none;
}
.widget-pay .pay-card-out {
  margin-bottom: 2px;
}
.widget-pay .pay-card-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.widget-pay .agent--contact {
  margin: 12px 16px 0;
}
.widget-pay .pay-explain {
  margin-top: 0;
  padding-top: 0;
}
.widget-pay .list-paybody {
  margin: 0;
  padding: 10px 12px;
  list-style: none;
  background: var(--shop-bg);
  border-radius: var(--shop-radius-sm);
  border: 1px solid var(--shop-border);
}
.widget-pay .list-paybody li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.45;
  border-bottom: 1px dashed var(--shop-border);
}
.widget-pay .list-paybody li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.widget-pay .list-paybody li:first-child {
  padding-top: 0;
}
.widget-pay .list-paybody li span:first-child {
  color: var(--shop-muted);
  flex: 0 0 auto;
}
.widget-pay .list-paybody li span:last-child {
  color: var(--shop-text);
  text-align: right;
  word-break: break-word;
}
.widget-pay .ac_zixun {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 16px 16px;
  font-size: 13px;
}
.widget-pay .ac_zixun a {
  color: var(--shop-muted);
  text-decoration: none;
}
.widget-pay .ac_zixun a:hover {
  color: var(--shop-accent);
}
.widget-pay .ac_sep {
  color: var(--shop-border);
}

/* 兼容旧 class，避免遗留模板错乱 */
.widget-pay .pay--content .info { display: block; }
.widget-pay .pay--rateinfo { margin: 0; }
.widget-pay .pay-box .item { display: grid; gap: 8px; }
.widget-pay .pay-box .tips { text-align: center; }
.widget-pay .pay-box .pwd {
  opacity: 1;
  display: block;
  padding: 8px 10px;
  margin-top: 0;
  background: #fffbeb;
  border: 1px dashed #f59e0b;
  border-radius: var(--shop-radius-sm);
  color: #b45309;
  text-align: left;
}

body.shop-dark .widget-pay {
  background: #1c1d1f;
  border-color: #2a2b2e;
}
body.shop-dark .widget-pay .pay-access--free { background: rgba(5, 150, 105, .18); }
body.shop-dark .widget-pay .pay-access--paid { background: rgba(234, 88, 12, .18); }
body.shop-dark .widget-pay .pay-meta span,
body.shop-dark .widget-pay .list-paybody {
  background: #232425;
  border-color: #2a2b2e;
}
body.shop-dark .widget-pay .pay-code .copypaw,
body.shop-dark .widget-pay .pay-card-input {
  background: #121314;
  color: #f3f4f6;
}
body.shop-dark .widget-pay .pay-vip-chip {
  background: rgba(245, 158, 11, .12);
}
body.shop-dark .widget-pay .pay-demo,
body.shop-dark .widget-pay .btn--ghost {
  border-color: #2a2b2e;
  color: #e5e7eb;
}