問題描述
結帳頁付款方式選擇 PAYUNi 信用卡 gateway 後，已存的卡片 token 與「新增付款方式」會展開，但這幾個選項在視覺上跟父選項「信用卡定期扣款」平輩呈現，使用者無法直觀理解它們是「信用卡定期扣款」底下的子選項。
現況（修前）
```
🔵 信用卡定期扣款
🔵 卡號末四碼：2409（到期日 04 / 29 ）
⚪️ 新增付款方式
```
三個 radio 對齊在同一個 X 軸，看起來像三個並列選項。
預期
```
🔵 信用卡定期扣款
🔵 卡號末四碼：2409（到期日 04 / 29 ）
⚪️ 新增付款方式
```
子選項應該縮排，明確表達「這兩個選項只在『信用卡定期扣款』被選中時才有意義」。
牽涉檔案
public/css/woomp-public.css
額外觀察
- 本站使用 Blocksy 主題（
blocksy-child），public/css/themes/blocksy.css 對 .payment_box 設定了 padding-left: 21px，會影響子選項的左側起始位置。
- 子選項的
<ul class=\"woocommerce-SavedPaymentMethods\"> 是 WooCommerce 標準結構，沒有客製，所以 CSS 修正即可。
解法方向
對 #payment .woocommerce-SavedPaymentMethods 加 margin-left 縮排（避開 Blocksy 已給的 padding），用較高特異度 + !important 確保不被主題覆蓋。
相關
問題描述
結帳頁付款方式選擇 PAYUNi 信用卡 gateway 後，已存的卡片 token 與「新增付款方式」會展開，但這幾個選項在視覺上跟父選項「信用卡定期扣款」平輩呈現，使用者無法直觀理解它們是「信用卡定期扣款」底下的子選項。
現況（修前）
```
🔵 信用卡定期扣款
🔵 卡號末四碼：2409（到期日 04 / 29 ）
⚪️ 新增付款方式
```
三個 radio 對齊在同一個 X 軸，看起來像三個並列選項。
預期
```
🔵 信用卡定期扣款
🔵 卡號末四碼：2409（到期日 04 / 29 ）
⚪️ 新增付款方式
```
子選項應該縮排，明確表達「這兩個選項只在『信用卡定期扣款』被選中時才有意義」。
牽涉檔案
public/css/woomp-public.css額外觀察
blocksy-child），public/css/themes/blocksy.css對.payment_box設定了padding-left: 21px，會影響子選項的左側起始位置。<ul class=\"woocommerce-SavedPaymentMethods\">是 WooCommerce 標準結構，沒有客製，所以 CSS 修正即可。解法方向
對
#payment .woocommerce-SavedPaymentMethods加margin-left縮排（避開 Blocksy 已給的 padding），用較高特異度 +!important確保不被主題覆蓋。相關