/* ------------------------------------
 * Typecho Default Theme
 *
 * @author  Typecho Team
 * @link  http: //typecho.org/
 * @update  2013-10-28
 * --------------------------------- */

/* ------------------
 * Global style
 * --------------- */
body {
  background-color: #FFF;
  color: #333; /* 正文色加深：#444→#333 */
  font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif;
  font-size: 87.5%;
}

a {
  color: #3354AA;
  text-decoration: none;
}
a:hover, a:active {
  color: #224399; /* 链接hover色加深，更协调 */
}
pre, code { 
  background: #F8F8F8; /* 代码背景微调：#F3F3F3→#F8F8F8，更柔和 */
  font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
  font-size: .92857em;
}
code { padding: 2px 4px; color: #B94A48; }
pre {
  padding: 8px;
  overflow: auto;
  max-height: 400px;
}
pre code {
  padding: 3px;
  color: #333; /* 代码文字同步加深 */
}

blockquote {
  margin: 1em 0;
  padding-left: 1.5em;
  border-left: 4px solid #E5E5E5; /* 引用边框加深：#eee→#E5E5E5 */
  color: #666; /* 引用文字统一为次要色 */
}

table {
  border: 1px solid #E5E5E5; /* 表格边框加深 */
  width: 100%;
}
table th,
table td {
  padding: 5px 10px;
  border: 1px solid #E5E5E5;
}
table th {
  background: #F8F8F8; /* 表格表头背景同步 */
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei","Microsoft Yahei", sans-serif;
  color: #222; /* 标题色加深，层次更分明 */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  padding: 5px;
  border: 1px solid #E5E5E5; /* 输入框边框加深 */
  width: 100%;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea {
  resize: vertical;
}

/* Special link style */
.post-meta a,
.post-content a,
.widget a {
  border-bottom: 1px solid #E5E5E5; /* 链接下划线加深 */
}

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

/* ------------------
 * Header
 * --------------- */
#header {
  padding-top: 35px;
  border-bottom: 1px solid #E5E5E5; /* 头部边框加深 */
}

#logo {
  color: #222; /* logo标题色加深 */
  font-size: 2.5em;
}
#logo img {
    max-height: 64px;
}

.description {
  margin: .5em 0 0;
  color: #666; /* 次要文字统一色 */
  font-style: italic;
}

/* Navigation menu */
#nav-menu {
  margin: 25px 0 0;
  padding: 0;
}
#nav-menu a {
  display: block;
  margin-right: -1px;
  padding: 0 20px;
  border: 1px solid #E5E5E5; /* 导航边框加深 */
  border-bottom: none;
  height: 32px;
  line-height: 32px;
  color: #333; /* 导航文字加深 */
  float: left;
}
#nav-menu a:hover,
#nav-menu .current {
  background: #F8F8F8; /* 导航hover背景同步 */
}

/* ------------------
 * Main
 * --------------- */
.post {
  padding: 15px 0 20px;
  border-bottom: 1px solid #E5E5E5; /* 文章分割线加深 */
}
.post-title {
  margin: .83em 0;
  font-size: 1.4em;
}
.post-meta {
  margin-top: -0.5em;
  padding: 0;
  color: #666; /* 次要文字统一色 */
  font-size: .92857em;
}
.post-meta li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding-left: 12px;
  border-left: 1px solid #E5E5E5; /* 元信息分割线加深 */
}
.post-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.post-content {
  line-height: 1.6; /* 行高微调，提升阅读舒适度 */
}

.post-near {
  list-style: none;
  margin: 30px 0;
  padding: 0;
  color: #666; /* 次要文字统一色 */
}
.post-near li {
  margin: 10px 0;
}

.archive-title {
  margin: 1em 0 -1em;
  padding-top: 20px;
  color: #666; /* 归档标题改为次要色，更协调 */
  font-size: 1em;
}
.more {
  text-align: center;
}
.more a {
  border: none;
}
.protected .text {
  width: 50%;
}

/* Page nav - 已修改 */
.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,
.page-navigator span {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #E5E5E5; /* 分页按钮边框加深 */
  color: #333;
  text-decoration: none;
}
.page-navigator a:hover {
  background: #F8F8F8;
  text-decoration: none;
}

.page-navigator .current a,
.page-navigator .current span {
  color: #333;
  background: #F8F8F8;
  border-color: #E5E5E5;
  font-weight: bold;
}

/* 新增：隐藏分页中非li的直接子元素（解决无障碍警告） */
.page-navigator > :not(li) {
  display: none !important;
}

/* ------------------
 * secondary
 * --------------- */
#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 
 * --------------- */
#footer {
  padding: 3em 0;
  line-height: 1.6;
  text-align: center;
  color: #666; /* 次要文字统一色 */
  border-top: 1px solid #E5E5E5; /* 底部添加上边框，结构更完整 */
}

/* -----------------
 * Error page
 * -------------- */
.error-page {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
}

/* -----------------
 * Content format
 *--------------- */
.post-content {
  line-height: 1.6;
  word-wrap: break-word;
}
.post-content h2 {
  font-size: 1.28571em;
}
.post-content img,
.post-content video {
  max-width: 100%;
}
.post-content a img {
  background: #FFF;
  position: relative;
  bottom: -4px;
}
.post-content hr {
  margin: 2em auto;
  width: 100px;
  border: 1px solid #E5E5E5;
  border-width: 2px 0 0 0;
}

/* -----------------
 * Responsive
 *--------------- */
@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-title,
  .post-meta {
    text-align: center;
  }
}

@media (min-width: 992px) {

}

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

/* 行内列表模式 */
.inline-list .post {
    display: inline !important;
    margin-right: 15px !important;
    white-space: nowrap !important;
}

.inline-list .post-title {
    display: inline !important;
    font-size: 14px !important;
}

.inline-list .post-date {
    display: inline !important;
    font-size: 11px !important;
    color: #999 !important;
    margin-left: 5px !important;
}

.inline-list .post:after {
    content: " | " !important;
    color: #ddd !important;
}

.inline-list .post:last-child:after {
    content: "" !important;
}