diff --git a/design/prototype/atoms.css b/design/prototype/atoms.css
index 550e9c6..b9083eb 100644
--- a/design/prototype/atoms.css
+++ b/design/prototype/atoms.css
@@ -660,9 +660,11 @@
 
 /* PLAN BANNER · 账户页套餐横幅（免费=surface / .is-pro=clay 渐变；对齐 _PlanBanner） */
 .plan-banner { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: var(--space-5); }
-.plan-banner .pbn-row { display: flex; align-items: center; gap: var(--space-3); }
-.plan-banner .pbn-info { flex: 1 1 auto; min-width: 0; }
+.plan-banner .pbn-row { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; row-gap: var(--space-4); }
+.plan-banner .pbn-info { flex: 1 1 auto; min-width: 96px; }   /* 给名字保底宽度,不被按钮挤成 me… */
 .plan-banner .pbn-row > .btn { flex-shrink: 0; }
+.plan-banner .pbn-row > .btn:last-child { margin-left: auto; }  /* 宽屏靠右;窄屏换行到下方(整行) */
+@media (max-width: 380px){ .plan-banner .pbn-row > .btn:last-child { flex: 1 1 100%; margin-left: 0; } }
 .plan-banner .pbn-badge { width: 44px; height: 44px; flex-shrink: 0; border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; background: var(--accent-subtle); color: var(--accent); }
 .plan-banner .pbn-badge > svg { width: 24px; height: 24px; }
 .plan-banner .pbn-name { font-family: var(--font-display); font-size: var(--text-h3); font-weight: 700; color: var(--fg1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }