/*
 * 重置浏览器默认样式
 * 统一各浏览器元素的默认 margin、padding、border 等属性，确保页面在不同浏览器中表现一致
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/*
 * 设置 body 的行高
 */
body {
    line-height: 1;
}

/*
 * 移除列表默认样式
 */
ol,
ul {
    list-style: none;
}

/*
 * 移除引用块的引号样式
 */
blockquote,
q {
    quotes: none;
}

/*
 * 清除引用块前后伪元素的内容
 */
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

/*
 * 表格边框合并
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * 表格标题和表头字体样式重置
 */
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

/*
 * 标题清除浮动
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

/*
 * 设置 HTML 元素基础样式
 * 包括滚动条、字体大小调整等
 */
html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/*
 * 链接焦点样式
 */
a:focus {
    outline: thin dotted;
}

/*
 * 设置 HTML5 新元素为块级元素
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * 设置多媒体元素为行内块元素
 */
audio,
canvas,
video {
    display: inline-block;
}

/*
 * 隐藏无控件的音频元素
 */
audio:not([controls]) {
    display: none;
}

/*
 * 删除线文字颜色
 */
del {
    color: #333;
}

/*
 * 插入文字样式
 */
ins {
    background: #fff9c0;
    text-decoration: none;
}

/*
 * 水平线样式
 */
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 上下标样式设置
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*
 * 小号文字样式
 */
small {
    font-size: smaller;
}

/*
 * 图片基础样式
 */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/*
 * 清除浮动
 */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}

/*
 * 重复样式模式 - 小标题样式
 * 应用于归档标题、页面标题、小部件标题等
 */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-weight: bold;
    text-transform: uppercase;
    color: #636363;
}

/*
 * 共享文章格式样式
 * 应用于引用、链接、状态类型的文章
 */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}

/*
 * 表单控件通用样式
 */
button,
input,
select,
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
}

button,
input {
    line-height: normal;
}

textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top;
}

/*
 * 重置非文本输入框样式
 */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    border-radius: 0;
    padding: 0;
}

/*
 * 按钮样式
 */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
    padding: 6px 10px;
    padding: 0.428571429rem 0.714285714rem;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 1.428571429;
    font-weight: normal;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border-color: transparent;
}

.bypostauthor cite span {
    color: #fff;
    background-color: #21759b;
    background-image: none;
    border: 1px solid #1f6f93;
    border-radius: 2px;
    box-shadow: none;
    padding: 0;
}

/*
 * 响应式图片
 */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
}

/*
 * 响应式媒体元素
 */
embed,
iframe,
object,
video {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

/*
 * 图片对齐样式
 */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.wp-caption {
    max-width: 100%;
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #757575;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.entry-content dl.gallery-item {
    margin: 0;
}

.gallery-item a,
.gallery-caption {
    width: 90%;
}

.gallery-item a {
    display: block;
}

.gallery-caption a {
    display: inline;
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/*
 * 导航样式
 */
.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
}

#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0;
}

#nav-above {
    display: none;
}

.paged #nav-above {
    display: block;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0;
}

/*
 * 作者信息样式
 */
.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    overflow: hidden;
}

.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
}

.author.archive .author-avatar {
    margin-top: 0;
}

/*
 * 基本结构样式
 */
html {
    font-size: 87.5%;
}

body {
    font-size: 14px;
    font-size: 1rem;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
}

body.custom-font-enabled {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

a {
    outline: none;
    color: #21759b;
}

a:hover {
    color: #0f3647;
}

/*
 * 辅助文本样式（屏幕阅读器专用）
 */
.assistive-text,
.site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    height: auto;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: auto;
    z-index: 100000;
}

/*
 * 页面结构
 */
.site {
    padding: 0 24px;
    padding: 0 1.714285714rem;
    background-color: #fff;
}

.site-content {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
}

.widget-area {
    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
}

/*
 * 头部样式
 */
.site-header {
    padding: 24px 0;
    padding: 1.714285714rem 0;
}

.site-header h1,
.site-header h2 {
    text-align: center;
}

.site-header h1 a,
.site-header h2 a {
    color: #515151;
    display: inline-block;
    text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
    color: #21759b;
}

.site-header h1 {
    font-size: 24px;
    font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    margin-bottom: 1rem;
}

.site-header h2 {
    font-weight: normal;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}

.header-image {
    margin-top: 24px;
    margin-top: 1.714285714rem;
}

/*
 * 主导航菜单
 */
.main-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    text-align: center;
}

.main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.42857143;
}

.main-navigation a {
    color: #5e5e5e;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #21759b;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block;
}

/*
 * 横幅区域
 */
section[role="banner"] {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
}

/*
 * 侧边栏小部件
 */
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    word-wrap: break-word;
}

.widget-area .widget h3 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.widget-area .textwidget ul,
.widget-area .textwidget ol {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li > ul,
.widget-area .textwidget li > ol {
    margin-bottom: 0;
}

.widget-area .textwidget ol {
    list-style: decimal;
}

.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 2.571428571rem;
}

.widget-area .widget a {
    color: #757575;
}

.widget-area .widget a:hover {
    color: #21759b;
}

.widget-area .widget a:visited {
    color: #9f9f9f;
}

.widget-area #s {
    width: 53.66666666666%;
}

/*
 * 页脚样式
 */
footer[role="contentinfo"] {
    border-top: 1px solid #ededed;
    clear: both;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    max-width: 960px;
    max-width: 68.571428571rem;
    margin-top: 24px;
    margin-top: 1.714285714rem;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    padding: 1.714285714rem 0;
}

footer[role="contentinfo"] a {
    color: #686868;
}

