/* 快捷登录弹窗：登录页与后台账号设置共用，主色由 --ro-primary 决定 */
.ro-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.ro-modal[hidden]{display:none}
.ro-modal__mask{position:absolute;inset:0;background:rgba(20,18,14,.45)}
.ro-modal__box{position:relative;width:352px;max-width:calc(100% - 32px);background:#fff;border-radius:10px;padding:20px 24px 22px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);text-align:center;color:#222}
.ro-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ro-modal__head b{font-size:15px;font-weight:600}
.ro-modal__close{border:0;background:none;font-size:20px;line-height:1;color:#a5a5a0;cursor:pointer;padding:2px 4px}
.ro-modal__tip{margin:0 0 14px;font-size:12.5px;color:#9b9a95}
.ro-modal__qr{width:208px;height:208px;margin:0 auto;border:1px solid #eee;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ro-modal__qr img{width:200px;height:200px;display:block}
.ro-modal__state{margin:12px 0 16px;font-size:13px;color:#8d8c87;min-height:20px}
.ro-modal__foot{display:flex;justify-content:center;gap:12px}
.ro-modal__btn{height:38px;padding:0 22px;border-radius:4px;border:1px solid #dcdbd6;background:#fff;color:#4a4a45;font-size:13.5px;cursor:pointer;font-family:inherit}
.ro-modal__btn:hover{border-color:#c9c8c2}
.ro-modal__btn--primary{background:var(--ro-primary,#409EFF);border-color:var(--ro-primary,#409EFF);color:#fff}
.ro-modal__btn--primary:hover{filter:brightness(.94)}
.ro-modal__btn:disabled{opacity:.6;cursor:not-allowed}