@charset "utf-8";*{box-sizing:border-box}
body{font-family:PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}
.yue{font:300 1em/1.62 Georgia,"Xin Gothic","Hiragino Sans GB","Droid Sans Fallback","Microsoft YaHei",sans-serif;color:#444443}
.windows .yue{font-size:16px;font-family:Georgia,SimSun,sans-serif}
.yue ::-moz-selection{background-color:rgba(0,0,0,.2)}
.yue ::selection{background-color:rgba(0,0,0,.2)}
.yue h1,.yue h2,.yue h3,.yue h4,.yue h5,.yue h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;color:#000;font-weight:300}
.yue h1{font-size:1.75em;margin:.67em 0}
.yue>h1{margin-top:0;font-size:1.75em}
.yue h2{font-size:1.5em;margin:.83em 0}
.yue h3{font-size:1.17em;margin:1em 0}
.yue h4,.yue h5,.yue h6{font-size:1em;margin:1.6em 0 1em 0}
.yue h6{font-weight:500}
.yue p{margin-top:0;margin-bottom:1.46em}
.yue a{color:#4fc1e9;word-wrap:break-word;text-decoration:none}
.yue a:hover{color:#3ba9d6;border-bottom:none}
.yue h1 a,.yue h2 a,.yue h3 a{text-decoration:none}
.yue b,.yue strong{font-weight:700;color:#222223}
.yue em,.yue i{font-style:italic;color:#222223}
.yue img{max-width:100%;height:auto;margin:.2em 0}
.yue a img{border:none}
.yue figure{position:relative;clear:both;outline:0;margin:10px 0 30px;padding:0;min-height:100px}
.yue figure img{display:block;max-width:100%;margin:auto auto 4px;box-sizing:border-box}
.yue figure figcaption{position:relative;width:100%;text-align:center;left:0;margin-top:10px;font-weight:400;font-size:14px;color:#666665}
.yue figure figcaption a{text-decoration:none;color:#666665}
.yue hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}
.yue blockquote{margin:0 0 1.64em 0;border-left:3px solid #dadada;padding-left:12px}
.yue ol,.yue ul{margin:0 0 24px 6px;padding-left:16px}
.yue ul{list-style-type:square}
.yue ol{list-style-type:decimal}
.yue li{margin-bottom:.2em}
.yue li ol,.yue li ul{margin-top:0;margin-bottom:0;margin-left:14px}
.yue li ul{list-style-type:disc}
.yue li ul ul{list-style-type:circle}
.yue li p{margin:.4em 0 .6em}
.yue .unstyled{list-style-type:none;margin:0;padding:0}
.yue code,.yue tt{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;padding:0 3px;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:90%;background-color:rgba(0,0,0,.04);border-radius:3px;word-break:break-all}
.yue pre{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;padding:16px;overflow:auto;font-size:90%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}
.yue pre code,.yue pre tt{color:#4c4c4c;border:none;background:0 0;padding:0}
.yue table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em;box-sizing:border-box}
.yue td,.yue th{text-align:left;padding:4px 8px 4px 10px;border:1px solid #dadada}
.yue td{vertical-align:top}
.yue tr:nth-child(2n){background-color:#efefee}
.yue iframe{display:block;max-width:100%;margin-bottom:30px}
.yue figure iframe{margin:auto}
.yue table pre{margin:0;padding:0;border:none;background:0 0}
@media (min-width:1100px){.yue blockquote{margin-left:10px;padding-left:20px;border-width:2px}
.yue blockquote blockquote{margin-left:10px}
}
section#main{text-align:center;max-width:760px;margin:0 auto}
section#main .header img.avatar{display:inline-block;padding:4px;border:1px solid #eaeaea;width:100px;height:100px;margin:25px auto 20px;border-radius:50%}
section#main .header .name{font-size:1.75em;color:#444;font-weight:400}
section#main .header .description{color:#5e656b;margin-bottom:1.46em}
section#main nav{list-style:none}
section#main nav li{display:inline-block;margin:0 5px}
section#main nav li a{font-size:14px;text-decoration:none;color:#777}
section#main nav li a:hover{color:#000}
section#main .header .search-form{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:5px;max-width:400px;margin-left:auto;margin-right:auto;transition:all .3s ease}
section#main .header .search-wrapper{position:relative;width:100%;display:flex;align-items:center}
.search-container{position:fixed;top:20px;right:120px;display:none;opacity:0;transform:translateX(20px);transition:all .3s ease;max-width:300px;margin:0;z-index:9998}
.search-container.active{display:flex;opacity:1;transform:translateX(0)}
.search-input{width:100%;padding:10px 45px 10px 15px;border:1px solid #eaeaea;border-radius:20px;font-size:14px;outline:0;transition:all .3s ease;background-color:#f9f9f9}
.search-input:focus{border-color:#4fc1e9;background-color:#fff;box-shadow:0 0 0 2px rgba(79,193,233,.1)}
.search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:8px 12px;border:none;border-radius:50%;background-color:transparent;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#999;z-index:9999}
.search-btn:hover{color:#4fc1e9;background-color:rgba(79,193,233,.1);transform:translateY(-50%) scale(1.1)}
.search-input::placeholder{color:#999;opacity:1}
section#main .posts{text-align:left;margin:30px 0 15px 0}
section#main .posts .post{text-decoration:none;color:#444;display:block;padding:1em 1.5em;border-radius:4px;transition:background-color .25s}
section#main .posts .post:hover{background-color:#f5f5f5;transition:background-color .25s}
section#main .posts .post .labels{font-size:.8em;margin:5px 0}
section#main .posts .post .labels .label{display:inline-block}
section#main .posts .post .labels .label:before{content:"#";margin-left:5px}
section#main .posts .post-item{display:flex;align-items:center;margin-bottom:10px}
section#main .posts .post-item .category{padding:0 5px;font-size:1.2em;white-space:nowrap}
section#main .posts .post-item .category a{color:#444;text-decoration:none}
section#main .posts .post-item .category a:hover{color:#444;text-decoration:none}
section#main .posts .post-item .post{flex:1;margin:0}
section#main .posts .post-item .post span{display:block;font-size:.8em;color:#999}
section#main .posts .no-results{text-align:center;padding:40px 20px;color:#999;font-size:16px;margin-top:20px}
footer{text-align:center;max-width:760px;margin:0 auto;color:#444;padding:70px 0 50px 0;font-size:14px}
footer a{text-decoration:none;padding-bottom:1px;color:#4fc1e9}
footer a:hover{color:#3ba9d6}
.hide{opacity:0!important;visibility:hidden;display:none;transition:visibility .15s,opacity .15s,display .15s!important}
ol.page-navigator{list-style:none;padding:0;margin-top:35px}
ol.page-navigator li,ol.page-navigator li.current{display:none;margin:0 10px}
ol.page-navigator li.next,ol.page-navigator li.prev{display:inline-block}
ol.page-navigator li.next a,ol.page-navigator li.prev a{text-decoration:none;color:#fff;background:#404d56;padding:7px 20px;border-radius:3px;border:none;font-size:14px}
section#post{max-width:760px;margin:0 auto;padding:5px}
section#post .head .avatar{text-align:center}
section#post .head .avatar a{text-decoration:none}
section#post .head .avatar img{width:100px;height:100px;border:1px solid #eaeaea;padding:4px;border-radius:50%;margin:20px auto}
section#post .head .title{text-align:center;font-size:1.75em;margin:7px 0;color:#000;font-weight:300;font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif}
section#post .head .cates{text-align:center}
section#post .head .cates a{font-size:14px;text-decoration:none;color:#777;margin:0 5px}
section#post .head .cates a:hover{color:#000}
section#post .content{margin-top:50px;color:#000;min-height:400px}
section#comments{font-size:14px;max-width:760px;margin:0 auto}
section#comments .comment-bar{margin-top:35px;text-align:center;font-size:1.25em;margin-bottom:15px}
section#comments ol{list-style:none;padding:0}
section#comments ol li{padding:10px 0 10px 15px}
section#comments ol>li{margin-top:10px;background-color:#f8f8f8;border-radius:3px}
section#comments ol li>img{float:right;width:40px;height:40px;border:1px solid #eaeaea;padding:4px;border-radius:50%;margin-right:10px}
section#comments ol li .content .meta a{color:#444;text-decoration:none}
section#comments ol li.comment-author .content .meta a{color:#4fc1e9}
section#comments ol li .content .meta span{font-size:.75em;color:#999;margin-left:10px}
section#comments ol li .content .meta span a:hover{color:#000}
section#comments ol li .content .reply{display:inline-block}
section#comments ol li .content .p{padding-top:5px}
section#comments ol li .content .p p{margin:0;padding:0;line-height:1.62em}
section#comments form input{width:100%;padding:10px 15px;outline:0;border:0;background-color:#f8f8f8;margin:5px 0;border-radius:3px;border:1px solid #eaeaea}
section#comments form textarea{height:100px;width:100%;padding:10px 15px;outline:0;border:0;background-color:#f8f8f8;margin:5px 0;border-radius:3px;border:1px solid #eaeaea}
section#comments form button{color:#fff;background:#56626b;width:100%;padding:10px 0;border-radius:3px;border:none}
section#comments form button:hover{background:#404d56}
.theme-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;z-index:9999}
.theme-toggle:hover{background-color:#e0e0e0;transform:scale(1.1)}
.search-toggle{position:fixed;top:20px;right:70px;width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;border:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;z-index:9999}
.search-toggle:hover{background-color:#e0e0e0;transform:scale(1.1)}
.search-toggle.active{background-color:#4fc1e9;color:#fff;border-color:#4fc1e9}
body.dark{background-color:#1a1a1a;color:#e0e0e0}
body.dark .yue{color:#e0e0e0}
body.dark .yue h1,body.dark .yue h2,body.dark .yue h3,body.dark .yue h4,body.dark .yue h5,body.dark .yue h6{color:#fff}
body.dark .yue a{color:#4fc1e9}
body.dark .yue a:hover{color:#3ba9d6}
body.dark .yue b,body.dark .yue strong{color:#fff}
body.dark .yue em,body.dark .yue i{color:#fff}
body.dark .yue figure figcaption{color:#a0a0a0}
body.dark .yue figure figcaption a{color:#a0a0a0}
body.dark .yue hr{border-bottom-color:#333}
body.dark .yue blockquote{border-left-color:#444}
body.dark .yue code,body.dark .yue tt{background-color:rgba(255,255,255,.05);color:#e0e0e0}
body.dark .yue pre{background-color:#2a2a2a;color:#e0e0e0}
body.dark .yue pre code,body.dark .yue pre tt{color:#e0e0e0}
body.dark .yue td,body.dark .yue th{border-color:#333;color:#e0e0e0}
body.dark .yue tr:nth-child(2n){background-color:rgba(255,255,255,.05)}
body.dark section#main .header .name{color:#fff}
body.dark section#main .header .description{color:#a0a0a0}
body.dark section#main nav li a{color:#a0a0a0}
body.dark section#main nav li a:hover{color:#fff}
body.dark .search-input{background-color:#2a2a2a;border-color:#444;color:#e0e0e0}
body.dark .search-input:focus{border-color:#4fc1e9;background-color:#333;box-shadow:0 0 0 2px rgba(79,193,233,.2)}
body.dark .search-btn{color:#666}
body.dark .search-btn:hover{color:#4fc1e9;background-color:rgba(79,193,233,.1)}
body.dark .search-input::placeholder{color:#666;opacity:1}
body.dark section#main .posts .post{color:#e0e0e0}
body.dark section#main .posts .post:hover{background-color:#2a2a2a}
body.dark section#main .posts .post-item .category{color:#a0a0a0}
body.dark section#main .posts .post-item .category a{color:#999;text-decoration:none}
body.dark section#main .posts .post-item .category a:hover{color:#999;text-decoration:none}
body.dark section#main .posts .post span{color:#a0a0a0}
body.dark section#main .posts .no-results{color:#666}
body.dark footer{color:#a0a0a0}
body.dark footer a{color:#4fc1e9}
body.dark footer a:hover{color:#3ba9d6}
body.dark ol.page-navigator li.next a,body.dark ol.page-navigator li.prev a{color:#fff;background-color:#444}
body.dark section#post .head .title{color:#fff}
body.dark section#post .head .cates a{color:#a0a0a0}
body.dark section#post .head .cates a:hover{color:#fff}
body.dark section#post .content{color:#e0e0e0}
body.dark section#comments ol>li{background-color:#2a2a2a}
body.dark section#comments ol li .content .meta a{color:#4fc1e9}
body.dark section#comments ol li.comment-author .content .meta a{color:#4fc1e9}
body.dark section#comments ol li .content .meta span{color:#a0a0a0}
body.dark section#comments form input{background-color:#2a2a2a;color:#e0e0e0;border-color:#444}
body.dark section#comments form textarea{background-color:#2a2a2a;color:#e0e0e0;border-color:#444}
body.dark section#comments form button{background-color:#444}
body.dark .theme-toggle{background-color:#333;border-color:#555;color:#fff}
body.dark .theme-toggle:hover{background-color:#444}
body.dark .search-toggle{background-color:#333;border-color:#555;color:#fff}
body.dark .search-toggle:hover{background-color:#444}
body.dark .search-toggle.active{background-color:#4fc1e9;color:#fff;border-color:#4fc1e9}
.history-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}
.history-modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.history-modal-header{padding:10px 0;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}
.history-modal-header h3{margin:0;color:#333;font-size:18px;font-weight:500}
.history-modal-close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}
.history-modal-close:hover, .history-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}
.history-modal-body{padding:20px 0}
#history-list{list-style:none;padding:0;margin:0}
#history-list li{padding:10px 0;border-bottom:1px solid #f0f0f0}
#history-list li:last-child{border-bottom:none}
#history-list li a{text-decoration:none;color:#4fc1e9;display:block}
#history-list li a:hover{color:#3ba9d6}
#history-list li span{display:block;font-size:12px;color:#999;margin-top:5px}
body.dark .history-modal-content{background-color:#2a2a2a;border-color:#444}
body.dark .history-modal-header{border-bottom-color:#444}
body.dark .history-modal-header h3{color:#fff}
body.dark .history-modal-close{color:#666}
body.dark .history-modal-close:hover, body.dark .history-modal-close:focus{color:#fff}
body.dark #history-list li{border-bottom-color:#444}
body.dark #history-list li a{color:#4fc1e9}
body.dark #history-list li a:hover{color:#3ba9d6}
body.dark #history-list li span{color:#666}