footer[role="contentinfo"] a:hover {
    color: #21759b;
}

.site-info span[role=separator] {
    padding: 0 0.3em 0 0.6em;
}

.site-info span[role=separator]::before {
    content: '\002f';
}

/*
 * 主内容和评论内容样式
 */
.entry-meta {
    clear: both;
}

.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
}

.entry-header .entry-title a {
    text-decoration: none;
}

.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: normal;
}

.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}

.comments-link a,
.entry-meta a {
    color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b;
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center;
}

.entry-content,
.entry-summary,
.mu_register {
    line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.714285714rem 0;
    line-height: 1.714285714;
}

.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 18px;
    font-size: 1.285714286rem;
    line-height: 1.6;
}

.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.846153846;
}

.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}

.entry-content a:visited,
.comment-content a:visited {
    color: #9f9f9f;
}

.entry-content .more-link {
    white-space: nowrap;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
    margin: 0 0 0 36px;
    margin: 0 0 0 2.571428571rem;
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    padding: 24px;
    padding: 1.714285714rem;
    font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
}

.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
    display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

/*
 * 样式规则：为居中对齐的图片和带有标题的居中图片容器设置样式
 * 功能：清除浮动，设置上下外边距以实现垂直间距
 */
img.aligncenter,
.wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}

/*
 * 样式规则：为文章内容中的嵌入元素设置底部外边距
 * 功能：统一 embed、iframe、object 和 video 元素的下边距，增强视觉层次感
 */
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 样式规则：为文章和评论内容中的定义列表(dl)设置左右外边距
 * 功能：提供适当的缩进，使定义列表在页面中更易读
 */
.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 1.714285714rem;
}

/*
 * 样式规则：为定义列表中的术语(dt)设置粗体字体
 * 功能：突出显示术语，便于用户区分术语与定义
 */
.entry-content dt,
.comment-content dt {
    font-weight: bold;
    line-height: 1.714285714;
}

/*
 * 样式规则：为定义列表中的定义(dd)设置行高和底部外边距
 * 功能：提升可读性并保持良好的段落间距
 */
.entry-content dd,
.comment-content dd {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 样式规则：为文章和评论内容中的表格设置基础样式
 * 功能：包括边框、颜色、字体大小、行高、外边距和宽度等，确保表格美观且易读
 */
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #666;
    font-size: 20px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    width: 100%;
}

/*
 * 样式规则：为表格标题设置字体大小和上下外边距
 * 功能：使表格标题更加醒目，并与其他内容保持适当间距
 */
.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1.142857143rem;
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

/*
 * 样式规则：为表格单元格(td)设置上边框和内边距
 * 功能：提高表格结构清晰度，增强数据的可读性
 */
.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

/*
 * 样式规则：为站点内容区域的文章设置底部边框、外边距、内边距及文本处理方式
 * 功能：分隔文章内容，启用自动断词和连字符以优化长单词换行效果
 */
.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*
 * 样式规则：为分页链接设置清除浮动和行高
 * 功能：防止布局错乱，保持一致的行高以提升阅读体验
 */
.page-links {
    clear: both;
    line-height: 1.714285714;
}

/*
 * 样式规则：为文章底部元信息设置样式
 * 功能：包括上边距、字体大小、行高、颜色等，使其看起来更简洁专业
 */
footer.entry-meta {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}

/*
 * 样式规则：在单作者模式下隐藏作者信息
 * 功能：减少冗余信息展示，保持页面整洁
 */
.single-author .entry-meta .by-author {
    display: none;
}

/*
 * 样式规则：为多用户注册页面的二级标题设置颜色和字体粗细
 * 功能：使其风格与其他标题保持一致，避免过于突兀
 */
.mu_register h2 {
    color: #757575;
    font-weight: normal;
}

/* =Archives
-------------------------------------------------------------- */

/*
 * 样式规则：为归档页和页面头部设置样式
 * 功能：添加底部边框和外边距，增强视觉分隔效果
 */
.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed;
}

/*
 * 样式规则：为归档页元信息设置样式
 * 功能：包括颜色、字体大小、行高和上边距，使其更易于阅读
 */
.archive-meta {
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin-top: 22px;
    margin-top: 1.571428571rem;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

/*
 * 样式规则：为音频附件设置最大宽度
 * 功能：限制音频播放器尺寸，防止其占用过多空间
 */
.attachment .entry-content .mejs-audio {
    max-width: 400px;
}

/*
 * 样式规则：为媒体元素容器设置底部外边距
 * 功能：与其他内容保持适当间距，提升整体布局美感
 */
.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}

/* =Single image attachment view
-------------------------------------------------------------- */

/*
 * 样式规则：为图像附件文章设置溢出隐藏
 * 功能：防止内容超出容器边界，保持布局整洁
 */
.article.attachment {
    overflow: hidden;
}

/*
 * 样式规则：为图像附件容器设置居中对齐
 * 功能：使图片及其说明文字在页面中居中显示
 */
.image-attachment div.attachment {
    text-align: center;
}

/*
 * 样式规则：为图像附件段落设置居中对齐
 * 功能：保持文本与图片对齐一致
 */
.image-attachment div.attachment p {
    text-align: center;
}

/*
 * 样式规则：为图像附件图片设置样式
 * 功能：使其水平居中、高度自适应，并限制最大宽度以适配容器
 */
.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

/*
 * 样式规则：为图像附件说明设置上边距
 * 功能：与图片保持适当距离，增强可读性
 */
.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.571428571rem;
}

/* =Aside post format
-------------------------------------------------------------- */

/*
 * 样式规则：为侧边栏文章格式的一级标题设置底部外边距
 * 功能：与其他内容保持良好间距
 */
