@charset "utf-8";
/*==================================================================
  Dcgz_mobile_V2026.css  多彩贵州频道移动端专属样式
  HTML 引用：media="screen and (max-width:768px)"
  统一字号：标题16px / 链接14px / 辅助13px
==================================================================*/

/*------区域频道主体内容（≤768px）------*/
@media screen and (max-width: 768px) {
  body{font-size:16px;}

  /* ==============================
     0. 主体内容两栏 → 上下堆叠
     .wrap 取消 90%/min-width:1220 改为全宽，#leftdiv/#rightdiv 各占 100%
     ============================== */
  #bodydiv{background:#fff;}
  .wrap{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:8px 10px;
    gap:12px 0;            /* 纵向堆叠：行间距 12px，无横向 gap */
  }
  .h10{flex:0 0 100%;width:100%;height:8px;}
  .gg1198{flex:0 0 100%;width:100%;}
  .ggdiv960x90{min-height:0;border-radius:4px;}
  /* 左右两栏：移动端均 100% 宽，正文在上、侧栏在下 */
  #leftdiv{flex:0 0 100%;width:100%;min-width:0;}
  #rightdiv{flex:0 0 100%;width:100%;min-width:0;}
  #rightdiv > .right{gap:12px;}
  /* 正文卡片阴影在窄屏收敛 */
  #leftdiv > .left{border-radius:6px;box-shadow:none;}

  /* ==============================
     1. 主体 + Tabs 标签栏（横滑）
     ============================== */
  #mainhtml{
    flex-direction: column;   /* PC flex-row → 移动端单列，侧栏移除后占满 */
    min-height: auto;
    border-width: 0;          /* 移动端去掉外边框，全屏利用 */
  }

  .ftitle{
    height: auto;
    min-height: 40px;
  }
  .ftitle ul{
    position: static;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px 5px 0;
    height: auto;
    width: 100%;
    border-bottom: none;
  }
  .ftitle li,
  .ftitle li.hover{
    float: none;
    flex: 0 0 auto;
    min-width: 180px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 12px;
  }
  .ftitle li.hover{
    border-bottom: none;
  }

  /* ==============================
     2. #baike_html 外层容器（缩边 + 调字号基线）
     ============================== */
  #baike_html{
    padding: 8px;            /* PC 12px → 移动端 8px，留出更多正文空间 */
    font-size: 14px;         /* 移动端统一 14px 基线 */
  }

  /* ==============================
     3. 导航栏 #guide（左右两栏 → 上下堆叠）
     ============================== */
  #guide{
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    gap: 8px;
    min-height: auto;
    overflow: visible;
  }

  /* ==============================
     4. .index-kt 面包屑（缩边距 + 小字号）
     ============================== */
  .index-kt{
    margin: 0 0 8px;         /* 12px → 8px */
    padding: 8px 12px;       /* 12px 16px → 8px 12px */
    border-radius: 4px;
  }
  .index-kt h1{
    height: auto;
    line-height: 22px;
    font-size: 13px;         /* 14 → 13 */
  }
  .index-kt h1 a{
    font-size: 13px;
  }
  .index-kt h1 strong{
    font-size: 14px;         /* 15 → 14 */
  }

  /* ==============================
     5. 广告位容器（保持 100%，图片自适应）
     ============================== */
  .page_ggdiv{
    margin: 0 auto 8px;
  }
  .page_gg_con{
    display: block;
    width: 100%;
  }
  .div640x90 img{
    width: 100%;
    height: auto;
  }

  /* ==============================
     6. 正文块 #zoom（缩外边距 + 降字号行高）
     ============================== */
  #zoom.page_content{
    margin: 12px;            /* 20 → 12 */
    font-size: 14px;         /* 16 → 14 */
    line-height: 28px;       /* 36 → 28，移动端行距收紧 */
  }
  #zoom p{
    margin: 12px 0;          /* 20 → 12 */
  }

  /* 百科标题卡片 */
  .baike_title{
    margin: 0 0 8px;
    padding: 8px 12px;
    border-radius: 4px;
  }
  .baike_title h1{
    height: auto;
    line-height: 24px;
    font-size: 16px;         /* 18 → 16，移动端标题上限 */
  }
  .baike_title h1 strong{
    font-size: 14px;         /* 15 → 14 */
  }

  /* ==============================
     7. 元信息 .article-meta-bottom（缩边距 + 小字号）
     ============================== */
  .article-meta-bottom{
    margin: 12px;            /* 20 → 12 */
    padding: 8px 12px;       /* 12 16 → 8 12 */
    border-radius: 4px;
  }
  .article-meta-bottom p{
    font-size: 13px;         /* 14 → 13 */
    line-height: 22px;
    margin: 0 0 4px;
  }

  /* ==============================
     8. 相关文章 .related-posts（两列 → 单列）
     ============================== */
  .related-posts{
    margin: 12px;            /* 20 → 12 */
    padding: 8px 12px;       /* 12 16 → 8 12 */
    border-radius: 4px;
  }
  .related-posts h3{
    font-size: 14px;         /* 15 → 14 */
    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;
  }

  /* ==============================
     9. 关键词列表 .list / .list_content（2列 → 1列）
     ============================== */
  .mainhtml_content{
    width: 100%;
    min-width: 0;
  }

  .list{
    margin: 12px;            /* 20 → 12 */
    border-radius: 4px;
  }
  .list_content{
    padding: 10px;           /* 15 → 10 */
  }
  .list_content ul{
    column-count: 1;         /* PC 2 → 移动端 1 列，按项目记忆规范 */
    column-gap: 0;
  }
  .list_content li{
    height: 32px;            /* 36 → 32，移动端紧凑 */
    line-height: 32px;
  }
  .list_content li a{
    height: 32px;
    line-height: 32px;
    font-size: 14px;         /* 15 → 14 */
  }
  /* 标签 badge：略缩小，保持胶囊渐变 */
  .list_content li.tag_bg a{
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 9px;
  }

  /* ==============================
     10. 分页 .list_page（缩按钮 + 小间距）
     ============================== */
  .list_page{
    padding: 12px 0;         /* 20 → 12 */
  }
  .list_page a,
  .list_page span{
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin: 0 2px;
    font-size: 13px;         /* 14 → 13 */
    border-radius: 4px;
  }

  /* ==============================
     11. 首页模块（3列浮动 → 单列占满）
     ============================== */
  .maintxtlist{
    float: none;
    width: 100%;
    padding: 0 8px 8px;
  }
  .txt_li_list li{
    float: none;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background:url(/images/dot.gif) no-repeat 0px 18px;
    padding-left: 15px;
    box-sizing: border-box;
    border-bottom: 1px dotted #e6effa;   /* 下划虚线，与百科蓝系边框色统一 */
  }

}