@charset "utf-8";
/* ══════════════════════════════════════════════════════════════
   V声邀约 · 信息提示页（showmsg / showmsg_min）
   独立样式表，不依赖 show-msg.css，也不依赖 v_frame.css
   前缀 vm-
   ══════════════════════════════════════════════════════════════ */

.vm,.vm *{box-sizing:border-box;margin:0;padding:0}
body.vm-body{
  background:#F6F8FC;
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  color:#141926;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
body.vm-min{background:#fff;padding:16px;align-items:flex-start}

.vm{width:100%;max-width:520px;text-align:center}
.vm a{text-decoration:none;color:inherit}

.vm-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.vm-logo svg{display:block;filter:drop-shadow(0 5px 12px rgba(255,106,43,.36))}
.vm-logo .nm{font-size:19px;font-weight:800;letter-spacing:1px;color:#141926}
.vm-logo .nm em{font-style:normal;font-weight:800;color:#FF6A2B}

.vm-card{background:#fff;border:1px solid #E4E8EF;border-radius:20px;
  padding:40px 32px 34px;box-shadow:0 18px 44px rgba(20,25,38,.08)}
body.vm-min .vm-card{border:0;box-shadow:none;padding:26px 18px;border-radius:14px}

.vm-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:20px;
  display:grid;place-items:center;font-size:31px;
  background:#FFF1EA;color:#FF6A2B}
body.vm-min .vm-ic{width:52px;height:52px;font-size:26px;border-radius:16px;margin-bottom:14px}

.vm-msg{font-size:16.5px;line-height:1.9;color:#454E60;word-break:break-word}
.vm-msg a{color:#DE4E12;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.vm-opt{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.vm-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;
  padding:0 26px;border-radius:12px;font-size:15px;font-weight:700;
  background:#FF6A2B;color:#fff;border:1.5px solid #FF6A2B;
  box-shadow:0 8px 20px rgba(255,106,43,.26);transition:.16s}
.vm-btn:hover{background:#DE4E12;border-color:#DE4E12;color:#fff;transform:translateY(-2px)}
.vm-btn.line{background:#fff;color:#454E60;border-color:#E4E8EF;box-shadow:none}
.vm-btn.line:hover{border-color:#FF6A2B;color:#FF6A2B;background:#FFF1EA}

@media (max-width:520px){
  .vm-card{padding:30px 20px 26px;border-radius:16px}
  .vm-msg{font-size:15.5px}
  .vm-btn{width:100%}
}