@charset "utf-8";
*{box-sizing:border-box}
.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:#111;word-wrap:break-word;text-decoration:none;border-bottom:1px solid #555}
.yue a:hover{color:#555;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(even){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}
}
body{font-family:PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}
div.main-container,div.post-container{width:100%;position:fixed;top:0;left:0;height:auto}
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:70px auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
section#main .header .name{font-size:1.5em;margin:7px 0;color:#444;font-weight:400}
section#main .header .description{color:#5E656B;font-size:14px;margin:5px 0}
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 .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 span{display:block;font-size:.8em;color:#999}
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:#444;border-bottom:1px solid #444}
footer a:hover{color:#000}
.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;-moz-border-radius:3px;-webkit-border-radius:3px;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-top:20px;margin-bottom:40px}
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;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:none}
section#comments form button:hover{background:#404D56}

/* 暗色主题样式 */
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: #ffffff;
}

body.dark .yue a {
    color: #4fc1e9;
    border-bottom-color: #4fc1e9;
}

body.dark .yue a:hover {
    color: #3ba9d6;
}

body.dark .yue b, body.dark .yue strong {
    color: #ffffff;
}

body.dark .yue em, body.dark .yue i {
    color: #ffffff;
}

body.dark .yue figure figcaption {
    color: #a0a0a0;
}

body.dark .yue figure figcaption a {
    color: #a0a0a0;
}

body.dark .yue hr {
    border-bottom-color: #333333;
}

body.dark .yue blockquote {
    border-left-color: #444444;
}

body.dark .yue code, body.dark .yue tt {
    background-color: rgba(255, 255, 255, 0.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: #333333;
    color: #e0e0e0;
}

body.dark .yue tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
}

body.dark section#main .header .name {
    color: #ffffff;
}

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: #ffffff;
}

body.dark section#main .posts .post {
    color: #e0e0e0;
}

body.dark section#main .posts .post:hover {
    background-color: #2a2a2a;
}

body.dark section#main .posts .post span {
    color: #a0a0a0;
}

body.dark footer {
    color: #a0a0a0;
}

body.dark footer a {
    color: #4fc1e9;
    border-bottom-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: #ffffff;
    background-color: #444444;
}

body.dark section#post .head .title {
    color: #ffffff;
}

body.dark section#post .head .cates a {
    color: #a0a0a0;
}

body.dark section#post .head .cates a:hover {
    color: #ffffff;
}

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: #444444;
}

body.dark section#comments form textarea {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #444444;
}

body.dark section#comments form button {
    background-color: #444444;
}

/* 主题切换按钮样式 */
.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 0.3s ease;
    z-index: 9999;
}

.theme-toggle:hover {
    background-color: #e0e0e0;
    transform: scale(1.1);
}

body.dark .theme-toggle {
    background-color: #333333;
    border-color: #555555;
    color: #ffffff;
}

body.dark .theme-toggle:hover {
    background-color: #444444;
}