@charset "utf-8";
/*
 * Jz52_f11 极致·微简文本 深浅双色主题
 * Theme by @隔壁老李 - https://gebilaoli.com
 * https://app.zbp.cool/zblogTheme/1542.html
 */
:root{
  --bg-body: #F4F5F7;
  --bg-panel: #FFFFFF;
  --bg-header: #FFFFFF;
  --bg-3: #ECEDF0;
  --line: #E3E5E8;
  --text: #666666;
  --text-light: #999999;
  --text-bright: #333333;
  --accent: #4E6EF2;
  --sep: #D9D9D9;
  --hover-bg: #F4F5F7;
  --nav-hover-bg: rgba(78, 110, 242, 0.10);
  --bar-text: #666666;
  --shadow-black: rgba(0, 0, 0, 0.12);
  --focus-shadow: rgba(78, 110, 242, .45);
}
html[data-theme="dark"]{
  --bg-body: #15161A;
  --bg-panel: #1E2026;
  --bg-header: #1E2026;
  --bg-3: #262931;
  --line: #2F323B;
  --text: #A6AAB4;
  --text-light: #82868F;
  --text-bright: #ECEEF2;
  --accent: #7C93FF;
  --sep: #3A3D46;
  --hover-bg: #262931;
  --nav-hover-bg: rgba(124, 147, 255, 0.14);
  --bar-text: #ECEEF2;
  --shadow-black: rgba(0, 0, 0, 0.4);
  --focus-shadow: rgba(124, 147, 255, .35);
}
body,.newbui-pannel,.newbui-header__bar,.newbui-list li,.newbui-header__search .form-control,.newbui-page li a,.newbui-page li .num,.newbui-tag a,.newbui-comment__item,.newbui-comment__field .text,.newbui-btn{
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
/* all */
html{height: 100%;}
body{margin: 0;background: var(--bg-body);font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;font-size:14px;line-height: 140%;color: var(--text);}
ul, ol, li,dt,dd{margin:0; padding:0;list-style: none;}
dl{margin-top:0; margin-bottom:0;}
p{margin:0 0 10px;}
img{border: 0; vertical-align:middle;max-width: 100%;}
img.img-responsive{width: 100%;}
input{outline: medium none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--text);}
input:focus{border-color:var(--accent); -webkit-box-shadow:inset 0 1px 1px rgba(78,110,242,.075),0 0 8px var(--focus-shadow);}

/* container */
*{-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;}
.container {width: 990px;position: relative;padding-right: 15px;padding-left: 15px;margin: 0 auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}

/* text */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1, h2, h3, h4, h5, h6{ color: var(--text);}
a:focus,a:hover,a:active{text-decoration:none;color: var(--accent);}
em{ font-style: normal;}
.col-pd{ padding: 15px 20px;}
.text-red{ color: red;}
.text-muted{ color: var(--text-light);}
.text-orange {color: var(--accent);}
.text-center{ text-align: center;}
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; background: var(--sep);}

/* header */
.newbui-header__top{position: relative;height: 100px;padding: 0 20px;background: var(--bg-header);border-bottom: 1px solid var(--line);}
.newbui-header__logo{float:left; margin-right: 120px;}
.newbui-header__logo{width: auto;margin-top: 20px;}
.newbui-header__logo .logo{display:block;width: auto;height:60px;}
.newbui-header__logo .logo-dark{display:none;}
html[data-theme="dark"] .newbui-header__logo .logo-light{display:none;}
html[data-theme="dark"] .newbui-header__logo .logo-dark{display:block;}
.newbui-header__search{float: right;position:relative;width:280px;margin-top: 32px;}
.newbui-header__search .form-control{display:block;width:100%;height: 35px;padding:6px 80px 6px 10px;font-size:12px;line-height:32px;border-radius: 5px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background: var(--bg-3);color: var(--text);-webkit-text-fill-color: var(--text);border: 0;}
.newbui-header__search .submit{position:absolute; top: 0; right: 0; width:35px; height:35px; border: 0; cursor: pointer; background:none; color: var(--text); display:flex; align-items:center; justify-content:center;}
.newbui-header__search .submit svg{width:18px; height:18px;margin-bottom: 1px;}
.newbui-header__search .submit:hover{color: var(--accent);}