article.format-aside h1 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 样式规则：为侧边栏文章标题链接设置样式
 * 功能：去除下划线并设置默认颜色
 */
article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a;
}

/*
 * 样式规则：为侧边栏文章标题链接悬停状态设置颜色
 * 功能：增强交互反馈
 */
article.format-aside h1 a:hover {
    color: #2e3542;
}

/*
 * 样式规则：为侧边栏文章内容区域设置内边距、背景色和左边框
 * 功能：营造视觉焦点，突出侧边栏内容
 */
article.format-aside .aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8;
}

/*
 * 样式规则：为侧边栏段落设置字体大小、行高和颜色
 * 功能：提升可读性和视觉舒适度
 */
article.format-aside p {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #4a5466;
}

/*
 * 样式规则：为侧边栏最后一个引用块或段落移除底部外边距
 * 功能：避免多余空白，保持布局紧凑
 */
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0;
}

/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
/*
 * 样式规则：为图像文章底部标题设置字体大小、行高和字体粗细
 * 功能：使其风格更符合副标题特征
 */
article.format-image footer h1 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    font-weight: normal;
}

/*
 * 样式规则：为图像文章底部副标题设置字体大小、行高
 * 功能：进一步区分层级关系
 */
article.format-image footer h2 {
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
}

/*
 * 样式规则：为图像文章底部链接内的副标题设置正常字体粗细
 * 功能：避免链接样式干扰标题表现
 */
article.format-image footer a h2 {
    font-weight: normal;
}

/* Link posts */
/*
 * 样式规则：为链接文章头部设置浮动、字体样式和背景色
 * 功能：创建标签式外观，增强视觉识别度
 */
article.format-link header {
    padding: 0 10px;
    padding: 0 0.714285714rem;
    float: right;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px;
}

/*
 * 样式规则：为链接文章内容设置最大宽度和左浮动
 * 功能：与头部标签形成左右布局
 */
article.format-link .entry-content {
    max-width: 80%;
    float: left;
}

/*
 * 样式规则：为链接文章内容中的链接设置字体大小和行高
 * 功能：使其更具吸引力且易于点击
 */
article.format-link .entry-content a {
    font-size: 22px;
    font-size: 1.571428571rem;
    line-height: 1.090909091;
    text-decoration: none;
}

/* Quote posts */
/*
 * 样式规则：为引用文章段落移除外边距并设置底部内边距
 * 功能：创造引用块的视觉空间
 */
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
}

/*
 * 样式规则：为引用文章引用块设置样式
 * 功能：包括内边距、字体大小、行高、样式、颜色和背景色，增强引用感
 */
article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef;
}

/* Status posts */
/*
 * 样式规则：为状态文章头部设置底部外边距
 * 功能：与其他内容保持适当间距
 */
.format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 样式规则：为状态文章头部容器设置内联块显示
 * 功能：使其与其他元素在同一行显示
 */
.format-status .entry-header header {
    display: inline-block;
}

/*
 * 样式规则：为状态文章一级标题设置字体大小、粗细、行高和外边距
 * 功能：符合状态信息简洁明了的特点
 */
.format-status .entry-header h1 {
    font-size: 15px;
    font-size: 1.071428571rem;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}

/*
 * 样式规则：为状态文章二级标题设置字体大小、粗细、行高和外边距
 * 功能：作为补充信息展示
 */
.format-status .entry-header h2 {
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    line-height: 2;
    margin: 0;
}

/*
 * 样式规则：为状态文章头部链接设置颜色
 * 功能：统一链接风格
 */
.format-status .entry-header header a {
    color: #757575;
}

/*
 * 样式规则：为状态文章头部链接悬停状态设置颜色
 * 功能：增强交互反馈
 */
.format-status .entry-header header a:hover {
    color: #21759b;
}

/*
 * 样式规则：为状态文章头部图片设置左浮动和右边距
 * 功能：与文字内容形成图文混排效果
 */
.format-status .entry-header img {
    float: left;
    margin-right: 21px;
    margin-right: 1.5rem;
}

/* =Comments
-------------------------------------------------------------- */

/*
 * 样式规则：为评论标题设置底部外边距、字体大小、行高和字体粗细
 * 功能：使其看起来更像章节标题
 */
.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: normal;
}

/*
 * 样式规则：为评论区域文章设置上下外边距
 * 功能：保持评论之间的间距
 */
.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

/*
 * 样式规则：为评论文章头部设置样式
 * 功能：包括外边距、溢出隐藏和相对定位，为内部元素布局做准备
 */
.comments-area article header {
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
    overflow: hidden;
    position: relative;
}

/*
 * 样式规则：为评论文章头部图片设置左浮动和无内边距
 * 功能：使头像靠左显示
 */
.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0;
}

/*
 * 样式规则：为评论文章头部引用和时间设置左外边距
 * 功能：避开头像区域，保持文本对齐
 */
.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem;
}

/*
 * 样式规则：为评论文章头部引用设置样式
 * 功能：包括正常字体样式、字体大小、行高，提升可读性
 */
.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143;
}

/*
 * 样式规则：为评论区域引用中的粗体文本设置正常字体粗细
 * 功能：避免默认粗体影响阅读
 */
.comments-area cite b {
    font-weight: normal;
}

/*
 * 样式规则：为评论文章头部时间设置行高、无下划线、字体大小和颜色
 * 功能：使其看起来更像辅助信息
 */
.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.857142857rem;
    color: #5e5e5e;
}

/*
 * 样式规则：为评论文章头部链接设置无下划线和颜色
 * 功能：统一链接风格
 */
.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e;
}

/*
 * 样式规则：为评论文章头部链接悬停状态设置颜色
 * 功能：增强交互反馈
 */
