/* 张籍云学习画像 · 移动端优化样式
   仅在窄屏（手机）下生效，提升“添加到主屏幕”后的阅读体验。
   桌面端不受影响。 */

@media (max-width: 640px) {
  body {
    padding: 14px !important;
    line-height: 1.7 !important;
  }
  .wrap { max-width: 100% !important; }

  /* 顶部导航在手机上更紧凑、可横向滑动 */
  .sitenav {
    font-size: 12.5px !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    overflow-x: auto;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
  }
  .sitenav a { padding: 5px 9px !important; white-space: nowrap; }
  .sitenav .sn-brand { margin-right: 8px !important; }

  /* 标题层级在手机上适度缩小，避免换行溢出 */
  h1, .hero h1 { font-size: 23px !important; line-height: 1.35 !important; }
  h2 { font-size: 19px !important; }
  h3 { font-size: 17px !important; }

  /* 卡片单列堆叠，触控区域更大 */
  .cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .card { padding: 18px 16px !important; }
  .card p { min-height: 0 !important; }

  /* 表格在手机上可横向滚动，不被挤压变形 */
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto;
    font-size: 13px !important;
    white-space: nowrap;
  }

  footer { font-size: 11px !important; margin-top: 26px !important; }
}

/* iOS 独立模式（添加到主屏幕后）下，避免顶部安全区被内容遮挡 */
@supports (padding-top: env(safe-area-inset-top)) {
  body {
    padding-top: max(14px, env(safe-area-inset-top)) !important;
    padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
  }
}