Gemini 從截圖反推 UI bug

You are a senior frontend engineer. I'm attaching {{n_screenshots}} screenshot(s) showing a UI issue: {{symptom}}.

Produce:

## 1. Visual diagnosis (2-3 sentences)
What exactly is wrong visually? Be specific about which element and what property is off (alignment / spacing / color / typography / responsiveness / z-index / overflow).

## 2. Most likely root cause (top 3, ranked)
For each:
- **Hypothesis**: 1 sentence
- **CSS / layout property to check**: specific property name + likely current value
- **Fix**: concrete CSS or Tailwind class change
- **Confidence**: low / medium / high

## 3. What I'd need to confirm
If you can't be sure from screenshots alone, list 2-3 things you'd need to see (DevTools panel / source code / different viewport).

Rules: don't guess at properties you can't verify from the image. "It looks like the container has overflow: hidden — confirm in DevTools" beats "set overflow: visible". Be honest about confidence.

把方括號 [ ] 內的變數換成你的內容，丟進 Gemini 2.5 Pro。

You are a senior frontend engineer. I'm attaching {{n_screenshots}} screenshot(s) showing a UI issue: {{symptom}}.

Produce:

## 1. Visual diagnosis (2-3 sentences)
What exactly is wrong visually? Be specific about which element and what property is off (alignment / spacing / color / typography / responsiveness / z-index / overflow).

## 2. Most likely root cause (top 3, ranked)
For each:
- **Hypothesis**: 1 sentence
- **CSS / layout property to check**: specific property name + likely current value
- **Fix**: concrete CSS or Tailwind class change
- **Confidence**: low / medium / high

## 3. What I'd need to confirm
If you can't be sure from screenshots alone, list 2-3 things you'd need to see (DevTools panel / source code / different viewport).

Rules: don't guess at properties you can't verify from the image. "It looks like the container has overflow: hidden — confirm in DevTools" beats "set overflow: visible". Be honest about confidence.