/* ===== 复盘大师 · 会员层样式（只注入 pwa-test，不影响桌面版） ===== */
:root{
  --rsm-gold:#d4a72c;
  --rsm-silver:#a8b3c1;
  --rsm-bronze:#b0713b;
}

/* 顶栏按钮 */
.rsm-topbtn{
  background:var(--panel2); border:1px solid var(--line); border-radius:4px;
  padding:4px 10px; cursor:pointer; color:var(--text);
  display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
}
.rsm-topbtn:hover{background:#252c36;border-color:#3d4753;}
/* 会员态用金色，不用绿色：绿色在这个界面里已经是「上涨 / 买入」的交易语义，
   顶栏再出现一块绿会让人误读成行情状态（2026-11-03 改）。 */
.rsm-topbtn.pro{border-color:#5a4a1e;background:#221c0d;color:#e8c979;}
.rsm-topbtn .dot{width:6px;height:6px;border-radius:50%;background:var(--dim);}
.rsm-topbtn.pro .dot{background:var(--rsm-gold);box-shadow:0 0 6px var(--rsm-gold);}

/* 账号按钮：圆形头像 + 昵称 + PRO，整体贴顶栏最右 */
/* 右侧容器：排行榜 + 时钟 + 账号，由它吃 margin-left:auto 并禁止内部换行，
   否则 flex-wrap 会把账号挤到第二行最左边 */
.rsm-topright{
  margin-left:auto; display:flex; align-items:center; gap:8px;
  flex:0 0 auto; flex-wrap:nowrap;
}
.rsm-topbtn.rsm-acct{padding:3px 10px 3px 3px;gap:7px;border-radius:999px;}
.rsm-ava{
  width:24px;height:24px;border-radius:50%;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;line-height:1;overflow:hidden;
  background:#252c36;border:1px solid #3d4753;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","EmojiOne Color",sans-serif;
}
.rsm-topbtn.pro .rsm-ava{
  background:linear-gradient(135deg,#3a2f10,#6b4f12);
  border-color:#8a6a1e;
}
.rsm-name{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rsm-pro{
  font-size:9px;font-weight:700;letter-spacing:.4px;
  padding:1px 5px;border-radius:3px;border:1px solid #a4822a;
  background:linear-gradient(135deg,#6b4f12,#8a6a1e);color:#ffe9a8;
}

/* 会员中心的头像选择器 */
.rsm-avas{display:flex;gap:8px;flex-wrap:wrap;}
.rsm-avapick{
  width:38px;height:38px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;background:#1C222A;border:1px solid #333B47;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  transition:transform .12s ease,border-color .12s ease;
}
.rsm-avapick:hover{transform:translateY(-1px);border-color:#3C4755;}
/* 选中是「身份」不是「动作」：黄铜描边 + 一档黄底，别用电靛蓝抢了主按钮 */
.rsm-avapick.on{border-color:#D8A73C;background:#1E1A0E;box-shadow:0 0 0 1px rgba(216,167,60,.35);}
.rsm-avapick[disabled]{opacity:.5;cursor:default;transform:none;}

/* 导入弹窗：服务器数据集列表 */
.rsm-dslist{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-height:280px;overflow:auto;}
.rsm-dsrow{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:#171C23;border:1px solid var(--line);border-radius:6px;padding:9px 11px;
}
/* 行内错误提示：占满整行换到第二行。之前失败只弹 toast，而 toast 被弹窗盖住，
   用户只看到「导入失败」看不到原因（toast 层级已修，但行内更直观）。 */
.rsm-dserr{
  flex:0 0 100%;margin-top:2px;padding:6px 8px;border-radius:4px;
  font-size:11.5px;line-height:1.5;word-break:break-all;
  background:#1C1216;border:1px solid #4A2830;color:#FF8A93;
}
.rsm-dsrow .l{min-width:0;}
.rsm-dsrow .nm{font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px;}
.rsm-dsrow .ds{font-size:11.5px;color:var(--dim);margin-top:3px;}
.rsm-dsrow .tag{
  font-size:9.5px;font-weight:700;letter-spacing:.3px;padding:1px 5px;border-radius:3px;
  background:#1E1A0E;color:#D8A73C;border:1px solid #6B5420;
}
.rsm-dslocal{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}

/* 锁标记：免费版导入按钮 */
.rsm-locked{opacity:.72;}

/* 遮罩 + 弹窗 */
/* 夜盘仪表 · 弹窗视觉规范（design/ui-proposal-night-desk.html）
   变量在这里覆盖：只有弹窗内部变色，顶栏、登录墙、主界面行情配色全部不受影响。 */
.rsm-overlay{
  position:fixed; inset:0; background:rgba(3,6,10,.74); backdrop-filter:blur(2px);
  display:flex; align-items:center; justify-content:center; z-index:9999; padding:20px;
  animation:rsmFade .14s ease-out;
  --panel:#11151A; --panel2:#171C23; --line:#242B34; --rule2:#2E3742;
  --accent:#D8A73C; --text:#E9EEF5; --dim:#7B8797;
  --rsm-gold:#D8A73C; --rsm-brass-dim:#8A6E2A;
  --font-num:"Bahnschrift","DIN Alternate","Cascadia Mono",Consolas,monospace;
  --font-ui:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
}
@keyframes rsmFade{from{opacity:0}to{opacity:1}}
.rsm-modal{
  background:var(--panel); border:1px solid var(--rule2); border-radius:8px;
  box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.045);
  width:min(560px,96vw); max-height:88vh;
  display:flex; flex-direction:column; overflow:hidden;
}
.rsm-modal.wide{width:min(880px,96vw);}
.rsm-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:11px 16px; border-bottom:1px solid var(--line); flex:0 0 auto;
}
.rsm-head h3{
  margin:0; display:flex; align-items:center; gap:9px;
  font:600 13.5px var(--font-ui); letter-spacing:.02em; color:var(--text);
}
.rsm-head h3::before{content:"";width:2px;height:13px;background:var(--accent);border-radius:1px;flex:0 0 auto;}
.rsm-x{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;margin:-2px -2px -2px 0;
  background:none;border:1px solid transparent;border-radius:4px;
  color:var(--dim);font-size:16px;line-height:1;cursor:pointer;
  transition:color .14s,border-color .14s,background .14s;
}
.rsm-x:hover{color:var(--text);border-color:var(--line);background:var(--panel);}
.rsm-body{padding:16px; overflow:auto; flex:1 1 auto;}
.rsm-foot{
  padding:12px 16px; border-top:1px solid var(--line); display:flex; gap:8px;
  justify-content:flex-end; flex:0 0 auto; flex-wrap:wrap;
}

/* 表单 */
.rsm-field{margin-bottom:12px;}
.rsm-field label{display:block; color:var(--dim); font-size:10px; font-weight:600; letter-spacing:.16em; margin-bottom:6px;}
.rsm-field input{
  width:100%; background:#0D1116; border:1px solid var(--line); border-radius:4px;
  padding:7px 10px; color:var(--text); font:13px var(--font-ui); outline:none;
  transition:border-color .14s;
}
.rsm-field input:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(216,167,60,.14);}
/* 邮箱 / 卡密是数字时刻：等宽数字体，呼应行情终端（2026-11-03 设计师方案） */
.rsm-field input[type="email"],
.rsm-field input[id="rsmCode"],
.rsm-field input[id="rsmCode2"]{font-family:var(--font-num); letter-spacing:.02em;}

/* ---- 验证码步骤（免密登录 / 注册验证 / 重置密码共用） ---- */
.rsm-codesent{font-size:12px; color:var(--dim); line-height:1.7; margin-bottom:10px;}
.rsm-codesent b{color:var(--text); font-weight:600; font-family:var(--font-num); letter-spacing:.02em;}
.rsm-coderow{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.rsm-coderow .rsm-code{
  flex:1 1 auto; min-width:0; background:#0D1116; border:1px solid var(--line); border-radius:4px;
  padding:10px 12px; color:var(--text); font:16px var(--font-num); letter-spacing:.35em; outline:none;
}
.rsm-coderow .rsm-code:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(216,167,60,.14);}
.rsm-coderow .rsm-code::placeholder{letter-spacing:.02em; font-size:12px;}
/* 文字按钮：重发 / 返回 / 忘记密码 —— 黄铜、安静、不用描边抢主按钮 */
.rsm-link{
  background:none; border:none; cursor:pointer; flex:0 0 auto;
  font:12px var(--font-ui); color:var(--accent); padding:2px 4px;
}
.rsm-link:hover{color:#EDC258;}
.rsm-link[data-left]{color:var(--dim); cursor:default;}
.rsm-authlinks{margin:2px 0 10px; text-align:right;}
.rsm-authlinks a{color:var(--accent); font-size:12px; text-decoration:none;}
.rsm-authlinks a:hover{color:#EDC258; text-decoration:underline;}
.rsm-codewrap .rsm-hint{margin-top:10px;}
.rsm-hint{color:var(--dim); font-size:11.5px; line-height:1.75; max-width:78ch;}
.rsm-err{color:#FF8A93; font-size:12px; margin-top:8px; min-height:16px;}
/* 长规则说明：限制行宽，别让一整段铺满 800px 的弹窗宽度。
   中文一个汉字约占 1em，560px ≈ 48 字/行，是中文长句比较好读的行宽。 */
.rsm-rules{max-width:560px; font-size:11.5px; line-height:1.9; color:#A6B2C0;}
.rsm-rules b{color:var(--text); font-weight:600;}
.rsm-sep{height:1px; background:var(--line); margin:15px 0 13px;}
.rsm-actions{display:flex; gap:8px; flex-wrap:wrap; justify-content:space-between; align-items:center;}

/* 区段标题：全大写小字 + 一条发丝线，替代原来靠 margin 分隔的松版式 */
.rsm-sect{margin-top:4px;}
.rsm-sect + .rsm-sect{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.rsm-sect-head{display:flex;align-items:center;gap:8px;margin-bottom:11px;}
.rsm-sect-head .t{font:600 10px var(--font-ui);letter-spacing:.2em;color:var(--dim);}
.rsm-sect-head .line{flex:1;height:1px;background:var(--line);}
.rsm-sect-head .extra{font:10.5px var(--font-num);color:var(--dim);letter-spacing:.05em;}

/* 按钮：统一 32px 高 / 4px 圆角。靛蓝=动作，默认描边，只有主 CTA 实心 */
.rsm-btn{
  height:32px; padding:0 14px; background:transparent; border:1px solid var(--rule2);
  border-radius:4px; cursor:pointer; color:#A6B2C0; font:12px var(--font-ui);
  transition:border-color .14s,color .14s,background .14s;
}
.rsm-btn:hover{border-color:#3A4551; color:var(--text);}
.rsm-btn.primary{background:var(--accent); border-color:var(--accent); color:#0B0E13; font-weight:600;}
.rsm-btn.primary:hover{background:#EDC258; border-color:#EDC258; color:#0B0E13;}
/* 主色描边按钮：主动作但不需要抢过实心主按钮（我的排名 / 查看记录） */
.rsm-btn.primary-ghost{background:transparent; border-color:var(--accent); color:var(--accent);}
.rsm-btn.primary-ghost:hover{background:rgba(216,167,60,.12); border-color:var(--accent); color:#EDC258;}
/* 破坏性操作：默认是中性灰（不抢注意力），悬停才转红 —— 红只属于行情和真正的不可逆操作 */
.rsm-btn.danger{background:transparent; border-color:var(--rule2); color:#A6B2C0;}
.rsm-btn.danger:hover{background:#1C1216; border-color:#4A2830; color:#FF8A93;}
/* 续费：用户明确要求「金色实心」，保留实心，但换成设计稿的 brass 而不是旧的金 */
.rsm-btn.gold{background:#D8A73C; border-color:#D8A73C; color:#1A1405; font-weight:600;}
.rsm-btn.gold:hover{background:#E4B84F; border-color:#E4B84F;}
.rsm-btn.quiet{background:transparent; border-color:transparent; color:var(--dim);}
.rsm-btn.quiet:hover{color:#FF8A93; border-color:#4A2830; background:#1C1216;}
.rsm-btn.wide{width:100%; padding:0; font-size:13px;}
.rsm-btn:disabled{opacity:.45; cursor:not-allowed;}
/* 键盘可达性：所有可点元素都要有可见焦点环 */
.rsm-btn:focus-visible,.rsm-x:focus-visible,.rsm-tab:focus-visible,.rsm-avapick:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px;
}

/* tabs（.on 会被基础样式里的 button.on 抢走，这里用更高优先级压回来） */
.rsm-tabs{display:flex; gap:4px; margin-bottom:14px; border-bottom:1px solid var(--line);}
.rsm-tab{
  background:none; border:none; border-bottom:2px solid transparent; color:var(--dim);
  padding:7px 12px; cursor:pointer; font:12px var(--font-ui); border-radius:0;
  transition:color .14s;
}
.rsm-tabs .rsm-tab.on{
  background:none; border:0; border-bottom:2px solid var(--accent);
  color:var(--text); border-radius:0;
}
.rsm-tabs .rsm-tab:hover{background:none; color:var(--text);}

/* 会员状态卡 */
.rsm-state{
  background:var(--panel2); border:1px solid var(--line);
  border-radius:6px; padding:14px 16px; margin-bottom:14px;
}
.rsm-state .row1{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.rsm-state .mail{color:var(--dim); font-size:12px; word-break:break-all;}
.rsm-state .left{color:var(--rsm-gold); font:600 12px var(--font-num); font-variant-numeric:tabular-nums; letter-spacing:.02em;}
.rsm-state .left.warn{color:#FF8A93;}
.rsm-pro-tag{
  background:#1E1A0E; color:#D8A73C; border:1px solid #6B5420; border-radius:3px;
  padding:2px 8px; font:600 10.5px var(--font-num); letter-spacing:.08em;
}
.rsm-free-tag{
  background:transparent; color:var(--dim); border:1px solid var(--line); border-radius:3px;
  padding:2px 8px; font:10.5px var(--font-num); letter-spacing:.08em;
}

/* 套餐 */
.rsm-plans{display:grid; gap:8px; margin:10px 0 4px;}
.rsm-plan{
  border:1px solid var(--line); border-radius:6px; padding:11px 12px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--panel2);
}
.rsm-plan.hot{border-color:#6B5420; background:rgba(216,167,60,.06);}
.rsm-plan .nm{font-weight:600; font-size:13px; color:var(--text);}
.rsm-plan .ds{color:var(--dim); font-size:11.5px; margin-top:3px;}
.rsm-plan .pr{font:600 16px var(--font-num); color:var(--rsm-gold); white-space:nowrap; font-variant-numeric:tabular-nums;}

/* 权益列表 */
.rsm-benefits{list-style:none; padding:0; margin:0 0 14px;}
.rsm-benefits li{
  padding:6px 0 6px 22px; position:relative; color:#A6B2C0; font-size:12.5px;
  border-bottom:1px solid #1A2027;
}
.rsm-benefits li:last-child{border-bottom:none;}
.rsm-benefits li::before{
  content:"✓"; position:absolute; left:2px; color:#8A6E2A; font-weight:700;
}
.rsm-benefits li.no{color:var(--dim);}
.rsm-benefits li.no::before{content:"×"; color:#5A6472;}

/* 排行榜 */
.rsm-lb-wrap{overflow:auto; border:1px solid var(--line); border-radius:6px;}
table.rsm-lb{width:100%; border-collapse:collapse; font-size:12px;}
table.rsm-lb th{
  position:sticky; top:0; background:var(--panel2); color:var(--dim);
  font:500 10px var(--font-ui); letter-spacing:.12em;
  text-align:right; padding:8px; border-bottom:1px solid var(--line); white-space:nowrap;
  z-index:1;
}
table.rsm-lb th:first-child,table.rsm-lb td:first-child{text-align:center;width:44px;}
table.rsm-lb th:nth-child(2),table.rsm-lb td:nth-child(2){text-align:left;}
table.rsm-lb td{padding:8px; text-align:right; border-bottom:1px solid #1A2027; font:12px var(--font-num); font-variant-numeric:tabular-nums; color:#A6B2C0; letter-spacing:.02em;}
table.rsm-lb td.nm{text-align:left; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-ui);}
table.rsm-lb tr:hover td{background:#151B22;}
/* 自己那一行：左侧 2px 靛蓝 + 一层极淡的靛蓝底，靠位置而不是颜色块认出来 */
table.rsm-lb tr.mine td{background:rgba(216,167,60,.10); color:var(--text);}
table.rsm-lb tr.mine td:first-child{box-shadow:inset 2px 0 0 var(--accent);}
.rsm-rank{
  display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px;
  border-radius:4px; font:600 11px var(--font-num); background:#1C222A; color:var(--dim);
}
/* 前三名用黄铜/银/铜描边 —— 名次是身份，不是可点的动作 */
.rsm-rank.g1{background:#241D0E; color:#D8A73C; box-shadow:inset 0 0 0 1px #6B5420;}
.rsm-rank.g2{background:#1E242B; color:#C3CBD6; box-shadow:inset 0 0 0 1px #3A4450;}
.rsm-rank.g3{background:#221812; color:#B07347; box-shadow:inset 0 0 0 1px #5C3D28;}
/* 收益率按国内习惯：正=红，负=绿（原来是反的，2026-11-03 修） */
.rsm-pos{color:#F05463;}
.rsm-neg{color:#2FBF71;}
.rsm-sc{color:var(--text); font-weight:600;}
/* 「我」标记：靛蓝是动作色，这里只做身份提示，用弱一档的字重和字距 */
.rsm-me{color:var(--accent); font:600 10px var(--font-num); letter-spacing:.06em; margin-left:5px; vertical-align:1px;}
.rsm-symcell{color:var(--dim); font:11px var(--font-num); letter-spacing:.06em;}

.rsm-mine-bar{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin-top:10px; padding:10px 12px; border:1px solid var(--line); border-radius:6px;
  background:var(--panel2); font-size:12px;
}
.rsm-empty{padding:34px 10px; text-align:center; color:var(--dim); font-size:12px; line-height:1.9;}
/* 空状态：给一个能"看懂下一步"的块，而不是两行灰字 */
.rsm-empty-box{padding:26px 16px 30px; text-align:center;}
.rsm-empty-box .ico{font-size:26px; line-height:1; opacity:.9; margin-bottom:10px;}
.rsm-empty-box .tt{font-size:13px; font-weight:600; color:var(--text); margin-bottom:6px;}
.rsm-empty-box .ds{color:var(--dim); font-size:11.5px; line-height:1.85; max-width:440px; margin:0 auto; text-wrap:balance;}
.rsm-empty-box .ds b{color:var(--text); font-weight:600;}
table.rsm-lb.empty thead{display:none;}
table.rsm-lb.empty td.rsm-empty{padding:0;}

/* 记录行上的"上榜"按钮 */
.recrow .rsm-submit{
  background:#1E1A0E; border:1px solid #6B5420; color:#D8A73C; border-radius:3px;
  padding:1px 6px; font:11px var(--font-num); cursor:pointer;
}
.recrow .rsm-submit:hover{background:#2A2210;}

/* 统计弹窗遮罩 */
.rsm-blur{filter:blur(5px); pointer-events:none; user-select:none;}
.rsm-lock-mask{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:12px; background:rgba(13,17,23,.55); z-index:5;
  border-radius:8px; text-align:center; padding:20px;
}
.rsm-lock-mask .t{font-size:15px; font-weight:600;}
.rsm-lock-mask .d{color:var(--dim); font-size:12px; max-width:340px; line-height:1.7;}

/* ==================== 顶部横幅 / 登录墙 ==================== */
.rsm-banner{
  position:fixed; left:0; right:0; top:0; z-index:120;
  background:#3a2a12; border-bottom:1px solid #7a611e; color:#f0cf7a;
  font-size:12.5px; text-align:center; padding:6px 12px; letter-spacing:.2px;
}
.rsm-banner.off{background:#3a1a1a; border-bottom-color:#7a2f36; color:#ffb3b3;}

/* 登录墙自带 token 作用域：不继承 app 全局 --accent（那颗是蓝的），
   黄铜只亮三处：品牌 tick、主按钮、焦点环（2026-11-03 设计师方案落地） */
.rsm-wall{
  --accent:#D8A73C; --accent-hi:#EDC258; --text:#E8EDF4; --dim:#A7B1BE; --hint:#69737F;
  position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(1100px 560px at 50% 16%, #121924 0%, #07090D 62%);
}
.rsm-wall .box{
  width:min(400px, 92vw); text-align:center; padding:34px 32px 28px;
  background:linear-gradient(180deg,#141A24,#0E131A); border:1px solid #212933; border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.6);
  animation:rsmWallRise .5s cubic-bezier(.2,.7,.2,1);
}
@keyframes rsmWallRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.rsm-wall .box{animation:none;}}
.rsm-wall .logo{
  display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:18px;
  font-size:13px; font-weight:600; letter-spacing:.06em; color:var(--text);
}
.rsm-wall .logo i{width:3px; height:14px; background:var(--accent); border-radius:1px; flex:0 0 auto;}
.rsm-wall .logo span{font-size:10.5px; font-weight:400; letter-spacing:.18em; color:var(--hint);}
.rsm-wall .ttl{font-size:20px; font-weight:600; color:var(--text); margin-bottom:10px;}
.rsm-wall .ds{color:var(--dim); font-size:13px; line-height:1.85; margin-bottom:22px;}
.rsm-wall .rsm-btn{width:100%; height:48px; padding:0; font-size:14.5px; letter-spacing:.04em; border-radius:9px;}
.rsm-wall .rsm-btn.primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
.rsm-wall .ft{margin-top:16px; color:var(--hint); font-size:11.5px; line-height:1.7;}

/* 记录列表：加载更多 */
.rsm-more{
  width:100%; margin-top:6px; padding:6px 0; font-size:12px; color:var(--dim);
  background:var(--panel2); border:1px solid var(--line); border-radius:5px; cursor:pointer;
}
.rsm-more:hover{color:var(--text); border-color:#3d5673;}

/* 统计弹窗：免费版锁定格子 */
.smcell{position:relative;}
.smcell.rsm-hide{display:none !important;}
.rsm-lock-cell{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(11,15,20,.965); border-radius:6px; z-index:4;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.rsm-lock-cell span{
  font-size:12px; color:#9aa4b2; letter-spacing:.6px;
  border:1px solid #2a313a; background:rgba(20,26,33,.9);
  padding:5px 12px; border-radius:20px;
}
.rsm-lock-panel{
  grid-column:1/-1; display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:26px 18px; background:var(--panel2); border:1px dashed var(--line); border-radius:8px;
  text-align:center;
}
.rsm-lock-panel .t{font-size:14px; font-weight:600;}
.rsm-lock-panel .d{color:var(--dim); font-size:12px; line-height:1.75; max-width:520px;}