.comments-area article header a:hover {
    color: #21759b;
}

/*
 * 样式规则：为评论文章头部引用中的链接设置颜色
 * 功能：使其更易识别
 */
.comments-area article header cite a {
    color: #444;
}

/*
 * 样式规则：为评论文章头部引用中的链接悬停状态设置下划线
 * 功能：增强交互反馈
 */
.comments-area article header cite a:hover {
    text-decoration: underline;
}

/*
 * 样式规则：为评论文章头部四级标题设置绝对定位和样式
 * 功能：作为特殊标识（如“作者”标签）显示在右上角
 */
.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: 0.428571429rem 0.857142857rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(to bottom, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd;
}

/*
 * 样式规则：为作者评论引用中的跨度元素设置样式
 * 功能：作为额外标识（如“博主”）显示在用户名后
 */
.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: 0.357142857rem;
    padding: 2px 5px;
    padding: 0.142857143rem 0.357142857rem;
    font-size: 10px;
    font-size: 0.714285714rem;
}

/*
 * 样式规则：为作者评论引用中的粗体文本设置加粗
 * 功能：突出显示作者身份
 */
.comments-area .bypostauthor cite b {
    font-weight: bold;
}

/*
 * 样式规则：为回复和编辑链接设置颜色、字体大小和行高
 * 功能：统一链接风格并提升可读性
 */
a.comment-reply-link,
a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

/*
 * 样式规则：为回复和编辑链接悬停状态设置颜色
 * 功能：增强交互反馈
 */
a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b;
}

/*
 * 样式规则：为引用通知设置行高和底部外边距
 * 功能：保持与其他评论内容的一致性
 */
.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/* Comment form */
/*
 * 样式规则：为评论表单设置顶部外边距
 * 功能：与上方内容保持适当间距
 */
#respond {
    margin-top: 48px;
    margin-top: 3.428571429rem;
}

/*
 * 样式规则：为回复标题设置字体大小和行高
 * 功能：使其看起来更像表单标题
 */
#respond h3#reply-title {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
}

/*
 * 样式规则：为取消回复链接设置左外边距、正常字体粗细和字体大小
 * 功能：作为辅助操作按钮显示在标题旁
 */
#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: 0.714285714rem;
    font-weight: normal;
    font-size: 12px;
    font-size: 0.857142857rem;
}

/*
 * 样式规则：为评论表单设置上下外边距
 * 功能：与表单标题和其他内容保持适当间距
 */
#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0;
}

/*
 * 样式规则：为评论表单段落设置上下外边距
 * 功能：保持表单项之间的间距
 */
#respond form p {
    margin: 11px 0;
    margin: 0.785714286rem 0;
}

/*
 * 样式规则：为已登录用户信息段落设置底部外边距
 * 功能：与其他表单项保持一致间距
 */
#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}

/*
 * 样式规则：为评论表单标签设置块级显示和行高
 * 功能：使标签独占一行并提升可读性
 */
#respond form label {
    display: block;
    line-height: 1.714285714;
}

/*
 * 样式规则：为评论表单输入框和文本域设置盒模型、字体大小、行高、内边距和宽度
 * 功能：统一表单控件样式并使其占满容器宽度
 */
#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 100%;
}

/*
 * 样式规则：为允许标签段落设置外边距、字体大小、行高和颜色
 * 功能：作为辅助信息显示在表单底部
 */
#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #5e5e5e;
}

/*
 * 样式规则：为评论Cookie同意复选框设置右边距
 * 功能：与其他表单元素保持适当间距
 */
#respond #wp-comment-cookies-consent {
    margin: 0 10px 0 0;
}

/*
 * 样式规则：为评论Cookie同意标签设置内联显示
 * 功能：使其与复选框在同一行显示
 */
#respond .comment-form-cookies-consent label {
    display: inline;
}

/*
 * 样式规则：为必填项标记设置红色
 * 功能：提醒用户注意必填字段
 */
.required {
    color: red;
}

/* =Front page template
-------------------------------------------------------------- */

/*
 * 样式规则：为首页文章图片设置底部外边距
 * 功能：与其他内容保持适当间距
 */
.entry-page-image {
    margin-bottom: 14px;
    margin-bottom: 1rem;
}

/*
 * 样式规则：为首页模板的文章内容移除边框和底部外边距
 * 功能：适应首页布局需求
 */
.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0;
}

/*
 * 样式规则：为首页模板的小工具区域设置样式
 * 功能：包括清除浮动、自动宽度、顶部内边距和顶部边框，适应首页布局
 */
.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    border-top: 1px solid #ededed;
}

/*
 * 样式规则：为首页模板小工具列表项设置样式
 * 功能：包括外边距、字体大小、行高、列表样式类型和位置，提升可读性
 */
.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    margin: 0.571428571rem 0 0;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.714285714;
    list-style-type: square;
    list-style-position: inside;
}

/*
 * 样式规则：为首页模板小工具列表项链接设置颜色
 * 功能：统一链接风格
 */
.template-front-page .widget-area .widget li a {
    color: #757575;
}

/*
 * 样式规则：为首页模板小工具列表项链接悬停状态设置颜色
 * 功能：增强交互反馈
 */
.template-front-page .widget-area .widget li a:hover {
    color: #21759b;
}

/*
 * 样式规则：为首页模板文本小工具图片设置左浮动和外边距
 * 功能：形成图文混排效果
 */
.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
    margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}

/* =Widgets
-------------------------------------------------------------- */

/*
 * 样式规则：为小工具选择框设置最大宽度
 * 功能：防止其超出容器边界
 */
.widget select {
    max-width: 100%;
}

