@charset "UTF-8";

body {
    background-color: #FFF;
    color: #353535;
    /* 修改字体 raingray 20220620 */
    font-family: PingFang SC,Avenir,Tahoma,Arial,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,Helvetica,sans-serif;
    font-size: 1.0625rem;
}

/* 更改选中颜色 20220828 raingray */
::selection {
  background-color: #CFDDEA;
}

/* 让颜色跟随标题，不要黑色 */
/* strong {
    color: #000;
} */

a {
    /*color: #425e9a;*/
    /* raingray 20220828 设置全局 a 标签颜色 */
    color: #353535;
    text-decoration: none;
}

a:hover,
a:active {
    color: #444;
}

pre,
code {
    /* 控制高亮代码块字符换行 raingray 20211126 */
    /* white-space: pre-wrap;
    overflow-wrap: break-word; */
    background: #F3F3F3;
    font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
    /* 确保代码字体大小是 15px */
    /* font-size: .92857em; */
    font-size: .93934em;
    line-height: 1.6em;
}

/* 覆盖 highlight.js code 代码块样式默认背景颜色 #FFF raingray 20220210 */
code.hljs {
    background: #f6f8fa;
}

code {
    padding: 2px 4px;
    color: #B94A48;
}

pre {
    overflow: auto;
    border-radius:6px;
}

pre code {
    padding: 3px;
    color: #444;
}

blockquote {
    margin: 1em 0;
    padding-left: 1.5em;
    border-left: 4px solid #eee;
    color: #666;
}

table {
    border: 1px solid #ddd;
    width: 100%;
}

table th,
table td {
    padding: 5px 10px;
    border: 1px solid #eee;
}

table th {
    background: #f3f3f3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* raingray 20220325 */
    color: #353535;
}

/* 20220828 raingray 防止 h5 及以后字体过小行高过大*/
h5,
h6 {
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    font-size: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
    padding: 10px;
    padding-left: 10px;
    border: 1px solid #E9E9E9;
    width: 100%;
    border-radius: 2px;
    box-sizing: border-box;
    outline: none;
}

textarea {
    resize: vertical;
}

.post-meta a,
.post-content a,
.widget a,
.comment-content a {
    /*border-bottom: 1px solid #E1E1E1;*/
    /*文章中超链接颜色太浅不易识别，改为深色方便展示 20231129 raingray*/
    border-bottom: 1px solid #A9A9A9;
}

.post-meta a:hover,
.post-content a:hover,
.widget a:hover,
.comment-content a:hover {
    border-bottom-color: transparent;
}

.browsehappy {
    padding: 8px 0;
    background: #FBE3E4;
    color: #8A1F11;
    text-align: center;
}

.browsehappy a {
    color: #8A1F11;
    text-decoration: underline;
    font-weight: bold;
}

#header {
    padding-top: 35px;
    border-bottom: 1px solid #EEE;
}

#logo {
    color: #333;
    font-size: 2.6em;
}

#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;
    border-right: none;
    height: 32px;
    line-height: 32px;
    color: #444;
    float: left;
}

#nav-menu a:first-child {
    border-top-left-radius: 5px;
}

#nav-menu a:last-child {
    border-right: 1px solid #EEE;
    border-top-right-radius: 5px;
}

#nav-menu a:hover,
#nav-menu .current {
    background: #F6F6F6;
}

#search {
    position: relative;
    margin-top: 30px;
}

#search input {
    padding-right: 30px;
    /* 20220828 设置圆角 raingray */
    border-radius: 5px;
}

#search button {
    position: absolute;
    right: 0px;
    /*top: 7px;*/
    border: none;
    padding: 11px 17px;
    /*width: 24px;
    #height: 24px;*/
    background: transparent url(../img/search.svg) no-repeat center center; /* 将搜索图片替换为 svg 更好看 raingray 20211126*/
    direction: ltr;
    text-indent: -9999em;
    outline: none; /* 设置搜索框样式 raingray 20211126*/
    cursor: pointer;
}

@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    #search button {
        background-image: url(../img/search.svg);
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        background-size: 24px 24px;
    }
}

.post {
    padding: 15px 0 0;
    border-bottom: 1px solid #EEE;
}

