body{background-color:#fff;color:#444;font-family:Helvetica,Tahoma,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:87.5%}
a{color:#3354aa;text-decoration:none}
a:active,a:hover{color:#444}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif}
input[type=email],input[type=password],input[type=text],input[type=url],textarea{padding:5px;border:1px solid #e9e9e9;width:100%;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea{resize:vertical}
.comment-content a,.post-content a,.post-meta a,.widget a{border-bottom:1px solid #eee}
.comment-content a:hover,.post-content a:hover,.post-meta a:hover,.widget a:hover{border-bottom-color:transparent}
#header{padding-top:35px;border-bottom:1px solid #eee}
#logo{color:#333;font-size:2.5em}
#logo img{max-height:64px}
.description{margin:.5em 0 0;color:#999;font-style:italic}
#nav-menu{margin:25px 0 0;padding:0}
#nav-menu a{display:block;margin-right:-1px;padding:0 20px;border:1px solid #eee;border-bottom:none;height:32px;line-height:32px;color:#444;float:left}
#nav-menu .current,#nav-menu a:hover{background:#f6f6f6}
#search{position:relative;margin-top:15px}
#search input{padding-right:30px}
#search button{position:absolute;right:4px;top:2px;border:none;padding:0;width:24px;height:24px;background:transparent url(img/icon-search.png) no-repeat center center;direction:ltr;text-indent:-9999em}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#search button{background-image:url(img/icon-search@2x.png);-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px;background-size:24px 24px}
}
.post{padding:15px 0 20px;border-bottom:1px solid #eee}
.post-title{margin:.83em 0;font-size:1.4em}
.post-meta{margin-top:-.5em;padding:0;color:#999;font-size:.92857em}
.post-meta li{display:inline-block;margin:0 8px 0 0;padding-left:12px;border-left:1px solid #eee}
.post-meta li:first-child{margin-left:0;padding-left:0;border:none}
.post-content{line-height:1.5}
.post-content{padding-top:15px;font-size:15px;word-break:break-word;color:var(--routine)}
.joe_detail__articla{padding-top:15px;font-size:15px;word-break:break-word;color:var(--routine)}
.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--main);font-size:18px;line-height:24px;margin-bottom:18px;position:relative}
.post-content h1{padding:0 15px 0 20px}
.post-content h1::before{content:'¶';color:var(--theme);position:absolute;top:0;left:0;font-size:22px}
.post-content h2{padding:0 15px}
.post-content h2::before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:var(--theme)}
.post-content h3{padding:0 15px}
.post-content h3::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--theme);border-radius:0 4px 4px 0}
.post-content h4::before{content:'「';color:var(--theme);font-weight:600;margin-right:5px}
.post-content h4::after{content:'」';color:var(--theme);font-weight:600;margin-left:5px}
.post-content h5{padding:0 15px 0 28px}
.post-content h5::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==);background-size:100% 100%}
.post-content h6{padding:0 15px 0 28px}
.post-content h6::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC);background-size:100% 100%}
.post-content hr{border:none;height:1px;background-color:var(--classB);margin-bottom:18px}
.post-content p{line-height:26px;margin-bottom:18px}
.post-content blockquote{line-height:26px;margin-bottom:18px;background:#ecf8ff;border-left:5px solid #50bfff;color:#50bfff;padding:8px 15px;border-radius:0 var(--radius-inner) var(--radius-inner) 0}
.post-content blockquote p{margin:0}
.post-content a:not([class]){display:inline-block;line-height:26px;color:var(--theme);position:relative}
.post-content a:not([class]):hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.post-content a:not([class])::after{content:'';position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:var(--theme);-webkit-transform:scaleX(.25);transform:scaleX(.25);opacity:0;transition:opacity .35s,-webkit-transform .35s;transition:transform .35s,opacity .35s;transition:transform .35s,opacity .35s,-webkit-transform .35s}
.post-content code:not([class]){display:inline-block;border-radius:var(--radius-inner);font-size:12px;background:#ecf5ff;color:#409eff;padding:0 8px;vertical-align:top;word-break:break-word}
.post-content pre[class*=language-]{position:relative;margin:0 0 18px;padding:30px 0 0;font-size:14px;border-radius:var(--radius-inner);overflow:hidden}
.post-content pre[class*=language-] code[class*=language-]{display:block;overflow:auto;padding:0 15px 12px}
.post-content pre[class*=language-]::before{content:'';position:absolute;top:9px;left:15px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:1}
.post-content pre[class*=language-] .copy{position:absolute;top:9px;right:15px;z-index:5;color:#909399;transition:color .35s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.post-content pre[class*=language-] .copy:hover{color:#c0c4cc}
.post-content img:not([class]){display:block;max-width:100%;border-radius:var(--radius-inner);transition:box-shadow .35s,-webkit-transform .35s;transition:transform .35s,box-shadow .35s;transition:transform .35s,box-shadow .35s,-webkit-transform .35s;cursor:zoom-in;margin:0 auto}
.post-content img:not([class]):hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 34px 20px -24px rgba(136,161,206,.3)}
.post-content .owo_image{max-height:26px;vertical-align:top}
.post-content ol,.post-content ul{margin-bottom:18px;padding-left:36px}
.post-content ol li,.post-content ul li{line-height:26px}
.post-content ol li{list-style:decimal}
.post-content ul li{list-style:disc}

input{
line-height:23px
}

.post-content table{width:100%;max-width:100%;table-layout:fixed;color:var(--minor);margin-bottom:18px;font-size:13px;border-top:1px solid var(--classC);border-left:1px solid var(--classC)}
.post-content table td,.post-content table th{padding:8px;border-bottom:1px solid var(--classC);border-right:1px solid var(--classC)}
.post-content table thead th{font-weight:500;background:var(--classC)}
.post-content table tbody tr{transition:background .35s}
.post-content table tbody tr:hover{background:var(--classD)}
.post-content table th[align=left]{text-align:left}
.post-content table th[align=center]{text-align:center}
.post-content table th[align=right]{text-align:right}
.post-content-video{margin-bottom:18px}
.post-content-video .episodes,.post-content-video .play{position:relative;background:var(--classD);padding:60px 15px 15px}
.post-content-video .episodes .title,.post-content-video .play .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,.15);height:30px;line-height:30px;padding:0 12px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.post-content-video .episodes .title::after,.post-content-video .play .title::after{content:'';position:absolute;bottom:-10px;left:-10px;border-style:solid;border-width:10px;border-color:var(--theme) transparent transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.post-content-video .episodes .box,.post-content-video .play .box{border-top:1px solid var(--classB);padding-top:15px}
.post-content-video .play{margin-bottom:15px}
.post-content-video .play .box iframe{background:#000;width:100%;height:520px}
.post-content-video .episodes .box{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.post-content-video .episodes .box .item{height:30px;line-height:30px;border-radius:15px;background:var(--background);color:var(--routine);cursor:pointer;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow .35s,background .35s,color .35s,-webkit-transform .35s;transition:transform .35s,box-shadow .35s,background .35s,color .35s;transition:transform .35s,box-shadow .35s,background .35s,color .35s,-webkit-transform .35s;padding:0 10px}
.post-content-video .episodes .box .item.active{-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,.1)}
.post-content-video .episodes .box .item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 5px rgba(0,0,0,.1)}
.post-content-protected{display:flex;justify-content:center;background:repeating-linear-gradient(145deg,var(--classB),var(--classB) 15px,var(--background) 0,var(--background) 30px);padding:20px 0;margin-bottom:18px}
.post-content-protected .contain{position:relative;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden}
.post-content-protected .contain .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px}
.post-content-protected .contain .password{width:250px;height:40px;border:none;color:var(--routine);padding-left:50px;background:var(--background)}
.post-content-protected .contain .submit{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--main);border:none;background:0 0}
.post .tags{clear:both}
.post-near{list-style:none;margin:30px 0;padding:0;color:#999}
.post-near li{margin:10px 0}
.archive-title{margin:1em 0 -1em;padding-top:20px;color:#999;font-size:1em}
.more{text-align:center}
.more a{border:none}
.protected .text{width:50%}
.page-navigator{list-style:none;margin:25px 0;padding:0;text-align:center}
.page-navigator li{display:inline-block;margin:0 4px}
.page-navigator a{display:inline-block;padding:0 10px;height:30px;line-height:30px}
.page-navigator a:hover{background:#eee;text-decoration:none}
.page-navigator .current a{color:#444;background:#eee}
#comments{padding-top:15px}
.comment-list,.comment-list ol{list-style:none;margin:0;padding:0}
.comment-list li{padding:14px;margin-top:10px;border:1px solid #eee}
.comment-list li.comment-level-odd{background:#f6f6f3}
.comment-list li.comment-level-even{background:#fff}
.comment-list li.comment-by-author{background:#fff9e8}
.comment-list li .comment-reply{text-align:right;font-size:.92857em}
.comment-meta a{color:#999;font-size:.92857em}
.comment-author{display:block;margin-bottom:3px;color:#444}
.comment-author .avatar{float:left;margin-right:10px}
.comment-author cite{font-weight:700;font-style:normal}
.comment-list .respond{margin-top:15px;border-top:1px solid #eee}
.respond .cancel-comment-reply{float:right;margin-top:15px;font-size:.92857em}
#comment-form label{display:block;margin-bottom:.5em;font-weight:700}
#comment-form .required:after{content:" *";color:#c00}
#secondary{padding-top:15px;word-wrap:break-word}
.widget{margin-bottom:30px}
.widget-list{list-style:none;padding:0}
.widget-list li{margin:5px 0;line-height:1.6}
.widget-list li ul{margin-left:15px}
#footer{padding:3em 0;line-height:1.5;text-align:center;color:#999}
.error-page{margin-top:100px;margin-bottom:100px}
.comment-content,.post-content{line-height:1.5;word-wrap:break-word}
.comment-content h2,.post-content h2{font-size:1.28571em}
.comment-content img,.comment-content video,.post-content img,.post-content video{max-width:100%}
.comment-content a img,.post-content a img{background:#fff;position:relative;bottom:-4px}
.comment-content hr,.post-content hr{margin:2em auto;width:100px;border:1px solid #e9e9e9;border-width:2px 0 0 0}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
img.alignleft{margin:0 15px 0 0}
img.alignright{margin:0 0 0 15px}
@media (max-width:767px){body{font-size:81.25%}
#nav-menu a{float:none;display:inline-block;margin:0 -2px}
}
@media (max-width:768px){#header,.post-meta,.post-title{text-align:center}
}
@media (min-width:1200px){.container{max-width:952px}
}
.hidden{display:none!important;visibility:hidden}
.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}

.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:#ccc}
.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}