/*
 * 样式规则：为小工具区域嵌套列表设置左外边距
 * 功能：创建层级缩进效果
 */
.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: 0.857142857rem;
}

/*
 * 样式规则：为RSS小工具列表项设置上下外边距
 * 功能：保持列表项之间的间距
 */
.widget_rss li {
    margin: 12px 0;
    margin: 0.857142857rem 0;
}

/*
 * 样式规则：为近期文章和RSS小工具的时间设置颜色、字体大小和左外边距
 * 功能：作为辅助信息显示在条目旁
 */
.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    font-size: 0.785714286rem;
    margin-left: 12px;
    margin-left: 0.857142857rem;
}

/*
 * 样式规则：为日历导航和日历设置样式
 * 功能：包括外边距、宽度、字体大小、行高和颜色，确保一致性
 */
.wp-calendar-nav,
#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #686868;
}

/*
 * 样式规则：为日历各部分设置左对齐
 * 功能：保持文本对齐一致
 */
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left;
}

/*
 * 样式规则：为日历导航设置表格显示
 * 功能：便于内部元素布局
 */
.wp-calendar-nav {
    display: table;
}

/*
 * 样式规则：为日历导航跨度元素设置表格单元格显示
 * 功能：使其在表格中正确排列
 */
.wp-calendar-nav span {
    display: table-cell;
}

/*
 * 样式规则：为日历导航下一页和日历下一页设置右内边距和右对齐
 * 功能：使其靠右显示并与其他内容保持间距
 */
.wp-calendar-nav-next,
#wp-calendar #next {
    padding-right: 24px;
    padding-right: 1.714285714rem;
    text-align: right;
}

/*
 * 样式规则：为搜索小工具标签设置块级显示、字体大小和行高
 * 功能：使标签独占一行并提升可读性
 */
.widget_search label {
    display: block;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}

/*
 * 样式规则：为Twitter小工具列表项移除列表样式
 * 功能：避免默认列表符号干扰布局
 */
.widget_twitter li {
    list-style-type: none;
}

/*
 * 样式规则：为Twitter小工具时间设置块级显示和右对齐
 * 功能：使其作为辅助信息显示在条目底部
 */
.widget_twitter .timesince {
    display: block;
    text-align: right;
}

/*
 * 样式规则：为标签云列表移除列表样式
 * 功能：避免默认列表符号干扰布局
 */
.tagcloud ul {
    list-style-type: none;
}

/*
 * 样式规则：为标签云列表项设置内联块显示
 * 功能：使标签横向排列
 */
.tagcloud ul li {
    display: inline-block;
}

/*
 * 样式规则：为小工具区域标签云列表项设置行高
 * 功能：保持标签间的垂直间距
 */
.widget-area .widget.widget_tag_cloud li {
    line-height: 1;
}

/*
 * 样式规则：为首页模板小工具区域标签云列表项移除外边距
 * 功能：适应首页布局需求
 */
.template-front-page .widget-area .widget.widget_tag_cloud li {
    margin: 0;
}

/*
 * 样式规则：为小工具区域画廊图标图片设置高度自适应和最大宽度
 * 功能：防止图片过大破坏布局
 */
.widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-6 .gallery-icon img,
.widget-area .gallery-columns-7 .gallery-icon img,
.widget-area .gallery-columns-8 .gallery-icon img,
.widget-area .gallery-columns-9 .gallery-icon img {
    height: auto;
    max-width: 80%;
}

/* =Plugins
----------------------------------------------- */

/*
 * 样式规则：为WordPress统计图片设置块级显示、居中对齐和底部外边距
 * 功能：使其在页面中正确显示
 */
img#wpstats {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 1.714285714rem;
}

/* =Media queries
-------------------------------------------------------------- */

/*
 * 视口设置：为IE10+和标准浏览器设置视口宽度为设备宽度
 * 功能：确保响应式设计在不同设备上正确渲染
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/*
 * 媒体查询：当屏幕最小宽度为600像素时应用以下样式
 * 功能：实现响应式布局，适配较大屏幕
 */
