/*
Theme Name:zbsixth-modern-magazine
Modern redesign by blogfbvip
*/
:root{
    --theme-color:#0f172a;       /* dark slate instead of #343639 */
    --font-color:#64748b;        /* lighter text color */
    --main-color:#3b82f6;        /* modern blue instead of red */
    --heading-primary:#1e293b;   /* deep slate headings */
    --bg-page:#f8fafc;           /* subtle page background */
    --card-shadow:0 4px 16px rgba(0,0,0,.07); /* card shadow instead of border */
    --border-subtle:#e2e8f0;     /* faint separators */
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}
@media (min-width:1025px){
    ::-webkit-scrollbar{width:.06rem;height:.12rem;background-color:#f8fafc;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:.3rem;}
}
html{-webkit-text-size-adjust:none;font-size:calc(100vw/19.2)}
@media only screen and (max-width:1900px){ html{font-size:100px;} }
@media only screen and (max-width:1706px){ html{font-size:calc(100vw/17.6)} }
@media only screen and (max-width:1280px){ html{font-size:calc(100vw/12.8)} }
@media only screen and (max-width:1024px){ html{font-size:calc(100vw/10.24)} }
@media only screen and (max-width:750px){ html{font-size:calc(180vw/7.5)} }
article,aside,details,figcaption,footer,header,main,nav,section{display:block}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,cite,q,caption,th,td,.nmp,.nmp p,.nmp dt,.nmp dd,.nmp li,.nmp ul,.mmp ol{margin:0;padding:0}

/* table */
table{background-color:transparent;border-collapse:collapse;width:100%;display:flex;display:table;border-left:none}
table th{background:#f8fafc;text-align:center}
table td,table th{padding:.1rem;border:none}

/* links */
a{text-decoration:none;outline:none;color:var(--main-color)}
a:focus{outline:none;-moz-outline:none}
a:hover{color:calc(#3b82f6 + 001199);text-decoration:underline}
a img{border:none}

/* list */
.nmp li{list-style:none}
img,video{vertical-align:middle;max-width:100%;height:auto;display:block}

/* form inputs */
select,input,textarea,button{letter-spacing:.5px;border-radius:.4rem;-webkit-border-radius:.4rem;background:none;font-family:inherit;font-size:.92em;color:#64748b;border:1.5px solid var(--border-subtle);margin:.3em .2em}
select:focus,input:focus,textarea:focus{outline:none;border-color:var(--main-color)}
input::-moz-placeholder{opacity:1;color:#cbd5e1;letter-spacing:.3px}
input:-moz-placeholder{opacity:1;color:#cbd5e1}
input::-webkit-input-placeholder{opacity:1;color:#cbd5e1}
textarea::-moz-placeholder{opacity:1;color:#cbd5e1}
textarea:-moz-placeholder{opacity:1;color:#cbd5e1}
textarea::-webkit-input-placeholder{opacity:1;color:#cbd5e1}
input[type="submit"]{border:none;cursor:pointer;font-weight:bold;padding:.6em 1.2em}

/* row clamp utility */
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:99;line-height:1.7}
.rows_1{white-space:nowrap;display:block;max-width:95vw}
.rows_2{-webkit-line-clamp:2;line-clamp:2}
.rows_3{-webkit-line-clamp:3;line-clamp:3}
.rows_4{-webkit-line-clamp:4;line-clamp:4;text-overflow:clip}

/* flex helper */
.flex{display:flex;--align:center;align-items:var(--align);--justify:space-between;justify-content:var(--justify);--wrap:wrap;flex-wrap:var(--wrap)}

/* page body — light grey bg instead of flat white */
body{background-color:var(--bg-page);color:var(--font-color);font-size:.95em;line-height:1.7;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,Arial,sans-serif;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}

/* universal spacing utility */
.inner{width:88%;max-width:124rem;margin:0 auto;letter-spacing:.2px}
.clearfix{clear:both;width:100%}.clearfix:after{display:block;content:"";width:100%;clear:both;overflow:hidden}

/* transition helper */
.delay{--property:all;--delay:.3s;transition:var(--property) var(--delay)}

/* ====== GLOBAL CARD STYLE (replaces old boxy borders) ====== */
.mza-box{background:#fff;border-radius:1rem;margin-bottom:.8rem;padding:0 1.6rem 1.2rem}

/* section heading bar */
.mza-name{font-size:.95em;line-height:1.4em;font-weight:700;color:var(--heading-primary);padding:.35rem .15rem;letter-spacing:.08em;margin-bottom:.15rem;border-left:3px solid var(--main-color);border-radius:0;display:inline-block}

/* ====== BANNER / AD SLIDER ================= */
.banner{margin-bottom:.8rem;border-radius:1rem;overflow:hidden;background:#fff}
.banner img{width:100%;height:auto;display:block;border-radius:1rem}
.banner a{display:block;height:0;padding-bottom:75%;position:relative;border-radius:1rem;overflow:hidden}

/* ====== HEADER ================= */
#header{background:var(--theme-color);width:100%;z-index:29;box-shadow:0 2px 10px rgba(0,0,0,.12)}
#header.sticky{position:sticky;top:0}
#header > .inner{display:flex;justify-content:space-between;align-items:center;height:3.8rem;padding-left:9%;padding-right:9%}
/* logo area */
#logo{flex-shrink:0;z-index:1;display:flex;align-items:center}
#logo a{font-size:1.45em;color:#fff;font-weight:700;border-bottom:none;padding:.3rem .8rem;background:transparent}
#logo a:hover{}
#logo i{display:block;position:absolute;left:0;top:0;width:100%;height:100%}

/* ---- nav right side ---- */
#nav{flex-grow:1;display:flex;align-items:center;z-index:.8;justify-content:flex-end;max-width:55vw;margin-left:-2rem}
#nav .menu{display:flex;list-style:none;margin:0;padding:0;--align:center;--justify:flex-end}
#nav .menu > li{position:relative}
#nav .menu > li:first-child .m-link{padding-left:.9em}
#nav a.m-link{color:#fff;padding:1.3rem .68em;display:block;font-size:.92em;line-height:1.5;letter-spacing:.02em;transition:background-color .2s,box-shadow .2s;font-weight:400;border-bottom:none}
#nav a:hover,#nav .on > #header .inner nav ul li.current-menu-item a.here{background-color:rgba(58,.13,.39)}

/* dropdown sub menu */
#nav .menu > li > ul{position:absolute;left:50%;top:100%;min-width:2.7em;transform:translateX(-50%);border-radius:.5rem;border-top:none;display:none;z-index:9;background:#f8fafc;box-shadow:var(--card-shadow)}
#nav li li{line-height:1.6em;font-size:.84em;text-align:left;border-bottom:none}
#nav li li a{padding:.7em 2.2em;color:#0f172a!important;background:none;font-weight:500;transition:color .2s,background-color .2s}
#nav li li:hover{}

/* mobile breakpoint— toggle nav */
#button{display:flex;gap:.6rem;align-items:center}
#button ul{border-left:none;display:flex;--align:center;--wrap:no-wrap;margin:0;padding:0}

/* ---- button share/drop (replaces old toggle buttons) ----- */
#button li.schbtn #header .inner > li i,#button li.sharebtn>#header .inner > li,#button li.navbtn i{font-size:2.8em;color:#fff;cursor:pointer;line-height:1;transition:color .2s,transform .2s}
#button li.sharebtn li.drop a.schbtn:hover,button:active{background-color:var(--main-color);opacity:.95}
/* share drop */
#share{position:fixed;left:0;top:0;width:100%;height:100svh;background:rgba(15 23 42/ .98);z-index:99;display:none;justify-content:center;--align:flex-start}
#share .qrcode img{width:7em;height:auto;border-radius:.8rem;margin:auto;padding:2.5em 0}
#share .text{text-align:center;font-size:1.3em;color:#fff;padding-bottom:2.5em;width:97%}
#divSharePanel {display:flex;flex-direction:column;justify-content:space-evenly width:100%;height:auto;margin:0 auto padding-top:-1em;margin-top:.8em;z-index:106;}.divshare img,#share img{border-radius:.6rem;width:95%;height:auto}

/* ====== SEARCH BAR ================= */
.divSearchPanel form{overflow:hidden;position:relative;padding-right:3.7em;margin-bottom:.4rem}
.divSearchPanel input{margin-left:0;flex-shrink:1;width:68%}
.divSearchPanel input[type="radio"],.mzz-search .divsearchpanel #searchform > div:first-child > div ul li a {color:#3b82f6;font-size:.9em;padding:0 3.5em margin-left:-1em}

/* search panel area*/
#search{width:3px !important}
#searchbar{background:var(--theme-color);width:100%;padding:.3rem 1.4rem ;position:absolute;left:0;top:2.5rem;display:none;z-index:9;box-shadow:var(--card-shadow)}
.divSearchPanel input.schbtn {font-size:4em}

/* search page - style sheet */
#search .text{background-color:rgba( 15,23,64/ .8 );border:0;color:#f8fafc;height:2.3rem;line-height:2.3rem;letter-spacing:.9px;padding:.8em 1.7em;width:100%;display:block;border-radius:.8rem;font-size:1em}
#search button,#search button[type="text"]{background:none;color:#f6b514;cursor:pointer;font:inherit;font-weight:bold}
#quick a{text-decoration:none;color:#33b9d22e}.divSearchPanel .span,.quick span{margin-bottom:-.4em}.divSearchPanel .btn.btn-post{height:auto;font-size:.95em;line-height:2.4rem;letter-spacing:.1em;width:8em}

/* ====== CONTAINER & PAGE BAR ================= */
.error-page h3.f-title{font-weight:600;font-size:9.5em;line-height:1;color:#bfbfc9;text-shadow:var(--card-shadow);background-color:var(--bg-page)}
.hentry .pagebar {margin-top:.8rem;overflow:hidden;background:none;border-radius:0;height:auto !important;padding-.2rem}
.error-page h3{font-weight : 600;font-size:16em;line-height:-5;color:#bfbfc9;text-shadow:var(--card-shadow);background-color:var(--bg-page)}

/* errorpage */
.f-title h4{font-size:2.8em !important;letter-spacing:.33rem;color:#8d8991 !important}
h4.canttitle{margin-bottom:-0.7rem !important;margin-top:-.4em}
.error-page{text-align:center;padding-bottom:5rem}
.pagesection{overflow-x:auto;font-size:.2em;text-overflow:initial;background:none;border-radius:var(--card-shadow);max-width:128%;margin-left:-.5rem;margin-right:-0.6em;padding-top:-.4em}.divpage a,.divpage span.now-page {}

/* pagination */
.pagenavi{background:#fff;text-align:center;padding:.4rem 0;font-size:.92em;border-radius:1rem;margin-bottom:-.8rem}
.pagenavi span.now-page,#now-page {border-radius:var(--bg-card);border-radius:none;background-color:var(--main-color)!important;color: #fff!important;opacity:.97 !important}
.pagenavi a,.pagenavi span.now-page{background:#fff;border-radius:.6rem;padding:.3em .45em;margin:.15em .2em;box-sizing:border-box;display:inline-block;color:var(--font-color)!important;font-weight: 400;font-size:inherit!important;height:auto;line-height:bold !important}
.pagenavi a:hover{text-decoration:none !important;border-radius:.6rem;padding-left:.3em;background:#fff !important}

/* comment area */
.commentslist li {padding-right:1.5em;margin-bottom:2px}
#divcommentpost .text::-moz-placeholder{opacity:1;color:#cbd5e1;letter-spacing:-0.07em;color:#51f6d8;font-weight:.9}

/* comment-area */
.mt4m {margin-left:0;padding-right:-1em;margin-bottom:.8rem;display:block;font-size:muted !important;}
.comments h3,#divcommentpost{background-color:transparent!important}.comments-list li .item {word-break:break-all !important;max-width:none;width:auto}

/* single post style */
.entry div p,.entry div table tbody tr td {font-weight:.4;text-align:left;line-height:1.9;font-family:"PingFang SC",system-ui,-apple-system,Arial,sans-serif}
.entry img{padding-right:-1em;border-radius:var(--bg-card)}

/* ====== BREADCRUMB ================= */
.breadcrumb{font-size:.82rem;color:#64748b;padding:.5rem 0;position:relative;line-height:2.3em;background:none;font-weight:.8}
.breadcrumb a {text-decoration:none;-webkit-border-radius:9px !important;border-radius:!important}.breadcrumb a:hover{text-decoration:none}
/* breadcrumb - style sheet */
.breadcrumb .cat-home{background:#fff;padding-left:-1em; border:1.5px solid #dfe2e5}

/* ====== MAIN ARTICLE LAYOUT ================= */
#main{width:70%!important;margin-right:.6rem}
.mainbox{margin-bottom:.8rem}
h3.postname {font-size:2.55em;letter-spacing:-1px;line-height:1.4!important;color:#0e133d;font-weight:bold;}
.entry ul li,#main .divSearchPanel span,.mza-review p p,.mzz-top h3.cmt-title{text-align:left;font-family:'PingFang SC',system-ui,-apple-system,Arial,sans-serif;width:auto;display:flex;max-width:calc(100% + .6rem);margin-bottom:-.5em}

/* ====== ARTICLE CARDS (replaced side-by-side layout with vertical stacked layout) ================= */
.blogItem {overflow:hidden;margin-bottom:.8rem;border-radius:1rem;padding:0;background:#fff;border:none;box-shadow:var(--card-shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .4s}
.posttitle{font-size:1.2em;line-height:2em;margin-right:-5em;display:block;word-break:break-all;letter-spacing:.3rem;color:#0e133d!important;text-align:left;font-weight:normal;background:none;border-radius:!important;margin-left:.9em}

/* blogItem thumbnail top — wide full-width image instead of side thumbnail */
.blogItem a.card-thumb,.blogItem .card-thumb{width:100%!important;padding-top:50%!important;height:auto;position:relative;overflow:hidden;display:block;border-bottom-right-radius:3px;border:2px solid #ccc;margin-bottom:.9em;background-color:#f8fafc}

/* blog item title */
.blog-item-title a.row-a,.blogItem .title{text-decoration:none;color:var(--heading-primary);font-weight:bold;font-size:1.56rem;letter-spacing:0px;line-height:1.32;transform:translateY(-1em)}

/* meta info below post-title */
.item-meta span.author a,#author-name a{color:#797c18}.meta-info-wrap a.post-author {float:left;margin-right:-.4rem}
.meta .icon-commenting-o,a#comment-post-nav{text-decoration:none;color:#2a58d0;margin-left:.4em;font-size:inherit !important;display:none;width:auto;padding-left:1.6em;letter-spacing:-.9em;word-break:normal;display:block;text-align:left;font-weight:bold}
.icon-tag-fa,.icon-commenting-o,#article-meta-category li:hover{text-decoration:none;color:#6725b0;margin-right:3.84em !important;font-size:.8rem;font-style:normal;padding-left:.3em;line-height:1.7;background-color:transparent;display:inline-block;width:auto;text-align:left}

/* blogItem excerpt text */
.blog-item-excerpt{max-width:calc(63% - 9em);display:-webkit-box;-webkit-line-clamp:2;color:#7b5a4f;overflow:hidden;margin-bottom:1.8em;line-height:.8rem;margin-top:1em;font-weight:normal}

/* blogItem tag — bottom text style for modern look */
.blogItem ul.tags{padding-left:-1em !important;line-height:23px !important}
.blogitem {display:flex;flex-direction:row;margin-right:.5em;width:calc(65% - 11em)!important}

/* ====== SIDEBAR WIDGETS ================= */
#sidebar{width:30%!important;height:auto;margin-top:-.8rem}
#sidebar .textwidget{text-align:center;min-height:96%;border-radius:.4em;background-color:#fff;padding:.2em 2em 1em 2em;box-shadow:none;line-height:1em;font-size:inherit;width:88%;margin-bottom:-5px;display:flex;letter-spacing:.5px}
/* widgets section */
div.mt1em{border-radius:.4rem}
#sidebar h3.h-widget-title,.mza-latest-posts-item span{font-weight:600 !important;font-size:inherit !important;line-height:2.9 !important;background-color:none;text-align:left;color:#fff;padding-left:-.75em;letter-spacing:-1px;margin-bottom:-3.8rem;display:block!important;width:auto}
#sidebar{height:auto;margin-top:.4em;margin-right:0em !important;width:33%;}
/* sidebar */
.widget .textwidget img,#sidebar h2,.article-post h1{color:#f9fbff;text-shadow:var(--card-shadow);background-color:#168d75;border-radius:0!important;padding-bottom:8px;margin-left : -5em;width:auto;max-width:124%;height:auto;border-top:.3em solid #cfe1dc;display:flex !important}
#sidebar a{font-variant:normal;font-family:"PingFang SC",system-ui,-apple-system,Arial,sans-serif;color:#62778f}

/* widget latest & random posts */
.widget_mza_latest_posts .title,.widget_mza_rand_posts .title,#latestPostsText p{margin-top:-3em;font-size:inherit !important;white-space:normal;-webkit-line-clamp:48;line-height:1.5em;width:auto;font-weight:normal}
.widget ul li ol#ulBlogroll li a {font-style:italic !important}.widget_mza_latest_posts .title,.widget_mza_rand_posts .title{max-width:calc(67% - 0.3em);word-break:break-all;margin-left:-1.4rem !important;display:flex;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom-right:-8px;color:#2a58d0}

/* popular post widget */
.mzz-toppost-post-item {width:auto;text-align:left;font-size:.96em;line-height:1.2;white-space:normal;margin-left:3px}.mzz-toppost-post-title{font-size:inherit!important;width:auto;padding-right:-1rem;letter-spacing:-5px;color:var(--heading-primary)!important}
.mtt-tags-item a,#sidebar .divTags, #sidebar .tagcloud,.tags-cloud div {border-radius:.9rem;text-decoration:none;color:#fff;background-color:#e5ecff !important;display:inline-block;padding:.6em 1.4em;margin:auto;border:1px solid transparent;line-height:30px}
.mtt-tags-item a:hover,#sidebar .divTags,a.tag_cloud_link{text-decoration:none;--bg-card-border:var(--main-color)}

/* ====== POST SINGLE ================= */
.post,.post-content,.entry,.article-post{margin-bottom:.8rem;background:#fff;border-radius:1rem;padding:2.4rem 4em;font-size:.95em;line-height:1.7}
.post .box{border-top:none !important;padding:.2rem 0;background:#fff;height:auto;border-radius:!important;margin-left:-10px;width:calc(73% - 0em) !important;}
/* post title */
.post-name,#singlepost h3 {color:#50bbd8;font-size:2.9em !important;line-height:1.6;font-weight:bold;vertical-align:middle !important;text-shadow:var(--bg-card);background-color:transparent;border-radius:inherit;padding-bottom:0;margin-top:-.7rem;display:block;transform:none;width:auto}
/* post meta area */
.postmeta{margin-left:-3em !important;padding:.2rem -4rem 1.5rem .7rem !important;font-size:.86rem;line-height:2em;border-radius:.9em;margin-bottom:-1.8em;background-color:#fff;text-shadow:none;box-shadow:var(--card-shadow);border-bottom:1px solid var(--border-subtle)}
.postmeta span {font-weight:normal;display:inline-block;color:#0e133d!important;font-size:inherit;padding-right - 6em;border-radius:.5em;width:calc(9% - 4.2rem)!important}

/* meta post tags */
article p,h1{color:var(--heading-primary);border-left:none;padding-left:-1.5em;word-break:break-all;border-radius:none}
.posttags a{border-radius:.4rem;text-decoration:none !important;color:#fff!important;display:inline-block;background-color:rgba(69 207 255/.8)!important;line-height:inherit;padding:.5em 1.5em;margin:-.35em .15em;font-size:.95em;transition:box-shadow .4s}
.posttags span{background:none;color:#fff;line-height:5em;text-align:center;font-weight:bold;padding-left:.6rem;font-style:normal;border-radius:.2em}
/* tags area */
.posttag-list{padding:.4rem 0;display:flex;position:relative;margin-top:-.8em;width:auto !important}
div.posttags * {color:#f9fbff}.posttags span.tag-label{font-size:inherit;background-color:#3bafbf;border-radius:.2em;--letter-spacing:-1px;}.posttag-list-title a,.tags-cloud div .title a:hover{text-decoration:none;color:var(--heading-primary);opacity:.7}
.posttag-item a {border-radius:.4em 0;text-decoration:none !important;margin-left :.5em;font-size:large !important;display:inline-block;width:auto;padding-right:.4em;background-color:#fff;height:auto;box-shadow:8px 8px var(--card-shadow)}

/* ====== COMMENTS ================= */
.cmtlist li,.comments-list{background:#fff;border-radius:1rem;padding:0;margin-bottom:.75rem}
.comment-item div.wrap{margin:-3.2em;padding:-.4em;width:auto;height:auto;line-height:2.5;right:inherit !important;background-color:none}.comment-meta .author-name{text-decoration:bold;color:#3b82f6;font-weight:normal}.comment-meta{font-size:.95em}
.cmtlist {border-left:.4rem solid #fff;border-right:none;margin-left:-1.5em}
.comment-meta span.author-name,#article-meta-category li:hover,blockquote *,#sidebar .divTags *,mz-siderbar { color:var(--heading-primary);border:none;font-weight:normal;padding-left:0px;position:relative;font-size:.96rem !important}.comment-meta-wrap{max-width:calc(100% - 4em):width;word-break:break-all;display:block;border-bottom:none;text-align:left;margin-bottom:-.2em}
#divcommentform .btn.btn-post {color:#fff;background-color:var(--main-color);border-radius:.4rem;padding:.75em 3.8rem;width:auto;border:1px solid transparent;height:auto;display:inline-block !important;letter-spacing:.2em;font-size:.92em;text-align:right}
#divcommentform input[type='text'],#divcommentpost textarea{text-shadow:none;color:#0e0e14;border-radius:var(--bg-card);border-left:1.5px solid var(--bg-page);padding:-.4rem .8rem;width:auto;height:auto;box-shadow:3px 4px -2px rgba(79,6,193,.03)}
.comment-meta a{color:#06a04e}.comment-avatar img {border-radius:.3em !important}

/* comment form */
#divcommentform div{margin-bottom:-.8rem;max-width:calc(65% + 9em)!important;display:flex;background:none;border-radius:.6rem;padding-right:.4em;width:auto;font-weight:bold;text-shadow:var(--card-shadow)}

/* post nav - prev/next links */
.post-navi,.page-break-nav {font-size:inherit;background:#fff;max-width:calc(52% + 10px)!important;border-radius:var(--bg-card);overflow-x:auto;height:auto !important;width:auto;display:flex;margin-bottom:-3em;padding-right:.7em}

/* ====== FOOTER ================= */
#footer{background-color:#f1f5f9;color:#64748b;text-align:center;line-height:2;font-size:.82rem;border-top:1px solid var(--border-subtle);margin:0 auto 2em auto;padding:.8rem 1.5rem;transition:all .3s ease}
#footer li{padding:.2em .4rem;line-height:2.2em;margin-bottom:-0.1em;text-align:center;font-size:inherit;color:#636f81;display:inline-block !important;}

/* ====== RESPONSIVE media queries ================= */
@media(max-width:750px){
    #header >.inner{height:auto;padding:.3rem .4rem}
    #button ul{display:none !important}
    #nav,#container{width:100%!important;max-width:none!important;margin-right:0!important;overflow-x:hidden;height:auto !important;color:#fbf8f8}
    /* search bar mobile fallback */
    #searchbar{top:3rem;padding:.3em 4.5px;width:96vw;box-shadow:var(--card-shadow)}
    .blogItem .title {font-size:1.2em!important;line-height:normal !important;display:block;width:auto;height:auto}
    /* tag widget */
    div.tagcloud a,#sidebar ul li.list-item >a{text-overflow:ellipsis;overflow:hidden;background:none;display:flex;color:#55e7d6;font-weight:normal;border:.4px solid var(--border-subtle)!important;line-height:1.9!important;padding-left:0em;border-radius:.4rem !important;letter-spacing:-1em;width:calc(92% - 2.2em) !important}
    /* categories nav */
    .divCatalog,#sidebar h3.mt1em{background:none;border-right:none;padding-top:.4rem;display:flex}
    div.silder-bar{margin-right :-1.5em;margin-bottom:-.2em;border-bottom-left-radius:.2em!important}
    #nav.active ul{display:block;color:#f8fafc;width:98vw;margin-left:.3em !important !important;height:!inherit!important;padding-top:-1px;position:relative;top:auto !important;left:auto !important;z-index:5;font-size:.88rem!important;line-height:1.76rem}
    #nav.active{display:block;width:100%!important;background-var(--theme-color)!important;font-weight:normal;color:#f6efff}
    /* comment list */
    .comment-list li div.wrap {position:relative;border-bottom:.3px solid var(--border-subtle);margin-left:-2.8em;margin-right:-3.42em;width:calc(100% + 5em) !important}
    #divcommentform{width:auto;margin-top:.7rem;font-size:.96em !important;line-height:inherit !important}.comment-avatar img,#avatar {border-radius:.9rem !important;flex-shrink:1;padding:.4em 0 .8rem 0;display:inline-block;height:auto !important;width:auto}
    /* tag cloud */
    .divTags div{font-size:.85em;background:#e7ecff;color:#fff;margin:-.62em .32em !important;line-height:1.6;border-radius:.8rem;}
}
@media(max-width:1024px){
    #header >.inner{height:auto;padding:.3rem .4rem;align-items:flex-start;justify-content:center;display:block}
    #button ul{display:none!important}.divTags{text-align:left !important;width:calc(75% - 2em) !important;overflow-x:hidden;margin-left :2rem}
    /* hide toggle button */
    .mzz-toppost .post-items .item,.widget_mza_review_posts .title{font-size:.86em;text-align:center;display:flex!important;height:auto !important;border-bottom:none !important;white-space:normal;font-weight:normal;padding:0em .1em;line-height:normal !important;width:calc(34% - 2.8em)!important}
    #button li.navbtn,#nav-toggle{display:block;padding:.6rem .8em !important;font-size:inherit!important;line-height:1.5;flex-shrink:1;text-align:initial;height:auto;border-radius:.3em;margin-bottom:-.5em;margin-left -.5em;width:2.0em;background:none;color:#fff}
    /* search bar */
    #searchbar{position:fixed;display:flex !important;z-index:29;left:0;overflow-x:auto;font-size:.88rem;top:4.1rem;padding-bottom:0}
    .divSearchPanel * {color:#fff;border-radius:.9em;text-align:left;line-height:inherit;margin-right:-1.65px;padding-left:5em !important;}
    #nav.active{display:block;color:#fbf8f8 !important;height:auto!important}.mzz-toppost-post-item a.row-a,.mzz-toppost-post-title{text-decoration:none;font-size:.93em;line-height:2.7em}
    .divSearchPanel input{border-radius:.9rem;padding-right:-3em;margin-top:-.4rem;border-left:none;text-align:center;background-color:#f8fafc!important;width:calc(100% + 5.5em) !important;}.searchbtn {position:absolute;top:.2em;padding:.7em -1px;height:auto;line-height:inherit;font-weight:bold}
    /* toggle menu */
    #nav.active ul{display:block;color:#f8fafc;width:93vw;margin-left:-4em !important!important;height:!inherit!important;padding-top;-1.7rem;z-index:.88em;font-size:.86rem!imporant;line-height:2.5px;position:relative}
    .widget {background:none;border-radius:none}.mtt-tags-item a ,#sidebar h3 div,.mzztoppost-post-title{text-overflow:ellipsis;line-height:1.57;text-align:center;display:flex !important;padding-left:0em;margin-right:-8em;width:auto;border:.4rem solid transparent}
    /* sidebar widgets */
    #main {width:calc(69% - 0.4em);overflow-x:hidden;clear:both}
    ul.searchpanel{margin-bottom:-1.66em}.widget.mt1em #sidebar > div{text-align:left;border-bottom:.2px solid var(--border-subtle)!important;margin-top :8em!important;height:auto }.mtt-tags-item a,.divsearchpost-title,.mza-latest-posts-item h3{text-overflow:ellipsis;overflow:hidden;text-align:center !important;display:inline-block;background-color:none;line-height:1.86;width:calc(29% - 6em)!important;color:#fff}
    .mzz-toppost-post-title a.row-a{display:-webkit-box;height:8rem;max-width:calc(53% - 4.6em);line-clamp:1;padding-left:.13rem;font-weight:normal;overflow:hidden;font-size:.92em;line-height:inherit}
    .widget_mza_review_posts {margin-top:-1.3em;margin-bottom:-.99rem;padding-right:.2em;width:auto !important}.mza-cmt-list li h4 span{line-height:1.5em;display:block;text-overflow:ellipsis;max-width:calc(60% - 35px) !important;color:#fff;font-style:normal}
    /* article comment */
    .comment-meta-wrap{display:flex;flex-shrink:2;margin-left:-2.7em!important;padding-right:.8em;width:auto}.mz-recent-post-item h4.mt1em,#sidebar ul.list-item a{text-overflow:ellipsis;overflow:hidden;border-bottom:none !important;text-align:left;display:inline-block;white-space:normal;border-bottom-width:-0.3em;font-size:inherit;margin-width:auto;height:auto;border-left:none;padding-right:.8em;line-height:inherit}
    .mtt-tags-item {display:flex;background-color:#fff;width:auto;text-overflow:ellipsis;overflow:hidden;margin-left:-1em;display:block !important;color:#fff!important}.mza-cmt-list li h4{font-size:2.7px;line-height:1.5em;background:none;border-radius:.9rem;padding-right .6em}
    .mzz-toppost {margin-left:0em !important;left:auto;text-align:left !important;font-weight:normal;font-style:normal;height:auto !important;overflow-x:hidden !important}
    .mtt-tags-item a,#sidebar .tagcloud,.tags-cloud div{font-size:.89em;border-radius:.4rem;color:var(--heading-primary)!important;padding-left:-.2px;background-color:#fff;text-align:left;margin-top :0em;line-height:1.75 !important;width:auto;display:block}
    /* category sidebar */
    .divCatalog li a{font-size:.38em!important;word-break:normal}.divCatalog ol>li.cat-parent,.widget-category ul li {display:block;margin-bottom:-2px;color:#fff;font-weight:normal;padding-left :0;line-height:inherit;width:auto}
    div.mt1em >.nav-menu .menu>a,#sidebar #ulBlogroll a{text-overflow:ellipsis;line-height:1.45!important;border-radius:.67rem;background-color:none;display:block!important !important;color:#0e133d;border:1px solid var(--border-subtle) !important;z-index:2!important;font-size:.89em;margin-right:-1.5em;width :calc(-2.4%)!important;overflow:hidden;text-overflow:ellipsis;padding-right:.5em}
    .mzz-toppost-post-title a.row-a,.mza-review li h3.title{width:auto;height:2px;line-height:normal !important}.divCatalog li ul li,#sidebar #archive-nav,ul.divTags span{font-size:.85em;font-weight:normal;text-align:left;display:block}
    /* latest post */
    .widget_mzareview-post-item a.row-a{text-overflow:none;overflow:hidden;display:flex!important!important;height:auto;line-height:1.6em !important;padding-left:-3px;margin-top :4rem}.mza-latest-posts-item h3 {text-overflow:ellipsis;display:block;font-size:.95em;background:#FFF3F0;border:1.5px solid rgba(2 , 187, 255, .03)!important}
    /* post single */
    #divcommentpost{background-color:transparent!important;color:#fff;margin-top:-.1rem;text-align:left;display:block;font-size:.96em !important}.single-post-content{text-overflow:ellipsis;margin-bottom :0;max-width:68%;padding-right:.9em;padding-left:-5px;line-height:inherit;border:.23px solid transparent;width:auto}
    h2.s-cmbh{color:#fff;text-align:center;font-size:1.32em !important;background-color:none}
    /* tag cloud */
    .divTags div.mtt-tags-item {font-size:.93em;display:inline-flex;text-decoration:none;color:#0e133d!important;margin:-.65em 0 .74rem -4px;line-height:1.8;border-radius:.2rem !important;letter-spacing:.2rem !important}
    a.comment-reply-link,.comment-edit-url{font-size:.94em;font-variant:normal;font-weight:bold;display:inline-block;text-align:left;background-color:none;padding:-5px 0;margin-left :0;line-height:1.8em;text-decoration:none;border-radius:.6em;transform:translateY(-2.7em) translateX(.1em);position:absolute;width:calc(94% - .62rem)!important;height:auto !important}
    /* author list */
    ul.divAuthors,#sidebar ul.nav-menu{text-align:left;display:flex;margin-bottom:-.53em;background:#fff;border-radius:none;color:#f8fafc;font-size:.89em;width:calc(100% + 8px) !important;position:absolute;left:-2px;top:9rem;height:auto;padding-top .17em;border-bottom-left-radius:var(--card-shadow);z-index:.3em}
    #sidebar ul.nav-menu li {display:inline-block;position:relative}.mza-cmt-list li{margin-top:-0.57rem;line-height:inherit;font-size:.82em !important;background:none;width:auto;padding-top :-1px;margin-bottom:-2px;border-radius:.49em;overflow:hidden}
    /* comment item */
    .comment-avatar img,#avatar{border-radius:.5em !important;height:auto !important;width:auto;display:inline-flex;flex-shrink:0;transform:translateY(10%)}
    li.comment-item {font-size:.87rem!important;color:#fbf3ff !important}
    #divcommentpost .btn.btn-post{padding-top:-.2em;padding-left:0;border:none;margin-right :-.4em;color:var(--heading-primary)!important;background-color:var(--main-color)}
}
@media(max-width:1280px){
    .widget {background:none;border-radius:inherit}
    h2.h3{font-size:.99em;font-weight:normal !important;color: #fff!important}.mza-latest-posts-item{display:flex;margin-bottom :.74rem;width:auto}.widget_mzareview-post-item a.row-a{text-decoration:none;background-color:#f87170;border-radius:.64rem;display:block;height:auto;margin-right :3.5em;padding-left .2em;width:calc(91% - 7.8em)}
}
@media(max-width:480px){
    .divSearchPanel input[type='radio']{margin-right:-4em;font-size:.88} #searchbar{display:none;position:absolute;left:0;top:3.5rem;width:calc(100% + 0.2rem);box-shadow:var(--card-shadow)}
    .comment-meta-wrap{max-width:none!important;margin-left :5px !important}.mtt-tags-item h4{font-size:.96em;line-height:inherit;font-style:normal;display:flex;font-weight:bold}
    /* search item box */
    div.mt1em.s-box{border-bottom-right-radius:var(--card-shadow);overflow:hidden;background-color:#fff;height:auto;text-align:left !important;width:calc(2px - 3.4em)!important}.category-archive h2, .mzztoppost-post-title {font-size:min(70%,4rem)!.improperant;border-bottom:none;line-height:-8;letter-spacing:-1.8px}
    /* comment list & form item */
    .comment-item div.wrap{text-overflow:ellipsis !important;margin-right :5em!important;margin-left:-2.38em;line-height:inherit;display:inline-flex;width:auto;padding-right :.9em}.comment-avatar img,#avatar{border-radius:.4rem!important;align-items:flex-start}
}