/* 按钮组件:按用途的变体类(唯一样式源,禁止按上下文重绘).源自原型 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 18px;border-radius:var(--radius-s);font-weight:400;font-size:14px;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s,transform .15s}
.btn-p{background:var(--accent);color:#fff}
.btn-p:hover{background:var(--choice-on-hover)}
/* 交互状态统一(260927):不再有黑底按钮,.btn-dark 视觉并入主按钮;.btn-o 改灰底次按钮(类名保留) */
.btn-dark{background:var(--choice-on);color:#fff}
.btn-dark:hover{background:var(--choice-on-hover)}
.btn-o{border-color:transparent;color:var(--ink);background:var(--fill)}
.btn-o:hover{background:var(--fill-hover)}
/* 灰底区块(#F5F5F5)里次按钮取白底,否则与底色同值看不见(UI-STANDARDS §1.4) */
.phero,.fbcard,.bprod{--fill:var(--surface)}
.btn-ow{border-color:#fff;color:#fff}
.btn-sm{height:32px;padding:0 16px;font-size:14px}
.btn-lg{height:42px;padding:0 20px;font-size:16px;min-width:180px}
.btn-full{width:100%}