/* 入驻四步（js/site/onboard.js）：沿用原版登录卡片、标签、选择格的样式，只补新内容需要的部分 */
body.site .auth.ob-wide{max-width:620px}
.ob-lead{margin:-8px 0 20px;line-height:1.7}
.ob-rule{font-size:12px;color:var(--fg-3)}
.ob-rule.ok{color:#1FD1A5}
.ob-rule.bad{color:#FF6B6B}

/* 密码：输入框内的显示 / 隐藏 */
.ob-pw{position:relative}
.ob-pw .input{padding-right:64px}
.ob-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:32px;padding:0 10px;border-radius:999px;font-size:12px;color:var(--sf2)}
.ob-eye:hover{color:var(--sf);background:rgba(255,255,255,.06)}

/* 头像 */
.ob-av{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.ob-av-img{width:72px;height:72px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;cursor:pointer;
  background:linear-gradient(135deg,#2F7BFF,#1FD1A5);font:500 28px var(--sff);color:#fff;transition:filter .15s}
.ob-av-img:hover{filter:brightness(1.08)}
.ob-av-img img{width:100%;height:100%;object-fit:cover}
.ob-av b{font:500 14px var(--sff)}
.ob-av em{font-style:normal;font-size:12px;color:var(--sf3);margin-left:4px;font-weight:400}
.ob-av .btn-sm{min-height:34px;cursor:pointer}

/* 风格：大类用原版选择格（3 列），选中后下方展开小类 */
.ob-major{grid-template-columns:repeat(3,minmax(0,1fr))}
.ob-major button{min-height:76px;padding:14px}
.ob-major b{font-size:14px}
.ob-major small{font-size:12px;line-height:1.45}
.ob-subs{display:grid;gap:16px;margin-top:22px}
.ob-sub .lbl{margin-bottom:8px}
.ob-empty{margin-top:18px;font-size:13px;color:var(--fg-3)}
.ob-count{margin-top:18px;font-size:12px;color:var(--fg-3)}

/* 艺人 */
.ob-arts{display:grid;gap:10px;max-height:300px;overflow:auto;padding-right:4px}
.ob-arts .lbl{margin-top:4px}
.ob-picked{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--sl)}
.ob-picked .lbl{margin-bottom:8px}
.ob-add{justify-self:start;height:32px;padding:0 14px;border-radius:999px;border:1px dashed rgba(31,209,165,.6);color:#5BE3C0;font-size:13px}
.ob-add:hover{background:rgba(31,209,165,.08)}
/* 中文标签用常规字距，不用原版小标签的全大写等宽字 */
.ob .chip{font:500 12px/1 var(--sff);letter-spacing:0;text-transform:none;min-height:32px;padding:6px 14px}

@media (max-width:600px){
  .ob-major{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.site .auth.ob{padding:32px 22px}
  .ob .m-act{flex-wrap:wrap}
}