/* goblog front-end theme — a responsive re-creation of the "Weisay Simple" (blue) look */
:root{--link:#0088dd;--link-hover:#0064a2;--text:#333;--muted:#777;--line:#ddd;--bg:#fafafa;--max:1190px;--sidebar:255px;}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg) url(../img/bg.png) repeat;color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Verdana,Arial,Helvetica,sans-serif;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;color:var(--link-hover);}
img{max-width:100%;height:auto;}
ul,ol{margin:0;padding:0;}
.clear{clear:both;}
::selection{color:var(--link);background:#dcdcdc;}
#page{min-height:100vh;display:flex;flex-direction:column;}

/* header */
#header{background:url(../img/line.gif) repeat-x bottom;}
#top{max-width:var(--max);margin:0 auto;padding:0 16px;position:relative;}
.subpage{height:30px;}
.toppage{float:left;font-size:13px;position:relative;}
.toppage ul{list-style:none;display:flex;}
.toppage li{position:relative;height:30px;line-height:30px;font-weight:bold;padding:0 12px;white-space:nowrap;}
.toppage li:hover{background:#fafafa url(../img/bg2.png) repeat;}
.toppage .sub-toggle{display:none;}
.toppage ul ul{display:none;position:absolute;top:30px;left:0;flex-direction:column;background:#fafafa url(../img/bg2.png) repeat;min-width:120px;z-index:60;box-shadow:0 2px 6px rgba(0,0,0,.1);}
.toppage li:hover>ul{display:flex;}
.mobile-pages{display:none;}
#rss{float:right;}
#rss ul{list-style:none;display:flex;gap:14px;margin-top:2px;}
.icon1,.icon3{display:block;width:28px;height:28px;background:url(../img/rss.gif) no-repeat top;}
.icon1:hover{background-position:bottom;}
.icon3{background-image:url(../img/tsina.gif);}
.icon3:hover{background-position:bottom;}
.brand{float:left;display:flex;align-items:center;gap:10px;height:75px;}
#top_logo img.logo{display:block;width:240px;height:60px;}
#blogname{font-size:22px;}
#blogname a{color:#222;}
#blogname a:hover{color:#626262;text-decoration:none;}
#blogtitle{padding-top:4px;color:#666;font-size:13px;}
.search{float:right;margin-top:24px;}
#searchform{display:flex;background:#dadada;border-radius:3px;padding:3px;}
#searchform input{width:186px;height:26px;line-height:26px;padding:0 6px;border:0;font-size:13px;}
#searchform button{width:58px;height:26px;background:#666;border:0;color:#fff;cursor:pointer;text-shadow:1px 1px #333;}
#searchform button:hover{background:#444;}
.nav-toggle{display:none;}
.topnav{clear:both;height:34px;}
.topnav ul{list-style:none;display:flex;flex-wrap:nowrap;position:relative;z-index:50;}
.topnav li{position:relative;font-weight:bold;line-height:34px;height:34px;padding-right:12px;white-space:nowrap;}
.topnav li a{display:inline-block;padding:0 15px;border-bottom:1px solid var(--link);}
.topnav li a:hover{color:var(--link-hover);text-decoration:none;}
.topnav .sub-toggle{display:none;}
.topnav ul ul{display:none;position:absolute;top:34px;left:0;flex-direction:column;background:#fafafa url(../img/bg2.png) repeat;min-width:150px;box-shadow:0 2px 6px rgba(0,0,0,.1);}
.topnav ul ul li{padding-right:0;border-top:1px solid var(--link);height:auto;}
.topnav ul ul li a{display:block;border-bottom:0;}
.topnav ul ul li a:hover{border-bottom:1px solid var(--link);}
.topnav li:hover>ul,.topnav li.open>ul{display:flex;}

/* layout */
#content{max-width:var(--max);margin:0 auto;padding:5px 16px 0;display:flex;gap:30px;align-items:flex-start;width:100%;flex:1;}
.main{flex:1;min-width:0;}
#sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);margin-top:4px;}
#mapsite{border-bottom:1px solid #ebebeb;margin-top:7px;line-height:30px;}
.flash{margin:10px 0;padding:8px 12px;background:#fff8e1;border:1px solid #ffe08a;color:#6b5400;}
h2{font-size:25px;font-weight:bold;margin:0;}
.main h2{line-height:30px;padding:0 0 5px 10px;background:url(../img/line.gif) repeat-x bottom;margin-top:10px;}
.main h2 a{color:#222;}
.main h2 a:hover{color:#626262;text-decoration:none;}
.main h2 .new{margin-left:4px;vertical-align:middle;}
.main h2 .new img{vertical-align:middle;}

/* list */
.post .article{border-bottom:1px solid var(--line);overflow:hidden;}
.thumbnail{float:left;width:150px;height:110px;margin:17px 10px 8px 15px;padding:4px;border:1px solid #ccc;overflow:hidden;}
.thumbnail img{width:140px;height:100px;object-fit:cover;display:block;transition:opacity .2s;}
.thumbnail img:hover{opacity:.6;}
.entry_post{line-height:22px;padding-top:12px;}
.entry_post p{margin:0 0 8px;}
.entry_post img{max-width:100%;}
.entry_post pre{white-space:pre-wrap;max-height:200px;overflow:hidden;}
.info{float:left;font-size:12px;padding-left:15px;line-height:20px;color:#555;}
.comments_num{float:right;font-size:12px;background:#dedede;padding:1px 4px 0;line-height:20px;}
.comments_num a{color:#555;text-shadow:1px 1px #eee;}

/* single */
.left{margin-top:10px;}
.article_info{font-size:12px;line-height:22px;color:var(--muted);}
.status-badge{background:#fde68a;padding:0 6px;border-radius:3px;color:#444;}
.context{margin-top:25px;position:relative;overflow-wrap:break-word;font-size:16px;line-height:1.75;}
.context p{padding:5px 0;margin:0;line-height:28px;text-indent:2em;}
.context h3,.context h4,.context h5{margin:14px 0 6px;}
.context h3{font-size:19px;}
.context h4{font-size:17px;}
.context h5{font-size:16px;padding:3px 8px;background:#ededed;border:1px solid var(--line);}
.context ul,.context ol{margin:6px 0 6px 28px;}
.context ol li,.context ul li{line-height:26px;}
.context blockquote{padding:5px 20px;margin:8px 5px;border:1px solid var(--line);border-left:8px solid var(--line);background:#e9e9e9;overflow:auto;}
.context blockquote p{text-indent:0;}
.context table{border-collapse:collapse;max-width:100%;overflow:auto;display:block;}
.context td,.context th{border:1px solid var(--line);padding:4px 8px;}
.context code{font-family:Menlo,Consolas,"Courier New",monospace;font-size:.92em;background:#eee;padding:1px 4px;border-radius:3px;}
.context pre{background:#282c34;color:#abb2bf;padding:12px 14px;border-radius:4px;overflow:auto;font-size:13px;line-height:1.5;margin:10px 0;tab-size:4;}
.context pre code{background:none;padding:0;font-size:inherit;display:block;white-space:pre;}
.context pre.hljs-block code{counter-reset:line;}
.context img{display:inline-block;}
.context .aligncenter,.context img.aligncenter{display:block;margin:6px auto;clear:both;}
.context .alignleft,.context img.alignleft{float:left;margin:5px 15px 5px 0;}
.context .alignright,.context img.alignright{float:right;margin:5px 0 5px 15px;}
figure.wp-caption{margin:10px auto;max-width:100%;text-align:center;}
figure.wp-caption img{display:block;margin:0 auto;max-width:100%;}
.wp-caption-text{font-size:13px;color:var(--muted);padding:4px 0;}
.hermit-player{margin:10px 0;}
.hermit-list{list-style:none;columns:2;column-gap:20px;font-size:14px;margin-top:6px;}
.hermit-list li{line-height:26px;break-inside:avoid;}
.hermit-list li.active a{font-weight:bold;}
.hermit-id{color:#aaa;font-size:12px;}
.articles{border-bottom:1px solid var(--line);padding:10px 0;overflow:hidden;}
.articles h3{font-size:15px;margin:0 0 6px;}
.author-box{display:flex;gap:12px;align-items:flex-start;}
.author_pic img{padding:3px;background:#ccc;}
.author_text{flex:1;font-size:13px;line-height:22px;}
.post-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.relatedposts ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 8px;margin-top:5px;}
.relatedposts li{line-height:22px;height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.child-pages{list-style:none;margin:10px 0;}
.child-pages li{line-height:26px;}
.error-page{text-align:center;padding:40px 0;}
.error-page .big{font-size:90px;font-weight:bold;color:#ccc;margin:0;}

/* pagination */
.navigation{margin:9px 0 5px;font-size:12px;text-align:right;}
.pagination{line-height:24px;}
.pagination span,.pagination a{min-width:24px;padding:0 4px;text-align:center;height:24px;line-height:24px;margin:10px 4px 0;display:inline-block;border:1px solid #e0e0e0;}
.pagination .current{color:#333;border-color:#bcbcbc;font-weight:bold;background:#f0f0f0;}
.pagination a:hover{border-color:#bcbcbc;text-decoration:none;}

/* sidebar */
#sidebar h3{font-size:15px;font-weight:bold;line-height:30px;margin:5px 0 8px;background:url(../img/line.gif) repeat-x bottom;}
#sidebar ul{list-style:none;}
.widget{margin-bottom:12px;}
.widget ul li{line-height:22px;}
.widget_media_image img{display:block;width:100%;}
.textwidget{font-size:13px;line-height:22px;}
#tab-title h3{display:flex;gap:0;}
#tab-title span{padding:0 18px 0 0;cursor:pointer;}
#tab-title .selected{color:#f00;}
#tab-content .hide{display:none;}
#tab-content ul li{height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.widget_views .views{color:#aaa;font-size:12px;}
.widget .tags a{background:#eaeaea;color:#666;display:inline-block;float:left;height:20px;line-height:20px;font-size:11px;margin:2px 2px 0 0;padding:0 6px;white-space:nowrap;}
.widget .tags a:hover{background:#ccc;color:#fff;text-decoration:none;}
.top_comment ul li{display:inline;}
.top_comment img.avatar{width:38px;height:38px;background:#e3e3e3;border:1px solid #e3e3e3;padding:3px;margin:3px;}
.v-links ul{display:grid;grid-template-columns:1fr 1fr;}
.v-links li{height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.v_avatar{float:left;width:70px;margin-left:18px;}
.v_avatar img{padding:6px;background:#e3e3e3;border:1px solid #e3e3e3;}
.v_li{float:right;width:135px;line-height:19px;}
.linklike{background:none;border:0;padding:0;color:var(--link);cursor:pointer;font:inherit;}
.linklike:hover{text-decoration:underline;}
form.inline{display:inline;}

/* archives page */
.articles_all{line-height:30px;}
.car-container{padding:0 15px 10px;}
a.car-toggler{line-height:30px;font-size:14px;color:#c30;}
.car-list li{list-style:none;line-height:24px;}
.car-list li ul{padding-left:30px;}
.car-yearmonth{cursor:pointer;}
.car-plus,.car-minus{width:15px;display:inline-block;font-family:"Courier New",monospace;}
.weisaylink h3.link-group{font-size:14px;line-height:24px;margin:10px 0 4px;}
.weisaylink ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px;}
.weisaylink ul li{height:35px;line-height:35px;overflow:hidden;background:#f0efef;font-size:13px;font-weight:bold;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;}
.v_comment ul{padding-top:14px;}
.v_comment ul li{list-style:none;display:inline;}
.v_comment img{float:left;padding:1px;margin:2px;border:1px solid var(--line);}
.shellhint{color:#735656;}

/* comments */
.commentlist{list-style:none;}
.commentlist .comment{border-top:1px solid var(--line);}
.commentlist li.comment ul.children{margin-left:20px;list-style:none;}
.commentlist .depth-1{margin:10px 0;}
.comment-body{padding:5px 0;}
.comment-body:hover{background:#fafafa url(../img/bg2.png) repeat;}
.comment-author{display:flex;align-items:center;gap:6px;}
.comment-author img.avatar{width:40px;height:40px;padding:2px;border:1px solid var(--line);background:#fff;transition:.8s;}
.comment-author img.avatar:hover{transform:rotate(720deg);border-radius:23px;}
.comment-author .floor{margin-left:auto;color:#bbb;}
.comment-edit-link{font-size:12px;}
.comment-content{margin:4px 5px 5px 50px;line-height:22px;overflow-wrap:break-word;}
.comment-content p{margin:4px 0;}
.comment-content img.wp-smiley{vertical-align:middle;}
.datetime{font-size:12px;color:#aaa;margin-left:50px;}
.reply a{font-size:12px;}
.byuser>.comment-body .fn{color:#c30;}
#respond_box{clear:both;border-top:1px solid var(--line);}
#respond{padding:5px 10px 10px;overflow:hidden;}
#respond h3{margin:5px 0 6px;}
#respond h3 small a{font-size:12px;font-weight:normal;}
#real-avatar{float:right;}
#real-avatar .avatar{padding:2px;border:1px solid var(--line);background:#fff;margin-right:20px;}
#commentform p{color:#333;margin:4px 0;}
#commentform label{color:#868686;font-size:12px;}
#commentform input.commenttext{border:1px solid var(--line);width:200px;margin:4px 5px 4px 0;padding:4px;box-shadow:inset 2px 3px 5px #eee;}
#commentform textarea{width:80%;height:120px;font-size:13px;padding:6px;margin:4px 0 0;border:1px solid var(--line);box-shadow:inset 2px 3px 5px #eee;background:#fff;font-family:inherit;}
#commentform input:focus,#commentform textarea:focus{border-color:#aaa;outline:none;}
#commentform input#submit,#commentform input#reset{width:87px;height:28px;color:#393939;text-align:center;margin-top:8px;border:1px solid var(--line);background:#f5f5f5;cursor:pointer;}
#commentform input#submit:hover,#commentform input#reset:hover{font-weight:bold;}
.shortcut-hint{padding-left:8px;color:#999;font-size:12px;}
.hp-field{position:absolute !important;left:-9999px;top:-9999px;height:0;overflow:hidden;}
.nocomments{color:var(--muted);}

/* roll buttons */
#roll{display:block;width:15px;position:fixed;right:calc(50% - var(--max)/2 - 30px);top:43%;z-index:40;}
#roll_top,#fall{position:relative;cursor:pointer;height:93px;width:11px;}
#ct{position:relative;cursor:pointer;height:53px;width:11px;background:url(../img/roll.png) no-repeat 0 -93px;}
#roll_top{background:url(../img/roll.png) no-repeat;}
#fall{background:url(../img/roll.png) no-repeat 0 -146px;}
@media screen and (max-width:1290px){#roll{right:6px;}}

/* footer */
#footer{text-align:center;padding:20px 16px 24px;font-size:12px;margin-top:10px;color:var(--muted);background:url(../img/line.gif) repeat-x top;}
#footer a{color:var(--link);}

/* responsive */
@media screen and (max-width:1000px){
	#content{gap:20px;}
	#sidebar{width:230px;flex-basis:230px;}
}
@media screen and (max-width:860px){
	#content{flex-direction:column;}
	#sidebar{width:100%;flex-basis:auto;}
	#sidebar .widget_tabs,#sidebar .widget_views,#sidebar .widget_categories{display:inline-block;vertical-align:top;width:48%;margin-right:2%;}
}
@media screen and (max-width:720px){
	.subpage{display:none;}
	.brand{float:none;height:auto;padding:12px 0 4px;}
	#top_logo img.logo{width:160px;height:40px;}
	#blogname{font-size:18px;}
	#blogtitle{display:none;}
	.search{float:none;margin:0 0 8px;}
	#searchform{width:100%;}
	#searchform input{flex:1;width:auto;}
	.nav-toggle{display:block;position:absolute;right:16px;top:14px;width:40px;height:36px;background:#fff;border:1px solid var(--line);border-radius:4px;cursor:pointer;padding:6px 8px;}
	.nav-toggle span{display:block;height:3px;background:var(--link);margin:5px 0;border-radius:2px;}
	.topnav{height:auto;display:none;border-top:1px solid var(--line);}
	.topnav.open{display:block;}
	.topnav ul{flex-direction:column;}
	.topnav li{height:auto;line-height:40px;padding-right:0;border-bottom:1px solid #eee;white-space:normal;}
	.topnav li a{border-bottom:0;display:block;padding:0 10px;}
	.topnav .sub-toggle{display:block;position:absolute;right:0;top:0;width:40px;height:40px;border:0;background:none;cursor:pointer;}
	.topnav .sub-toggle::after{content:"▾";color:var(--link);}
	.topnav li.has-children>a{padding-right:44px;}
	.topnav ul ul{position:static;display:none;box-shadow:none;background:#f3f3f3;}
	.topnav li:hover>ul{display:none;}
	.topnav li.open>ul{display:block;}
	.topnav ul ul li{border-top:0;}
	.topnav ul ul li a{padding-left:28px;}
	.mobile-pages{display:block;border-top:2px solid var(--line);}
	#sidebar .widget_tabs,#sidebar .widget_views,#sidebar .widget_categories{display:block;width:100%;margin-right:0;}
	.thumbnail{float:none;width:100%;height:auto;margin:12px 0 0;padding:0;border:0;}
	.thumbnail img{width:100%;height:180px;}
	.main h2{font-size:20px;}
	.info{float:none;padding-left:0;line-height:20px;}
	.comments_num{float:none;display:inline-block;margin:4px 0 8px;}
	.context{font-size:15px;}
	.context p{text-indent:0;line-height:26px;}
	.context pre{font-size:12px;}
	#commentform textarea{width:100%;}
	#commentform input.commenttext{width:100%;}
	#real-avatar{display:none;}
	.commentlist li.comment ul.children{margin-left:8px;}
	.comment-content{margin-left:0;}
	.datetime{margin-left:0;}
	#roll{display:none;}
	.hermit-list{columns:1;}
	.v-links ul{grid-template-columns:1fr 1fr;}
}