/* 买页：通道费提示 */
.ln-fee-note{display:inline-block;margin-left:6px;font-size:12.5px;font-weight:600;color:#b45309}

/* ══════════════ 交付区（订单页发货后的那一屏）══════════════
   这些类名一直在 orderinfo.blade.php 里用着，但样式从来没写过，
   所以交付页长期是浏览器默认样式。这里补齐。
   关键约束：交付内容可能是短卡密（YYA-…），也可能是很长的外部激活链接，
   必须强制断行，否则手机上会把卡片撑破。 */

.ln-deliver{padding:20px}

.ln-deliver-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ln-deliver-head h6{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.ln-deliver-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;
  padding:4px 10px;border-radius:999px;background:rgba(22,163,74,.1);color:var(--green)}

/* 卡密本体：深色块，和白底卡片拉开对比，一眼就能看到 */
.ln-codes{display:flex;flex-direction:column;gap:10px}
.ln-code{padding:14px 16px;border-radius:var(--r-sm);background:var(--dark);border:1px solid #1e2024}
.ln-code-idx{display:block;font-size:11px;color:#9aa1ad;margin-bottom:6px}
.ln-code-text{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:15px;font-weight:600;color:#fff;letter-spacing:.3px;line-height:1.55;
  word-break:break-all;overflow-wrap:anywhere}
a.ln-code-text{color:#7dd3fc;text-decoration:underline;text-underline-offset:3px}
a.ln-code-text:hover{color:#bae6fd}

.ln-deliver-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ln-copy-btn,.ln-redeem-btn{display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;
  line-height:1;cursor:pointer;transition:.18s ease;text-decoration:none;white-space:nowrap}
.ln-copy-btn{background:var(--ink);color:#fff}
.ln-copy-btn:hover{opacity:.88}
.ln-redeem-btn{background:var(--grad);color:#fff}
.ln-redeem-btn:hover{opacity:.9;color:#fff}

.ln-next{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.ln-next-title{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink)}
.ln-next ol{margin:0;padding-left:20px}
.ln-next li{font-size:13px;color:var(--muted);line-height:1.9}
.ln-next a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}
.ln-next-warn{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);line-height:1.6;
  background:rgba(217,119,6,.08);color:var(--amber);font-size:12.5px;font-weight:600}

/* 等待付款确认（页面自己轮询时显示） */
.ln-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:28px 16px;gap:12px}
.ln-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);
  border-top-color:var(--ink);animation:ln-spin-rot .8s linear infinite}
@keyframes ln-spin-rot{to{transform:rotate(360deg)}}
.ln-waiting-title{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.ln-waiting-sub{margin:0;font-size:13px;color:var(--muted);line-height:1.7}

@media (max-width:480px){
  .ln-deliver{padding:16px}
  .ln-code{padding:12px 13px}
  .ln-code-text{font-size:13.5px}
  .ln-deliver-actions{flex-direction:column}
  .ln-copy-btn,.ln-redeem-btn{width:100%}
}