# Visual QA Reference

Primary fact source: `docs/产品设计规则.md`.

## Brand Baseline

Use `www.hyinda.com` as the visual reference:

- Brand blue around `rgb(0,57,138)`.
- White, light gray-blue, slate text.
- Clean cards, restrained radius, no black-heavy mobile navigation.
- OA pages should feel like a workbench, not a marketing page.

## PC Checks

- Header has title, core filters, primary action only.
- Tables do not expose UUID as the main business number.
- Actions are consistent: view/edit/delete/withdraw use coherent variants.
- Destructive actions need confirmation.

## Mobile/WeCom Checks

- No desktop sidebar/topbar.
- No visible desktop table as primary layout.
- Bottom nav is compact and selected state is solid, not thin outline.
- Dialogs do not auto-focus search inputs unless it is clearly a search task.
- Text does not overflow buttons/cards.
- Common flows fit the viewport without incoherent blank/packed regions.

## Playwright Metrics

Collect or assert when relevant:

- `scrollWidth <= viewportWidth + 2`.
- visible table count is 0 on mobile workflow pages.
- bottom nav height is reasonable.
- active nav background is visible and not black/empty outline.
- body text excludes banned internal terms.