@media screen and (min-width: 600px) {
    /*
     * 样式规则：为作者头像设置左浮动和顶部外边距
     * 功能：与作者描述形成左右布局
     */
    .author-avatar {
        float: left;
        margin-top: 8px;
        margin-top: 0.571428571rem;
    }

    /*
     * 样式规则：为作者描述设置右浮动和宽度
     * 功能：与作者头像形成左右布局
     */
    .author-description {
        float: right;
        width: 80%;
    }

    /*
     * 样式规则：为站点设置居中、最大宽度和溢出隐藏
     * 功能：创建固定宽度居中布局
     */
    .site {
        margin: 0 auto;
        max-width: 960px;
        max-width: 68.571428571rem;
        overflow: hidden;
    }

    /*
     * 样式规则：为站点内容设置左浮动和宽度
     * 功能：创建两栏布局
     */
    .site-content {
        float: left;
        width: 65.104166667%;
    }

    /*
     * 样式规则：为特定页面模板的站点内容设置100%宽度
     * 功能：适应全宽布局需求
     */
    body.template-front-page .site-content,
    body.attachment .site-content,
    body.full-width .site-content {
        width: 100%;
    }

    /*
     * 样式规则：为小工具区域设置右浮动和宽度
     * 功能：创建两栏布局
     */
    .widget-area {
        float: right;
        width: 26.041666667%;
    }

    /*
     * 样式规则：为站点头部标题设置左对齐
     * 功能：符合传统网页布局习惯
     */
    .site-header h1,
    .site-header h2 {
        text-align: left;
    }

    /*
     * 样式规则：为站点头部一级标题设置字体大小、行高和底部外边距
     * 功能：使其看起来更像主标题
     */
    .site-header h1 {
        font-size: 26px;
        font-size: 1.857142857rem;
        line-height: 1.846153846;
        margin-bottom: 0;
    }

    /*
     * 样式规则：为主导航菜单设置样式
     * 功能：包括上下边框、内联块显示、左对齐和100%宽度，适应水平导航需求
     */
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        display: inline-block !important;
        text-align: left;
        width: 100%;
    }

    /*
     * 样式规则：为主导航列表设置外边距和文本缩进
     * 功能：重置默认样式
     */
    .main-navigation ul {
        margin: 0;
        text-indent: 0;
    }

    /*
     * 样式规则：为主导航链接和列表项设置内联块显示和无下划线
     * 功能：使其水平排列并去除链接默认样式
     */
    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none;
    }

    /*
     * 样式规则：为主导航链接设置无下边框、颜色、行高、大写转换和不换行
     * 功能：提升导航链接的视觉效果和一致性
     */
    .main-navigation li a {
        border-bottom: 0;
        color: #6a6a6a;
        line-height: 3.692307692;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /*
     * 样式规则：为主导航链接悬停和聚焦状态设置颜色
     * 功能：增强交互反馈
     */
    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #000;
    }

    /*
     * 样式规则：为主导航列表项设置右边距和相对定位
     * 功能：保持列表项间距并为下拉菜单定位做准备
     */
    .main-navigation li {
        margin: 0 40px 0 0;
        margin: 0 2.857142857rem 0 0;
        position: relative;
    }

    /*
     * 样式规则：为主导航嵌套列表设置绝对定位和隐藏
     * 功能：实现下拉菜单效果
     */
    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    /*
     * 样式规则：为主导航二级嵌套列表设置位置
     * 功能：实现多级下拉菜单效果
     */
    .main-navigation li ul ul {
        top: 0;
        left: 100%;
    }

    /*
     * 样式规则：为主导航列表项悬停、聚焦或获得焦点时显示下拉菜单
     * 功能：实现交互式下拉菜单
     */
    .main-navigation ul li:hover > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit;
    }

    /*
     * 样式规则：为主导航下拉菜单链接设置样式
     * 功能：包括背景色、下边框、块级显示、字体大小、行高、内边距、宽度、正常换行，提升可读性
     */
    .main-navigation li ul li a {
        background: #efefef;
        border-bottom: 1px solid #ededed;
        display: block;
        font-size: 11px;
        font-size: 0.785714286rem;
        line-height: 2.181818182;
        padding: 8px 10px;
        padding: 0.571428571rem 0.714285714rem;
        width: 180px;
        width: 12.85714286rem;
        white-space: normal;
    }

    /*
     * 样式规则：为主导航下拉菜单链接悬停和聚焦状态设置样式
     * 功能：包括背景色和颜色，增强交互反馈
     */
    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        background: #e3e3e3;
        color: #444;
    }

    /*
     * 样式规则：为当前菜单项和祖先菜单项链接设置颜色和字体粗细
     * 功能：突出显示当前位置
     */
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #636363;
        font-weight: bold;
    }

    /*
     * 样式规则：隐藏菜单切换按钮
     * 功能：在大屏幕上不需要此按钮
     */
    .menu-toggle {
        display: none;
    }

    /*
     * 样式规则：为文章头部标题设置字体大小
     * 功能：使其在大屏幕上更醒目
     */
    .entry-header .entry-title {
        font-size: 22px;
        font-size: 1.571428571rem;
    }

    /*
     * 样式规则：为评论表单输入框设置宽度
     * 功能：适应大屏幕布局
     */
    #respond form input[type="text"] {
        width: 46.333333333%;
    }

    /*
     * 样式规则：为评论表单文本域设置宽度
     * 功能：适应大屏幕布局
     */
    #respond form textarea.blog-textarea {
        width: 79.666666667%;
    }

    /*
     * 样式规则：为首页模板站点内容和文章设置溢出隐藏
     * 功能：防止内容溢出破坏布局
     */
    .template-front-page .site-content,
    .template-front-page article {
        overflow: hidden;
    }

    /*
     * 样式规则：为带特色图片的首页模板文章设置左浮动和宽度
     * 功能：与图片形成左右布局
     */
    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%;
    }

    /*
     * 样式规则：为首页文章图片设置右浮动、移除底部外边距和设置宽度
     * 功能：与文章内容形成左右布局
     */
    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%;
    }

    /*
     * 样式规则：为首页模板小工具区域小工具设置样式
     * 功能：包括左浮动、宽度、底部外边距，适应首页布局
     */
    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
        margin-bottom: 1.714285714rem;
    }

    /*
     * 样式规则：为首页模板小工具区域奇数小工具设置清除右浮动
     * 功能：防止布局错乱
     */
    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right;
    }

    /*
     * 样式规则：为首页模板小工具区域偶数小工具和双侧边栏前端小工具设置样式
     * 功能：包括右浮动、宽度、外边距，适应首页布局
     */
    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
        margin: 0 0 1.714285714rem;
    }

    /*
     * 样式规则：为首页双侧边栏小工具和偶数小工具设置样式
     * 功能：包括无浮动和自动宽度，适应首页布局
     */
    .template-front-page.two-sidebars .widget,
    .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto;
    }

    /*
     * 样式规则：为评论列表子列表设置左外边距
     * 功能：创建层级缩进效果
     */
    .commentlist .children {
        margin-left: 48px;
        margin-left: 3.428571429rem;
    }
}

