/* ===================================
   官网精灵 - 移动端响应式适配
   =================================== */

/* 平板 (小于980px) */
@media screen and (max-width: 979px) {
  #header_in, #wrapper, #footer_in {
    width: auto !important;
    margin: 0 15px !important;
  }
  #content {
    width: auto !important;
    float: none !important;
    max-width: 100% !important;
  }
  #sidebar {
    width: auto !important;
    float: none !important;
    margin-top: 25px;
    max-width: 100% !important;
  }
  #searchbox {
    width: auto !important;
    max-width: 100% !important;
  }
}

/* 手机 (小于768px) - 重点优化区域 */
@media screen and (max-width: 767px) {
  /* ---- 强制所有容器100%宽度 ---- */
  body, #main, #wrapper, #content, #sidebar, #header, #footer {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  #header_in, #wrapper, #footer_in {
    width: auto !important;
    margin: 0 8px !important;
  }
  #content {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
  }
  #sidebar {
    width: 100% !important;
    float: none !important;
    margin: 20px 0 0 0 !important;
    max-width: 100% !important;
  }
  #wrapper {
    padding: 10px 0 !important;
  }

  /* ---- 头部 ---- */
  .logo {
    float: none !important;
    text-align: center;
    padding-top: 5px !important;
  }
  #header .blog-title {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
  }
  #header .blog-title a {
    font-size: 22px !important;
  }
  #header p.blog-description {
    font-size: 12px !important;
    text-align: center;
  }
  .header_right {
    float: none !important;
    text-align: center;
    padding: 5px 0;
    width: 100% !important;
  }
  .myform input[name=s] {
    width: 160px !important;
  }
  .shenqing-btn {
    width: auto !important;
    margin: 0 8px 5px !important;
  }
  .header_right br {
    display: none;
  }

  /* ---- 搜索框 ---- */
  #searchbox {
    width: 100% !important;
    margin-bottom: 15px !important;
    max-width: 100% !important;
  }
  .searchbox_center {
    width: 100% !important;
  }
  .searchbox_bottom {
    height: auto !important;
    padding: 8px 0;
  }
  .searchbox_bottom table {
    width: 100% !important;
  }
  .searchbox_bottom td {
    text-align: center;
  }
  #searchbox h3 {
    font-size: 14px !important;
    text-align: center;
  }
  .wiki_statistics {
    text-align: center;
  }
  .wiki_statistics .title,
  .wiki_statistics .status {
    float: none !important;
    display: inline-block;
    padding: 4px 6px !important;
    font-size: 12px !important;
  }
  #content .wiki_statistics .status {
    font-size: 12px !important;
  }

  /* ---- 首页tab ---- */
  .tab-home-nav {
    text-align: center;
  }
  .tab-home-btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }

  /* ---- 首页文章列表 ---- */
  .feature-box {
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
  }
  .subheading {
    font-size: 15px !important;
  }
  .subheading a {
    font-size: 15px !important;
    display: inline !important;
  }
  #content p.post_info span {
    float: none !important;
    display: inline-block;
    margin-right: 6px !important;
    font-size: 11px !important;
  }

  /* ========== 文章详情页 ========== */
  .breadcrumb {
    font-size: 11px !important;
    word-break: break-all;
    white-space: normal !important;
  }
  .single_post h1.head {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  /* ---- 文章正文 + 特别推荐（关键修复） ---- */
  #content .article_tools {
    float: none !important;
    width: auto !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    clear: both !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #f9f9f9;
  }
  #content .article_tools h3 {
    font-size: 14px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd;
  }
  #content .article_tools a {
    font-size: 12px !important;
    padding: 3px 8px !important;
    display: inline-block;
  }
  #content .article_tools ul,
  #content .article_tools li {
    width: auto !important;
    float: none !important;
  }

  /* ---- 文章正文 ---- */
  .posts {
    height: auto !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    overflow: visible !important;
  }
  #post-22541 p,
  .single_post p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    word-break: break-word;
  }
  .single_post ul {
    padding-left: 18px;
  }
  .single_post li {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .single_post blockquote {
    margin: 8px 0 !important;
    padding: 6px 10px !important;
  }
  .single_post blockquote p {
    font-size: 13px !important;
  }

  /* ---- 文章外链 ---- */
  .single_post a[href^="http"] {
    word-break: break-all !important;
    font-size: 13px !important;
  }

  /* ---- 相关推荐 ---- */
  .realated_post h3 {
    font-size: 15px !important;
  }
  .realated_postlist li {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px !important;
  }
  .realated_postlist li h3 a {
    font-size: 14px !important;
  }

  /* ---- 评论 ---- */
  #comments_wrap h3 {
    font-size: 15px !important;
  }
  .comment {
    padding: 8px !important;
  }
  .comment-author img {
    width: 36px !important;
    height: 36px !important;
  }
  .comment-author cite {
    font-size: 13px !important;
  }
  .comment-meta {
    font-size: 11px !important;
  }
  .comment-content p {
    font-size: 13px !important;
  }

  /* ---- 分页 ---- */
  #page-nav {
    padding: 10px 0 !important;
    text-align: center;
  }
  #page-nav ul li a {
    padding: 3px 7px !important;
    font-size: 12px !important;
  }

  /* ---- 侧边栏 ---- */
  #sidebar h3 {
    font-size: 15px !important;
  }
  #sidebar .categorylist li a {
    font-size: 13px !important;
    padding: 5px 8px !important;
  }
  #sidebar .textwidget.custom-html-widget li {
    font-size: 13px !important;
    padding: 3px 0 !important;
  }

  /* ---- 底部 ---- */
  #footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  #footer_in {
    text-align: center;
  }
  #footer_in p {
    float: none !important;
    font-size: 11px !important;
    margin: 2px 0 !important;
  }
  #footer_in .fr {
    float: none !important;
  }
  #footer_in .footera a {
    font-size: 11px !important;
  }

  /* ---- 广告位 ---- */
  div[style*="background-color:#005faf"] {
    font-size: 11px !important;
    height: 25px !important;
    line-height: 25px !important;
  }

  /* ---- 分类页面标题 ---- */
  h1.cat_head {
    font-size: 18px !important;
  }

  /* ---- tag标签 ---- */
  #content .widget:last-child div a {
    font-size: 11px !important;
  }

  /* ---- hot site list ---- */
  .widget_text .textwidget ul li {
    padding: 2px 0 !important;
  }
  .widget_text .textwidget ul li a {
    font-size: 13px !important;
  }
}

/* 超小屏 (小于400px) */
@media screen and (max-width: 399px) {
  #header .blog-title a {
    font-size: 16px !important;
  }
  #header p.blog-description {
    font-size: 11px !important;
  }
  .myform input[name=s] {
    width: 120px !important;
  }
  .single_post h1.head {
    font-size: 16px !important;
  }
  .single_post p, .single_post li {
    font-size: 13px !important;
  }
}