/* 主题切换按钮（置于搜索框内、提交按钮左侧） */
.newbui-header__theme{position:absolute; top:0; right:36px; width:35px; height:35px; padding:0; border:0; border-radius:5px; cursor:pointer; background:transparent; color:var(--text); display:flex; align-items:center; justify-content:center;}
.newbui-header__theme:hover{color:var(--accent);}
.newbui-header__theme svg{width:17px; height:17px;}
.newbui-header__theme .theme-moon{display:none;}
html[data-theme="dark"] .newbui-header__theme .theme-moon{display:block;}
html[data-theme="dark"] .newbui-header__theme .theme-sun{display:none;}

.newbui-header__bar{position:relative;margin: 0;background: var(--bg-header);color: var(--bar-text);box-shadow: 0 5px 10px var(--shadow-black);}
.newbui-header__menu > li{ position: relative; float:left;}
.newbui-header__menu > li > a{display:inline-block; padding: 15px 30px; font-size:15px; color: var(--text-bright);}
.newbui-header__menu > li > a:hover {background: var(--nav-hover-bg);color: var(--accent);}
.newbui-header__menu > li.active > a{background: var(--accent); color: #fff;}
.newbui-header__menu li .dropdown{display: none;width: 100%;position: absolute;z-index: 999;top: 100%;right: 0;text-align: center;font-size: 12px;color: var(--text-light);background: var(--bg-header);box-shadow: 0 2px 8px rgba(0,0,0,.1);}
.newbui-header__menu li .dropdown li{ padding: 8px 0; border-top: 1px solid var(--line);}
.newbui-header__menu li .dropdown li:first-child{ padding-top: 15px; border-top: 0;}
.newbui-header__menu li .dropdown li:last-child{ padding-bottom: 15px;}
.newbui-header__menu li a{ font-size: 14px;}
.newbui-header__menu li:hover .dropdown{ display: block;} 
.newbui-header__menu li .dropdown li.active a{ color:var(--accent);} 


/* pannel */
.newbui-pannel{position: relative;margin-top: 30px;background: var(--bg-panel);border-radius: 5px;border: 1px solid var(--line);}
.newbui-pannel__head{padding: 15px 20px;line-height: 25px;border-bottom: 1px solid var(--line);}
.newbui-pannel__head .title{ margin: 0;}
.newbui-pannel__foot{ padding: 15px 20px;}

/* list */
.newbui-list li{position: relative;padding: 15px 20px;border-bottom: 1px solid var(--line);}
.newbui-list li:last-child{ border-bottom: 0;}
.newbui-list li span,.newbui-list li h3{ display: block; float: left;}
.newbui-list li .title{ margin: 0; width: 60%; font-size: 14px;}
.newbui-list li .type{ width: 20%; text-align: center;}
.newbui-list li .time{ width: 20%; text-align: right; color: var(--text);}
.newbui-list li .time.active{ color: var(--accent);}
.newbui-list li:hover{ background: var(--hover-bg);}
.newbui-list li.active{background: var(--bg-3);}
.newbui-list li.active:hover{background: var(--bg-3);}
.newbui-list li.active span{height: 14px;line-height: 14px;margin-top: 1px;font-size: 13px;color: var(--text-light);border-left: 1px solid var(--sep);padding-left: 12px;}
.newbui-list li.active span:first-child{border-left: 0;padding-left: 0;}
.newbui-list.related li {padding-top: 5px;padding-bottom: 5px;}
.newbui-prevnext{margin: 0;padding: 0;list-style: none;}
.newbui-prevnext li{border-bottom: 1px solid var(--line);}
.newbui-prevnext li:last-child{border-bottom: 0;}
.newbui-prevnext li a,.newbui-prevnext li .is-none{display: block;padding: 14px 20px;color: var(--text);}
.newbui-prevnext li a:hover{background: var(--hover-bg);color: var(--accent);}
.newbui-prevnext .label{color: var(--text-light);font-weight: 700;margin-right: 6px;}
.newbui-prevnext a:hover .label{color: var(--accent);}
.newbui-prevnext .txt{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom;max-width: 78%;}
.newbui-prevnext .is-none .txt{color: var(--text-light);}

/* tag */
.newbui-tag{padding: 15px 20px;}
.newbui-tag i{margin-right: 3px;}
.newbui-tag a{display: inline-block;margin: 0 10px 10px 0;padding: 0 10px;height: 22px;line-height: 22px;background: none;border: 1px solid rgba(0, 0, 0, 0);border-radius: 4px;}
.newbui-tag a:hover {color: #fff;background: var(--accent);border: 1px solid var(--accent);}
.newbui-tag a:hover .text-orange {color: #fff}

/* page */
.newbui-page{ margin: 30px 0 0;}
.newbui-page li{display:inline-block;margin-left:10px;}
.newbui-page li .num,.newbui-page li a{display:inline-block;padding:5px 15px;border-radius: 4px;color: var(--text-bright);background: var(--bg-3);border: 1px solid var(--bg-3);}
.newbui-page li.active a,.newbui-page li.disabled a{background: var(--accent);border: 1px solid var(--accent);color: #fff;}
.newbui-page li a:hover{color: #fff;background: var(--accent);border: 1px solid var(--accent);}

/* link */
.newbui-link a{margin-right: 10px;}

/* 面包屑 */
.newbui-breadcrumb{margin:30px 0 -10px;padding:0;font-size:13px;color:var(--text-light);line-height:1.6;}
.newbui-breadcrumb a{color:var(--text-light);}
.newbui-breadcrumb a:hover{color:var(--accent);}
.newbui-breadcrumb__sep{margin:0 8px;color:var(--text-light);}
.newbui-breadcrumb__cur{color:var(--text);}

/* 返回顶部 */
.newbui-backtop{position:fixed;right:28px;bottom:48px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px var(--shadow-black);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .3s ease;z-index:999;}
.newbui-backtop.show{opacity:1;visibility:visible;transform:translateY(0);}
.newbui-backtop:hover{transform:translateY(-3px);box-shadow:0 10px 24px var(--shadow-black);}
.newbui-backtop svg{width:20px;height:20px;}

/* 文章页 */
.news-title{font-size:24px;line-height:1.7;margin:0 0 6px;color:var(--text-bright);font-weight:400;}
.news-content{font-size:15px;margin-top:30px;line-height:1.9;color:var(--text);word-break:break-word;}
.news-content p{margin:0 0 16px;}
.news-content a{color:var(--accent);}
.news-content h1,.news-content h2,.news-content h3,.news-content h4,.news-content h5,.news-content h6{margin:26px 0 12px;color:var(--text-bright);font-weight:600;}
.news-content h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid var(--line);}
.news-content h3{font-size:18px;}
.news-content h4{font-size:16px;}
.news-content img{border-radius:4px;margin:4px 0;}
.news-content blockquote{margin:16px 0;padding:10px 16px;border-left:3px solid var(--accent);background:var(--bg-3);color:var(--text);}
.news-content code{background:var(--bg-3);padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--text-bright);}
.news-content pre{background:var(--bg-3);padding:12px 16px;border-radius:5px;overflow:auto;margin:16px 0;border:1px solid var(--line);}
.news-content pre code{background:none;padding:0;}
.news-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;}
.news-content th,.news-content td{border:1px solid var(--line);padding:8px 12px;text-align:left;line-height:1.6;}
.news-content th{background:var(--bg-3);color:var(--text-bright);font-weight:600;}
.news-content ul,.news-content ol{margin:0 0 16px;padding-left:2em;}
.news-content ul li{list-style:disc;margin:4px 0;}
.news-content ol li{list-style:decimal;margin:4px 0;}
.news-content li ul,.news-content li ol{margin-bottom:0;}
.news-content hr{border:0;border-top:1px solid var(--line);margin:20px 0;}
.news-content strong,.news-content b{color:var(--text-bright);}
.news-content em{font-style:italic;}
.news-content video,.news-content iframe{max-width:100%;}

/* 评论 */
.newbui-comment__head{padding:15px 20px;line-height:25px;border-bottom:1px solid var(--line);}
.newbui-comment__head .title{margin:0;font-size:16px;color:var(--text-bright);}
.newbui-comment__head .comment-count{color:var(--text-light);font-size:13px;}
.newbui-comment__head #cancel-reply{float:right;color:var(--accent);font-size:13px;}
.newbui-comment__post{padding:16px 20px;}
.newbui-comment__post.reply-frm{border:1px solid var(--accent);border-radius:6px;position:relative;}
.newbui-comment__post.reply-frm #cancel-reply{position:absolute;top:10px;right:20px;color:var(--accent);font-size:13px;z-index: 1;}
.newbui-comment__fields{display:flex;flex-wrap:wrap;margin:0 -8px;}
.newbui-comment__field{flex:1;min-width:180px;margin:0 8px 12px;position: relative;}
.newbui-comment__field label{display:block;margin-bottom:4px;font-size:13px;color:var(--text-light);}
.newbui-comment__field label i{color:var(--accent);font-style:normal;margin-left:2px;}
.newbui-comment__field .text{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg-3);color:var(--text);font-size:13px;}
.newbui-comment__field .comment-captcha{height:32px;margin-left:8px;border-radius:4px;cursor:pointer;vertical-align:middle;position: absolute;
    right: 0;
    bottom: 0;}
.newbui-comment__textarea{width:100%;flex:none;min-width:0;margin:0 0 12px;}
.newbui-comment__textarea textarea{height:80px;padding:8px 10px;resize:vertical;}
.newbui-comment__submit{text-align:right;}
.newbui-comment__list{margin:0;padding:0;list-style:none;}
.newbui-comment__item{display:flex;padding:16px 20px;border-bottom:1px solid var(--line);}
.newbui-comment__item:last-child{border-bottom:0;}
.newbui-comment__avatar{flex:0 0 42px;margin-right:12px;}
.newbui-comment__avatar img{width:42px;height:42px;border-radius:50%;display:block;}
.newbui-comment__main{flex:1;min-width:0;}
.newbui-comment__meta{font-size:12px;color:var(--text-light);margin-bottom:6px;}
.newbui-comment__meta .name{color:var(--text-bright);font-size:13px;margin-right:10px;}
.newbui-comment__meta .name a{color:var(--text-bright);}
.newbui-comment__meta .name a:hover{color:var(--accent);}
.newbui-comment__meta .time{margin-right:10px;}
.newbui-comment__meta .reply{color:var(--accent);}
.newbui-comment__text{font-size:14px;line-height:1.8;color:var(--text);word-break:break-word;}
.newbui-comment__list .newbui-comment__list{margin-top:12px;border-top:1px dashed var(--line);}
.newbui-comment__list .newbui-comment__item{padding:12px 0 0;border-bottom:0;}

/* 按钮 */
.newbui-btn{display:inline-block;padding:7px 22px;border:1px solid transparent;border-radius:4px;background:var(--accent);color:#fff;font-size:14px;line-height:1.4;cursor:pointer;text-align:center;}
.newbui-btn:hover{color:#fff;opacity:.9;}
.newbui-btn--ghost{background:none;color:var(--text-bright);border-color:var(--line);}
.newbui-btn--ghost:hover{color:var(--accent);border-color:var(--accent);opacity:1;}

/* 404 */
.newbui-404{text-align:center;padding:70px 20px;}
.newbui-404__code{font-size:84px;line-height:1;font-weight:700;margin-bottom:16px;color:var(--accent);}
.newbui-404__text{color:var(--text);margin-bottom:26px;font-size:15px;}
.newbui-404__actions .newbui-btn{margin:0 6px;}

/* more */
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
.newbui-foot{ padding: 20px; text-align: center; color: var(--text-light);}
.newbui-footbd,.newbui-link{display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;}
	
	.newbui-link{margin-bottom:10px}

@media (min-width: 1200px){	
    .visible-lg { display: block !important;}
    .hidden-lg {display: none !important;}		
}

@media (max-width: 1199px) and (min-width: 992px){
    .visible-md { display: block !important;}
    .hidden-md {display: none!important;}
}

@media (max-width: 991px) and (min-width: 768px){	
    .visible-sm{ display: block !important;}
    .hidden-sm {display: none !important;}	
}

@media (max-width: 1023px){
    .container{ width: 100%;  padding-right: 30px; padding-left: 30px;}	
}

@media (max-width:767px){
    .visible-xs { display: block !important;}
    .hidden-xs {display: none!important;}
    .container{ padding: 0;}	
    .row{ margin: 0;}
    .col-pd{ padding: 10px;}
    
    /* header */
    .newbui-header__top{ height: 60px; padding:0 10px;}
    .newbui-header__logo{margin: 12px 0 0;padding: 0;}
    .newbui-header__logo .logo{height:35px;}
    .newbui-header__search{ float: none; width: auto; margin: 0; position: absolute; top: 15px; right: 10px; left: 168px;}
    .newbui-header__search .form-control{ height: 30px; line-height: 30px; border-radius: 5px; padding:6px 75px 6px 10px; border: 0;}
    .newbui-header__search .submit{ width: 30px; height: 30px;}
    .newbui-header__theme{ width: 30px; height: 30px; right: 32px;}
    .newbui-header__bar{ box-shadow: none;}
    .newbui-header__menu { position:relative; margin: 0; overflow: auto; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch}
    .newbui-header__menu > li{ float: none; display: inline-block;}
    .newbui-header__menu > li > a{ padding: 10px 15px; font-size: 14px;}
    .newbui-header__menu li:hover .dropdown{ display: none;} 
    
    /* pannel */	
    .newbui-pannel{ margin-top: 10px; border: 0; border-radius: 0; box-shadow: none;}
    .newbui-pannel__head{ padding: 10px; line-height: 25px; border-bottom: 1px solid var(--line);}
    .newbui-pannel__head .title{ font-size: 16px;}
    .newbui-pannel__foot{ padding: 10px;}
    
    /* list */
    .newbui-list li{padding: 5px 10px;}
    .newbui-list li span,.newbui-list li h3{ display: block; float: none;}
    .newbui-list li .title{ font-size: 16px; width: 100%; margin-bottom: 10px;}
    .newbui-list li .type{ width: auto; text-align: left; float: left; margin-right: 10px;}
    .newbui-list li .time{ width: auto; text-align: left; float: left;}
    
    /* tag */
    .newbui-tag{padding: 10px;}

    /* page */
    .newbui-page{ margin: 10px 0 0; padding: 0 10px;}
    .newbui-page li{float:left; width:20%; margin:0; padding:0 5px 0 5px}
    .newbui-page li a,.newbui-page li .num{display:block;padding:5px 0;text-align:center;}

    /* 文章 */
    .news-title{font-size:18px;}
    .news-content{font-size:14px;line-height:1.8;}

    /* 评论 */
    .newbui-comment__head{padding:10px;}
    .newbui-comment__post{padding:10px;}
    .newbui-comment__field{min-width:100%;margin:0 0 10px;}
    .newbui-comment__item{padding:12px 10px;}
    .newbui-404{padding:50px 10px;}
    .newbui-404__code{font-size:64px;}

    /* 面包屑/返回顶部 */
    .newbui-breadcrumb{margin:20px 0 0;padding:0 10px;}
    .newbui-backtop{right:14px;bottom:24px;width:38px;height:38px;border-radius:10px;}
    .newbui-backtop svg{width:17px;height:17px;}
}