/* ==========================================================================
   响应式布局 - 最小宽度 960 像素
   ========================================================================== */

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
    body {
        background-color: blue;
    }

    body .site {
        padding: 0 40px;
        padding: 0 2.857142857rem;
        margin-top: 48px;
        margin-top: 3.428571429rem;
        margin-bottom: 48px;
        margin-bottom: 3.428571429rem;
        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }

    body.custom-background-empty {
        background-color: #fff;
    }

    body.custom-background-empty .site,
    body.custom-background-white .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
}

/* ==========================================================================
   打印样式
   ========================================================================== */

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }

    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "; /* Show URLs */
    }

    a {
        text-decoration: none;
    }

    .entry-content img,
    .comment-content img,
    .author-avatar img,
    img.wp-post-image {
        border-radius: 0;
        box-shadow: none;
    }

    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important;
    }

    .site-header {
        margin-bottom: 72px;
        margin-bottom: 5.142857143rem;
        text-align: left;
    }

    .site-header h1 {
        font-size: 21pt;
        line-height: 1;
        text-align: left;
    }

    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left;
    }

    .site-header h1 a,
    .site-header h2 a {
        color: #000;
    }

    .author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    .main-navigation {
        display: none;
    }

    .wrapper {
        border-top: none;
        box-shadow: none;
    }

    .site-content {
        margin: 0;
        width: auto;
    }

    .entry-header .entry-title,
    .entry-title {
        font-size: 21pt;
    }

    footer.entry-meta,
    footer.entry-meta a {
        color: #444;
        font-size: 10pt;
    }

    .author-description {
        float: none;
        width: auto;
    }

    /* Comments */
    .commentlist > li.comment {
        background: none;
        position: relative;
        width: auto;
    }

    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px;
    }

    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
        margin-left: 3.57142857rem;
    }
}

/* ==========================================================================
   面包屑导航样式
   ========================================================================== */

.breadcrumb
div {
    display: inline;
    font-size: 13px;
    margin-left: -3px;
}

/* ==========================================================================
   回到顶部按钮样式
   ========================================================================== */

#wp-auto-top {
    position: fixed;
    top: 45%;
    right: 50%;
    display: block;
    margin-right: -540px;
    z-index: 9999;
}

#wp-auto-top-top, #wp-auto-top-comment, #wp-auto-top-bottom {
    background: url(https://www.lylinux.org/wp-content/plugins/wp-auto-top/img/1.png) no-repeat;
    position: relative;
    cursor: pointer;
    height: 25px;
    width: 29px;
    margin: 10px 0 0;
}

#wp-auto-top-comment {
    background-position: left -30px;
    height: 32px;
}

#wp-auto-top-bottom {
    background-position: left -68px;
}

#wp-auto-top-comment:hover {
    background-position: right -30px;
}

#wp-auto-top-top:hover {
    background-position: right 0;
}

#wp-auto-top-bottom:hover {
    background-position: right -68px;
}

/* ==========================================================================
   登录小工具样式
   ========================================================================== */

.widget-login {
    margin-top: 15px !important;
}

/* ==========================================================================
   评论区域样式
   ========================================================================== */

#comments {
    margin-top: 20px;
}

#pinglist-container {
    display: none;
}

/* 评论标签页样式 */
.comment-tabs {
    margin-bottom: 20px;
    font-size: 15px;
    border-bottom: 2px solid #e5e5e5;
}

.comment-tabs li {
    float: left;
    margin-bottom: -2px;
}

.comment-tabs li a {
    display: block;
    padding: 0 10px 10px;
    font-weight: 600;
    color: #aaa;
    border-bottom: 2px solid #e5e5e5;
}

.comment-tabs li a:hover {
    color: #444;
    border-color: #ccc;
}

.comment-tabs li span {
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 4px;
    background-color: #e5e5e5;
}

.comment-tabs li i {
    margin-right: 6px;
}

.comment-tabs li.active a {
    color: #e8554e;
    border-bottom-color: #e8554e;
}

/* 评论列表样式 */
.commentlist, .pinglist {
    margin-bottom: 20px;
}

