/* 移动端适配 —— 只追加 @media 覆盖，桌面端规则一行不动。
   断点策略与风格红线见 docs/mobile-adaptation.md，改动前先读它。 */

/* ≤1003px：居中窄版转流式 */
@media (max-width: 1003px) {
  body { padding: 0 4px; }
  #app { width: 100%; }
}

/* ≤768px：手机布局（还原 2012 年代医疗手机站：单栏通栏、热线醒目、吸底咨询条） */
@media (max-width: 768px) {
  html, body { font-size: 14px; }
  body { padding-bottom: 60px; } /* 给吸底咨询条让位 */

  /* 头版：纵排居中，热线依旧占视觉中心 */
  .top-strip { flex-wrap: wrap; font-size: 12px; }
  .banner-body { flex-direction: column; text-align: center; padding: 10px 8px; gap: 8px; }
  .logo-block { align-items: flex-start; text-align: left; } /* 与 PC 对齐：十字顶对齐大标题，整组居左 */
  .logo-cross { width: 48px; height: 48px; font-size: 34px; line-height: 46px; }
  .site-name { font-size: 30px; letter-spacing: 3px; }
  .site-sub { font-size: 13px; letter-spacing: 1px; }
  .hotline-block {
    position: static; /* 撤掉桌面端的 absolute 钉右 */
    width: calc(100% + 16px); /* 抵消 banner-body 左右 padding，通栏 */
    margin: 4px -8px -10px;   /* 底部与头版下沿齐平 */
    padding: 5px 8px;
    background: #006600;
    text-align: center;
  }
  .hotline-label { background: none; border: none; padding: 0; font-size: 14px; }
  .hotline-number {
    display: inline;
    margin-top: 0;
    margin-left: 6px;
    font-size: 20px;
    color: #ffff66;
    text-shadow: 1px 1px 0 #003300;
  }

  /* 七彩导航：五项一行折两行，逐项底色不动 */
  .nav-bar { flex-wrap: wrap; }
  .nav-item {
    flex: 1 1 20%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.4);
  }

  /* hero：标语 20 字长，缩字号去字距收投影，防止换行叠字 */
  .hero-flash { padding: 18px 8px; }
  .hero-slogan {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.6;
    text-shadow: 1px 1px 0 #ff0000, 2px 2px 0 #000;
  }
  .hero-sub { font-size: 15px; letter-spacing: 1px; line-height: 1.8; }
  .hero-cta { gap: 10px; }
  .cta-btn { font-size: 16px; padding: 10px 16px; }

  /* 促销条 */
  .promo-banner { font-size: 14px; }
  .promo-price { font-size: 20px; }

  /* 科室/专家表格：4 列转 2 列（tr 转 grid，模板与 JS 不动） */
  .dept-table, .dept-table tbody,
  .expert-table, .expert-table tbody { display: block; }
  .dept-table tr, .expert-table tr { display: grid; grid-template-columns: 1fr 1fr; }
  .dept-cell, .expert-cell { display: block; width: auto; height: auto; }

  /* 荣誉墙：每行两块 */
  .honor-plaque { flex: 1 1 45%; }

  /* 计数器：数码位收窄，7 位不溢出 */
  .counter-digit { min-width: 18px; font-size: 17px; }

  /* 左右悬浮条合并为吸底咨询条（年代标志：电话咨询全程跟手） */
  .float-right { display: none; }
  .float-left {
    top: auto; bottom: 0; left: 0; right: 0;
    width: auto;
    display: flex;
    align-items: stretch;
  }
  .float-left .float-head {
    display: flex;
    align-items: center;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 4px 10px;
    text-align: center;
  }
  .float-left .float-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
    padding: 4px 8px;
  }
  .float-left .float-phone { margin-bottom: 0; font-size: 16px; }
  .float-left .float-qq { margin: 0; }
  .float-left a.float-qq:not(:first-of-type) { display: none; } /* 底条只留一个咨询入口 */
  .float-left .float-note { display: none; }

  /* 商务通弹窗：近全宽，聊天/表单纵排 */
  .consult-popup { width: 92vw; max-width: 420px; }
  .popup-body { flex-direction: column; }
  .popup-chat { height: 140px; }
  .popup-form input { font-size: 16px; } /* 防 iOS 聚焦自动放大 */

  /* 页脚小字保留 */
  .site-footer { font-size: 12px; }
}