.zl-gate{padding:20px;border-radius:12px;background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%);border:1px solid #dbeafe;}
.zl-gate .zl-gate-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:14px;text-align:center;}
.zl-gate .zl-gate-title .fa{color:#2563eb;margin-right:6px;}
.zl-gate .zl-gate-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center;}
.zl-gate .zl-qr{width:140px;height:140px;flex:0 0 140px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;}
.zl-gate .zl-qr img{width:100%;height:100%;object-fit:cover;}
.zl-gate .zl-qr .zl-qr-ph{color:#64748b;font-size:12px;text-align:center;padding:8px;line-height:1.6;}
.zl-gate .zl-qr .zl-qr-ph .fa{font-size:34px;color:#10b981;display:block;margin-bottom:6px;}
.zl-gate .zl-steps{flex:1;min-width:240px;}
.zl-gate .zl-gate-desc{font-size:13px;color:#475569;line-height:1.8;margin-bottom:12px;}
.zl-gate .zl-code-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:#334155;}
.zl-gate .zl-code{font-size:18px;font-weight:800;letter-spacing:1px;color:#2563eb;background:#fff;border:1px dashed #93c5fd;border-radius:6px;padding:3px 10px;}
.zl-gate .zl-copy{border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;}
.zl-gate .zl-copy:hover{border-color:#2563eb;color:#2563eb;}
.zl-gate .zl-input-row{display:flex;gap:8px;}
.zl-gate .zl-input{flex:1;height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font-size:15px;letter-spacing:2px;text-align:center;}
.zl-gate .zl-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12);}
.zl-gate .zl-btn{height:42px;padding:0 20px;border:0;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.zl-gate .zl-btn:hover{opacity:.92;}
.zl-gate .zl-btn:disabled{opacity:.6;cursor:not-allowed;}
.zl-gate .zl-msg{margin-top:10px;font-size:13px;min-height:18px;}
.zl-gate .zl-msg.err{color:#dc2626;}
.zl-gate .zl-msg.ok{color:#059669;}
.zl-real .but-download{margin-bottom:12px;}
/* 收费资源“或”分隔 */
.zl-or{position:relative;text-align:center;margin:16px 0 12px;color:#94a3b8;font-size:13px;}
.zl-or:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e2e8f0;}
.zl-or span{position:relative;background:#fff;padding:0 12px;color:#64748b;}
.zl-or{background:transparent;}
/* 验证后的下载列表 */
.zl-dl-wrap{margin-top:14px;padding-top:14px;border-top:1px dashed #c7d2fe;}
.zl-dl-list .zl-dl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.zl-dl-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;}
.zl-dl-btn:hover{opacity:.92;color:#fff;}
.zl-copybtn{background:#fff;border:1px solid #cbd5e1;color:#475569;border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;}
.zl-copybtn:hover{border-color:#2563eb;color:#2563eb;}
.zl-dl-more{font-size:12px;color:#94a3b8;margin:-4px 0 10px;}
.zl-gate{background:#fff;}
.pay-box.order-type-2 .zl-gate{margin-top:10px;}
@media(max-width:560px){
  .zl-gate .zl-qr{width:120px;height:120px;flex-basis:120px;}
  .zl-gate .zl-input-row{flex-direction:column;}
  .zl-gate .zl-btn{width:100%;}
}