/* mobile.css - 查询页面移动端响应式 */
/* 非查询页面（首页等）由 protect.js 的 viewport 缩放处理 */
@media screen and (max-width: 768px) {

  /* === 查询区域 - 适配手机宽度 === */
  .query-page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .query-page-wrapper > div {
    max-width: 100% !important;
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  /* 查询说明框 */
  .query-notice {
    max-width: 100% !important;
    margin: 10px 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  /* === 查询结果 - 手机端卡片布局 === */
  #queryResult {
    padding: 10px 0 !important;
  }
  /* 返回按钮 */
  .qr-back-bar {
    padding: 10px 12px !important;
  }
  .qr-back-btn {
    width: 100% !important;
    padding: 12px !important;
    font-size: 16px !important;
  }
  /* 结果容器 */
  #resultContent > div,
  #resultContent > div > div {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  /* 结果表格 → 竖排卡片 */
  #resultContent table {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
  }
  #resultContent thead,
  #resultContent tbody {
    display: block !important;
    width: 100% !important;
  }
  #resultContent tr {
    display: block !important;
    margin-bottom: 2px;
  }
  #resultContent td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
  }
  #resultContent td[rowspan] {
    text-align: left !important;
  }
  /* 头像 */
  #resultContent img[style*="object-fit"] {
    width: 100px !important;
    height: 130px !important;
    margin: 8px 0;
    display: block;
  }
  #resultContent img[style*="width:200px"],
  #resultContent img[style*="width:190px"],
  #resultContent img[style*="width:170px"],
  #resultContent img[style*="width:150px"] {
    width: 100px !important;
    height: 130px !important;
    margin: 8px 0;
    display: block;
  }
  #resultContent img[style*="width:90px"],
  #resultContent img[style*="width:100px"] {
    width: 80px !important;
    height: 106px !important;
    margin: 8px 0;
    display: block;
  }
  /* 暂无照片占位 */
  #resultContent td > div[style*="align-items:center"][style*="justify-content:center"] {
    width: 80px !important;
    height: 106px !important;
    margin: 8px 0 !important;
  }
  /* 二维码 */
  #resultContent [id^="qrcode_"],
  #resultContent [id^="qr_"] {
    text-align: center;
    margin: 10px auto;
  }
  #resultContent [id^="qrcode_"] img,
  #resultContent [id^="qrcode_"] canvas,
  #resultContent [id^="qr_"] img,
  #resultContent [id^="qr_"] canvas {
    max-width: 120px !important;
    height: auto !important;
  }
  /* 结果标题栏 */
  #resultContent div[style*="letter-spacing"] {
    font-size: 16px !important;
    letter-spacing: 2px !important;
    padding: 10px 0 !important;
  }
  /* 结果说明文字 */
  #resultContent div[style*="line-height:2"] {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  /* 技校报告边框 */
  #resultContent div[style*="border:8px"] {
    border-width: 4px !important;
    padding: 12px !important;
  }
  #resultContent div[style*="display:flex"][style*="gap:20px"] {
    flex-direction: column !important;
  }
  /* 印章+二维码行 */
  #resultContent div[style*="justify-content:space-between"][style*="align-items:flex-end"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px;
  }
  #resultContent canvas[id="stampCanvas"] {
    width: 120px !important;
    height: 120px !important;
  }
  /* 公办注意事项 */
  #resultContent .notice {
    font-size: 12px !important;
    padding: 10px !important;
  }
  /* 民教tabs行 */
  #resultContent div[style*="justify-content:space-between"][style*="font-size:13px"] {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}