/* ============ 扫码展示端样式（手机优先） ============ */
/* v1.38：换肤对齐 App 品牌色（teal 系），消除蓝色主题与 App 的割裂感 */
:root {
  --brand:#319795; --brand-dark:#2C7A7B; --brand-light:#E6F7F6; --brand-2:#38B2AC;
  --text:#1f2329; --muted:#8a919f; --line:#f0f1f4; --bg:#f2f4f7;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  background: var(--bg); color: var(--text); -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 640px; margin: 0 auto; padding: 12px 12px 32px; }

/* 头部 */
.hero {
  background: linear-gradient(135deg, #234E52 0%, #38B2AC 62%, #4FD1C5 100%);
  color: #fff; border-radius: 14px; padding: 22px 20px; margin-bottom: 14px;
  box-shadow: 0 4px 14px rgba(35,78,82,.25);
}
.hero-no { font-size: 13px; opacity: .85; letter-spacing: .5px; margin-bottom: 6px; }
.hero h1 { font-size: 22px; font-weight: 600; margin-bottom: 12px; word-break: break-all; }
.hero-status { display: flex; gap: 8px; flex-wrap: wrap; }
.pill { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 13px; background: rgba(255,255,255,.18); }
.pill-ok { background: #34c759; color: #fff; }
.pill-dim { background: rgba(255,255,255,.18); }

/* 卡片 */
.card {
  background: #fff; border-radius: 14px; padding: 16px 16px 8px; margin-bottom: 14px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.sec-title { font-size: 15px; font-weight: 600; color: var(--brand); margin-bottom: 8px; padding-left: 10px; border-left: 4px solid var(--brand); }

/* 键值表 */
table.kv { width: 100%; border-collapse: collapse; font-size: 14px; }
table.kv tr { border-bottom: 1px solid var(--line); }
table.kv tr:last-child { border-bottom: none; }
table.kv td { padding: 10px 4px; vertical-align: top; line-height: 1.55; }
table.kv td.k { width: 38%; color: var(--muted); font-size: 13px; white-space: normal; }
table.kv td.v { font-weight: 500; word-break: break-all; }

/* 错误卡片 */
.err-card { text-align: center; padding: 40px 20px; }
.err-icon {
  width: 56px; height: 56px; line-height: 56px; margin: 0 auto 16px;
  border-radius: 50%; background: #fde8e8; color: #e5484d; font-size: 30px; font-weight: 700;
}
.err-card h2 { font-size: 18px; margin-bottom: 10px; }
.err-card p { color: #666; margin-bottom: 6px; font-size: 14px; }

/* 底部 */
.foot { text-align: center; color: #999; font-size: 12px; padding-top: 6px; }
.foot p { margin-bottom: 2px; }
.muted { color: var(--muted); font-size: 12px; }