.commentlist li, .pinglist li {
    padding-left: 60px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.commentlist .comment-body, .pinglist li {
    position: relative;
    padding-bottom: 20px;
    clear: both;
    word-break: break-all;
}

.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation {
    float: left;
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.commentlist .comment-author {
    margin-right: 6px;
}

.commentlist .fn, .pinglist .ping-link {
    color: #444;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
}

.commentlist .says {
    display: none;
}

.commentlist .avatar {
    position: absolute;
    left: -60px;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.commentlist .comment-meta:before, .pinglist .ping-meta:before {
    vertical-align: 4%;
    margin-right: 3px;
    font-size: 10px;
    font-family: FontAwesome;
    color: #ccc;
}

.commentlist .comment-meta a, .pinglist .ping-meta {
    color: #aaa;
}

.commentlist .reply {
    font-size: 13px;
    line-height: 16px;
}

.commentlist .reply a,
.commentlist .comment-reply-chain {
    color: #aaa;
}

.commentlist .reply a:hover,
.commentlist .comment-reply-chain:hover {
    color: #444;
}

.comment-awaiting-moderation {
    color: #e8554e;
    font-style: normal;
}

/* pingback 列表样式 */
.pinglist li {
    padding-left: 0;
}

/* 评论文本样式 */
.commentlist .comment-body p {
    margin-bottom: 8px;
    color: #777;
    clear: both;
}

.commentlist .comment-body strong {
    font-weight: 600;
}

.commentlist .comment-body ol li {
    margin-left: 2em;
    padding: 0;
    list-style: decimal;
}

.commentlist .comment-body ul li {
    margin-left: 2em;
    padding: 0;
    list-style: square;
}

/* 文章作者和管理员评论样式 */
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after {
    display: block;
    position: absolute;
    content: "\f040";
    width: 12px;
    line-height: 12px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
    background-color: #e8554e;
}

.commentlist li.comment-author-admin > .comment-body:after {
    content: "\f005"; /* star for admin */
}

.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after {
    padding: 3px;
    top: 32px;
    left: -28px;
    font-size: 12px;
    border-radius: 100%;
}

.commentlist li li.bypostauthor > .comment-body:after,
.commentlist li li.comment-author-admin > .comment-body:after {
    padding: 2px;
    top: 22px;
    left: -26px;
    font-size: 10px;
    border-radius: 100%;
}

/* 子评论样式 */
.commentlist li ul {
}

.commentlist li li {
    margin: 0;
    padding-left: 48px;
}

.commentlist li li .avatar {
    top: 0;
    left: -48px;
    width: 36px;
    height: 36px;
}

.commentlist li li .comment-meta {
    left: 70px;
}

/* 评论导航样式 */
.comments-nav {
    margin-bottom: 20px;
}

.comments-nav a {
    font-weight: 600;
}

.comments-nav .nav-previous {
    float: left;
}

.comments-nav .nav-next {
    float: right;
}

/* 评论表单样式 */
.logged-in-as,
.comment-notes,
.form-allowed-tags {
    display: none;
}


/*
 * 样式表定义了页面中评论区域、表单、面包屑导航等模块的样式。
 * 包括响应式布局、按钮交互效果、动画过渡以及视觉美化等内容。
 */

/* 设置评论容器相对定位 */
#respond {
    position: relative;
}

/* 回复标题的默认下边距 */
#reply-title {
    margin-bottom: 20px;
}

/* 针对列表项中的回复标题进行特殊处理：隐藏并重置尺寸 */
li #reply-title {
    margin: 0 !important;
    padding: 0;
    height: 0;
    font-size: 0;
    border-top: 0;
}

/* 取消回复链接的基本样式设置 */
#cancel-comment-reply-link {
    float: right;
    bottom: 26px;
    right: 20px;
    font-size: 12px;
    color: #999;
}

/* 取消回复链接悬停时的颜色变化 */
#cancel-comment-reply-link:hover {
    color: #777;
}

/* 评论表单整体样式 */
#commentform {
    margin-bottom: 20px;
    padding: 10px 20px 20px;
    border-radius: 4px;
    background-color: #e5e5e5;
}

/* 表单作者字段左浮动占宽48% */
#commentform p.comment-form-author {
    float: left;
    width: 48%;
}

/* 表单邮箱字段右浮动占宽48% */
#commentform p.comment-form-email {
    float: right;
    width: 48%;
}

/* URL 和评论正文字段清除浮动并独占一行 */
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
    clear: both;
}

/* 表单标签统一显示为块级元素，并设置上下内边距与字体加粗 */
#commentform label {
    display: block;
    padding: 6px 0;
    font-weight: 600;
}

/* 输入框和文本域最大宽度限制为父容器100%，且默认撑满 */
#commentform input[type="text"],
#commentform textarea {
    max-width: 100%;
    width: 100%;
}

/* 文本域高度固定为100像素 */
#commentform textarea {
    height: 100px;
}

/* 提交按钮段落上外边距调整 */
#commentform p.form-submit {
    margin-top: 10px;
}

/* 登录状态下回复标题保持标准间距 */
.logged-in #reply-title {
    margin-bottom: 20px;
}

/* 登录状态下的评论正文字段增加顶部间距 */
.logged-in #commentform p.comment-form-comment {
    margin-top: 10px;
}

/* 登录状态下评论正文标签隐藏 */
.logged-in #commentform p.comment-form-comment label {
    display: none;
}

/* 统一标题类（包括回复标题）的基础样式 */
.heading,
#reply-title {
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #222;
}

/* 标题图标样式设置 */
.heading i {
    margin-right: 6px;
    font-size: 22px;
}

/* 清除浮动伪类 before */
.group:before {
    content: "";
    display: table;
}

/* 清除浮动伪类 after */
.group:after {
    content: "";
    display: table;
    clear: both;
}

/* 取消评论按钮基础样式重置 */
.cancel-comment {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* 返回顶部火箭图标的初始位置及基本属性 */
#rocket {
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: block;
    visibility: hidden;
    width: 26px;
    height: 48px;
    background: url("data:image/png;base64,...") no-repeat 50% 0;
    cursor: pointer;
    -webkit-transition: all 0s;
    transition: all 0s;
}

/* 火箭图标鼠标悬停时背景图片偏移以切换状态 */
#rocket:hover {
    background-position: 50% -62px;
}

/* 显示火箭图标 */
#rocket.show {
    visibility: visible;
    opacity: 1;
}

/* 触发动画时火箭图标的状态更新与动画绑定 */
#rocket.move {
    background-position: 50% -62px;
    -webkit-animation: toTop .8s ease-in;
    animation: toTop .8s ease-in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

/* Markdown提示文字样式设置 */
.comment-markdown {
    float: right;
    font-size: small;
}

/* 面包屑导航容器样式 */
.breadcrumb {
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

/* 面包屑导航项横向排列 */
.breadcrumb > li {
    display: inline-block;
}

/* 面包屑导航项之间的分隔符 */
.breadcrumb > li + li:before {
    color: #ccc;
    content: "/\00a0";
}

/* 当前激活的面包屑导航项颜色 */
.breadcrumb > .active {
    color: #777;
}

/* 分割线样式（当前被注释掉） */
.break_line {
    height: 1px;
    border: none;
    /*border-top: 1px dashed #f5d6d6;*/
}
}