body{font:15px/1.2 -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;margin:0;color:#444;background-color:#fff}
.nav-menu ul a,.post-content .more a,a{color:#666;border:0;text-decoration:none}
#footer .links a:hover,.comment-author a:hover,.icpnum:hover,.rewards a:hover,.tags a:hover,a:hover{color:#333}
ul{padding-left:30px}
#footer p,.whisper .comment-author,.whisper .comment-children .comment-children,ul li p{margin:0}
h1,h1.post-title{font-size:1.4em}
#catalog-col b,h2{font-size:1.2em}
code,pre{font-family:Consolas,Inconsolata,Courier,monospace,"PingFang SC","Microsoft YaHei",sans-serif;font-size:.9em;background:#f7f3f7}
code{padding:2px 4px;color:#b94a48}
pre{padding:8px;overflow:auto;max-height:400px}
pre code{display:block;padding:3px;color:#444}
.hljs{color:#695d69}
.hljs-comment,.hljs-quote{color:#776977}
.hljs-attribute,.hljs-link,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ca402b}
.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#a65926}
.hljs-bullet,.hljs-string,.hljs-symbol{color:#918b3b}
.hljs-section,.hljs-title{color:#516aec}
.hljs-keyword,.hljs-selector-tag{color:#7b59c0}
.hljs-emphasis{font-style:italic}
.hljs-strong{font-weight:700}
blockquote{margin:1em 0;padding-left:1.5em;background:#f9f9f9;border-left:4px solid #ddd;color:#555}
table{border:1px solid #ddd;width:100%}
table td,table th{padding:5px 10px;border:1px solid #eee}
table th{background:#f3f3f3}
button,input,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0;outline:0;appearance:none;-webkit-appearance:none}
input,textarea{padding:5px;border:1px solid #eee;width:100%;height:30px;border-radius:2px;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea{height:150px;resize:vertical;overflow:auto}
button,input[type=submit]{padding:0 6px;background:#ddd;border:0}
#cornertool li,.menu-parent a,.rewards a,.whisper .whisper-reply,button,input[type=submit]{cursor:pointer}
.browsehappy{padding:8px 0;background:#fbe3e4;color:#8a1f11;text-align:center}
.browsehappy a{color:#8a1f11;text-decoration:underline;font-weight:700}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.container{max-width:1060px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}
.head-fixed .browsehappy{position:fixed;bottom:0;width:100%}
.head-fixed #header{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);z-index:999}
.head-fixed #body{padding-top:71px}
#header{line-height:40px;padding:15px 0;border-bottom:1px solid #eee}
.comment-form p,.site-name{float:left}
.site-name .site-title{height:40px;font-size:1.6em;margin:0;font-weight:400}
#logo,.site-name .site-title{display:flex;align-items:center}
#logo,.post-title a{color:#333}
#logo img{display:block;max-height:30px;margin-right:5px}
#nav-swith{position:relative;float:right;margin-left:5px;color:#444}
#nav-swith,#search button{top:5px;right:0;width:30px;height:30px;background:0}
#nav-swith:before,#search button:before{content:"";position:absolute;top:7px;left:7px;width:9px;height:9px;border:solid 2px currentColor;border-radius:50%}
#nav-swith:after,#search button:after{content:"";position:absolute;top:19px;left:17px;width:6px;height:2px;background:currentColor}
#catalog span,#catalog-col,#catalog:after,#catalog:before,#cornertool li,#music span,#nav,#nav-swith span,#nav-swith:after,#nav-swith:before,#site-search,.menu-parent ul,.nav-menu,.rewards img{transition:.2s;-webkit-transition:.2s}
.on #nav-swith:after,.on #nav-swith:before{content:"";position:absolute;top:14px;left:6px;width:18px;height:2px;background:currentColor;border:0;border-radius:0}
.author-icon,.on #nav-swith:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#nav-swith:after,#search button:after,.on #nav-swith:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#nav-swith span{display:block;width:18px;height:2px;background:currentColor;visibility:hidden}
#nav,.whisper .post-title .more{position:relative;float:right}
.on #site-search{top:0}
#catalog-col.catalog,#cornertool li,.menu-parent:hover>ul,.on #site-search,.rewards a:hover img{visibility:visible;opacity:1}
#site-search{position:absolute;top:-10px;right:0;width:200px}
#catalog-col,#cornertool .hidden,#site-search,.menu-parent ul,.rewards img{visibility:hidden;opacity:0}
#search,.l_logo,.loading,.menu-parent,.rewards,.whisper .comment-meta{position:relative}
#search input{padding-right:30px;background:0;border:0;border-bottom:1px solid #999;border-radius:0;text-align:center}
#search button{position:absolute;color:#666}
.comment-list,.comment-list ol,.nav-menu{list-style:none;margin:0;padding:0}
#catalog-col::-webkit-scrollbar,.nav-menu::-webkit-scrollbar{width:6px;height:6px}
#catalog-col::-webkit-scrollbar-thumb,.nav-menu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ddd}
.nav-menu li{display:inline-block;margin:0 10px}
.nav-menu a{color:#444}
.nav-menu a:hover,.page-navigator a:hover{border-bottom:1px solid #444}
.menu-parent ul{position:absolute;left:50%;min-width:100px;padding:0;border-radius:5px;background:rgba(238,238,238,.95);text-align:center;list-style:none;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.menu-parent ul:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(238,238,238,.95)}
#cornertool li:before,.menu-parent li,.whisper .comment-list .respond,.whisper.permission .respond{display:block}
.menu-parent ul a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.menu-parent .menu-parent .menu-child{background:rgba(221,221,221,.95)}
#bar,.loading:after{position:fixed;top:0;height:3px;background:#333;animation:loading 1s infinite;-webkit-animation:loading 1s infinite}
@keyframes loading{0%{right:50%;left:50%}
30%{right:0;left:0}
100%{right:50%;left:50%}
}
@-webkit-keyframes loading{0%{right:50%;left:50%}
30%{right:0;left:0}
100%{right:50%;left:50%}
}
#main{float:left;width:70%}
.one-col #main{float:none;margin:0 auto;width:750px}
#main>:not(.breadcrumbs){animation:pin .3s;-webkit-animation:pin .3s}
@keyframes pin{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes pin{0%{opacity:0}
100%{opacity:1}
}
.breadcrumbs{margin:15px 0 -15px;color:#666}
.post{padding:20px 0}
.post-title{margin:.83em 0;font-size:1.25em}
.post-meta{margin-top:-.5em;padding:0;color:#666;font-size:.8em}
.post-meta li{display:inline-block;margin:0 .5em .5em 0;padding-left:.6em;border-left:1px solid #eee}
.post-meta li:first-child{padding:0;border:0}
#catalog-col,#cornertool{position:fixed;bottom:5px;z-index:999}
#catalog-col{right:50%;margin-right:-515px;min-width:150px;max-width:50%;max-height:50%;color:#eee;background:rgba(0,0,0,.7);border:1em solid transparent;border-right-width:.3em;overflow:auto}
#catalog-col.catalog{margin-right:-535px}
#catalog-col>ul{margin:1em .5em 0 0}
#catalog-col ul{padding-left:20px}
#catalog-col a{color:#eee;border:0}
#catalog-col a:hover{border-bottom:1px solid #eee}
.post-content .cl-offset{position:relative;display:block;top:-10px;height:0;border:0}
.head-fixed .cl-offset{top:-51px}
.one-col .post{border-bottom:1px solid #eee}
.one-col .post:last-of-type,.whisper .whisper-body:last-child{border:0}
.post.whisper{min-height:40px;margin:2.2em 0 15px;padding:0 1em;text-align:center;border:1px solid #444;border-radius:2px}
.whisper .post-title{font-size:1em;line-height:1.5;font-weight:400;margin:0 -1em}
.whisper.post .post-title a{display:block;padding:2px 1em;color:#fff;background:#444}
.post-content .links a,.whisper .post-title a{transition:.3s;-webkit-transition:.3s}
.whisper .post-title a:hover{background:#000}
.whisper .post-content pre{text-align:left}
.whisper .notice{display:block;font-size:.9em;padding:5px;color:#f44336;border:1px solid;border-radius:2px}
.comment-content,.post-content{line-height:1.6;word-wrap:break-word}
.comment-content a,.post-content a{color:#3354aa;border-bottom:1px solid #eee}
.comment-content a:hover,.nav-menu ul a:hover,.post-content a:hover{color:#333;border:0}
.comment-content img,.comment-content video,.post-content img,.post-content video,.whisper img,.whisper video{max-width:100%}
.comment-content hr,.post-content hr{margin:2em auto;width:100px;border:1px solid #ddd;border-width:2px 0 0 0}
.post-content .word{display:inline}
.post-content .more,.post-content .thumb{text-align:center}
.protected input{width:auto}
.post .tags,.rewards{clear:both}
.comment-author a,.rewards a,.tags a{color:#3354aa;border:0}
.rewards img{position:absolute;top:0;left:50%;margin:-15% 0 0 -15%;padding:5px;max-width:30%;background:#eee}
.license{font-size:.8em;color:#999;margin:0}
.post-near{list-style:none;margin:30px 0;padding:0;color:#999}
.post-near li{margin:10px 0}
.page-navigator{list-style:none;margin:25px 0;padding:0;text-align:center}
.page-navigator li{display:inline-block;margin:0 5px;height:24px;line-height:24px}
.page-navigator a{padding:0 2px}
.page-navigator .current a{color:#444;border-bottom:1px solid #444}
.ajaxload li,.whisper .respond{display:none}
.ajaxload .next{display:block;color:#666}
.ajaxload a{padding:5px 20px;border:1px solid #666;border-radius:2px}
.ajaxload a:hover{border-color:#333}
.ajaxload .loading,.ajaxload .loading:hover,.word.loading{padding:5px;color:#333;border:0}
.loading:after{content:"";display:block;position:absolute;top:auto;bottom:0;height:1px}
#comments{margin-bottom:30px;border-top:1px solid #eee}
.whisper .whisper-body{padding:20px 10px;background:0;border:0;border-bottom:1px solid #eee}
.whisper .comment-children,.whisper .comment-meta,.whisper .whisper-body>div>.comment-content{margin:1em 0 0 42px}
.comment-meta .whisper-reply{position:absolute;right:0;bottom:0;font-size:.9em}
.comment-parent>.comment-whisper,.whisper .comment-body{font-size:.94em;margin:0;padding:0;background:0;border:0}
.comment-whisper,.whisper .comment-parent{margin-top:2px;padding:2px 5px;background:#e6e6e6;border:0;border-radius:2px}
.whisper .comment-body .comment-content{line-height:20px}
.whisper .comment-body .avatar{margin:2px 5px 0 0}
.whisper .comment-parent>.comment-children{margin-left:5px}
.comment-list li{margin-top:10px;padding:10px;border:1px solid #eee}
.comment-level-odd,.comment-whisper{background:#f6f6f6}
.comment-level-even{background:#fff}
.comment-by-author,.comment-by-author>.comment-whisper,.whisper .comment-parent.comment-by-author{position:relative;background:#f2f7fc}
.author-icon{font-size:.8em;display:block;position:absolute;top:8px;left:-15px;width:60px;height:15px;line-height:15px;text-align:center;background:linear-gradient(135deg,transparent 30%,rgba(230,230,230,.8) 0) left,linear-gradient(-135deg,transparent 30%,rgba(230,230,230,.8) 0) right;background-size:50% 100%;background-repeat:no-repeat}
.comment-list li .comment-reply{text-align:right;font-size:.9em}
.comment-meta time{color:#999;font-size:.8em}
.comment-author{display:block;color:#444}
.comment-author .avatar{float:left;margin-right:10px}
.comment-at{font-size:.8em;margin-right:5px;font-weight:700}
.comment-list .respond{margin-top:15px;border-top:1px solid #eee}
.respond .cancel-comment-reply{float:right;margin-top:15px;font-size:.9em}
.comment-form input{margin-bottom:10px}
.comment-form .textarea{width:68%;margin:0 2% 0 0}
.comment-form .textbutton{width:30%;margin:0}
#comment-form button{width:100%;height:30px;border-radius:2px}
.commentReview{color:#999;display:inline;font-weight:400!important}
.hideContent p:last-child{margin-bottom:0}
.hideContent{background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0,#fff 30px);padding:10px 40px 10px 40px;position:relative;margin-bottom:20px}
button i svg{width:15px;height:15px;vertical-align:middle}
.hideContent i{display:block;font-size:20px;height:20px;left:10px;line-height:20px;position:absolute;top:15px}
.hideContent.read{border-radius:5px;background:#e9e9e9;padding:5px;margin-bottom:0}
.timeMachine .hideContent.read{background:#f7f7f7}
.simi{background-color:rgb(0 0 0 / 20%)!important}
.privacy{display:flex;align-items:center;margin-left:.8rem}
.privacy_btn{display:flex;align-items:center}
.privacy_text{font-size:12px;padding-left:5px}
.privacy input[type=checkbox]{display:none}
.privacy input[type=checkbox]+label{display:inline-block;width:30px;height:16px;position:relative;-webkit-transition:.3s;transition:.3s;box-sizing:border-box}
.privacy input[type=checkbox]+label:after{content:'';display:block;position:absolute;left:0;top:0;width:16px;height:16px;-webkit-transition:.3s;transition:.3s;cursor:pointer}
.privacy #inset_3:checked+label.green{background:#3a3f51}
.privacy #inset_3:checked+label.green:after{background:#fff}
.privacy #inset_3:checked+label:after{left:calc(100% - 14px)}
.privacy #inset_3+label{background:#ddd;border-radius:20px}
.privacy #inset_3+label:after{background:#fff;border-radius:50%;width:12px;height:12px;top:2px;left:2px}
#secondary{margin-left:74%;padding-top:15px;word-wrap:break-word}
#secondary .more{display:block;font-size:.8em}
.widget{margin-bottom:30px}
#cornertool ul,.links,.widget-list,.widget-tile{list-style:none;padding:0}
#catalog-col li,.widget-list li{margin:5px 0;line-height:1.6}
.widget-list li ul{margin-left:15px}
.widget-tile{margin-left:-5px;margin-right:-5px}
.widget-tile li{display:inline-block;margin:5px;line-height:1.6;color:#666}
#footer{font-size:.8em;padding:2em 0;line-height:1.5;text-align:center;border-top:1px solid #eee}
#footer,#footer .links a,.icpnum{color:#999}
.post-content .links{letter-spacing:-9em}
.post-content .links li{display:inline-block;width:25%;letter-spacing:0}
.post-content .links a{display:block;height:20px;line-height:20px;margin:5px 10px;padding:5px 10px;text-align:center;color:#444;background:#fcfcfc;border:0;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1)}
.post-content .links a:hover{box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3)}
.post-content .links .l_logo{padding-left:40px}
.l_logo i,.l_logo img{position:absolute;top:0;left:0;width:16px;height:16px;padding:7px;background:#ccc;overflow:hidden}
.l_logo i{font:16px/1 Segoe UI Symbol}
#cornertool ul,#footer .links{margin:0;text-align:center}
#footer .links li{display:inline-block;margin:0 3px 2px}
#cornertool{right:50%;margin-right:-580px}
#cornertool .hidden{left:20px}
#cornertool li{position:relative;display:block;left:0;width:40px;height:40px;line-height:40px;margin-top:5px;color:#fff;background:rgba(0,0,0,.7)}
#top:before{content:"\25b2"}
#top:hover:before{content:"Top"}
#music:before{content:"\266b"}
#music:hover:before{content:"\25b2"}
#catalog.catalog span,#music:hover:before{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#music.play:hover:before{content:"\3013";animation:0;-webkit-animation:0}
.play:before{animation:play 5s linear infinite;-webkit-animation:play 5s linear infinite}
@keyframes play{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes play{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
#music span{position:absolute;display:block;bottom:0;height:5px;width:0;background:#666;opacity:.7}
#music.play span{width:100%}
#music.play span i{display:block;height:100%;width:0;background:#eee}
#catalog span,#catalog:after,#catalog:before{position:absolute;display:block;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:1px;background:currentColor}
#catalog:before{content:"";margin-top:-5px}
#catalog:after{content:"";margin-top:3px}
#catalog.catalog{left:-5px}
#catalog.catalog:before{margin:-4px 0 0 -11px;transform:rotate(-30deg);-webkit-transform:rotate(-30deg)}
#catalog.catalog:after{margin:2px 0 0 -11px;transform:rotate(30deg);-webkit-transform:rotate(30deg)}
.error-page{margin:100px 0;text-align:center}
#archives li{margin:5px 0}
@media(min-width:601px){.on .nav-menu{visibility:hidden;opacity:0}
.menu-parent .menu-parent .menu-child{top:5px;left:-30px;transform:translateX(-100%);-webkit-transform:translateX(-100%)}
.menu-parent .menu-parent:hover>.menu-child{left:-7px}
.menu-parent .menu-parent .menu-child:before{top:7px;left:100%;margin:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid rgba(221,221,221,.95)}
}
@media(max-width:1170px){#catalog-col{right:65px;margin:0}
#catalog-col.catalog{right:50px;margin:0}
#cornertool{right:5px;margin:0}
}
@media(max-width:990px){#catalog-col.catalog{right:45px}
#secondary{margin-left:72%}
#cornertool li{width:35px;height:35px;line-height:35px}
}
@media(max-width:768px){#main,.one-col #main{width:100%}
#secondary{display:none}
.post-meta,.post-title,.protected .post-content{text-align:center}
}
@media(max-width:600px){#nav-swith{margin:0}
#nav-swith:after,#nav-swith:before{left:6px;width:18px;height:2px;background:currentColor;border:0;border-radius:0;transform:none;-ms-transform:none;-webkit-transform:none}
#nav-swith:after{top:21px}
#nav-swith span{visibility:visible}
.on #nav-swith span{visibility:hidden;opacity:0}
#nav{width:100%;max-height:0;overflow:hidden;text-align:center}
.on #nav{max-height:240px}
.head-fixed .on #nav{margin-bottom:5px}
.nav-menu{max-height:200px;overflow:auto}
.nav-menu a,.nav-menu li{display:block}
.nav-menu a:hover{font-weight:700;border:0}
.menu-parent ul{position:relative;left:0;margin:0 auto;width:75%;visibility:visible;opacity:1;transform:none;-webkit-transform:none}
.menu-parent .menu-parent .menu-child:before{border-bottom:7px solid rgba(221,221,221,.95)}
#site-search{position:static;width:50%;margin:0 auto}
.post-content .links li{width:33.33333%}
.comment-form .textarea{width:58%}
.comment-form .textbutton{width:40%}
}
@media(max-width:420px){.post-content .links li{width:50%}
}