@charset "utf-8";

/* =============================================
   毕建文心理咨询工作室 - 响应式样式
   桌面端保持原有 781px 固定宽度不变
   移动端 (≤800px) 自适应适配
   ============================================= */

/* ===== 桌面端工具类 ===== */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.wrapper { width: 781px; margin: 0 auto; }

.header-slogan {
  font-size: 10pt;
  color: #333;
  padding: 4px 0;
}

/* 全局默认 */
img { border: none; }

/* ===== 移动端适配 ===== */
@media screen and (max-width: 800px) {

  /* --- 基础重置 --- */
  html, body {
    width: 100% !important;
    overflow-x: hidden;
  }

  .wrapper { width: 100% !important; }

  /* 所有表格撑满屏幕宽度 */
  table {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }

  /* --- Logo 区 --- */
  /* logo 图片自适应缩放 */
  td img[src*="b-pb.gif"] {
    max-width: 240px !important;
    width: 100% !important;
    height: auto !important;
  }

  /* --- 导航栏 --- */
  /* 导航所在 table 的 td 自动换行排列 */
  body > div > table:nth-of-type(2) td {
    display: inline-block !important;
    width: auto !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
  }
  body > div > table:nth-of-type(2) a {
    font-size: 13px !important;
  }

  /* --- 首页双列布局改为单列堆叠 --- */
  /* 主体内容表格中 td 改为 block 堆叠 */
  body > div > table:nth-of-type(4) td {
    display: block !important;
    width: 100% !important;
    padding: 6px 10px !important;
    box-sizing: border-box;
  }

  /* --- 地图 --- */
  #map-container {
    height: 320px !important;
    width: 100% !important;
  }

  /* --- 字体适配 --- */
  body, td, th, p, div, span, a, li {
    font-size: 15px !important;
  }

  /* 标题保持适当大小 */
  p b, p strong {
    font-size: 17px !important;
  }

  /* 导航链接字号 */
  .STYLE9, .STYLE10, .STYLE2 {
    font-size: 13px !important;
  }

  /* --- 间距优化 --- */
  td {
    padding: 5px 8px !important;
  }

  /* 文字行间距增大，适合手机阅读 */
  p {
    line-height: 1.8 !important;
    margin-bottom: 8px !important;
  }

  /* --- 底部版权 --- */
  body > p {
    font-size: 13px !important;
    padding: 0 10px !important;
    line-height: 1.6 !important;
  }

  /* --- 返回链接行 --- */
  body > div > table:last-of-type td {
    padding: 10px 0 !important;
  }

  /* --- afwnr.htm 特殊处理 --- */
  /* 嵌套子表 */
  table table {
    width: 100% !important;
  }
  /* 服务内容页的圆角装饰背景图在手机上隐藏 */
  table table td img[src*="b-xb"],
  table table td img[src*="b-db"],
  table table td img[src*="b-z"],
  table table td img[src*="b-xn"],
  table table td img[src*="b-dn"] {
    display: none !important;
  }
}

/* ===== 平板/中等屏幕微调 ===== */
@media screen and (min-width: 801px) and (max-width: 1024px) {
  table {
    width: 98% !important;
    max-width: 98% !important;
  }
}