콘솔을 열지 않아도 눈으로 바로 구별할 수 있습니다. 왼쪽 위가 정상, 나머지 셋은 각각 다른 원인의 실패입니다.

✅ 정상

원료 입고 검사

주버튼이 먹색, 글꼴이 둥근 고딕(Pretendard)

이렇게 보이면 끝난 것입니다 주버튼 먹색 · 보조버튼 흰 바탕에 회색 테두리 · 글자가 또렷한 Pretendard.

❌ 실패 1 — 주버튼이 파랑

원료 입고 검사

AI가 자기가 아는 파란색을 씀

원인 — AI에게 규칙을 안 줬습니다 제니트리 주버튼은 먹색이고 파랑은 "누를 수 있다"는 신호 전용입니다. 트랙 A STEP 2의 규칙 심기를 다시 하세요.

❌ 실패 2 — 글꼴이 기본 고딕

원료 입고 검사

획이 각지고 글자 폭이 들쭉날쭉

원인 — 토큰 파일이 안 실렸습니다 링크 두 줄이 <head> 안에 있는지, 경로에 오타가 없는지 확인하세요. 사내망에서 폰트 CDN이 막힌 경우일 수도 있습니다.

❌ 실패 3 — 휴대폰에서 가로로 밀림

거래처품목수량판정
대성케미칼정제수1,200적합

표가 화면 밖으로 나가 좌우로 밀립니다

원인 — 뷰포트 메타 누락 또는 고정 폭 고정 width를 min-width로 바꾸고, 표는 overflow-x:auto 상자 안에 넣으세요.