Restore real mobile safe-area padding

ChoicePanel relied on an undefined pb-safe utility, so the shipped CSS gave the mobile choices no actual home-indicator inset. Use the native CSS safe-area env() value directly and add a repository guard so the no-op class does not return.

Constraint: The project ships static CSS bundles without a pb-safe utility.

Rejected: Add Tailwind configuration or a new stylesheet utility | broader than needed for a one-off inset fix.

Confidence: high

Scope-risk: narrow

Directive: Do not reintroduce pb-safe unless the shipped CSS generator is restored and verified.

Tested: python3 -m py_compile scripts/check_repository.py; python3 scripts/check_repository.py; npm run verify; npm audit --omit=dev; git diff --check

Not-tested: Physical iOS home-indicator device rendering.

Author: worldwonderer

components/chat/ui/ChoicePanel.jsx

@@ -12,7 +12,10 @@ export default function ChoicePanel({ choices, onSelect, disabled = false }) {
   const [revealedChoiceId, setRevealedChoiceId] = useState(null);
 
   return (
-    <div className="shrink-0 bg-[#f0f0f0] border-t border-[#d9d9d9] pb-safe shadow-[0_-4px_20px_rgba(0,0,0,0.03)]">
+    <div
+      className="shrink-0 bg-[#f0f0f0] border-t border-[#d9d9d9] shadow-[0_-4px_20px_rgba(0,0,0,0.03)]"
+      style={{ paddingBottom: 'env(safe-area-inset-bottom, 0px)' }}
+    >
       <div className="flex items-center justify-center py-[7px] border-b border-[#e5e5e5]">
         <span className="text-[11px] text-[#aaa]">{revealedChoiceId ? '判定结果揭晓...' : '选择你的回复方式'}</span>
       </div>

scripts/check_repository.py

@@ -65,6 +65,7 @@
 intro_source = (ROOT / 'components' / 'chat' / 'screens' / 'IntroView.jsx').read_text()
 playing_source = (ROOT / 'components' / 'chat' / 'screens' / 'PlayingView.jsx').read_text()
 phone_shell_source = (ROOT / 'components' / 'chat' / 'PhoneShell.jsx').read_text()
+choice_panel_source = (ROOT / 'components' / 'chat' / 'ui' / 'ChoicePanel.jsx').read_text()
 image_shim_source = (ROOT / 'components' / 'chat' / 'ui' / 'ImageShim.jsx').read_text()
 ai_verify_source = (ROOT / 'scripts' / 'verify_ai_integration.mjs').read_text()
 package_data = json.loads((ROOT / 'package.json').read_text())
@@ -156,6 +157,8 @@
     raise SystemExit('Playing view must pass scene timeLabel into StatusBar instead of showing only real clock time')
 if 'maxWidth: "calc(100vw - 64px)"' not in phone_shell_source or 'maxHeight: "calc(100svh - 64px)"' not in phone_shell_source:
     raise SystemExit('Phone shell must cap the fixed device frame to avoid overflowing small mobile viewports')
+if 'pb-safe' in choice_panel_source or 'safe-area-inset-bottom' not in choice_panel_source:
+    raise SystemExit('Choice panel must use real safe-area bottom padding instead of an undefined pb-safe class')
 if 'unoptimized,' not in image_shim_source or 'placeholder,' not in image_shim_source or 'blurDataURL,' not in image_shim_source or '{...imgProps}' not in image_shim_source or '{...rest}' in image_shim_source:
     raise SystemExit('ImageShim must consume Next/Image-only props before spreading native img props')
 if 'deepseek-v4-flash' not in ai_verify_source or 'https://api.deepseek.com/chat/completions' not in ai_verify_source: