@charset "utf-8";
/*==================================================================
  Dcgz_mobile_V2026.css  多彩贵州信息港（贵州七迹博客）移动端专属样式
  HTML 引用：<link media="screen and (max-width:768px)" href="/007css/Dcgz_mobile_V2026.css" />
  适配原则：递进式覆盖，仅修改与 PC 端的差异项；不使用冗余 !important
  统一字号：标题16px / 正文14px / 辅助13px；所有列表单列
==================================================================*/

@media screen and (max-width: 768px) {

  /* ========== 1. 基础：防止横溢 + 取消硬编码最小宽度 ========== */
  html, body {
    overflow-x: hidden;
    width: 100%;
  }
  body { font-size: 14px; }    /* 移动端正文基线 14px，项目规范 */
  a, span, p, h1, h2, h3, h4, li {
    word-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
  }
  img { max-width: 100% !important; height: auto !important; }

  /* 页面容器：取消 min-width，全屏利用 */
  .page-container {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  /* ========== 2. 顶部 Header：固定→静态堆叠，避免顶部间距多点来源（经验教训#1394681） ========== */
  header {
    position: static;           /* 移动端取消 fixed → 不再需要 padding-top 计算 */
    width: 100%;
    min-width: 0;
    z-index: 9999;
    box-shadow: 0 1px 3px rgba(1, 106, 174, 0.1);
  }
  .header-inner {
    width: 100%;
    height: auto;
    min-height: 60px;
    flex-direction: column;   /* logo + nav 上下堆叠 */
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    gap: 8px;
  }
  .logo a { line-height: normal; }
  .logo img {
    max-height: 42px;
    max-width: 80%;
    margin: 0 auto;
    display: block;
  }

  /* 导航：面包屑式横滑（PC 横向排列 → 移动端居中堆叠或横排缩间距） */
  .main-nav ul {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .main-nav li {
    margin: 0 6px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #b6d2f9;
  }
  .main-nav li a {
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    padding: 0 2px;
    border-bottom: 2px solid transparent;
  }
  .main-nav li a:hover { border-bottom: 2px solid #016aae; }

  /* ========== 3. 主容器：两列→单列堆叠（content-wrapper 原 padding-top:100px → header静态 取消） ========== */
  .content-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px 10px 0;    /* header变静态后直接正常间距，唯一来源（符合#1394681） */
    padding-top: 12px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
  }

  /* 正文列：72% → 100%，缩 padding */
  .main-content {
    width: 100% !important;
    flex: 1 1 100% !important;
    padding: 14px 12px;
    border-radius: 6px;
    margin-bottom: 0;
    box-shadow: 0 1px 4px rgba(1, 106, 174, 0.05);
  }

  /* 广告位容器：缩边距 */
  .page_ggdiv {
    padding: 8px 0;
    margin: 0 0 12px;
  }
  .page_gg_con {
    width: 100%;
    display: block;
    padding: 0;
  }
  .div640x90 { width: 100%; }

  /* 文章标题：h1 24→16px（移动端标题上限） */
  .article-header {
    margin-bottom: 14px;
    padding-bottom: 12px;
    text-align: left;
  }
  .article-header h1 {
    font-size: 16px;        /* 移动端标题上限，项目规范 */
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .article-meta {
    font-size: 12px;
    line-height: 20px;
  }
  .article-meta span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 4px;
  }

  /* 正文内容：段落 16→14px，行距收紧 */
  .article-content { margin-bottom: 16px; }
  .article-content p {
    margin: 10px 0;
    font-size: 14px;       /* 移动端正文 14px */
    line-height: 1.9;
    text-indent: 2em;
  }

  /* #zoom 紫底正文块：缩外边距与内边距 + 字号14px */
  #zoom.page_content {
    margin: 12px 0 16px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.9;
  }
  #zoom.page_content p {
    margin: 10px 0;
    font-size: 14px;
    text-indent: 2em;
  }

  /* ========== 4. 文章元信息 article-meta-bottom：缩边 ========== */
  .article-meta-bottom {
    margin: 12px 0;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .article-meta-bottom p {
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 4px;
  }

  /* ========== 5. 相关文章 related-posts：两列 → 单列 ========== */
  .related-posts {
    margin: 12px 0;
    padding: 10px 12px;
    border-radius: 4px;
  }
  .related-posts h3 {
    font-size: 15px;
    padding-bottom: 8px;
  }
  .related-posts ul {
    padding: 8px 0 0;
    display: block;           /* flex-wrap → block 单列 */
  }
  .related-posts ul li {
    width: 100%;              /* calc(50% - 9px) → 100% 单列 */
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
  .related-posts ul li a {
    max-width: calc(100% - 60px);
    font-size: 14px;
  }

  /* ========== 6. 标签区 tags-section：胶囊 + 酱香三宝橙（换行排列） ========== */
  .tags-section {
    margin: 16px 0;
    padding: 10px 0;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
  }
  .tags-section a {
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 13px;
    border-radius: 14px;
  }
  /* 酱香三宝产品按钮不单独 float，随 flex-wrap 自然换行 */
  .tags-section .product-link { order: -1; }  /* 产品按钮置顶（若需突出） */

  /* ========== 7. 作者区 author-section：缩边距 ========== */
  .author-section {
    margin: 16px 0;
    padding: 14px 12px;
    border-radius: 6px;
  }
  .author-section h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .author-info {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .author-avatar {
    width: 64px;
    height: 64px;
    margin-right: 12px;
    border-width: 2px;
    flex: 0 0 64px;
  }
  .author-details { line-height: 1.7; flex: 1 1 auto; }
  .author-name { font-size: 15px; }
  .author-date {
    font-size: 13px;
    line-height: 1.6;
  }
  .product-info {
    padding: 10px 12px;
    border-radius: 6px;
  }
  .product-info p {
    margin: 8px 0;
    font-size: 13px;
    line-height: 1.8;
    text-indent: 2em;
  }

  /* ========== 8. 侧栏 sidebar：26% → 100%（堆叠在正文下方） ========== */
  .sidebar {
    width: 100% !important;
    flex: 1 1 100% !important;
    gap: 12px;
  }
  .sidebar-section {
    padding: 12px 14px;
    border-radius: 6px;
    margin-bottom: 0;
  }
  .sidebar-section h3 {
    font-size: 15px;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  .sidebar-links li {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding-left: 14px;
  }
  .sidebar-links li a {
    font-size: 14px;
  }
  /* 关于贵州七迹段落：略缩，中文换行优化 */
  .sidebar-section p {
    font-size: 13px;
    line-height: 1.8;
    text-indent: 2em;
    margin: 0 0 8px;
  }

  /* ========== 9. 通栏广告 footer-gg：宽度 100% ========== */
  #footer-gg {
    width: 100%;
    margin: 20px auto 0;
    padding: 0 10px;
  }
  .h10 { height: 8px; }
  .tonglan_gg_div {
    width: 100%;
    border-radius: 4px;
    margin: 0;
  }
  .ggdiv960x90 {
    width: 100% !important;
    display: block;
  }

  /* ========== 10. 页脚 Footer：宽度 100% + 友情链接单列 ========== */
  footer {
    min-width: 0;
    width: 100%;
    margin-top: 24px;
  }
  .footer-inner {
    width: 100%;
    padding: 20px 12px 12px;
  }
  .friend-links {
    margin-bottom: 16px;
    padding-bottom: 14px;
  }
  .friend-links h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .friend-links ul {
    flex-direction: column;   /* PC wrap → 移动端单列 */
    align-items: flex-start;
  }
  .friend-links li {
    margin-right: 0;
    margin-bottom: 6px;
    height: 28px;
    line-height: 28px;
  }
  .friend-links a {
    font-size: 13px;
  }
  /* 版权 */
  .copyright {
    padding: 12px 0 10px;
    font-size: 12px;
    line-height: 1.9;
  }
  .copyright p { margin: 2px 0; }
  .copyright .mnone { margin: 0 2px; }
  /* 备案号行：移动端允许换行但图标文字始终对齐，保持单行美感
     —— 双选择器兜底：class 选择器 + nth-of-type 自动匹配 */
  .copyright .beian-line,
  .copyright > p:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: normal;
    gap: 2px;
  }
  .copyright .beian-link,
  .copyright > p:nth-of-type(2) > span {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 2px 6px;
    padding: 0 6px;
  }
  .copyright .beian-icon,
  .copyright > p:nth-of-type(2) > span > img {
    width: 13px;
    height: 13px;
  }
  /* 统计 */
  .stats {
    padding: 8px 0 14px;
    font-size: 11px;
    line-height: 1.8;
  }

  /* 返回顶部：缩小 + 移到更边缘 */
  .fanhuitop {
    right: 12px;
    bottom: 20px;
  }
  .fanhuitop img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
  }
  .fanhuitop img:hover { transform: none; }

  /* ========== 11. 通用：表格（移动端 overflow-x:auto 横滑） ========== */
  .ke-zeroborder, .table {
    margin: 14px auto;
    font-size: 13px;
  }
  .ke-zeroborder td, .table td,
  .ke-zeroborder th, .table th {
    padding: 8px 10px;
    font-size: 13px;
    white-space: normal;
  }
  .ke-zeroborder .thead, .table .thead,
  .ke-zeroborder thead tr, .table thead tr {
    line-height: 32px;
    height: 32px;
    font-size: 13px;
  }

  /* ========== 12. 通用：列表 list + list_content（列数 2→1） ========== */
  .list {
    margin: 14px auto;
    border-radius: 4px;
  }
  .list_content {
    padding: 10px 12px;
  }
  .list_content ul {
    column-count: 1;           /* PC 2 → 移动端单列，项目记忆规范 */
    column-gap: 0;
  }
  .list_content li {
    height: 32px;
    line-height: 32px;
  }
  .list_content li a {
    height: 32px;
    line-height: 32px;
    font-size: 14px;           /* 15 → 14 */
  }
  /* 日期 span：移动端同步靠右 + 缩小字号/高度 */
  .list_content li span {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #aaa;
    margin-left: 6px;
  }
  /* tag_bg 胶囊标签：略缩 */
  .list_content li.tag_bg a {
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 13px;
    margin: 3px 4px 3px 0;
  }

  /* ========== 13. 分页：缩按钮 ========== */
  .list_page {
    padding: 12px 0;
    border-radius: 0 0 4px 4px;
  }
  .list_page a,
  .list_page span {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    margin: 0 2px;
    font-size: 12px;
    border-radius: 4px;
  }
  .list_page a:hover { transform: none; }

}