docs: 문서 작성 원칙 준수 - 파일명:줄번호 형식 수정

- 코드 블록 제거, 파일명:줄번호로 대체
- scripts/download_recipe_images.cjs:37,41-44,53
- src/pages/LunchWorldcup.tsx:177,213,252,189,195,201,235,286,311,231
- 312_문서_작성_원칙.md 준수

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

troubleshooting/251014_namuwiki_image_crawl_failure.md

@@ -97,32 +97,25 @@ ls scripts/download_korean_pixabay.sh
 rm public/images/foods/{007,034,048,075,082,084,093}_*.jpg
 ```
 
-## 최종 해결 (2025-10-14 오후)
+## 최종 해결 (2025-10-14)
 
 ### 이미지 교체
-**방법**: 만개의 레시피(10000recipe.com) 크롤링
-```javascript
-// scripts/download_recipe_images.cjs
-await page.goto(`https://www.10000recipe.com/recipe/list.html?q=${encodeURIComponent(food.name)}`);
-const imgUrls = await page.evaluate(() => {
-  const imgs = document.querySelectorAll('.common_sp_thumb img');
-  return Array.from(imgs).slice(0, 3).map(img => img.src);
-});
-const imgUrl = imgUrls[2] || imgUrls[1] || imgUrls[0]; // 3번째 이미지 (텍스트 오버레이 회피)
-```
-
-**교체 완료**: 김치찌개, 된장찌개 등
+**방법**: 만개의 레시피 크롤링
+- scripts/download_recipe_images.cjs:37: 10000recipe.com 검색
+- scripts/download_recipe_images.cjs:41-44: `.common_sp_thumb img` 셀렉터
+- scripts/download_recipe_images.cjs:53: 3번째 이미지 선택 (텍스트 오버레이 회피)
+- 교체 완료: 김치찌개, 된장찌개
 
 ### 색상 통일
-**문제**: `from-orange-400 to-pink-600` (로빙 브랜드와 불일치)
-**해결**: `from-purple-600 to-pink-600` (브랜드 컬러 통일)
+**문제**: orange-pink 조합 (로빙 브랜드 purple-pink와 불일치)
+**해결**: purple-600→pink-600 통일
 
-**변경 파일**: `src/pages/LunchWorldcup.tsx`
-- 배경 3곳: purple-pink 그라데이션
-- 버튼 4곳: gradient 버튼 통일
-- hover overlay: purple-500/20
+- src/pages/LunchWorldcup.tsx:177,213,252: 배경 그라데이션
+- src/pages/LunchWorldcup.tsx:189,195,201,235: 버튼 그라데이션
+- src/pages/LunchWorldcup.tsx:286,311: hover overlay purple-500/20
+- src/pages/LunchWorldcup.tsx:231: 우승자 텍스트 그라데이션
 
-**커밋**: `473eabd`, `cec8449`
+**커밋**: 473eabd, cec8449
 
 ## 참고
 - **CLAUDE.md 원칙**: 추측 금지, 문서 100줄 이하, 코드 블록 최소화 ✅