/*
Theme Name: QStyle
Version: 5.1.4
Description: 响应式Web设计，自适应电脑、平板电脑、移动设备。
Author: www.aamao.com
License: GNU General Public License v3.0
*/
body,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea {
	margin: 0;
	padding: 0
}
html{font-size:62.5%}
:root{
	/* 蓝白主色 + 紧凑直角风格 */
	--bg:#f4f8ff;
	--card:#ffffff;
	--card-solid:#ffffff;
	--primary:#1f66d8;
	--primary-2:#0f4fbf;
	--text:#17212a;
	--muted:#6b7785;
	--border:#dbe6fb;
	--border-2:#e7eefc;
	--shadow:0 6px 18px rgba(16,79,191,.08);
	--shadow-2:0 2px 10px rgba(16,79,191,.06);
	--space-1:6px;
	--space-2:10px;
	--space-3:14px;
	--space-4:18px;
}
body {
	font: 14px/24px Microsoft YaHei,Tahoma,Arial;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

	background: var(--bg);
	display: block;
	cursor: default;
	color: var(--text);
	-webkit-font-smoothing: antialiased
}

@font-face {
	font-family:'iconfont';src:url('images/iconfont.eot');src:url('images/iconfont.eot?#iefix') format('embedded-opentype'),url('images/iconfont.woff') format('woff'),url('images/iconfont.ttf') format('truetype'),url('images/iconfont.svg#svgFontName') format('svg')
}
.iconfont{font-family: "iconfont";font-size: 14px;font-style: normal;}
.icon-view:before {content:'\e643';}
.icon-com:before {content:'\e61e';}
.icon-comm:before {content:'\e654';}
.icon-reply:before {content:'\e654';color:#F60;font-size:11px}
h1,h2,h3{font-weight:400;}
a{color:var(--text);text-decoration: none}
a:hover{color: var(--primary)}
img{border: 0}
ol,ul,li{list-style: none}
input,textarea,button{outline:0;}
input,textarea{-webkit-appearance:none;border: 1px solid var(--border);border-radius:0;background: var(--card);color: var(--text);}
input[type^="checkbox"]{-webkit-appearance:checkbox;}
input:focus,textarea:focus{border-color: var(--primary)}
input{vertical-align:middle;}
input[type^="radio"]{border: 0;background: 0;width: auto}
.select, #main select{border: 1px #ccc solid;padding: 2px;}
.btn{cursor: pointer;line-height: 30px;height: 30px;background: var(--primary);color: #FFF;padding: 0 16px;text-align: center;border-radius:0;border: 1px solid var(--primary);box-shadow:none;font-weight:600;}
.btn:hover{background: var(--primary-2);border-color:var(--primary-2);box-shadow:none;}
*,::after,::before{box-sizing: border-box;}
.box-m{max-width: 1120px;width: calc(100% - 24px);margin:0 auto;position:relative;}
.clb{clear:both}
.hide{display:none}
#header{margin-bottom:14px;position: relative;}
#content{max-width: 1120px;width: calc(100% - 24px);margin: 0 auto;overflow: hidden;padding-bottom: 18px;}
#main{width:72%;float: left;overflow: hidden}
#content .login{background:#fff;padding:20px;}
#sidebar{width: 26%;float: right;overflow: hidden}
#footer{text-align: center;font-size: 12px;padding: 15px 0;border-top: 1px solid #FFF;}
/* 顶部导航：直角、蓝白、flex 对齐 */
#menu_toggle{display:none;}
.navbar-wrap{
	background: linear-gradient(90deg,var(--primary) 0%,var(--primary-2) 100%);
	width: 100%;
	height:52px;
}
.navbar-wrap .box-m{
	height:52px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
#header .logo{position:static;font-size: 14px;line-height:1;}
#header .logo a{color: #fff;font-size:20px;letter-spacing:.3px;display:flex;align-items:center;height:52px;}
#nav{
	position:static;
	line-height:52px;
	display:flex;
	align-items:center;
	gap:2px;
	margin-left:auto;
}
#nav li{display:block;padding:0;margin:0;}
#nav li a{
	display:block;
	color:#fff;
	font-size: 14px;
	font-weight: 600;
	line-height:52px;
	padding:0 12px;
}
#nav li a:hover, #nav li .on{background: rgba(255,255,255,.14);}

.other-wrap{
	background: var(--card);
	width: 100%;
	min-height:40px;
	border-bottom:1px solid var(--border-2);
}
.other-wrap .other{
	min-height:40px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
.desc,.search-form{display:block;position: static;height:auto;line-height:1.6;}
.desc{color: var(--muted);padding: 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 55%;}
.search-form{margin-left:auto;display:flex;align-items:center;padding:6px 0;width:26%;}
.search-text{
	float:none;
	border-right:0 !important;
	padding:6px 10px;
	height:30px;
	line-height:18px;
	border-radius:0 !important;
	width:240px;
}
.search-form .search-text{width:calc(100% - 56px);min-width:0;}
.search-submit{
	cursor: pointer;
	float:none;
	line-height: 30px;
	height: 30px;
	background: var(--primary);
	color: #FFF;
	padding: 0 14px;
	text-align: center;
	border-radius:0 !important;
	border: 0;
}
.search-form .search-submit{
	width:56px;
	flex:0 0 56px;
}
.search-submit:hover{background: var(--primary-2);}
.class{background:#fff;padding:5px 10px;margin-bottom:10px;font-weight:700;color:#666}
.page-head{display:flex;align-items:center;min-height:40px;padding:0 14px;margin-bottom:10px;background:linear-gradient(180deg,#f8fbff 0%,#f2f6fd 100%);border:1px solid var(--border-2);box-shadow:var(--shadow-2);color:#17212a;font-size:15px;font-weight:700;box-sizing:border-box;}
.page-card{background-color:var(--card);border:1px solid var(--border-2);box-shadow:var(--shadow-2);}
.empty-state{display:flex;align-items:center;justify-content:center;min-height:88px;color:#6b7785;text-align:center;}
.settings-head{padding:0;margin-bottom:10px;overflow:hidden;min-height:40px;}
.settings-card{padding:15px;box-sizing:border-box;overflow:hidden;min-height:120px;}
.settings-card > .tabcontent{margin:0;clear:both;width:100%;box-sizing:border-box;}
.widget-manage-panel{padding-right:0;}
.post_list{margin-bottom:14px;padding:14px 16px;background-color: var(--card);border:1px solid var(--border-2);box-shadow: var(--shadow-2);overflow: hidden}
.post_list h2{overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
.post_list h2 a{color: #333;font-size: 18px;overflow: hidden;white-space: nowrap}
.post_list h2 a:hover{color: #2d6dcc;text-decoration: none}
.info{color: #999;}
.excerpt{line-height: 24px;}
.textPost{cursor: pointer;}
.meta{font-size: 12px;clear: both;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: var(--muted);border-top: 1px solid var(--border-2);margin:10px 0 0 0;padding: 10px 0 0 0}
.post_list .time,#article .time{font-size:12px;color:#999999;float:left}
.ico{background:#548AF5;padding:1px 6px;font-size:10px;color:#fff;border-radius:0;}
.mi{background:#444;}
.jin{background:#c81623;}
.navPost{float:right;}
.navPost a{font-size:12px;}
.meat_span{margin-right: 15px}
.meta a{color: #999}
.meta a:hover{color: #2d6dcc;}
.thumbnail{float: left;padding:2px;border: 1px solid #ccc;background: #f9f9f9;margin: 0 10px 10px 0}
.thumbnail img{display: block;width: 180px;height: 120px}
.thumbnail:hover{background: #e0e0e0}
.pagination{float:right;text-align:right;background-color:var(--card);padding:12px 12px;width:100%;border:1px solid var(--border-2);box-shadow:var(--shadow-2);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0;}
.pagination span,.pagination a{text-align:center;display:inline-block;text-decoration:none;border:1px solid #CCC;padding:3px 10px;margin-left:-1px;box-sizing:border-box;background:#fff;}
.pagination a:nth-child(2){border-bottom-left-radius:0;border-top-left-radius:0;}
.pagination a:last-child{border-bottom-right-radius:0;border-top-right-radius:0;}
.pagination .info{margin-right:auto;border-radius:0;color:#6b7785;background:transparent;border:0;padding:0;}
.pagination .current{position:relative;color:#fff;background-color:#2d6dcc;border-color:#2d6dcc;font-weight:bold;z-index:1;}
.pagination a:hover{border:1px solid #f0f0f0;background:#f0f0f0}
.pagination .page_previous,.pagination .page_next{width:70px;height:22px;text-align:center}
.pagination .fir_las{width:36px;height:22px;text-align:center}
#article{margin-bottom: 14px;padding:14px 16px;background-color: var(--card);border:1px solid var(--border-2);box-shadow: var(--shadow);overflow: hidden}
#article h1{font-size:24px;line-height: 30px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-2);}
.text{margin-bottom:10px;color: #333;font-size: 14px;word-wrap:break-word; }
.text p{overflow: auto;padding-bottom:0px;line-height: 26px}
.text a{color: #049}
.text a:hover{text-decoration: underline}
.text img,.text iframe{max-width: 100%}
.text pre,.md-preview pre{
	margin:10px 0 14px 0;
	padding:0;
	background:#f7f8fa;
	border:1px solid #eef0f3;
	border-radius:4px;
	overflow:auto;
	max-width:100%;
	box-shadow:none;
	position:relative;
}
.wm-copy-code{
	position:absolute;
	top:7px;
	right:7px;
	z-index:2;
	height:24px;
	line-height:22px;
	padding:0 9px;
	border:1px solid #d7deeb;
	background:#fff;
	color:#63758f;
	border-radius:3px;
	font-size:12px;
	cursor:pointer;
	box-shadow:none;
	opacity:.92;
}
.wm-copy-code:hover{border-color:var(--primary);color:var(--primary);background:#f8fbff;}
.text pre code,.md-preview pre code,.text code,.md-preview code{
	font-family:Consolas,"SFMono-Regular","Liberation Mono",Menlo,Monaco,monospace;
}
.text pre code,.md-preview pre code{
	display:block;
	padding:12px 58px 12px 14px;
	color:#344054;
	font-size:13px;
	line-height:1.75;
	white-space:pre;
	word-wrap:normal;
	overflow-x:auto;
}
.text :not(pre)>code,.md-preview :not(pre)>code{
	padding:2px 5px;
	background:#f3f5f7;
	border:1px solid #eceff3;
	border-radius:3px;
	color:#d14;
	font-size:.92em;
}
#articlenav{background:var(--card);border:1px solid var(--border-2);padding:10px 12px;overflow: hidden;margin-bottom:10px;}
#articlenav .pre{float:left}
#articlenav .pre:before{font-family: "iconfont";font-size: 14px;font-style: normal;content: '\e602';}
#articlenav .next{float:right}
#articlenav .next:after{font-family: "iconfont";font-size: 14px;font-style: normal;content: '\e603';}
.sidebar{border:1px solid var(--border-2);box-shadow: var(--shadow-2);overflow: hidden;}
.widget{background-color: #FFF;margin-bottom: 10px;color: #666;/*padding: 10px 10px 0 10px;*/overflow: hidden}
.widget a{color: #666}
.widget a:hover{color: #2d6dcc}
.widget h3{padding: 0 15px;font-size: 14px;line-height: 38px;color: #333;font-size: 14px;background: #fafafa;}
.widget ul{padding : 10px}
.widget ul ul,.widget .textwidget ul{border-top: 0;padding-top: 5px}
.widget li{line-height: 20px;padding: 0 0 5px 8px;margin-bottom: 5px;border-bottom: 1px dashed #e0e0e0}
.post_link{font-size: 12px;overflow: hidden;color: #999;margin-bottom: 15px;-height: 20px}
.post_link a{font-size: 12px;color: #999}
.post_link .prev{float: left}
.post_link .next{float: right}
#comments{clear:both;margin-bottom:14px;padding:14px 16px 10px 16px;background-color:var(--card);border:1px solid var(--border-2);box-shadow:var(--shadow-2);overflow:hidden}
#comments h3{border-bottom:1px solid var(--border-2);padding:0 0 10px 0;color:#17212a;}
.comment_list{margin-bottom:20px}
.comment_list li{border-bottom:1px dashed var(--border-2);margin:0;padding:12px 0}
.avatar{float: left;width: 40px;margin-top: 2px}
.comment{overflow: hidden;}
.comment_meta{overflow: hidden}
.comment_meta cite,.comment_meta cite a{font-style: normal;font-weight:600;color: #333}
.comment_meta cite a:hover{color: #2d6dcc}
.comment_meta .time{font-size: 11px;color: #999;padding-left: 5px}
.comment_meta .reply,.comment_meta .edit_link{float: right;padding-right: 10px;margin-top: -2px}
.comment_meta .reply a,.comment_meta .edit_link a{font-size: 12px;color: #666}
.comment_meta .reply a:hover,.comment_meta .edit_link a:hover{color: #2d6dcc}
.comment_meta .reply em{color: #666;font-size:11px;}
.comment p{color: #555;padding-right: 10px;word-wrap:break-word}
.mt10{margin-top:10px;}
#codeimg{vertical-align: middle;}
#footer a{color: #06C}
#footer a:hover{color: #F60}
#log a{text-decoration:underline;}
#errmsg{padding-left:5px;color:red}
.tabtitle,.widget-tabtitle{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 8px 0;
	padding:0;
	line-height:1.35;
	overflow:visible;
	white-space:normal;
}
.tabtitle{
	padding:0;
	margin:0;
	min-height:34px;
	background:transparent;
	border:0;
	box-shadow:none;
	align-items:stretch;
	gap:0;
}
.widget-tabtitle{
	background:transparent;
	border:0;
	align-items:center;
}
.widget-tab-label{margin:0 0 5px 0;color:var(--text);}
.widget-tab-label strong{display:block;padding:0;font-size:13px;line-height:1.35;}
.tabtitle li,.widget-tabtitle li{
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	padding:0 12px;
	border:1px solid var(--border-2);
	background:#fff;
	color:var(--text);
	font-weight:600;
	font-size:13px;
	line-height:1.35;
	box-shadow:none;
	transition:background .15s ease,border-color .15s ease,color .15s ease;
	box-sizing:border-box;
}
.tabtitle li{
	margin:0 0 0 -1px;
	padding:0 12px;
	min-height:34px;
	border:0;
	border-left:1px solid var(--border-2);
	background:transparent;
	box-shadow:none;
}
.tabtitle li:first-child{margin-left:0;border-left:0;}
.tabtitle li:hover,.tabtitle li.on{
	background:rgba(11,92,255,.07);
	color:var(--primary);
	box-shadow:none;
}
.widget-tabtitle li:hover,.widget-tabtitle li.on{
	background:var(--primary);
	border-color:var(--primary);
	color:#fff;
	box-shadow:none;
}
.tabcontent{clear:both;margin:8px 0 0 10px;} 
.widget-tabcontent{clear:both;}
#table{width: 100%;font-size: 14px;border: 1px solid #eee;margin-top:10px}
#table thead th {background: #f5f5f5;padding: 10px;text-align: left;}			
#table tbody td {padding: 10px;text-align: left;border-bottom: 1px solid #eee;}	 
.s_d{margin-bottom:5px;padding:5px 0;}
.s_e{margin-bottom:5px;}
.s_e strong{display:block;padding-bottom:5px}
.s_e .tips{font-size:12px;color:#666;font-weight:normal;}
.input_textarea{width:100%;border:1px #ccc solid;font:14px Verdana, Arial;padding:5px;box-sizing: border-box;}
.input_narrow{width:50%;/*height:17px;*/border:1px #ccc solid;font:14px Verdana, Arial;padding:5px;}
.relog{width:100%;height:54px;}
.s_h{height:258px;margin-bottom:5px;}
.s_h .input_textarea{height:218px;}
.ef{margin-bottom: 5px;}
#log{height:auto;min-height:335px;overflow:visible;margin-bottom:8px;}
.md-editor{position:relative;border:1px solid var(--border);background:var(--card-solid);box-shadow:var(--inset);border-radius:0;overflow:visible;min-height:335px;}
.md-toolbar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-2);background:#fff;min-height:34px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
.md-toolbar button{height:34px;min-width:38px;flex:0 0 auto;padding:0 10px;border:0;border-right:1px solid var(--border-2);background:transparent;color:var(--text);font-weight:700;cursor:pointer;border-radius:0;box-shadow:none;transition:background .15s ease,color .15s ease;}
.md-toolbar button:hover{background:rgba(11,92,255,.08);color:var(--primary);}
.md-toolbar .md-color-btn{color:#0b5cff;}
.md-toolbar .md-video-btn{min-width:52px;background:transparent;}
.md-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;fill:#565D64;color:#565D64;}
.md-toolbar button:hover .md-icon{fill:var(--primary);color:var(--primary);}
.md-color-btn .md-icon{fill:#0b5cff;color:#0b5cff;}
.md-pop-panel{display:none;position:absolute;z-index:50;background:#fff;border:1px solid #b9c5d8;box-shadow:0 2px 8px rgba(15,35,80,.18);padding:12px;border-radius:0;}
.md-pop-panel:before{content:"";position:absolute;top:-7px;left:var(--md-arrow-left,56px);width:12px;height:12px;background:#fff;border-left:1px solid #b9c5d8;border-top:1px solid #b9c5d8;transform:rotate(45deg);}
.md-color-panel{width:130px;padding-bottom:10px;}
.md-color-grid{display:grid;grid-template-columns:repeat(4,18px);justify-content:space-between;justify-items:stretch;gap:8px;margin-bottom:10px;width:100%;}
.md-color-item{display:block;width:18px !important;min-width:18px !important;height:18px !important;padding:0 !important;border:1px solid #d7deeb !important;background:#fff;cursor:pointer;}
.md-color-item:hover{border-color:var(--primary) !important;}
.md-panel-input{width:100%;height:28px;border:1px solid var(--border);background:#fff;padding:4px 6px;border-radius:0;box-sizing:border-box;}
.md-panel-submit{margin-top:6px;width:100%;height:28px;border:0;background:var(--primary);color:#fff;cursor:pointer;border-radius:0;}
.md-video-panel{width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px);}
.md-panel-tips{font-size:12px;color:#63758f;margin-bottom:8px;white-space:normal;}
.md-panel-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:12px;flex-wrap:wrap;}
.md-panel-actions button{border:0;background:transparent;color:#6b7785;cursor:pointer;padding:0 4px;height:24px;}
.md-panel-actions button:last-child{color:var(--primary);}
.md-input{display:block;width:100%;height:300px;min-height:300px;padding:10px;border:0;border-radius:0;resize:vertical;background:#fff;font:14px/1.7 Consolas,"Microsoft YaHei",monospace;color:var(--text);box-sizing:border-box;max-width:100%;}
.md-input:focus{box-shadow:none;border:0;background:#fff;}
.md-preview{display:none;height:300px;overflow:auto;padding:10px;background:#fff;color:var(--text);line-height:1.75;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
.md-preview h1,.md-preview h2,.md-preview h3{font-weight:800;margin:0 0 8px 0;}
.md-preview p,.md-preview ul,.md-preview ol,.md-preview blockquote,.md-preview pre{margin:0 0 10px 0;}
.md-preview ul,.md-preview ol{padding-left:22px;}
.md-preview li{list-style:inherit;}
.md-preview blockquote{padding:8px 10px;border-left:3px solid var(--primary);background:rgba(11,92,255,.06);}
.md-preview code{font-family:Consolas,"SFMono-Regular","Liberation Mono",Menlo,Monaco,monospace;}
.md-preview img{display:block;max-width:100%;height:auto;}
.md-first-indent{display:inline-block;width:2em;height:1px;}
.md-preview .md-native-video,.text .md-native-video{display:block;width:100%;max-width:100%;background:#000;border:0;border-radius:0;}
.md-preview .md-video,.text .md-video{margin:8px 0;width:100%;max-width:100%;}
.text video{max-width:100%;height:auto;}

/* 内容区域美化：不覆盖顶部导航，仅统一为编辑器同色系 */
body{
	background:
		linear-gradient(180deg,#f8fbff 0%,#f3f7ff 48%,#f7faff 100%);
}
.other-wrap{
	background:rgba(255,255,255,.82);
	border-bottom:1px solid var(--border-2);
	box-shadow:0 4px 14px rgba(31,102,216,.05);
}
.desc{color:#63758f;}
.search-text,.input_narrow,.input_textarea,.select,#main select{
	border-color:var(--border);
	background:#fff;
	color:var(--text);
}
.search-text:focus,.input_narrow:focus,.input_textarea:focus,#main select:focus{
	border-color:rgba(31,102,216,.55);
	box-shadow:0 0 0 3px rgba(31,102,216,.08);
	background:#fff;
}
.post_list,#article,#comments,#articlenav,.pagination,.sidebar,#content .login,#main.panel-card,.panel-card,#archives{
	background:rgba(255,255,255,.94);
	border:1px solid var(--border-2);
	box-shadow:0 8px 22px rgba(31,102,216,.07),inset 0 1px 0 rgba(255,255,255,.75);
}
.sidebar{
	background:transparent;
	border:0;
	box-shadow:none;
	overflow:visible;
}
.post_list{
	position:relative;
	transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.post_list:hover{
	border-color:rgba(31,102,216,.26);
	box-shadow:0 8px 22px rgba(31,102,216,.07),inset 0 1px 0 rgba(255,255,255,.75);
	transform:none;
}
.post_list h2 a,#article h1,.widget h3,#comments h3{
	color:#17212a;
	font-weight:400;
}
.excerpt,.text,.comment p{color:#334155;}
.meta,#article .time,.post_list .time,.info{color:#6b7785;}
.meta,#comments h3,.comment_list li,#articlenav{
	border-color:var(--border-2);
}
.widget{
	background:rgba(255,255,255,.94);
	margin-bottom:10px;
	border:1px solid var(--border-2);
	box-shadow:0 6px 18px rgba(31,102,216,.06),inset 0 1px 0 rgba(255,255,255,.75);
}
.widget:last-child{margin-bottom:0;}
.widget h3{
	background:#fafafa;
	border-left:0;
	line-height:36px;
}
.widget li{
	border-bottom:1px dashed rgba(124,150,190,.26);
	color:#53657c;
}
.pagination span,.pagination a{
	border-color:var(--border);
	background:#fff;
	color:#53657c;
}
.pagination .current{
	background:var(--primary);
	border-color:var(--primary);
	color:#fff;
}
.pagination a:hover{
	background:rgba(31,102,216,.08);
	border-color:rgba(31,102,216,.35);
	color:var(--primary);
}
#table{
	background:#fff;
	border-color:var(--border-2);
}
#table thead th{
	background:#f5f5f5;
	color:#17212a;
}
#table tbody td{
	border-bottom-color:var(--border-2);
}
#footer{
	color:#6b7785;
	border-top:1px solid var(--border-2);
}
#footer a{color:var(--primary);}
.footer-list{list-style:none;margin:0;padding:0;display:inline-block;text-align:center;}
.footer-list li{display:inline;margin:0;white-space:nowrap;}
.footer-list li+li::before{content:' | ';color:var(--border);}
#picup{box-sizing: content-box;overflow:hidden;position:relative;line-height:60px;text-align:center;width:90px;height:60px;padding:2px;border:1px solid var(--border);background:#fff;color:#63758f;}
#delpic{display:none;margin:0 2px 2px 2px;cursor:pointer;line-height:18px;z-index:10;position:absolute;bottom:0;left:0;width:90px;height:20px;background:rgba(102,102,102,0.7);color:#fff;}
#upload-input{cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;}
.w100{width:100% !important}
/*视频自适应代码*/
.wm-video {position:relative;padding-bottom:56.25% !important;height:0;overflow:hidden;}
.wm-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.archive-card{padding:0;overflow:hidden;}
.archive-title{margin-bottom:10px;}
.archive-year{padding:16px 16px 4px 16px;}
.archive-year h2{font-size:18px;color:#17212a;margin:0 0 14px 0;padding-bottom:10px;border-bottom:1px solid var(--border-2);font-weight:600;}
.archive-months{padding:0;margin:0;list-style:none;}
.archive-month{padding:0 0 14px 0;margin:0;}
.archive-month-title{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;padding:0 10px;background:#fff;border:1px solid var(--border);box-shadow:none;font-weight:600;color:var(--primary);font-size:13px;}
.archive-links{padding:8px 0 0 0;margin:0;list-style:none;}
.archive-links li{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid transparent;border-bottom-color:var(--border-2);background:#fff;}
.archive-links li:hover{background:#f8fbff;border-color:var(--border-2);}
.archive-links li:last-child{border-bottom-color:transparent;}
.archive-day{flex:0 0 44px;color:#6b7785;font-size:12px;}
.archive-links a{flex:1;min-width:0;color:#17212a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.archive-links a:hover{color:var(--primary);}
.archive-links em{flex:0 0 auto;font-style:normal;color:#6b7785;font-size:12px;}
.archive-empty{margin:14px;}
#archives ul{padding:0}
#archives ul li{list-style:none}
#archives h2{border-bottom:1px solid var(--border-2);padding-bottom:10px}
@media screen and (max-width:980px) {
#content{width: calc(100% - 24px)}
#header,.box-m{width:100%}
.box-m{padding:0 10px;} 
.other-wrap .box-m{width:calc(100% - 24px);padding:0;}
.search-form{padding:6px 0;}
.desc{padding-left:0;}
}
@media screen and (max-width:650px){
input,textarea{outline:none;}
html{-webkit-text-size-adjust: none}
.input_narrow{width:100%}
.collapse{display:none;}
#pcode{width:50% !important}
.md-editor{min-height:auto;}
.md-toolbar{overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;}
.md-toolbar button{flex:0 0 auto;min-width:38px;}
.md-pop-panel{max-width:calc(100vw - 16px);}
.md-color-panel{width:130px;max-width:130px;}
.md-video-panel{width:min(360px,calc(100vw - 16px));max-width:calc(100vw - 16px);}
.md-input,.md-preview{height:260px;min-height:260px;}
.wm-video,.md-preview .md-video,.text .md-video{transform:none !important;}
.tabtitle{padding:0 8px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;min-height:36px;}
.tabtitle li{flex:0 0 auto;min-height:36px;padding:0 12px;font-size:13px;}
.widget-tabtitle{gap:8px;}
.widget-tabtitle li{flex:1 1 calc(50% - 8px);min-height:38px;padding:8px 12px;font-size:13px;}
.archive-year{padding:12px 12px 0 12px;}
.archive-year h2{font-size:18px;}
.archive-links li{align-items:flex-start;flex-wrap:wrap;gap:4px 8px;}
.archive-day{flex:0 0 auto;min-width:46px;}
.archive-links a{flex:1 1 calc(100% - 54px);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6;}
.archive-links em{padding-left:54px;}
#header{margin-bottom:10px;}
#header p,.pagination .info,.desc{display: none}
#menu_toggle{display:block;position:absolute;right:12px;top:10px;z-index:9999;width:32px;height:32px;line-height:32px;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);}
.navbar-wrap{min-height:50px;height:auto}
.navbar-wrap .box-m{display:block;height:auto;padding:0 12px;}
#navigation{position: relative;width:100%}
#header .logo {position: relative;display: block;width: 100%;}
#header .logo a{height:50px;width:calc(100% - 42px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .menu{color:#fff;font-size:18px;position: static;}
 .menu:after{content: '\e636';}
 .close:after{content: '\e624';font-size:20px;}
#nav,#nav.collapse{display:none;width:calc(100% + 24px);position: relative;line-height:26px;background: rgba(5,23,58,.38);margin:0 -12px;border-top:1px solid rgba(255,255,255,.16);box-shadow:0 14px 28px rgba(6,35,88,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
#nav li{display: block;border-top: 1px solid rgba(255,255,255,.14);}
#nav li:first-child{border-top:0;}
#nav li a{display:block;width:100%;line-height:42px;padding:0 12px;color:#fff;}
#nav li a:hover,#nav li .on{border-bottom:none;background: rgba(255,255,255,.14);}
#header .logo a{color: #FFF;text-shadow: 0 1px 18px rgba(255,255,255,.18);font-size: 20px}
.search-form{width:100%;padding:6px;display:flex;}
.search-form .search-text{width:calc(100% - 76px);}
#content{width: calc(100% - 16px);}
#main{width:100%;float: none;overflow: hidden;margin:0 auto 10px auto;}
.post_list{padding:10px 10px 5px 10px;margin-bottom:10px;}
.post_list h2 a{font-size: 20px}
.excerpt{overflow:hidden;}
.thumbnail{margin-bottom:0}
.thumbnail img{width:144px;height:96px}
.text{font-size: 16px}
.meta{margin:5px 0 0 0;padding:5px 0 0 0}
#sidebar{display:none;width: 94%;float: none;overflow: hidden;margin: 0 auto}
#article{margin-bottom: 20px;padding: 10px 10px 5px 10px}
#article h1{font-size: 20px}
#article .meat_span{width: 44%;float: left}
#article .info{width: 100%;overflow: hidden;border-bottom: 1px dashed #CCC;padding-bottom: 3px}
#article .meta{padding: 5px 0 0 10px}
.post_link .prev{float: none}
.post_link .next{float: none;margin-top: 10px}
#comments{padding: 10px}
#comments h3{padding: 0 0 10px 10px;margin: 0 -10px}
.comment{overflow: hidden;padding-left: 5px}
.comlist:target{padding-top:98px;margin-top:-98px;border-bottom: 1px dashed red;}
.menu-tip{display:none !important}
}