/* 课程入口弹层（学习群 / 客服 二维码）——前台、介绍页共用 */
#qrm{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;
 background:rgba(26,16,46,.46);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:qfade .16s ease-out}
#qrm[hidden]{display:none!important}
.qcard{width:100%;max-width:330px;background:#fff;color:#2b2440;border-radius:22px;padding:20px 18px 16px;
 text-align:center;box-shadow:0 24px 60px rgba(30,10,60,.28);animation:qpop .18s ease-out}
.qcard h3{margin:0 0 4px;font-size:17px;color:#2f6bff;font-weight:800}
.qcard .qs{margin:0 0 12px;font-size:13px;color:#7c7194;line-height:1.55}
.qimg{display:grid;place-items:center;min-height:190px;border-radius:16px;background:#fff5f9;border:1px solid #f4dce8;padding:10px}
.qimg img{display:block;width:100%;max-width:232px;border-radius:10px;background:#fff}
.qph{font-size:13px;color:#c2416d;line-height:1.7;padding:26px 10px}
.qph b{display:block;font-size:14px;margin-bottom:4px}
.qcard .qc{margin-top:14px;width:100%;padding:11px;border:0;border-radius:14px;background:#2f6bff;color:#fff;
 font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}
.qcard .qc:hover{background:#245ce0}
@keyframes qfade{from{opacity:0}to{opacity:1}}
@keyframes qpop{from{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}
@media(prefers-color-scheme:dark){
 .qcard{background:#221d34;color:#f3effc}
 .qimg{background:#2a2140;border-color:#3a2f52}
}