article.post {
    border-bottom: none;
}

.post-title {
    /* 将文章下 title 字体设置小，弱化重要性，与标题间距近些，增强metadata与title关联性。20220913 */
    /*margin: .83em 0;*/
    margin: .83em 0 0;
    font-size: 1.4em;
}

.post-title > a{
    color: #404040;
}

.post-meta,
.post-meta li a {
    /* 将文章下 title 字体设置小，弱化重要性，与标题间距近些，增强metadata与title关联性。20220913 raingray */
    /*margin-top: -0.5em;*/
    margin: 10px 0;
    padding: 0;
    /* 20220411 文章介绍信息 a 标签字体大小同步 */
    /* font-size: .92857em; */
}

.post-meta li {
    display: inline-block;
    margin: 0 8px 0 0;
    padding-left: 12px;
    border-left: 1px solid #EEE;
    /* 弱化 metadata 重要性 raingray 20220913 */
    font-size: .92857em;
}

.post-meta li:last-child {
    /* 覆盖 235 行文章介绍分类 li 的 left 边框像素，暂时删除。 raingray 20220731  */
    /*border-left: 0;*/
    margin-top: 8px
}

.post-meta li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
}

.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: bold;
    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: bold;
}

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

/* 20220325 raingray 添加 a 标签颜色 */
.widget-list a {
    color: #353535;
}

.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;
}

/* 20220325 raingray 添加 a 标签颜色 */
#footer,
#footer a {
    color: #353535;
}

/* 20220325 raingray 添加 a 标签颜色 */
#footer a:hover {
    color: #000;
}

.error-page {
    margin-top: 100px;
    margin-bottom: 100px;
}

.post-content,
.comment-content {
    /*line-height: 1.6;*/
    line-height: 30px;
    word-wrap: break-word;
}

.post-content h2,
.comment-content h2 {
    font-size: 1.28571em;
}


.post-content img,
.comment-content img,
.post-content video,
.comment-content video {
    max-width: 100%;
}

.post-content a img,
.comment-content a img {
    background: #FFF;
    position: relative;
    bottom: -4px;
}

.post-content hr,
.comment-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: 91%;*/
        font-size: 16px;
    }
    
    /* 在移动端下文章分块更清晰 raingray 20220913  */
    .post {
        padding: 15px 0 10px;
    }

    /* 一些不重要的备案字体设小，转移注意力 raingray 20220816 */
    footer {
        font-size: 13px;
    }

    /* 备案号图片缩小 raingray 20220816 */
    footer img[alt=备案ico] {
        width: 15px;
	height: 15px;
    }

    button.commentSubmit[type=submit] {
        width: 100%;
    }


    #nav-menu a {
        display: inline-block;
        /*float: none;
        margin: 0 -3px;*/
        /*为了左对齐一直，避免外边距有负数导致的不对其问题。raingray 20231105*/
    }
}

@media(max-width:768px) {

    #header,
    .post-title,
    .post-meta {
        /*text-align: center;*/
	/*移动端和 PC 端样式保持统一*/
	text-align: left
    }
}

@media(min-width:1200px) {
    .container {
        /* 1000 px 在 16 寸笔记本上观感好 raingray 20211126*/
        /* max-width: 1000px; */
        /* 960 px 在 16 寸笔记本上观感好 raingray 20220325*/
        max-width: 960px;
        /* 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;
}

/* 设置评论按钮样式 raingray 20211126*/
p>button:nth-child(1) {
    width: 100px;
    padding: 10px;
    border-style: none;
    outline-style: none;
    background-color: #425e9a;
    cursor: pointer;
    color: #FFF
}

/* 设置评论按钮样式 raingray 20211126*/
p>button:nth-child(1):hover {
    background-color: #546a9a;
}

footer>p {
    margin-top: 2px;
}

/* 备案号设置 raingray 20220816 */
footer img {
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}

/* 设置文章发布和更新时间标签字体颜色 */
.updateTime, .releaseTime {
    color: #999;
}

.updateTime {
    margin: 20px 0 5px 0;
}

.releaseTime {
    margin: 0 0 20px 0;
}