*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:1rem;-webkit-tap-highlight-color:transparent}
body{margin:0}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}
body{line-height:1.75;font-size:15px;font-weight:400;color:#1e293b;background-color:#f8fafc;background-image:radial-gradient(1000px 500px at 50% 0px,rgba(2,132,199,.04),transparent 70%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
h1,h2,h3,h4,h5,h6{margin:0 0 14px 0;padding:0;color:#0f172a;font-weight:700;line-height:1.35;letter-spacing:-.025em}
h1 a,h1 a:active,h1 a:hover,h2 a,h2 a:active,h2 a:hover,h3 a,h3 a:active,h3 a:hover,h4 a,h4 a:active,h4 a:hover,h5 a,h5 a:active,h5 a:hover,h6 a,h6 a:active,h6 a:hover{font-weight:inherit;color:inherit}
h1{font-size:clamp(1.6rem, 3.5vw, 2.2rem);letter-spacing:-.03em}
h2{font-size:clamp(1.35rem, 2.8vw, 1.7rem);letter-spacing:-.025em}
h3{font-size:1.35rem}
h4{font-size:1.2rem}
h5{font-size:1.1rem}
h6{font-size:1rem}
small{font-size:80%}
hr{clear:both;margin:18px 0 32px;height:0;border:solid rgba(226,232,240,0.8);border-width:1px 0 0}
pre{overflow-x:auto;height:auto;line-height:1.65;background-color:#0f172a;border:1px solid #1e293b;padding:18px 20px;margin:20px 0;border-radius:12px;box-shadow:0 12px 28px -8px rgba(15,23,42,0.18)}
pre code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.hljs-comment,.hljs-quote{font-style:normal!important}
.hljs{background:#0f172a!important}
.hljs-type{color:#34d399!important}
.hljs-keyword{color:#38bdf8!important}
.code-title{text-align:center}
q{display:block}
dt{font-weight:700}
dl dd{margin-left:15px;margin-bottom:10px}
a{outline:0;color:#0284c7;text-decoration:none;transition:color .2s cubic-bezier(0.16,1,0.3,1)}
a:focus,a:hover{outline:0;color:#0369a1;text-decoration:none}
p{margin:0 0 16px;line-height:1.75}
embed,img{max-width:100%;height:auto;border:none}
iframe{width:100%;max-width:100%;border:none}
ol,ul{margin-bottom:20px}
ul{list-style:none outside}
ol,ul{margin-left:10px}
ol{list-style:decimal}
ul{list-style:square outside}
ol li ol,ol li ul,ul li ul{margin-bottom:0;margin-left:5px}
ol li,ul li{padding:5px 0}
fieldset,form{margin-bottom:20px}
input,input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{resize:none;display:block;margin:0;margin-bottom:20px;padding:11px 18px;width:240px;max-width:100%;outline:0;font-size:14px;font-weight:400;line-height:1.4;background-color:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,0.15)}
textarea{width:100%;line-height:1.5;padding:15px}
select{padding:8px 12px;width:220px;height:42px;border-radius:8px}
label,legend{display:block;cursor:pointer}
label span,legend span{font-weight:700}
button,input[type=button],input[type=reset],input[type=submit]{border:1px solid #0284c7;background:linear-gradient(135deg,#0284c7,#059669);display:inline-flex;align-items:center;justify-content:center;padding:9px 24px;color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em;border-radius:999px;cursor:pointer;transition:all .22s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 14px -3px rgba(2,132,199,0.35);outline:0}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 20px -4px rgba(2,132,199,0.5)}
button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{transform:scale(0.97)}
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:2em;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,0.03)}
td,th{border-top:1px solid #f1f5f9;vertical-align:top;padding:12px 20px}
th{background:#f8fafc;font-weight:700;color:#0f172a;font-size:13.5px;border-top:none;border-bottom:1px solid #e2e8f0}
tr:hover td{background:#f8fafc}
.widget table,.widget td,.widget th{border:none}
th{font-weight:700}
.alignnone{margin:5px 20px 10px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 10px 20px}
.alignleft{float:left;margin:5px 20px 10px 0}
.aligncenter{display:block;margin:5px auto 5px auto}
a img.alignright{float:right;margin:5px 0 10px 20px}
a img.alignnone{margin:5px 20px 10px 0}
a img.alignleft{float:left;margin:5px 20px 10px 0}
a img.aligncenter{display:block;margin-right:auto;margin-left:auto}
.wp-caption{max-width:100%}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{margin:0;padding:0;width:auto;height:auto;border:0 none}
.wp-caption p.wp-caption-text{padding:8px 3px;margin-bottom:10px;font-size:12px;color:#999;border-bottom:1px solid #e6e6e6}
.mejs-container{margin-bottom:15px}
.gallery{display:block;clear:both;overflow:hidden;margin:0 -10px}
.gallery .gallery-row{display:block;clear:both;overflow:hidden;margin:0}
.gallery .gallery-item{overflow:hidden;float:left;text-align:center;list-style:none;padding:0;background:#fff;padding:10px;margin:0}
.gallery .gallery-item a{display:inline-block;position:relative}
.gallery .gallery-item a:hover .image-overlay{opacity:.3}
.gallery .gallery-item img,.gallery .gallery-item img.thumbnail{margin:0}
.gallery-caption{margin:0;padding:5px;font-style:italic;font-family:arial}
.gallery.gallery-columns-1 .gallery-item{width:100%}
.gallery.gallery-columns-2 .gallery-item{width:50%}
.gallery.gallery-columns-3 .gallery-item{width:33.3%}
.gallery.gallery-columns-4 .gallery-item{width:25%}
.gallery.gallery-columns-5 .gallery-item{width:20%}
.gallery.gallery-columns-6 .gallery-item{width:16.6%}
#wp-calendar{width:100%}
#wp-calendar caption{text-align:right;font-size:12px;margin-top:10px}
#wp-calendar thead{font-size:11px}
#wp-calendar tbody{color:#aaa}
#wp-calendar tbody td,#wp-calendar thead th{text-align:center;padding:6px}
#wp-calendar tbody td:hover{background:#fff}
#wp-calendar tbody .pad{background:0 0}
#wp-calendar tfoot #next{font-size:10px;text-transform:uppercase;text-align:right}
#wp-calendar tfoot #prev{font-size:10px;text-transform:uppercase;padding-top:10px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{clip:auto!important;display:block;height:auto;left:5px;top:5px;width:auto;z-index:100000}
.tw-middle:before{content:'';height:100%;min-height:100%;display:inline-block;vertical-align:middle}
.tw-middle>*{vertical-align:middle;display:inline-block}
h1.site-name{line-height:1;margin-bottom:0;font-size:30px;letter-spacing:-.05em}
.tw-menu+.tw-logo{display:none;padding:0}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{display:block;position:relative}
.sf-menu ul{font-size:11px;color:#fff;padding:20px 0;position:absolute;background:#151515;min-width:220px;top:100%;left:0;text-align:left;z-index:99;display:none}
.sf-menu>li{display:inline-block;padding:0 15px}
.sf-menu>li>a{display:block;line-height:36px;color:#334155;font-size:14.5px;font-weight:600;padding:0 12px;border-radius:999px;transition:all .2s cubic-bezier(0.16,1,0.3,1)}
.sf-menu>li:hover>a{color:#0284c7;background:rgba(2,132,199,.08);transform:translateY(-1px);text-decoration:none}
.sf-menu>li:active>a{transform:scale(0.96)}
.sf-menu a{color:inherit}
.sf-menu li.sfHover>ul,.sf-menu li:hover>ul{z-index:9999;display:block}
.sf-menu ul ul{top:-20px;left:100%!important}
.page_item>ul.children li>a,.sub-menu li>a{display:block;padding:10px 22px 8px;transition:all .2s ease-out}
.widget .sub-menu li>a{padding:0;padding-left:20px}
.widget .sub-menu li:first-child>a{padding-top:10px}
.widget .sub-menu li:last-child{padding-bottom:0}
.widget .sub-menu li ul li a{padding:0;padding-left:40px}
.sidebar-area .sub-menu li>a{padding:0;padding-left:20px}
.sidebar-area .sub-menu li ul li a{padding:0;padding-left:40px;padding-top:5px;padding-bottom:5px}
.tw-menu .page_item>ul.children li>a:hover,.tw-menu .sub-menu li>a:hover{background:#262626}
.sf-menu>.menu-item-has-children>a{padding-right:9px}
.sf-menu .menu-item-has-children:after,.sf-mobile-menu .menu-item-has-children>.before{position:absolute;right:7px;top:50%;margin-top:-6px;content:"\f3d0";font-family:Ionicons;font-size:12px;line-height:1;color:#999}
.sf-menu .sub-menu .menu-item-has-children:after{content:"\f3d1";color:#fff;right:20px;font-size:10px;opacity:.5;margin-top:-5px}
.sf-mobile-menu .menu-item-has-children>.before:before{content:"\f3d1"}
.sf-mobile-menu .menu-item-has-children>.before{top:17px;right:0;cursor:pointer;font-style:normal;z-index:1;padding:0 5px}
.sf-mobile-menu .sub-menu .menu-item-has-children>.before{top:15px}
.sf-mobile-menu .menu-item-has-children.menu-open>.before:before{content:"\f3d0"}
.tw-header-meta+.tw-menu:last-child{padding-right:15px}
.header-area{position:sticky;top:0;z-index: 9; height:56px;box-shadow:0 1px 6px 0 rgba(32,33,36,.12);-webkit-box-shadow:-webkit-box-shadow}
.transparent-header .header-area{position:absolute;width:100%;z-index:2}
.transparent-header .tw-header-meta i,.transparent-header .tw-menu .sf-menu,.transparent-header h1.site-name{color:#fff}
.transparent-header .tw-menu-container{border-bottom:1px solid rgba(255,255,255,.15)}
.tw-menu-container{position:absolute;height:56px;width:100%;left:0;z-index:9;display:flex;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,0.94);border-bottom:1px solid rgba(226,232,240,0.85);box-shadow:0 4px 16px -4px rgba(15,23,42,0.04)}
.tw-header-meta{width:200px;font-size:24px;line-height:1;display:flex;align-items:center;padding:0 30px}
.tw-header-meta{padding-right:20px}
.tw-header-meta i{position:absolute;padding:10px;font-size:24px;width:40px;height:40px;line-height:0;cursor:pointer;top:-1px;right:0;z-index:3}
.tw-header-meta:last-child{justify-content:flex-end}
.header-small .tw-menu-container{position:fixed;top:0;background-color:#fff}
.admin-bar.header-small .tw-menu-container{top:32px}
@media screen and (max-width:782px){.admin-bar.header-small .tw-menu-container{top:46px}
}
.tw-menu .sf-menu{display:inline-block;text-transform:uppercase;font-weight:700;color:#151515;position:relative;z-index:1}
.header-clone{height:70px;width:100%}
.header-area.layout-2 .tw-logo{background-color:#fff;text-align:center;padding:40px;border-bottom:1px solid #f5f5f5}
.header-area.layout-2 h1.site-name{font-size:54px}
.header-area.layout-2 .tw-menu{display:flex;justify-content:center}
.header-area.layout-2 .nav-icon:not(:last-child){right:0}
.header-area.layout-2 .tw-header-meta{display:inline-flex;width:0;padding:0}
.header-area.layout-2 .tw-header-meta.with-search{width:56px;padding-right:3px}
.mobile-menu-icon{cursor:pointer;float:left;padding:10px;height:36px;margin-top:7px;display:none}
.mobile-menu-icon span,.mobile-menu-icon span:after,.mobile-menu-icon span:before{position:relative;top:4px;width:14px;height:1px;background:#696969;display:block;margin-bottom:-1px;content:''}
.mobile-menu-icon span:before,.mobile-menu-icon.active span:after,.mobile-menu-icon.active span:before{top:4px}
.mobile-menu-icon span:after{top:8px}
.mobile-menu-icon span,.mobile-menu-icon span:after,.mobile-menu-icon span:before{transition:all .2s ease-in-out}
.mobile-menu-icon.active span{background-color:transparent}
.mobile-menu-icon.active span:before{transform:rotate(45deg)}
.mobile-menu-icon.active span:after{transform:rotate(-45deg)}
.tw-mobile-menu nav ul{margin:0 auto;padding:0;list-style:none}
.tw-mobile-menu nav ul.sub-menu{display:none;padding-left:10px;padding-top:8px}
.tw-mobile-menu nav ul.sub-menu ul.sub-menu{padding-bottom:6px;padding-top:6px}
.tw-mobile-menu nav ul li{position:relative}
.tw-mobile-menu nav>ul>li.page_item_has_children>a:after{content:'\f123';font-family:Ionicons;position:absolute;top:8px;right:0}
.tw-mobile-menu .widget ul li,.tw-mobile-menu nav ul li ul li{border-bottom:0}
.tw-mobile-menu nav ul li a{display:block;color:#fff;font-size:12px;font-weight:600;padding:7px 0;text-transform:uppercase;transition:all .2s ease-out;line-height:1}
.tw-mobile-menu nav ul .children li,.tw-mobile-menu nav ul .sub-menu li{padding:0}
.tw-mobile-menu .page_item>ul.children li>a:hover,.tw-mobile-menu .sub-menu li>a:hover,.tw-mobile-menu nav ul li a:hover,.tw-mobile-menu nav ul li.menu-open>a,.tw-mobile-menu nav>ul>li.page_item_has_children>a:hover:after{color:#2563eb}
.tw-mobile-menu .page_item>ul.children li>a:hover,.tw-mobile-menu .sub-menu li>a:hover{opacity:1}
.tw-mobile-menu .page_item>ul.children li>a,.tw-mobile-menu .sub-menu li>a{color:#fff;font-size:10px;padding:10px 0;font-weight:600;line-height:1;opacity:.6}
.tw-mobile-menu{right:-370px;overflow:auto;background-color:#151515;padding:0;position:fixed;height:100%;width:370px;z-index:99999;transition:right .2s ease}
.tw-mobile-menu.active{right:0}
.tw-mobile-menu aside.widget,.tw-mobile-menu nav{margin-top:30px;padding-bottom:40px;padding-left:40px;padding-right:40px;margin-bottom:40px;border-bottom:1px solid #333}
.tw-mobile-menu nav{padding-bottom:37px}
.tw-mobile-menu aside.widget:last-child{border-bottom:0}
.tw-mobile-menu .widget a,.tw-mobile-menu .widget ul li a{color:#ccc}
.tw-mobile-menu .tw-logo{position:static;left:0;padding:15px 40px;margin:0;border-bottom:1px solid #333;width:100%;display:flex;align-items:center;justify-content:space-between}
.tw-mobile-menu .tw-logo a,.tw-mobile-menu .tw-logo h1.site-name{color:#fff;font-size:30px;text-align:left}
.tw-mobile-menu .widget_mc4wp_form_widget label{margin-bottom:24px}
.tw-mobile-menu .tw-post-widget ul{height:auto!important;overflow:hidden!important}
.tw-mobile-menu .owl-carousel .owl-dot.active span,.tw-mobile-menu .owl-carousel .owl-dot:hover span{background:#2563eb}
#scroll-bar{position:absolute;height:2px;background:linear-gradient(90deg,#2563eb,#2dd4bf 50%,#c9a961 100%);bottom:-1px}
.tw-mdl-overlay-close{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;opacity:0;visibility:hidden}
.tw-format-modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;display:flex;justify-content:center;align-items:center;background-color:rgba(21,21,21,.9);line-height:normal;visibility:hidden;opacity:0;transition:opacity .2s ease-out}
.tw-format-modal-inner{width:83.333%;background-color:#fff}
.tw-format-modal .logo{font-size:30px}
.tw-format-modal .tw-logo{padding:0;position:absolute;left:30px}
.tw-format-modal .owl-item-data{display:none}
.tw-format-modal .pagination,.tw-format-modal .title{font-weight:700}
body.tw-format-modal-open{overflow:hidden}
body.tw-format-modal-open .tw-format-modal.tw-format-modal-active{opacity:1;visibility:visible}
.tw-format-modal+.tw-thumbnail .image-overlay-inner{position:absolute;top:50%;right:0;z-index:1;background:rgba(21,21,21,.6);padding:17px 20px;text-align:left;transition:background .2s ease-out;margin-top:-32px}
.tw-format-modal+.tw-thumbnail .image-overlay-inner h2,.tw-format-modal+.tw-thumbnail .image-overlay-inner h6{line-height:1;margin:0;text-transform:uppercase;font-weight:400}
.tw-format-modal+.tw-thumbnail .image-overlay-inner h2{margin-bottom:6px;font-size:14px;color:#fff}
.tw-format-modal+.tw-thumbnail .image-overlay-inner h6{font-size:10px;color:#999}
.close-modal{font-size:24px;color:#999;position:absolute;right:30px}
.tw-format-modal+.tw-thumbnail .image-overlay-inner .tw-format-modal-header{display:flex;align-content:center;justify-content:space-between}
.tw-format-modal+.tw-thumbnail .image-overlay-inner:hover{background:#2563eb}
.tw-format-modal+.tw-thumbnail .image-overlay-inner:hover h6{color:#fff}
.close-modal,.open-modal{cursor:pointer}
.tw-format-modal-header{border-bottom:1px solid #e5e5e5;display:flex;align-items:center;position:relative;min-height:60px;padding:0 90px}
.tw-format-modal-header .site-name{display:flex;align-items:center}
article .tw-format-modal-header .entry-share{display:flex;align-items:center;margin:0}
.tw-format-modal-inner .row:last-child{padding:110px 90px}
.blog-single-nav .entry-share .total-shares,.tw-format-modal-header .entry-share .total-shares{display:inline-block;color:#fff;line-height:1;text-align:center;margin-right:20px}
.tw-format-modal-header .entry-share .total-shares{color:#000}
.blog-single-nav .entry-share .total-shares em,.tw-format-modal-header .entry-share .total-shares em{font-size:16px;font-style:normal;font-weight:600}
.blog-single-nav .entry-share .total-shares div,.tw-format-modal-header .entry-share .total-shares div{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-top:2px}
.modal-opened .tw-mdl-overlay-close{opacity:1;visibility:visible}
.tw-mobile-menu .nav-icon-container{position:relative;right:-20px;padding:10px;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer}
.tw-mobile-menu .nav-icon span,.tw-mobile-menu .nav-icon:hover span{background-color:#fff}
.header-2 .tw-logo,.tw-menu+.tw-logo{padding:5px 0 0}
.header-2 h1.site-name,.tw-menu+.tw-logo h1.site-name{font-size:30px}
.header-2 .tw-logo img,.tw-menu+.tw-logo img{max-height:50px;filter:drop-shadow(0 2px 6px rgba(0,150,180,.22))}
body.theme-boxed{background-color:#e6e6e6}
.theme-boxed .theme-layout{margin-left:auto;margin-right:auto;position:relative;width:1200px;max-width:100%;background-color:#fff}
.theme-boxed #scroll-bar,.theme-boxed.header-small .tw-menu-container{max-width:100%;width:1020px;left:auto}
.ever-container{padding-top:21px;padding-bottom:21px}
.single-large-media2+.ever-container,.single-media-container+.ever-container,.tw-slider-container+.ever-container{padding-top:21px;padding-bottom:21px}
.single-large-media.with-media+.row>.content-area,.single-large-media2+.ever-container .content-area,.single-media-container.with-img+.ever-container .content-area{margin-top:-21px}
.sidebar-area .widget-item,.single-content{padding:30px;background-color:#fff;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.02);-moz-box-shadow:0 5px 5px rgba(0,0,0,.02);box-shadow:0 5px 5px rgba(0,0,0,.02)}
.single-padding{padding-left:30px;padding-right:30px}
.tw-slider{position:relative;overflow:hidden}
.tw-slider .owl-carousel{display:block}
.tw-slider .owl-carousel:not(.owl-loaded) .slider-item:not(:first-child){display:none}
.tw-slider .slider-item{position:relative;overflow:hidden;width:100%;height:500px;display:flex;align-items:flex-end;justify-content:center;z-index:0;background-color:#999}
.tw-slider .slider-img{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:cover;z-index:1;transition:all .15s ease}
.tw-slider .slider-img:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:.2;transition:all .2s ease-out}
.tw-slider .slider-item-inner:hover .slider-img:before{opacity:.5}
.tw-slider.slider1 .slider-item .slider-content{position:relative;padding:0;padding-bottom:30px}
.tw-slider .slider-item .slider-content{max-width:600px;position:absolute;left:0;padding:30px;z-index:2;opacity:0;bottom:-6px;-webkit-transition-property:opacity,bottom,color;transition-property:opacity,bottom,color;-webkit-transition-duration:.2s;transition-duration:.2s}
.tw-slider .tw-meta{margin-bottom:0}
.single-media-content .tw-meta,.tw-slider .entry-title a:hover,.tw-slider .tw-meta,.tw-slider article .entry-author a{color:#fff}
.single-media-content a,.tw-slider a{transition:opacity .2s ease-out}
.tw-slider a:focus{color:inherit}
.single-media-content a:hover,.tw-slider a:hover{color:#fff;opacity:.8}
.single-media-content .entry-cats,.tw-slider .entry-cats{color:#fff;margin-bottom:0}
.single-media-content .entry-title,.tw-slider .entry-title{color:#fff;font-size:36px;margin-bottom:9px}
.entry-media .owl-nav i,.tw-slider .owl-nav i{position:absolute;top:50%;left:20px;width:40px;height:60px;margin-top:-30px;text-align:center;line-height:60px;font-size:30px;background-color:rgba(0,0,0,.5);color:#fff;z-index:1;transition:all .15s ease-out;opacity:0;cursor:pointer}
.entry-media .owl-prev i:hover:before,.tw-slider .owl-prev i:hover:before{animation:toLeftFromRight .3s forwards}
.entry-media .owl-next i:hover:before,.tw-slider .owl-next i:hover:before{animation:toRightFromLeft .3s forwards}
@keyframes toLeftFromRight{49%{transform:translate(-100%)}
50%{opacity:0;transform:translate(100%)}
51%{opacity:1}
}
@keyframes toRightFromLeft{49%{transform:translate(100%)}
50%{opacity:0;transform:translate(-100%)}
51%{opacity:1}
}
.entry-media .owl-nav i:hover,.tw-slider .owl-nav i:hover{background-color:#000}
.entry-media .owl-nav .owl-next i,.tw-slider .owl-nav .owl-next i{left:auto;right:20px}
.entry-media:hover .owl-nav .owl-prev i,.tw-slider:hover .owl-nav .owl-prev i{opacity:1;left:0}
.entry-media:hover .owl-nav .owl-next i,.tw-slider:hover .owl-nav .owl-next i{opacity:1;right:0}
.tw-slider .owl-carousel .owl-stage-outer{overflow:visible}
.tw-slider .owl-item.cloned.active.owl-item-large .slider-item .slider-content{opacity:0}
.tw-slider .owl-item.active.owl-item-large .slider-item .slider-content{-webkit-transition-delay:0s;transition-delay:0s}
.tw-slider .owl-carousel:not(.sliding) .active .slider-item .slider-content{opacity:1}
.single-large-media2,.tw-slider.slider2,.tw-slider.slider3,.tw-slider.slider4{margin-top:30px}
.tw-slider.slider3 .slider-item{display:block;overflow:visible;background-color:transparent}
.tw-slider.slider3 .slider-img{background-size:auto}
.tw-slider.slider3 .slider-item-inner{position:relative;background-color:#999;height:100%}
.tw-slider.slider3 .slider3-trans .slider-item{transition:width .8s linear}
.tw-slider.slider3 .entry-title,.tw-slider.slider4 .entry-title{font-size:30px;margin-bottom:16px;padding-top:3px;transition:all .3s ease}
.tw-slider.slider3 .slider-item .slider-content,.tw-slider.slider4 .slider-item .slider-content{max-width:560px}
.tw-slider.slider3 .owl-item-small .entry-title,.tw-slider.slider4 .col-md-4 .entry-title{font-size:20px;margin-bottom:13px;padding-top:5px}
.tw-slider.slider4 .slider-item+.slider-item{margin-top:30px}
.tw-slider.slider4 .slider-item .slider-content{opacity:1}
.feature-area div.feature-title{margin-top:65px;padding:10px 30px 10px;text-align:center;line-height:1}
.feature-title h1{font-size:36px;line-height:1.25;margin-bottom:0}
.feature-area .feature-title>p{margin:20px auto 0;max-width:600px;line-height:1.6}
.widget_recent_entries .post-date{display:block;font-size:11px;font-weight:400}
.tw-post-widget.widget ul li{padding-bottom:0;margin-bottom:28px;position:relative;border-bottom:0}
.recent-thumb{position:absolute;left:0;width:100px;height:100%;min-height:100px;margin-bottom:3px;overflow:hidden}
.recent-thumb a{display:block;position:relative}
aside.tw-post-widget ul li a:hover{opacity:1}
.recent-thumb a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:all .2s ease-out}
.recent-thumb a:hover:before{opacity:.3}
.recent-content{padding-left:120px;min-height:100px}
.recent-content h4{font-size:14px;line-height:1.5;margin-bottom:4px}
.recent-content .tw-meta{margin-bottom:0}
.recent-thumb:hover~.recent-content a,aside.widget .recent-content a:hover{color:#333}
.recent-thumb .format-icon,.related-item .format-icon{background:#ccc;color:#fff;height:70px;width:100%;display:table}
.recent-thumb .format-icon:before,.related-item .format-icon:before{font-family:Ionicons;font-size:21px;content:'\f417'}
.recent-thumb .format-icon:before,.related-item .format-icon:before{display:table-cell;vertical-align:middle;text-align:center}
.format-icon.gallery:before{content:'\f147'}
.format-icon.quote:before{content:'\f347'}
.format-icon.audio:before{content:'\f4ce'}
.format-icon.video:before{content:'\f4cc'}
.tw-post-widget .carousel-item{position:relative;background-color:#151515;width:100%;height:100%;min-height:300px}
.tw-post-widget .carousel-item>img{opacity:.8}
.tw-post-widget .carousel-content{position:absolute;left:0;bottom:0;width:100%;padding:10px 25px}
.tw-post-widget .owl-carousel .entry-title{font-size:20px;color:#fff}
.tw-post-widget .owl-carousel .entry-cats,.tw-post-widget .owl-carousel .tw-meta,.tw-post-widget .owl-carousel .tw-meta a{color:#fff}
.tw-post-widget .owl-carousel a{transition:opacity .2s ease-out}
.tw-post-widget .owl-carousel a:hover{color:#fff;opacity:.8}
.tw-post-widget .owl-carousel .owl-dots{margin-top:18px;margin-bottom:-17px}
.entry-media .owl-carousel .owl-dots{position:absolute;bottom:15px;width:100%}
.entry-media .owl-carousel .owl-dot.active span,.entry-media .owl-carousel .owl-dot:hover span{background-color:#fff;opacity:1}
.entry-media .owl-carousel .owl-dot span{background-color:#fff;opacity:.5}
.content-row{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e6e6e6}
.tw-element-title{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.2em;text-align:center;margin-bottom:35px}
.tw-blog article,.tw-blog.grid-blog article .entry-post,.tw-blog.metro-blog article .entry-post,.tw-blog.side-blog article .entry-post{background-color:#fff;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.02);-moz-box-shadow:0 5px 5px rgba(0,0,0,.02);box-shadow:0 5px 5px rgba(0,0,0,.02);margin-bottom:30px}
.tw-blog article:not(:first-child){margin-bottom:0;margin-top:30px}
.tw-blog article:first-child{margin-top:0}
.tw-blog article .entry-post{font-size:87.5%;line-height:1.45;padding:30px}
.tw-blog article.sticky .entry-post{position:relative;border-top:2px solid #2563eb}
.tw-blog article.sticky .entry-post:before{position:absolute;right:30px;top:20px;content:"\f26b";line-height:1;font-size:32px;font-family:Ionicons;color:#2563eb}
.tw-blog article.sticky .entry-post a:hover{opacity:.9}
.entry-title{font-size:30px;line-height:1.2;margin-bottom:11px}
.entry-title a:hover{color:#2563eb}
.entry-cats{line-height:1;font-size:11px;font-weight:500;text-transform:uppercase;margin-bottom:6px;color:#999}
.list-blog-large .entry-cats,.simple-blog .entry-cats{margin-bottom:4px}
.entry-cats:empty{display:none}
.entry-cats a{display:inline-block;margin-bottom:8px;color:inherit}
.entry-cats>span:last-child{display:none}
.entry-date{margin-bottom:27px;line-height:1.2}
.tw-meta .entry-author a{color:#151515;font-weight:700;opacity:.94}
.tw-meta .comment-count:not(:first-child):before,.tw-meta .entry-date:not(:first-child):before{content:"\��";padding:0 6px}
.tw-meta{color:#999;font-size:11px;font-weight:400;margin-bottom:13px}
.tw-meta a{color:inherit}
.more-link a{display:inline-block;background-color:#151515;color:#fff;font-weight:700;font-size:14px;line-height:40px;padding:0 20px}
.more-link a:hover{color:#fff}
.entry-content>p:not(.more-link) a,.page-content>p a{color:#151515;text-decoration:underline}
.entry-content>p:not(.more-link) a:hover,.page-content>p a:hover{color:#999;text-decoration:none}
.entry-content p:last-child:not(.wp-caption-text){margin-bottom:0}
article .tw-contact>div{position:relative;padding-left:37px;margin-bottom:30px}
.tw-contact i{font-size:20px;position:absolute;left:10px;line-height:1;margin-top:2px;color:#2563eb}
.entry-media{position:relative;line-height:0;text-align:center}
.entry-media>p{margin-bottom:0}
.entry-media>.tw-thumbnail{max-width:100%}
.entry-media.single-media-thumb .image-overlay,.entry-media.single-media-thumb .image-overlay a{position:static;opacity:1}
.image-overlay,.image-overlay a{position:absolute;top:0;left:0;width:100%;height:100%}
.image-overlay{background:#000;opacity:0;transition:all .2s ease-out}
.image-overlay:hover,.video-format-icon:hover+.image-overlay{opacity:.5}
.tw-social-icon i{width:40px;height:40px;font-size:14px;line-height:42px;text-align:center;background:#fafafa;color:#151515;display:inline-block;margin-right:10px;margin-bottom:10px}
.tw-social-icon{margin:0 -10px -10px 0}
.tw-footer .tw-social-icon{margin-top:33px}
.tw-social-icon.social-dark a i{background-color:#333;color:#fff}
.tw-social-icon.social-light i{background-color:#fff;color:#333}
.tw-social-icon.social-silver i{background-color:#fafafa;color:#333}
.tw-social-icon i.side-b{color:#fff;background-color:#fc9a04}
.tw-social-icon a i.ion-social-facebook.side-b{background:#39579a;border-color:#39579a}
.tw-social-icon a i.ion-social-twitter.side-b{background:#01acee;border-color:#01acee}
.tw-social-icon a i.ion-social-pinterest.side-b{background:#ce2225;border-color:#ce2225}
.tw-social-icon a i.ion-social-linkedin.side-b{background:#0077b5;border-color:#0077b5}
.tw-social-icon a i.ion-social-googleplus.side-b{background:#f9402c;border-color:#f9402c}
.tw-social-icon a i.ion-social-instagram.side-b{background:#245a84;border-color:#245a84}
.tw-social-icon a i.ion-social-youtube.side-b{background:#cc1212;border-color:#cc1212}
.tw-social-icon a i.ion-social-android.side-b{background:#689f38;border-color:#689f38}
.tw-social-icon a i.ion-social-apple.side-b{background:#000;border-color:#000}
.tw-social-icon a i.ion-social-windows.side-b{background:#000;border-color:#000}
.tw-social-icon a i.ion-social-snapchat.side-b{background:#fffc00;border-color:#fffc00;color:#151515}
.tw-blog article.blog-grid-item,.tw-blog article.blog-side-item,.tw-blog article.blog-square-item{background-color:transparent;box-shadow:none;margin-top:0;margin-bottom:0}
.tw-blog article.blog-grid-item{display:flex;flex-direction:column}
.tw-blog.grid-blog>.row,.tw-blog.metro-blog>.row,.tw-blog.side-blog>.row,.tw-blog.square-blog>.row{display:flex;flex-wrap:wrap}
.tw-blog.grid-blog>.row:before,.tw-blog.metro-blog>.row:before,.tw-blog.square-blog>.row:before{display:none}
.blog-grid-item .entry-title,.list-blog:not(.list-blog-large) .entry-title{font-size:24px;margin-bottom:14px}
.tw-blog article.blog-grid-item .entry-post{flex-grow:1}
.blog-square-item .entry-post{min-height:460px;height:calc(100% - 30px);background-color:#151515;margin-bottom:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1}
.blog-square-item .entry-media{position:static;z-index:-1}
.blog-square-item .tw-thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center}
.blog-square-item .image-overlay{opacity:.2}
.blog-square-item .tw-meta,.blog-square-item .tw-meta .entry-author a{color:#fff;margin-bottom:0}
.blog-square-item .entry-cats a,.blog-square-item .tw-meta a{transition:all .3s ease}
.blog-square-item .entry-cats a:hover,.blog-square-item .tw-meta a:hover{color:#fff;opacity:.8}
.blog-square-item .entry-cats{margin-bottom:5px;color:#fff}
.blog-square-item .entry-title{color:#fff;font-size:24px;margin-bottom:13px}
.blog-square-item .entry-post:hover .image-overlay{opacity:.5}
.tw-blog article.blog-side-item .entry-post{display:flex;padding:0;min-height:360px;height:calc(100% - 30px)}
.blog-side-item .entry-post-inner{padding:30px;width:1px;-ms-flex:1;-webkit-flex:1;flex:1;min-width:0;flex-basis:1px;display:flex;flex-direction:column;align-content:flex-start}
.blog-side-item .entry-media{width:270px}
.blog-side-item .tw-thumbnail{width:100%;height:100%;background-size:cover;background-position:center}
.blog-side-item .entry-title{font-size:24px;margin-bottom:17px}
.side-blog .entry-content{margin-bottom:40px}
.blog-side-item .tw-meta{margin-top:auto;margin-bottom:-5px;line-height:1.5}
.blog-side-item.right-thumb .entry-post{flex-direction:row-reverse}
.tw-blog .blog-side-item.small-thumb .entry-post{min-height:230px}
.blog-side-item.small-thumb .entry-media{width:170px}
.blog-side-item.small-thumb .entry-title{font-size:18px;margin-bottom:40px}
.metro-blog article.blog-side-item .entry-post{min-height:470px}
.metro-blog .blog-side-item .entry-media{width:370px}
.metro-blog .blog-side-item .entry-post-inner{padding:60px;justify-content:center}
.metro-blog .blog-side-item .tw-meta{margin-top:0;margin-bottom:20px}
.list-blog article.post{display:flex;padding:0}
.list-blog.right-thumb article{flex-direction:row-reverse}
.list-blog .entry-media{margin-bottom:0;width:370px}
.list-blog .entry-media>.tw-thumbnail{width:100%;height:100%;min-height:260px;background-repeat:no-repeat;background-size:cover;background-position:center}
.archive .list-blog .entry-media>.tw-thumbnail{min-height:initial}
.list-blog.list-blog-large .entry-media{width:570px}
.list-blog .entry-post{flex:1;max-width:100%}
.list-blog .tw-meta{margin-bottom:13px}
.tw-thumbnail{position:relative;overflow:hidden;display:inline-block}
.tw-thumbnail .video-format-icon{position:absolute;top:50%;left:50%;font-size:18px;color:#000;width:50px;height:50px;background:#fff;border-radius:100%;text-align:center;line-height:50px;z-index:1;margin-left:-25px;margin-top:-25px}
.page-title{font-size:36px;line-height:1.2;margin-bottom:20px;position:relative;top:-7px}
article.page .entry-media{margin-bottom:40px}
.error-404.entry-content{padding:120px 0;max-width:360px;margin:0 auto;text-align:center}
.error-404>span{display:block;color:#151515;font-size:24px;text-align:center;line-height:1}
.error-404 .error-title{font-size:180px;line-height:1;color:#ccc;margin-bottom:20px}
.error-404.entry-content h3{font-size:30px;line-height:1;text-transform:uppercase;margin-bottom:17px}
.error-404.entry-content .error-desc{font-size:14px;color:#999;margin-bottom:40px}
.tw-author-box{background:#fafafa;padding:30px;margin:20px 0;min-height:160px}
body.single-post .tw-author-box{margin-bottom:30px}
.tw-author-box .author-box{position:relative;padding-left:130px}
.tw-author-box .author-box h3{font-size:16px;line-height:1;font-family:inherit}
.tw-author-box .author-box p{font-size:14px;line-height:1.5em;margin-bottom:12px}
.tw-author-box .author-entry-share{line-height:1}
.tw-author-box .author-entry-share a{font-size:16px;padding-right:15px}
.tw-author-box .author-box img{position:absolute;top:0;left:0;border-radius:100%;margin:0}
.related-posts .row{display:flex;flex-wrap:wrap}
.related-posts h4{font-size:20px;margin-top:34px;margin-bottom:24px}
.related-item .entry-title{font-size:20px}
.related-item .entry-media{margin:0 0 24px}
.related-item{margin-top:10px}
.sidebar-area aside.widget{margin-bottom:30px;font-size:14px}
.widget ul{margin:0;padding:0;list-style:none}
.widget ul li{padding-top:0;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #e6e6e6}
.widget ul li:last-child{border-bottom:none}
aside.widget ul li a{color:#151515}
aside.widget .page_item ul.children li a{padding:0 0 0 20px}
aside.widget .page_item ul.children li:first-child{margin-top:10px}
aside.widget ul li a:hover{text-decoration:underline}
aside.widget ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.widget .post-count{color:#999}
.tw-mobile-menu h3.widget-title{color:#fff;margin-bottom:28px}
h3.widget-title{font-size:20px;line-height:1;position:relative;top:-9px}
.sidebar-area .ever-text .widget-item{border:0;padding:0}
form.searchform{position:relative;margin-bottom:0}
form.searchform input{padding:11px 50px 10px 20px;margin-bottom:0;width:100%}
form.searchform .button-search{position:absolute;top:0;right:0;border:0;padding:0;color:#fff;background:#151515;border-radius:0;width:40px;height:100%;text-align:center;font-size:14px}
.tw-header-meta form.searchform{position:absolute;top:50%;margin-top:-20px;right:20px}
.tw-header-meta form.searchform .button-search{background:0 0}
.tw-header-meta form.searchform input{background:0 0;border-color:transparent;width:0;transition:all .2s ease}
.search-opened .tw-header-meta form.searchform input{width:230px;background:#fafafa;position:relative;z-index:2}
.tw-social-icon .flip-box{width:40px;display:inline-block;margin-right:10px;margin-bottom:10px}
form.searchform .flip-box{position:absolute;top:0;right:0;width:40px}
.flip-box{position:relative;z-index:2;display:inline-block;height:40px;cursor:pointer;transform-style:preserve-3d}
.flip-box:hover>:first-child{position:absolute}
.flip-box:hover>:last-child,.flip-box>:first-child{position:static}
.flip-box>*{position:absolute;top:0;left:0;height:40px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;transform-origin:50% 50%;transition:all .2s ease}
.flip-box:hover .side-f{-ms-transform:rotateX(90deg) translateZ(20px);-moz-transform:rotateX(90deg) translateZ(20px);-webkit-transform:rotateX(90deg) translateZ(20px);-o-transform:rotateX(90deg) translateZ(20px);transform:rotateX(90deg) translateZ(20px)}
.flip-box .side-f{-ms-transform:rotateX(0) translateZ(20px);-moz-transform:rotateX(0) translateZ(20px);-webkit-transform:rotateX(0) translateZ(20px);-o-transform:rotateX(0) translateZ(20px);transform:rotateX(0) translateZ(20px)}
.comment-form .flip-box input[type=submit].side-b,.flip-box .side-b.button-search,.mc4wp-form-fields .flip-box input[type=submit].side-b,.wpcf7-form input[type=submit].side-b{border-color:#2563eb;background:#2563eb}
.flip-box .side-b{color:#fff;border-color:#2563eb;background:#2563eb;-ms-transform:rotateX(-90deg) translateZ(20px);-moz-transform:rotateX(-90deg) translateZ(20px);-webkit-transform:rotateX(-90deg) translateZ(20px);-o-transform:rotateX(-90deg) translateZ(20px);transform:rotateX(-90deg) translateZ(20px)}
.flip-box:hover .side-b{-ms-transform:rotateX(0) translateZ(20px);-moz-transform:rotateX(0) translateZ(20px);-webkit-transform:rotateX(0) translateZ(20px);-o-transform:rotateX(0) translateZ(20px);transform:rotateX(0) translateZ(20px)}
.widget_tag_cloud .tagcloud{margin:0 -10px -10px 0;font-size:11px;color:#999}
.widget_tag_cloud .tagcloud>a{font-size:11px!important;text-transform:uppercase}
.tw-footer{color:#999;font-size:14px;padding:60px 0;border-top:1px solid #e6e6e6;text-align:center}
.tw-footer a:hover{color:#fff}
.tw-footer .copyright{float:none;margin-bottom:0}
.footer-menu ul{margin:0 0 7px;padding:0;list-style:none}
.footer-menu ul li{display:inline-block;padding:0 15px}
.scrollUp{position:fixed;bottom:40px;right:40px}
.scrollUp a{width:40px;height:40px;z-index:99;background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-size:20px}
.scrollUp a:hover{color:#fff}
.tw-post-carousel .post-thumb{position:relative;margin-bottom:15px}
.tw-post-carousel .carousel-title{font-size:14px;letter-spacing:-.025em;line-height:1.25;margin-bottom:3px}
.tw-post-carousel .post-thumb>a{display:flex;align-items:center;justify-content:center;background-color:#151515}
.tw-post-carousel .layout-2 a img,.tw-post-carousel .post-thumb>a:hover img{opacity:.75}
.tw-post-carousel .layout-2 a:hover img{opacity:.5}
.tw-post-carousel .post-thumb .carousel-content{position:absolute;text-align:center;max-width:180px}
.tw-post-carousel .post-thumb .carousel-title{color:#fff;font-size:24px;margin-bottom:12px}
.tw-post-carousel .layout-2 .post-thumb{margin-bottom:0}
.entry-cats .cat-item{border-bottom:2px solid #fff}
.tw-post-carousel .post-thumb .entry-cats,.tw-post-carousel .post-thumb .tw-meta{opacity:0;position:relative;color:#fff;transition:all .15s ease-in}
.tw-post-carousel .post-thumb .entry-cats{top:-20px}
.tw-post-carousel .post-thumb .tw-meta{bottom:-20px}
.tw-post-carousel .post-thumb:hover .entry-cats{top:0;opacity:1}
.tw-post-carousel .post-thumb:hover .tw-meta{bottom:0;opacity:1}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .2s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-bg.mfp-ready{opacity:.8}
.mfp-fade.mfp-bg.mfp-removing{opacity:0}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}
.featured-image-caption{display:inline-block;line-height:1.7;color:#999;font-size:.8em;line-height:2;text-align:left;padding-left:60px;padding-right:60px;margin-top:10px}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;max-width: 1200px;}

.row{margin-left:-15px;margin-right:-15px}
.col-md-4,.col-md-8{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
@media (min-width:992px){.col-md-4,.col-md-8{float:left}
.col-md-8{width:99.66666667%}
.col-md-4{width:33.33333333%}
}
@media (max-width:1199px){.row{margin-left:-10px;margin-right:-10px}
.col-md-4,.col-md-8,.container{padding-left:10px;padding-right:10px}
}
@media (max-width:1199px){.row{margin-left:-10px;margin-right:-10px}
.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.container{padding-left:3px;padding-right:3px}
.sidebar-area .widget-item,.single-content,.tw-author-box,.tw-blog article .entry-post{padding:25px}
.single-content .entry-media{margin-left:-25px;margin-right:-25px}
.tw-author-box img{width:70px}
.tw-author-box .author-box{padding-left:95px}
.grid-blog .comment-count,.metro-blog .comment-count,.square-blog .comment-count,.tw-post-widget .comment-count,.tw-slider .owl-item-small .comment-count{display:none}
.blog-square-item .entry-post{min-height:370px}
.metro-blog .blog-side-item .entry-media{width:300px}
.tw-slider.slider4 .slider-item+.slider-item{margin-top:20px}
.metro-blog .blog-side-item .entry-post-inner{padding:30px}
.tw-blog article.blog-side-item .entry-post{flex-wrap:wrap}
.blog-side-item .entry-media{width:200px}
.tw-blog article.blog-side-item .entry-post{min-height:260px}
.metro-blog article.blog-side-item .entry-post{min-height:380px}
aside.widget form.mc4wp-form p{display:block}
aside.widget .mc4wp-form-fields input[type=email]{width:100%;margin-bottom:10px}
aside.widget .mc4wp-form-fields input[type=submit]{width:100%}
.list-blog .entry-media,.list-blog.list-blog-large .entry-media{width:auto;flex:1}
}
@media (max-width:1199px) and (min-width:990px){.recent-thumb{width:70px}
.recent-content{padding-left:90px}
.recent-content,.recent-thumb{min-height:70px}
.tw-post-widget.widget ul li{margin-bottom:20px}
.list-blog.list-blog-large .entry-media{width:440px}
.blog-side-item.small-thumb .entry-media{width:100%;height:170px}
.nextprev-postlink>div:hover .post-thumb{width:280px}
}
@media (max-width:1024px){.tw-menu .sf-menu{display:none}}
@media (max-width:991px){[class*=col-md]{width:100%}
.ever-container .sidebar-area,.tw-menu .sf-menu{display:none}
.header-area.layout-2 .tw-header-meta{position:relative;width:40px}
.header-area.layout-2 .tw-header-meta.with-search{padding:0 40px}
.nav-icon{display:table}
.sidebar-area.col-md-4 .sidebar-inner{margin:40px 0 0;max-width:none;display:flex;flex-wrap:wrap;justify-content:space-around;padding:0}
.sidebar-area aside.widget{width:280px}
.col-md-1,.col-md-10,.col-md-11,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:none}
.comment-list .comment .comment{margin-left:0}
.nextprev-postlink .col-md-6,.tw-blog article.blog-grid-item,.tw-blog article.blog-square-item{float:left;width:50%}
.nextprev-postlink .next-post-link,.nextprev-postlink .prev-post-link{padding:0}
.tw-slider .slider-item,.tw-slider.slider1 article.slider-item{height:330px}
.tw-slider.tw-slider.slider4 .col-md-4 .slider-item{margin-top:20px}
.tw-slider .entry-title,.tw-slider.slider3 .entry-title{font-size:20px}
.nextprev-postlink>div:hover .post-thumb{width:240px}
}
@media (max-width:639px){
.entry-title,.single-content .entry-title{font-size:24px}
.tw-logo img{max-width:160px}
.entry-share>a>span{display:none}
.entry-share>a i{margin-right:0}
.single-padding,.tw-pagination ul.page-numbers{padding:0}
.blog-side-item .entry-media,.metro-blog .blog-side-item .entry-media{width:100%;height:250px}
.tw-blog article.blog-grid-item,.tw-blog article.blog-square-item{width:100%;float:none}
.nextprev-postlink{display:block}
.comment-text .author{margin-right:10px}
.comment-text .entry-date{letter-spacing:.1em}
.comment-author img{width:50px}
.comment-text{padding-left:65px;margin-bottom:30px}
.blog-single-nav .entry-share,.blog-single-nav .tw-logo,.entry-share .comment-count:last-child{display:none}
.list-blog article.post{display:block}
.list-blog .entry-media{height:230px}
.list-blog .entry-media+.entry-post{margin:0;padding-top:27px}
.tw-footer{text-align:center}
.tw-slider .slider-item,.tw-slider.slider1 article.slider-item{height:200px}
.tw-slider .entry-cats,.tw-slider .entry-date{display:none}
.nextprev-postlink-container{height:auto}
.nextprev-postlink>div{width:100%}
.nextprev-postlink .post-thumb{width:100%}
.nextprev-postlink>div:hover .post-thumb{width:100%}
}
@media screen and (max-width:600px){
.single-content table{width:100%;border-top:none}
.single-content table th{border-right:1px solid #ccc}
.single-content thead{display:none}
.single-content tr:nth-of-type(2n){background-color:inherit}
.single-content tr td:first-child{background:#f0f0f0;font-weight:700;font-size:1.3em}
.single-content tbody td{display:block;text-align:center}
#wp-calendar tbody td{display:table-cell}
.single-content tbody td:first-child{display:block;text-align:center}
.single-content tbody td:before{content:attr(data-th);display:block;text-align:center}
.admin-bar.header-small .tw-menu-container{top:0}
.single-content{padding:10px}
}
@media (max-width:390px){.container,.tw-mobile-menu{width:100%}
.tw-header-meta{width:50%!important}
.blog-side-item.small-thumb .entry-media{width:100%;height:170px}
.tw-header-meta form.searchform{right:75px}
}
.divide-wrap{position:relative;height:1px;z-index:1}
.colorbar{width:100%;height:100%;z-index:11;background:url(https://www.qqzeng-ip.com/qqzeng-ip/article/images/colorbar.png) center no-repeat;position:relative}
.colorbar-before{content:"";position:absolute;left:0;width:50%;height:100%;z-index:9;background-color:#1b24ff}
.colorbar-after{content:"";position:absolute;right:0;width:50%;height:100%;z-index:9;background-color:#fd0371}
.site-title{font-size:1.3rem;line-height:28px;color:#ff4c00}
.site-text{font-size:1.1rem;line-height:25px}
.site-text p{margin:5px 0}
.site-text p span{color:#ff4c00}
.site-text .update{color:#00a06a}
.site-dev{padding-bottom:18px;text-align:center}
.site-dev .title{color:#333;line-height:23px}
.site-tongji{margin:15px 0}
.mip-img-subtitle{font-size:14px;padding-bottom:10px}
.link a{color:#0080ff;font-size:1rem;line-height:26px}
.green{color:#00a06a!important;font-size:1.35rem!important;line-height:26px!important}
.product-list{margin:18px 5px;padding:0;display:flex}
.product-list li{padding:8px}
@media (max-width:500px){.product-list{display:block}
    .link a{font-size:1rem;}
    
}
ul{list-style:none}
.card-product{margin-top:30px}
.card{display:inline-block;position:relative;width:100%;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);border-radius:6px;color:rgba(0,0,0,.87);background:#fff;margin:25px 0}
.card .card-image{height:60%;position:relative;overflow:hidden;margin-left:15px;margin-right:15px;margin-top:-30px;border-radius:6px;z-index:3;box-shadow:0 10px 30px -12px rgba(0,0,0,.42),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
.card-product .card-image{min-height:160px;background-size:cover;background-image:url(https://www.qqzeng-ip.com/tongji/image_placeholder.jpg);background-position:center center}
.card .card-image img{width:100%;height:100%;border-radius:6px;pointer-events:none;vertical-align:middle}
.card .card-content{position:relative;padding:15px 20px 3px}
.card-product .card-description,.card-product .card-title,.card-product .category{text-align:center;font-size:0.9rem}
.card .card-title{color:#3c4858;margin-top:0;margin-bottom:3px;font-size:18px;font-weight:300}
.card-description,.description,.footer-big p{color:#999}
.card .card-footer{padding-top:10px;border-top:1px solid #eee;margin:0 20px 10px}
.card .card-footer div{display:inline-block}
.card .card-footer h4{font-weight:300;margin:5px 0;font-size: 0.9rem;}
.card .card-footer .stats{line-height:22px;color:#999;font-size:14px}
.pull-right{float:right}
.mip-img-subtitle{padding-top:10px;color:#999;font-size:1.35rem;line-height:1.2;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:0;padding-bottom:10px}
.qqzeng-menu-mobile{padding:12px 16px;display:none}
.qqzeng-menu-box{background-color:rgba(0,0,0,0);display:none;height:100%;overflow:hidden;position:fixed;top:0;width:100vw;z-index:199}
.qqzeng-menu{background-color:#fff;height:100%;left:-250px;outline:0;overflow-y:scroll;padding-top:15px;position:fixed;top:0;transition:.5s;width:250px;z-index:200;-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}
.qqzeng-menu span{font-size:16px}
.qqzeng-menu-head{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;-webkit-user-select:none;cursor:pointer;-webkit-box-flex:none;-webkit-flex:none;flex:none}
.qqzeng-menu-logo{-webkit-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;background:url(https://www.qqzeng-ip.com/tongji/default-avatar.jpg) no-repeat;background-size:36px;display:block;height:36px;width:136px;margin-left:15px;padding-bottom:8px;padding-left:40px;line-height:36px;font-size:16px;text-decoration:none;color:rgba(0,0,0,.54)}
.qqzeng-menu-a{display:inline-table;height:48px;width:100%;text-decoration:none}
.qqzeng-menu-name{color:rgba(0,0,0,.54);display:table-cell;padding-left:15px;vertical-align:middle;font-size:16px}
.qqzeng-menu-ico svg{color:#757575;fill:#757575;vertical-align:middle}
.qqzeng-menu-ico{display:table-cell;padding-left:15px;width:24px;vertical-align:middle}
.qqzeng-menu-img{margin-top:0}
.qqzeng-menu-line{background:#e1e1e1;height:1px;margin:5px 0}
@media screen and (max-width:1024px){.qqzeng-menu-mobile{display:block}
.tw-menu-container{display:flex;display:-moz-box;display:-ms-flexbox}
.tw-header-meta{padding-left:10px}
}
.content-area img.img-shadow{background-color:#fff;border-radius:8px;margin-bottom:12px;box-shadow:0 12px 42px 0 rgba(38,38,38,.16)}
#release-h4{font-size:27px;font-weight:700;color:#924d08;padding:50px 0 10px}
#release-date{font-size:1.5rem;color:#924d08;padding:15px 0}
#release-date span{color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(74deg,#4285f4 0,#9b72cb 9%,#d96570 20%,#d96570 24%,#9b72cb 35%,#4285f4 44%,#9b72cb 50%,#d96570 56%,#c58af9 65%,#e91e63 75%,#673ab7 100%)}
.purchase-label span, #release-h4 span{background: linear-gradient(128.87deg, #9780e5 14.05%, #e666cc 89.3%);  -webkit-background-clip: text;  background-clip: text;  color: transparent;}
.datalist{z-index:0;padding:0 0 10px 0}
.datalist ul{display:flex;max-width: 1200px; list-style:none;flex-wrap:wrap;margin:0 auto;padding:0}
.datalist li{flex-basis:calc(100% *.4);text-align:center}
.datalist li:nth-child(1),.datalist li:nth-child(3){flex-basis:calc(100% *.3)}
.datalist h3{color:#924d08}
.datalist h4{text-shadow:#fff 0 0 50px;color:#333b4c;padding:8px 0;font-size:1.35rem;font-family: initial;font-weight:300}
.order-buy-m{display:flex;height:90px;margin:5px auto;margin-bottom:80px}
.tb-btn-add{flex:1}

.tb-btn-add a{text-decoration:none;color:#924d08;display:block;cursor:pointer;height:38px;margin:0 8px;text-align:center;font-size:14px;line-height:38px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:1px solid #cddc39}
.tb-btn-add a:hover{border:1px solid #cddc39}
.tb-btn-add i{vertical-align:bottom;font-size:18px;font-weight:300;font-style:normal;margin-right:3px;color:#cddc39}
.tb-btn-add a:hover i{color:#9c5d259c;}
@font-face{font-family:tb-iconfont;src:url(https://at.alicdn.com/t/font_1421302883_443168.eot);src:url(https://at.alicdn.com/t/font_1421302883_443168.eot?#iefix) format('embedded-opentype'),url(https://at.alicdn.com/t/font_1421302883_443168.woff) format('woff'),url(https://at.alicdn.com/t/font_1421302883_443168.ttf) format('truetype'),url(https://at.alicdn.com/t/font_1421302883_443168.svg#iconfont) format('svg')}
.tb-iconfont{font-family:tb-iconfont!important;font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscaleFont type;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.qqzeng-tips{line-height:42px;font-size:18px;color:#fb7823;text-align:center;margin:5px 0 30px}
.download__dialog-mask{position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.5);overflow-y:hidden}
.download__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;border-radius:4px;padding:24px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border-radius:30px}
.download__dialog-close{position:absolute;right:24px;top:24px;cursor:pointer;display:inline-block;vertical-align:middle;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M12.25 10.693L6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M12.25 10.693L6.057 4.5 5 5.557l6.193 6.193L5 17.943 6.057 19l6.193-6.193L18.443 19l1.057-1.057-6.193-6.193L19.5 5.557 18.443 4.5z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor}
.download__dialog-hd{font-size:24px;line-height:29px;font-weight:500;padding-top:0;margin-bottom:0}
.download__dialog-hd .qr-img{width:100%}
.download__dialog-wrp{opacity:0;visibility:hidden;transition:all .3s}
.download__dialog-wrp_show{visibility:visible;opacity:1}
@media (max-width:760px){.download__dialog-close{top:30px;right:30px;width:60px;height:60px}
.download__dialog{width:1000px}
.download__dialog-hd{font-size:22px;line-height:26px;padding-top:34px}
.download__dialog-hd .qr-img{width:990px}
.download__btn{width:214px}
.ipinfo{width:90%}
}
@media screen and (max-width:600px){
.qqzeng-price img{width:96%}
}
@media only screen and (max-width:600px){
  
.qqzeng-tips img{width:initial}
.download__dialog{width:96%}
.download__dialog-hd .qr-img{width:100%}
.download__dialog-close{top:20px;right:20px;width:30px;height:30px}
}

.purchase-section{max-width: 1200px; margin: 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;padding:33px 20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.purchase-label{font-size:22px;font-weight:700;color:#333;white-space:nowrap;margin-right:20px}
.purchase-options{display:flex;flex-wrap:wrap;gap:80px}
.purchase-option{width:100px;height:100px;background:#fff;border-radius:12px;box-shadow:0 0 6px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;cursor:pointer}
.purchase-option:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.purchase-option img{width:36px;height:36px;margin-bottom:8px}
.purchase-option span{font-size:14px;color:#444}
.contact-section{text-align:center;margin:40px auto}
.contact-note{font-size:18px;color:#228b22;font-weight:500}
@media (max-width:1024px){
.container{width:95%;}
.purchase-section{flex-direction:column;align-items:center;padding-bottom:33px;width: auto;}
.purchase-label{margin-right:0;margin-bottom:12px}
.purchase-options{display:flex;gap:30px;width:100%}
.purchase-option{width:90px;height:90px;margin:0 auto}
.purchase-option span{font-size:13px}
.qqzeng-price img{width:100%}
.contact-note{font-size:16px}
.datalist ul{display:flow;}
}
.support-icons{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:nowrap;padding:40px 20px;max-width:1200px;margin:0 auto}
.support-icons a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;font-size:14px;font-weight:400;transition:transform .3s ease,color .3s ease}
.support-icons img{width:56px;height:56px;border-radius:50%;padding:10px;margin-bottom:10px;box-shadow:4px 4px 8px rgba(0,0,0,.1),-4px -4px 8px rgba(255,255,255,.9);transition:transform 3s ease,box-shadow 3s ease}
@keyframes spin{0%{transform:rotate(0)}
25%{transform:rotate(30deg)}
50%{transform:rotate(0)}
75%{transform:rotate(-30deg)}
100%{transform:rotate(0)}
}
.support-icons a:hover{transform:translateY(-5px)}
.support-icons a:hover img{animation:spin 1s linear;box-shadow:6px 6px 12px rgba(0,0,0,.15),-6px -6px 12px rgba(255,255,255,.9)}
@media (max-width:768px){.support-icons{gap:50px;flex-wrap:wrap;padding:20px}
.support-icons img{width:36px;height:36px;padding:8px}
.support-icons a{font-size:14px}
}
@media (max-width:480px){.support-icons img{width:40px;height:40px;padding:6px}
.support-icons a{font-size:12px}
.purchase-options{gap:50px}
}

.link-container{display:flex;justify-content:center;gap:40px;padding:20px}
.link-item{text-align:center}
.link-item img{width:32px;height:32px;transition:transform .8s ease}
.link-item img:hover{transform:rotate(360deg)}


.single-content.dev{background-color:#f8f9fa;margin:0;padding:0}
.hero-section{background:radial-gradient(1000px 500px at 50% -50px, rgba(37,99,235,0.45), transparent 70%), radial-gradient(800px 400px at 85% 30%, rgba(45,212,191,0.25), transparent 60%), #070b14;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 50px -15px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.15);border-radius:24px;color:#fff;padding:44px 32px;text-align:center}
.hero-section .container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}
.hero-section h1{font-size:2.5rem;margin-bottom:20px;font-weight:700;color:#fff}
.hero-section p.lead{font-size:1.25rem;margin-bottom:30px}
.hero-section a.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.5rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:3rem;text-decoration:none;margin:10px 5px;transition:background-color .2s,color .2s}
.hero-section a.btn-light{color: #ffffff;    background: linear-gradient(90deg, #3b6bff, #2e96ff 65%, #acb7ff);    border-color: #ffffff;}
.hero-section a.btn-light:hover{background-color:#e0e0e0;border-color:#e0e0e0}
.hero-section a.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}
.hero-section a.btn-outline-light:hover{background-color:#f8f9fa;color:#212529}
@media (max-width:768px){
    .site-title{font-size:1.2rem;}
.site-text{font-size:1rem;}
    
.hero-section{padding:40px 0;border-radius: 0;}
.hero-section h1{font-size:1.8rem}
.hero-section p.lead{font-size:1rem}
.hero-section a.btn{font-size:.9rem;padding:.4rem .8rem;display:block;margin:18px auto;max-width:200px}
}
@media (max-width:576px){.hero-section .container{padding:0 10px}
.hero-section h1{font-size:1.5rem}
.hero-section p.lead{font-size:.9rem}
}
#features{padding:60px 0;font-family:auto}
#features .container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}
#features h2{text-align:center;margin-bottom:40px;color:#333;font-size:2.5rem;font-weight:700}
#features .row{display:flex;flex-wrap:wrap;margin:0 -15px}
#features .col-md-4{flex:0 0 33.333%;max-width:33.333%;padding:0 15px;margin-bottom:20px}
.feature-card{transition:all .3s cubic-bezier(0,0,.5,1);border:none;border-radius:12px;background-color:#fff;box-shadow:2px 4px 12px #00000014}
.feature-card:hover{transform:translateY(-10px);box-shadow: 2px 4px 16px #00000029;}
.feature-card .card-body{padding:20px;text-align:center}
.feature-card h5{font-size:1.25rem;margin-bottom:15px;color:#007bff}
.feature-card p{font-size:1rem;color:#666}
@media (max-width:768px){
#features{padding:40px 0}
#features h2{font-size:2rem}
#features .col-md-4{flex:0 0 100%;max-width:100%;margin-bottom: 0px;}
.feature-card{margin-bottom:20px}
}
@media (max-width:576px){#features .container{padding:0 10px}
#features h2{font-size:1.8rem}
.feature-card .card-body{padding:15px}
.feature-card h5{font-size:1.1rem}
.feature-card p{font-size:.9rem}
}

/* ── 矿物钛金细滑块与恒宽防抖 (bazi 级奢华工程细节) ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #05070f; }
::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #c9a961, #8b6d36); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #f3e5ab; }
.tabular-nums, table, code, pre, [data-tabular-nums="true"] { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }

/* ══════════════════════════════════════════════════════════════

/* ══════════════════════════════════════════════════════════════
   ARTICLE LUXURY V2 / 对齐首页 index.html 的黑曜石与香槟金精密仪器美学体系
   零外层套娃 · 发丝线分栏 · 曜石面板 · 香槟金/深海蓝/极光青三色谐振
   ══════════════════════════════════════════════════════════════ */
body.article-luxury {
    --article-bg: #06080d;
    --article-surface: #0c111a;
    --article-surface-2: #101724;
    --article-surface-3: #141d2e;
    --article-line: rgba(255, 255, 255, 0.08);
    --article-line-strong: rgba(255, 255, 255, 0.14);
    --article-gold: #c9a961;
    --article-champagne: #e5c07b;
    --article-blue: #2563eb;
    --article-blue-light: #93c5fd;
    --article-cyan: #2dd4bf;
    --article-cyan-light: #5eead4;
    --article-text: #9aa7c2;
    --article-text-muted: #7e8cab;
    --article-title: #f4f7fc;
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    margin: 0;
    padding: 0;
    color: var(--article-text) !important;
    background-color: #06080d !important;
    background-image:
        radial-gradient(1000px 620px at 50% -160px, rgba(37, 99, 235, 0.09), transparent 72%),
        linear-gradient(180deg, #070a11 0%, #06080d 45%, #07090e 100%) !important;
    background-attachment: fixed;
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.82;
    letter-spacing: 0.004em;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body.article-luxury h1,
body.article-luxury h2,
body.article-luxury h3,
body.article-luxury h4,
body.article-luxury h5,
body.article-luxury h6 {
    color: var(--article-title);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.22;
}
body.article-luxury p {
    color: var(--article-text);
    line-height: 1.82;
}
body.article-luxury a {
    color: var(--article-champagne);
    text-decoration: none;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
body.article-luxury a:hover {
    color: #f3dfb6;
}
body.article-luxury strong {
    color: #eaf0fb;
    font-weight: 700;
}
body.article-luxury ::selection {
    color: #f6e7c6;
    background: rgba(201, 169, 97, 0.24);
}
body.article-luxury :focus-visible {
    outline: 2px solid var(--article-cyan);
    outline-offset: 2px;
}

/* ── 彻底消除旧版容器嵌套盒子 ── */
.article-luxury .theme-layout,
.article-luxury .ever-container,
.article-luxury .ever-container > .row,
.article-luxury .content-area,
.article-luxury .single-content,
.article-luxury .site-text,
.article-luxury .ip-pic {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

/* ── 全站统一顶部导航 (对齐 index.html #header) ── */
.site-header {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(5, 7, 13, 0.96);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.site-header-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #f1f5f9 !important;
    flex-shrink: 0;
}
.site-brand img {
    height: 36px;
    width: auto;
    display: block;
    transition: transform 0.3s ease;
}
.site-brand:hover img {
    transform: scale(1.05);
}
.site-brand span {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.035em;
    color: #f1f5f9;
}
.site-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}
.nav-pill-link {
    padding: 6px 14px;
    border-radius: 9999px;
    color: #c3cede !important;
    font-size: 14.5px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.nav-pill-link:hover {
    color: #e5c07b !important;
    background: rgba(201, 169, 97, 0.1);
}
.nav-pill-link.is-active {
    color: #e5c07b !important;
    background: rgba(201, 169, 97, 0.12);
    border: 1px solid rgba(201, 169, 97, 0.24);
    font-weight: 600;
}
.header-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border-radius: 9999px;
    color: #17140e !important;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    background: linear-gradient(135deg, #e2ca98, #b99658);
    border: 0;
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.42),
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 0 rgba(0, 0, 0, 0.16),
        0 4px 14px -4px rgba(201, 169, 97, 0.42);
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, background 0.25s ease;
    white-space: nowrap;
    flex-shrink: 0;
}
.header-cta-btn:hover {
    color: #11100d !important;
    background: linear-gradient(135deg, #ecd8ac, #c7a567);
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.56),
        inset 0 0 0 1px rgba(255, 255, 255, 0.24),
        inset 0 -1px 0 0 rgba(0, 0, 0, 0.12),
        0 8px 20px -4px rgba(201, 169, 97, 0.58);
    transform: translateY(-1px);
}
.mobile-menu-trigger {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #e5c07b;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
}
.mobile-menu-trigger:hover {
    background: rgba(201, 169, 97, 0.12);
    border-color: rgba(201, 169, 97, 0.3);
    transform: none;
    filter: none;
}
@media (max-width: 1024px) {
    .site-nav,
    .site-header .header-cta-btn {
        display: none;
    }
    .mobile-menu-trigger {
        display: inline-flex;
    }
}

/* 移动端抽屉菜单 */
.mobile-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(3, 5, 10, 0.82);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}
.mobile-drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}
.mobile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(300px, 84vw);
    z-index: 100;
    background: #080c14;
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    padding: 20px;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: -20px 0 50px rgba(0, 0, 0, 0.7);
}
.mobile-drawer.is-open {
    transform: translateX(0);
}
.mobile-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 14px;
}
.mobile-drawer-close {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    color: #c3cede;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: none;
}
.mobile-drawer-nav {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}
.mobile-drawer-nav a {
    padding: 11px 14px;
    border-radius: 10px;
    color: #c3cede !important;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-drawer-nav a:hover,
.mobile-drawer-nav a.is-active {
    color: #e5c07b !important;
    background: rgba(201, 169, 97, 0.1);
}
.mobile-drawer-cta {
    margin-top: 16px;
    width: 100%;
    justify-content: center;
    padding: 12px 20px;
}

/* ── 首屏 Editorial Hero (对齐 index.html .hero-editorial) ── */
.article-hero {
    position: relative;
    overflow: hidden;
    padding: 68px 0 88px;
    background:
        radial-gradient(900px 540px at 78% 18%, rgba(37, 99, 235, 0.15), transparent 68%),
        radial-gradient(760px 460px at 12% 16%, rgba(201, 169, 97, 0.085), transparent 68%),
        linear-gradient(145deg, #090d16 0%, #060911 58%, #080c14 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.article-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: 0.45;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 25%, #000 30%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 25%, #000 30%, transparent 80%);
    pointer-events: none;
}
.article-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}
.hero-edition {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
    padding: 6px 18px;
    margin-bottom: 24px;
    border-radius: 999px;
    background: rgba(201, 169, 97, 0.07);
    border: 1px solid rgba(201, 169, 97, 0.26);
    color: #e5c07b;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.12em;
    font-family: var(--font-mono);
}
.hero-edition-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e5c07b;
    box-shadow: 0 0 8px rgba(229, 192, 123, 0.9);
    animation: goldPulse 3s ease-in-out infinite;
}
.hero-edition-sep {
    color: rgba(201, 169, 97, 0.38);
}
@keyframes goldPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.42; }
}
.article-hero h1 {
    font-size: clamp(2.1rem, 4.4vw, 3.45rem) !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.14 !important;
    color: #f4f7fc !important;
    margin: 0 auto 18px !important;
    max-width: 960px;
    text-wrap: balance;
}
.article-hero h1 .grad-gold {
    background: linear-gradient(135deg, #ffffff 8%, #ecd6a8 52%, #b89456 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.article-hero h1 .hero-code-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    padding: 4px 14px;
    border-radius: 999px;
    font-family: var(--font-mono);
    font-size: 0.42em;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #e5c07b;
    background: rgba(201, 169, 97, 0.1);
    border: 1px solid rgba(201, 169, 97, 0.28);
    vertical-align: middle;
}
.article-hero-sub {
    font-size: clamp(0.98rem, 1.35vw, 1.12rem) !important;
    color: #9aa7c2 !important;
    max-width: 46rem;
    margin: 0 auto 28px !important;
    line-height: 1.82 !important;
}
.article-hero-actions {
    display: flex;
    flex-wrap: wrap;
     align-items: center;
    justify-content: center;
    gap: 14px;
}
.btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 24px;
    border-radius: 10px;
    color: #17140e !important;
    background: linear-gradient(135deg, #e2ca98, #b99658);
    border: 0;
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.42),
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 0 rgba(0, 0, 0, 0.18),
        0 2px 4px rgba(0, 0, 0, 0.35),
        0 10px 24px -8px rgba(201, 169, 97, 0.44);
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.28s ease;
    -webkit-font-smoothing: antialiased;
}
.btn-gold::after,
.btn-ghost::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.22) 50%, transparent 80%);
    transform: translateX(-130%);
    transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}
.btn-gold:hover::after,
.btn-ghost:hover::after {
    transform: translateX(130%);
}
.btn-gold:hover {
    color: #11100d !important;
    background: linear-gradient(135deg, #ecd8ac, #c7a567);
    transform: translateY(-1.5px);
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.58),
        inset 0 0 0 1px rgba(255, 255, 255, 0.26),
        inset 0 -1px 0 0 rgba(0, 0, 0, 0.14),
        0 4px 8px rgba(0, 0, 0, 0.4),
        0 14px 30px -8px rgba(201, 169, 97, 0.6);
}
.btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 22px;
    border-radius: 10px;
    color: #eaf0fb !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 0;
    box-shadow:
        inset 0 1px 0 0 rgba(255, 255, 255, 0.12),
        inset 0 0 0 1px rgba(255, 255, 255, 0.09),
        0 2px 6px rgba(0, 0, 0, 0.28);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1), background 0.28s ease, color 0.22s ease;
    -webkit-font-smoothing: antialiased;
}
.btn-ghost:hover {
    color: #f5e6c4 !important;
    background: linear-gradient(180deg, rgba(201, 169, 97, 0.12) 0%, rgba(201, 169, 97, 0.04) 100%);
    box-shadow:
        inset 0 1px 0 0 rgba(245, 230, 196, 0.28),
        inset 0 0 0 1px rgba(201, 169, 97, 0.32),
        0 6px 18px -6px rgba(201, 169, 97, 0.25);
    transform: translateY(-1.5px);
}

/* ── 核心信任数据铭牌横幅 (对齐 index.html .stats-banner) ── */
.stats-banner-wrap {
    max-width: 1200px;
    margin: -44px auto 40px;
    position: relative;
    z-index: 20;
    padding: 0 24px;
}
.stats-banner {
    background: linear-gradient(180deg, rgba(16, 23, 38, 0.95), rgba(9, 13, 24, 0.92));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 28px 60px -18px rgba(0, 0, 0, 0.8);
    padding: 22px 24px;
    display: grid;
    grid-template-columns: repeat(var(--stat-cols, 5), minmax(0, 1fr));
    align-items: center;
}
.stat-item {
    text-align: center;
    padding: 10px 14px;
    transition: all 0.25s ease;
}
@media (min-width: 960px) {
    .stat-item + .stat-item {
        border-left: 1px solid rgba(255, 255, 255, 0.075);
    }
}
.stat-num {
    font-family: var(--font-mono);
    font-size: clamp(22px, 2.3vw, 29px);
    font-weight: 800;
    color: #e5c07b;
    line-height: 1.2;
    letter-spacing: -0.02em;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}
.stat-unit {
    font-size: 13px;
    font-weight: 700;
    color: #5eead4;
    margin-left: 3px;
    font-family: var(--font-sans);
}
.stat-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #8b98b4;
    margin-top: 6px;
    letter-spacing: 0.01em;
}
@media (max-width: 959px) {
    .stats-banner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px;
        padding: 16px;
    }
    .stat-item {
        background: rgba(255, 255, 255, 0.025);
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 14px;
        padding: 12px 10px;
    }
    .stats-banner > .stat-item:last-child:nth-child(odd) {
        grid-column: span 2;
    }
}

/* ── 单层编辑式画布与曜石面板 (杜绝多层套娃) ── */
.article-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 48px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.editorial-panel {
    position: relative;
    background: linear-gradient(180deg, rgba(15, 21, 35, 0.82), rgba(9, 13, 24, 0.78));
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 24px;
    padding: 38px 42px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 26px 64px -34px rgba(0, 0, 0, 0.88);
    overflow: hidden;
}
.editorial-panel.is-gold-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.75), transparent);
    pointer-events: none;
    z-index: 2;
}
.section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #c9a961;
    margin-bottom: 10px;
    font-family: var(--font-mono);
}
.section-eyebrow::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c9a961;
    box-shadow: 0 0 6px rgba(201, 169, 97, 0.8);
    animation: goldPulse 3s ease-in-out infinite;
}
.block-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-bottom: 16px;
}
.block-head h2 {
    font-size: clamp(1.45rem, 2.2vw, 1.95rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
    color: #f4f7fc !important;
    margin: 0 !important;
}
.block-tag {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 4px 12px;
    border-radius: 999px;
    font-family: var(--font-mono);
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.28);
    white-space: nowrap;
}
.block-tag.is-cyan {
    color: #5eead4;
    background: rgba(45, 212, 191, 0.09);
    border-color: rgba(45, 212, 191, 0.28);
}
.block-tag.is-gold {
    color: #e5c07b;
    background: rgba(201, 169, 97, 0.1);
    border-color: rgba(201, 169, 97, 0.28);
}
.panel-lead {
    font-size: 15px;
    line-height: 1.82;
    color: #9aa7c2;
    margin: 0 0 24px;
    max-width: 72ch;
}

/* ── 发丝线泳道与多级规格清单 (对齐 index.html .hp-lanes / .area-card) ── */
.hairline-lanes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 18px;
    background: rgba(9, 13, 22, 0.6);
    overflow: hidden;
}
.hairline-lane {
    min-width: 0;
    padding: 24px 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.hairline-lane:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.hairline-lane:nth-child(-n+2) {
    border-top: 0;
}
.lane-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}
.lane-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #f1f5f9;
}
.lane-title .dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e5c07b;
    box-shadow: 0 0 8px rgba(229, 192, 123, 0.7);
}
.lane-title .dot.is-blue {
    background: #3b82f6;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.7);
}
.lane-title .dot.is-cyan {
    background: #2dd4bf;
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.7);
}
.lane-badge {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    color: #e5c07b;
    background: rgba(201, 169, 97, 0.09);
    border: 1px solid rgba(201, 169, 97, 0.22);
    padding: 2px 9px;
    border-radius: 999px;
}
@media (max-width: 860px) {
    .hairline-lanes {
        grid-template-columns: minmax(0, 1fr);
    }
    .hairline-lane:nth-child(odd) {
        border-right: 0;
    }
    .hairline-lane:nth-child(2) {
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }
}

/* 字段芯片列表 */
.field-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.field-chip {
    font-size: 12.5px;
    font-weight: 500;
    color: #c3cede;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 3.5px 10px;
    border-radius: 8px;
    font-family: var(--font-sans);
}
.field-chip.is-key {
    color: #e5c07b;
    background: rgba(201, 169, 97, 0.08);
    border-color: rgba(201, 169, 97, 0.24);
    font-weight: 600;
}
.field-chip.is-cyan {
    color: #5eead4;
    background: rgba(45, 212, 191, 0.08);
    border-color: rgba(45, 212, 191, 0.22);
}

/* ── 区划与号段卡片组件 (对齐 index.html .area-card / .seg-grid) ── */
.area-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
@media (max-width: 860px) {
    .area-grid-2 {
        grid-template-columns: minmax(0, 1fr);
    }
}
.area-card {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 16px;
    padding: 22px 24px;
    transition: border-color 0.25s ease, background 0.25s ease;
}
.area-card:hover {
    border-color: rgba(201, 169, 97, 0.26);
    background: rgba(255, 255, 255, 0.038);
}
.area-card h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    font-size: 16px;
    font-weight: 700;
    color: #f1f5f9;
    margin: 0 0 14px;
}
.area-card ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.area-card li {
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 13.5px;
    line-height: 1.7;
    color: #9aa7c2;
}
.area-card li:first-child {
    border-top: none;
    padding-top: 0;
}
.area-card li:last-child {
    padding-bottom: 0;
}
.area-card li b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e5c07b;
    font-weight: 700;
    font-size: 13.5px;
    margin-bottom: 4px;
    font-family: var(--font-mono);
}

/* 号段运营商矩阵 */
.carrier-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
@media (max-width: 900px) {
    .carrier-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.carrier-card {
    position: relative;
    padding: 20px 22px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.075);
    transition: border-color 0.25s ease, background 0.25s ease;
}
.carrier-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 2.5px;
    border-radius: 0 2px 2px 0;
    background: var(--carrier-color, #e5c07b);
}
.carrier-card:hover {
    border-color: rgba(201, 169, 97, 0.28);
    background: rgba(255, 255, 255, 0.04);
}
.carrier-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.carrier-name {
    font-size: 15px;
    font-weight: 700;
    color: #f1f5f9;
}
.carrier-tag {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--carrier-color, #e5c07b);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 2px 8px;
    border-radius: 999px;
}
.carrier-nums {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.carrier-nums code {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0;
    background: rgba(9, 13, 22, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.075);
    padding: 3px 8px;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
}

/* ── 数据图谱与架构展品画框 (.exhibit-card) ── */
.exhibit-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
@media (max-width: 900px) {
    .exhibit-grid-2 {
        grid-template-columns: minmax(0, 1fr);
    }
}
.exhibit-card {
    background: rgba(8, 12, 20, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border-color 0.25s ease;
}
.exhibit-card:hover {
    border-color: rgba(201, 169, 97, 0.28);
}
.exhibit-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.025);
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}
.exhibit-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: #eaf0fb;
}
.exhibit-title i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e5c07b;
    display: inline-block;
}
.exhibit-meta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: #8b98b4;
    font-family: var(--font-mono);
}
.exhibit-link {
    font-size: 12px;
    font-weight: 600;
    color: #e5c07b !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.exhibit-link:hover {
    color: #f5e4bc !important;
}
.exhibit-body {
    padding: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: rgba(5, 8, 14, 0.55);
}
.exhibit-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: block;
    margin: 0 auto;
    box-shadow: 0 14px 34px -16px rgba(0, 0, 0, 0.8);
}

/* ── 统一三列产品矩阵 (.product-suite-grid) ── */
.product-suite-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
@media (max-width: 900px) {
    .product-suite-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.suite-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-radius: 18px;
    background: rgba(13, 18, 30, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    text-decoration: none;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, background 0.25s ease;
    overflow: hidden;
}
.suite-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--suite-accent, #e5c07b);
    opacity: 0.75;
}
.suite-card:hover {
    transform: translateY(-4px);
    border-color: rgba(201, 169, 97, 0.32);
    background: rgba(16, 23, 38, 0.88);
}
.suite-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}
.suite-card-head img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}
.suite-card-title {
    font-size: 16.5px;
    font-weight: 800;
    color: #f1f5f9;
    margin: 0 0 3px;
}
.suite-card-badge {
    font-family: var(--font-mono);
    font-size: 11px;
    color: #7e8cab;
}
.suite-card-desc {
    font-size: 13.5px;
    line-height: 1.7;
    color: #9aa7c2;
    margin: 0 0 18px;
    flex: 1;
}
.suite-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.suite-price {
    font-family: var(--font-mono);
    font-size: 15px;
    font-weight: 800;
    color: #e5c07b;
}
.suite-arrow {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--suite-accent, #e5c07b);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* 快捷通道条 */
.quick-portal-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}
@media (max-width: 768px) {
    .quick-portal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.quick-portal-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 13px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.075);
    text-decoration: none;
    transition: all 0.22s ease;
}
.quick-portal-item:hover {
    border-color: rgba(201, 169, 97, 0.32);
    background: rgba(201, 169, 97, 0.07);
    transform: translateY(-2px);
}
.quick-portal-item strong {
    font-size: 13.5px;
    font-weight: 700;
    color: #f1f5f9;
}
.quick-portal-item span {
    font-size: 11.5px;
    color: #7e8cab;
    margin-top: 2px;
}

/* ── 号段更新日志三栏档案 ── */
.history-archive {
    column-count: 3;
    column-gap: 32px;
    column-rule: 1px solid rgba(255, 255, 255, 0.065);
    padding: 22px 26px;
    background: rgba(7, 10, 18, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 16px;
    color: #8b98b4;
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 2.05;
    max-height: 380px;
    overflow-y: auto;
}
@media (max-width: 900px) {
    .history-archive { column-count: 2; column-gap: 22px; }
}
@media (max-width: 600px) {
    .history-archive { column-count: 1; column-rule: 0; padding: 16px; max-height: 320px; }
}

/* ── 通用数据对比表 ── */
.luxury-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 16px;
    background: rgba(8, 12, 20, 0.72);
    -webkit-overflow-scrolling: touch;
}
.luxury-table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin: 0;
    background: transparent;
    box-shadow: none;
    font-size: 13px;
}
.luxury-table th {
    background: rgba(255, 255, 255, 0.035);
    color: #e5c07b;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.02em;
    padding: 13px 16px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-top: none;
}
.luxury-table td {
    padding: 12px 16px;
    color: #b2bdcc;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
    vertical-align: middle;
    background: transparent;
}
.luxury-table tbody tr:hover td {
    background: rgba(201, 169, 97, 0.04);
}
.luxury-table code {
    font-family: var(--font-mono);
    font-size: 12px;
    color: #5eead4;
    background: rgba(45, 212, 191, 0.08);
    border: 1px solid rgba(45, 212, 191, 0.2);
    padding: 2px 7px;
    border-radius: 5px;
}

/* ── 全站统一页脚 (对齐 index.html .site-footer) ── */
.site-footer {
    margin-top: 64px;
    padding: 56px 0 26px;
    color: #7d899e;
    background: #05070d;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}
.site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.footer-main {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    padding-bottom: 42px;
}
.footer-brand > a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #edf1f7 !important;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-decoration: none;
}
.footer-brand > a img {
    height: 32px;
    width: auto;
}
.footer-brand > p {
    margin: 14px 0 0;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #778399;
}
.footer-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #8f8065;
    font: 600 10px/1.4 var(--font-mono);
    letter-spacing: 0.14em;
}
.footer-status i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c9a961;
    box-shadow: 0 0 6px rgba(201, 169, 97, 0.7);
}
.footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 64px;
}
.footer-links > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.footer-links strong {
    margin-bottom: 4px;
    color: #cbd3df;
    font-size: 12.5px;
    letter-spacing: 0.05em;
}
.footer-links a {
    color: #758197 !important;
    font-size: 12.5px;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}
.footer-links a:hover {
    color: #e5c07b !important;
    transform: translateX(2px);
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #556175;
    font-size: 11px;
}
.footer-bottom p {
    margin: 0;
    color: #556175;
}
.footer-bottom p:last-child {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
}
.footer-bottom span {
    color: #8b7957;
    padding: 0 6px;
}

@media (max-width: 768px) {
    .article-hero {
        padding: 46px 0 68px;
    }
    .article-hero-inner,
    .stats-banner-wrap,
    .article-shell,
    .site-header-inner,
    .site-footer-inner {
        padding-left: 16px;
        padding-right: 16px;
    }
    .article-hero h1 .hero-code-badge {
        display: table;
        margin: 10px auto 0;
    }
    .editorial-panel {
        padding: 24px 18px;
        border-radius: 18px;
    }
    .article-shell {
        gap: 22px;
    }
    .footer-main {
        flex-direction: column;
        gap: 32px;
        padding-bottom: 28px;
    }
    .footer-links {
        gap: 32px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* ── 移动端窄屏（≤480px）兜底优化 ── */
@media (max-width: 480px) {
    .block-tag {
        white-space: normal;
        max-width: 100%;
    }
    .footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
    .footer-main {
        gap: 28px;
        padding-bottom: 30px;
    }
    .site-footer {
        margin-top: 44px;
        padding-top: 40px;
    }
    .panel-lead {
        font-size: 14px;
    }
    .luxury-table {
        font-size: 12.5px;
    }
    .luxury-table th {
        padding: 10px 8px;
        font-size: 12px;
    }
    .luxury-table td {
        padding: 10px 8px;
    }
    .luxury-table code {
        font-size: 11.5px;
        padding: 2px 6px;
    }
}

/* ── 移动端内边距节奏压缩：外层壳让位，卡片收拢，内件贴边 ──
   手机上双层以上嵌套容器逐层吃掉 1/3 屏宽，此处按层级递减收口。 */
@media (max-width: 768px) {
    .editorial-panel {
        padding: 20px 14px;
    }
    /* 面板内的一级卡片：padding 与面板同步收敛 */
    .hairline-lane {
        padding: 16px 14px;
    }
    .bento-card {
        padding: 16px 14px;
    }
    .suite-card {
        padding: 16px 14px;
    }
    .area-card {
        padding: 16px 14px;
    }
    .carrier-card {
        padding: 14px 12px;
    }
    .vcard-dark {
        padding: 14px 12px;
    }
    /* 卡片内二级件：贴边展示 */
    .exhibit-bar {
        padding: 10px 12px;
    }
    .exhibit-body {
        padding: 10px;
    }
    .history-archive {
        padding: 14px 12px;
    }
}
@media (max-width: 480px) {
    .article-shell,
    .stats-banner-wrap,
    .article-hero-inner {
        padding-left: 12px;
        padding-right: 12px;
    }
    .editorial-panel {
        padding: 16px 10px;
        border-radius: 14px;
    }
    .hairline-lane,
    .bento-card,
    .suite-card,
    .area-card {
        padding: 13px 10px;
    }
    .carrier-card,
    .vcard-dark {
        padding: 12px 10px;
    }
    .exhibit-bar {
        padding: 9px 10px;
    }
    .exhibit-body {
        padding: 8px;
    }
    .exhibit-body img {
        border-radius: 8px;
    }
    .history-archive {
        padding: 12px 10px;
        max-height: 300px;
    }
    /* 就地铺满：内件不再吃第二层边距 */
    .stats-banner {
        padding: 10px 8px;
    }
    .stat-item {
        padding: 10px 6px;
    }
}