/* 照镜子页里新写的两步：名字、属性 */
.cc2-gender { display: none; }   /* 性别在新游戏第一屏定了 */
.zb-mform { display: flex; flex-direction: column; gap: 10px; padding: 24px 16px; }
.zb-mrow { display: flex; gap: 8px; }
.zb-mrow .zb-minput { flex: 1; min-width: 0; }
.zb-mrow .zb-msur { flex: 0 0 72px; }
.zb-mnote { min-height: 1.6em; font-size: 13px; opacity: .75; }
.zb-mlabel { font-size: 14px; letter-spacing: 2px; opacity: .8; }
.zb-minput { padding: 10px 12px; font: inherit; font-size: 16px; color: var(--tx-ink); background: var(--paper); border: 1px solid var(--line-brown); border-radius: 4px; }
.zb-mattrs { padding: 16px; }
.zb-mleft { margin-bottom: 12px; font-size: 14px; letter-spacing: 1px; }
.zb-mleft b { font-size: 20px; color: var(--gold); }
.zb-mattr { padding: 10px 0; border-bottom: 1px solid rgba(128, 128, 128, .2); }
.zb-mattr-top { display: flex; align-items: center; gap: 12px; }
.zb-mattr-name { flex: 1; font-size: 16px; letter-spacing: 2px; }
.zb-mstep { width: 32px; height: 32px; border: 1px solid rgba(128, 128, 128, .4); border-radius: 50%; font-size: 18px; }
.zb-mstep:disabled { opacity: .3; cursor: default; }
.zb-mattr-val { width: 28px; text-align: center; font-size: 18px; }
.zb-mattr-desc { margin-top: 4px; font-size: 12px; opacity: .65; }