/* 统一「打开亮曰小程序购课」块 · 无 URL Link / 太阳码时的静态方案 */
.mp-buy{
  margin:18px 0 8px;
  padding:18px 18px 16px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:10px;
  background:#fff7f7;
  color:var(--ink,#111);
}
.mp-buy-title{
  margin:0 0 10px;
  font-size:17px;
  font-weight:700;
  letter-spacing:.02em;
}
.mp-buy-steps{
  margin:0 0 10px;
  padding-left:1.25em;
  line-height:1.65;
  font-size:15px;
}
.mp-buy-steps code{
  font-size:13px;
  background:rgba(0,0,0,.06);
  padding:1px 6px;
  border-radius:4px;
  word-break:break-all;
}
.mp-buy-note{
  margin:0;
  font-size:13px;
  color:var(--muted,#666);
  line-height:1.55;
}
.mp-buy.on-dark{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
.mp-buy.on-dark .mp-buy-note{color:#b8b8b8}
.mp-buy.on-dark .mp-buy-steps code{background:rgba(255,255,255,.12);color:#fff}
.mp-buy-en{background:#f7f9ff}

.mp-buy-row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;margin-top:14px}
.mp-buy-qr{flex:0 0 auto;text-align:center}
.mp-buy-qr img{width:148px;height:148px;display:block;border-radius:8px;background:#fff;padding:6px}
.mp-buy-qr figcaption{font-size:12px;margin-top:8px;line-height:1.4;max-width:160px}
.mp-buy.on-dark .mp-buy-qr figcaption{color:#b8b8b8}
.mp-buy-actions{flex:1 1 220px;min-width:200px}

@media (max-width:640px){
  .mp-buy-row{flex-direction:column;align-items:center;text-align:center}
  .mp-buy-steps{text-align:left}
  .mp-buy-actions .fee-cta,.mp-buy-actions a.fee-cta{display:block;width:100%;text-align:center;box-sizing:border-box}
}


/* ============================================================
   Batch30 · 中文换行 / 孤字防护（销售块共用）
   ============================================================ */
.nowrap{white-space:nowrap}
.kg{display:inline-block}
.mp-buy,.mp-buy p,.mp-buy li,.mp-buy-note,.mp-buy-steps{
  word-break:normal;
  overflow-wrap:break-word;
  line-break:strict;
  text-wrap:pretty;
}
.mp-buy-title{text-wrap:balance}
.mp-buy .fee-cta,.mp-buy a.fee-cta{white-space:nowrap}
@media(max-width:560px){
  .mp-buy .fee-cta,.mp-buy a.fee-cta{white-space:normal;text-wrap:balance}
}


/* ============================================================
   Batch31 · nowrap 优先级（避免 text-wrap 拆开「N天 →」链）
   ============================================================ */
.nowrap,a.nowrap,.text-link.nowrap{
  white-space:nowrap;
  text-wrap:nowrap;
}