#!/bin/sh
# 响应式结构自查（§4e）：四档断点 + 触屏 44px + 安全区 + dvh 的静态断言
# 依据：docs/博客重设计调研报告.md §4e；断点 1120/820/760/560
set -e
cd "$(dirname "$0")/.."
fail=0
check() { if eval "$2"; then echo "  ok  $1"; else echo "  FAIL $1"; fail=1; fi }

CSS_SRC="src/styles/global.css src/components/*.astro src/layouts/*.astro"

check "断点 1120px（宽屏 TOC 常驻档）" \
  "grep -rqE 'max-width: ?1120px|min-width: ?1120px|@container' \$CSS_SRC src/pages/*.astro 2>/dev/null"
check "断点 820px（笔电 TOC 收起档）" \
  "grep -rqE 'max-width: ?820px|min-width: ?820px' \$CSS_SRC src/pages/*.astro 2>/dev/null"
check "断点 760px（平板竖屏档）" \
  "grep -rqE 'max-width: ?760px|min-width: ?760px' \$CSS_SRC src/pages/*.astro 2>/dev/null"
check "断点 560px（手机档 + 正文降 18px）" \
  "grep -rq 'max-width: 560px' src/styles/global.css"
check "移动端降档：--prose-size 到 18px" \
  "grep -q 'prose-size-reading: 18px' src/styles/global.css"
check "触屏 44px 目标类（.tap）存在且被使用" \
  "grep -rq 'class=\"tap' src/components src/layouts"
check "安全区 env(safe-area-inset-*) 使用" \
  "grep -rq 'safe-area-inset' src/styles src/components src/layouts"
check "视口 viewport-fit=cover（刘海屏）" \
  "grep -q 'viewport-fit=cover' src/layouts/BaseLayout.astro"
check "100dvh 或未使用视口高度陷阱（出现 100vh 即 FAIL）" \
  "! grep -rn '100vh' src/ ; true"
check "动效总闸 prefers-reduced-motion" \
  "grep -q 'prefers-reduced-motion: reduce' src/styles/global.css"
check "构建产物含 viewport-fit 与主题色 meta" \
  "grep -q 'viewport-fit=cover' dist/index.html && grep -q 'theme-color' dist/index.html"

[ "$fail" = "0" ] && echo "responsive check: all ok" || { echo "responsive check: FAILURES above"; exit 1; }