OpenAI Codex

node -v
npm -v
git --version

mkdir codex-demo
cd codex-demo
git init

npm install -g @openai/codex

codex --version

npm config get prefix
npm bin -g

cd your-project
codex

请阅读当前项目，先总结目录结构、技术栈、主要页面入口和数据来源。
不要修改任何文件，也不要运行会改变文件的命令。

请只读排查这个问题：移动端 390px 下搜索框和推荐栏没有对齐。
先指出可能相关的文件、CSS 规则和复现路径，不要修改文件。

按刚才定位结果修复，但只允许修改首页相关组件和样式。
要求：桌面端不变，移动端 360px 不横向溢出，修完后运行相关检查并给出截图。

请运行必要检查，然后总结：
1. 修改了哪些文件
2. 每个文件为什么改
3. 如何验证
4. 是否有未处理风险

# AGENTS.md
 
## Project Rules
 
- Use pnpm only. Do not use npm or yarn.
- Make surgical changes. Do not refactor unrelated files.
- Before editing, state which files you plan to change.
- Never run destructive git commands unless explicitly requested.
- After code changes, run pnpm exec tsc -p tsconfig.json --noEmit.
- For frontend changes, verify desktop and 390px mobile layout.

## Verification
 
- Type check: pnpm exec tsc -p tsconfig.json --noEmit
- Lint changed files: pnpm exec eslint <changed-files>
- Local preview: pnpm run preview:local
- Production build: pnpm exec next build

## Git and Deployment
 
- Do not commit or push unless the user explicitly asks.
- Do not include unrelated dirty files in a commit.
- Before any commit, show git diff --stat and git status --short.
- Deployment requires a separate explicit instruction.

请只修改我选中的组件：
- 保持桌面端不变
- 移动端按钮换行
- 不改数据结构
- 修改后解释 CSS 变化

目标：修复 /app/codex 移动端图片溢出。
范围：只允许修改 app 教程详情页样式。
禁止：不要重构路由，不要改其他内容数据。
验证：390px 宽度无横向滚动，桌面端布局不变。

# .gitignore
.env
.env.local
.env.*.local
*.key
*.pem
secrets.json
credentials.json

git status --short
git diff --stat
git diff

npm cache verify
npm install -g @openai/codex

npm config get prefix
npm bin -g
where codex

pwd
git status --short