
/* ===== Package Apply Flow ===== */
.apply-step{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.apply-step .step{background:var(--card,#fff);border:1px solid var(--line,#e6ebf2);border-radius:16px;padding:14px;text-align:center;font-weight:900;color:var(--muted,#7b8798)}
.apply-step .step.active{background:linear-gradient(135deg,#2157d9,#15b8ff);color:#fff;border-color:#2157d9}
.apply-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}
.apply-summary{position:relative;overflow:hidden}
.apply-summary:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(33,87,217,.10)}
.apply-summary h3,.apply-summary .desc,.apply-summary .price,.apply-summary .package-feature,.apply-summary .badge,.apply-summary .ribbon{position:relative;z-index:2}
.payment-box{background:#f8fbff;border:1px solid var(--line,#e6ebf2);border-radius:16px;padding:14px;margin-top:10px}
.wallet-row{display:flex;gap:10px;align-items:center;background:var(--card,#fff);border:1px solid var(--line,#e6ebf2);border-radius:14px;padding:12px;margin-top:8px}
.wallet-address{flex:1;font-family:monospace;font-size:13px;word-break:break-all;color:var(--text,#152033)}
.qr-wrap{width:168px;height:168px;margin:18px auto 8px;background:#fff;border:1px solid var(--line,#e6ebf2);border-radius:18px;display:grid;place-items:center;padding:10px}
.qr-grid{width:128px;height:128px;background:
linear-gradient(90deg,#111 8px,transparent 8px) 0 0/16px 16px,
linear-gradient(#111 8px,transparent 8px) 0 0/16px 16px;opacity:.88;border-radius:6px}
.tx-help{font-size:12px;color:var(--muted,#7b8798);margin-top:6px}
.check-row{display:flex;align-items:flex-start;gap:10px;background:#f8fbff;border:1px solid var(--line,#e6ebf2);border-radius:14px;padding:13px;margin-top:12px}
.check-row input{width:18px;height:18px;margin-top:2px;flex:0 0 18px}
.btn-row{display:flex;gap:10px;margin-top:18px}.btn-row .btn{flex:1}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#061d3b;color:#fff;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:900;z-index:999999;display:none}
.complete-card{text-align:center;max-width:680px;margin:0 auto}.complete-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#eaf8f0;color:#18a058;font-size:34px;font-weight:900}
.detail-list{display:grid;gap:10px;text-align:left;margin-top:18px}.detail-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line,#e6ebf2);padding:12px 0}.detail-row span:first-child{color:var(--muted,#7b8798);font-weight:800}.detail-row span:last-child{font-weight:900;word-break:break-all;text-align:right}
.history-list{display:grid;gap:12px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line,#e6ebf2);border-radius:18px;padding:16px;background:var(--card,#fff);box-shadow:var(--shadow,0 10px 30px rgba(15,42,81,.08))}
.history-item strong{display:block}.history-item small{color:var(--muted,#7b8798)}
@media(max-width:900px){.apply-layout{grid-template-columns:1fr}}
@media(max-width:760px){.apply-step{grid-template-columns:1fr}.wallet-row{flex-direction:column;align-items:stretch}.qr-wrap{width:150px;height:150px}.qr-grid{width:112px;height:112px}.btn-row{flex-direction:column}.history-item{align-items:flex-start;flex-direction:column}.detail-row{flex-direction:column;gap:4px}.detail-row span:last-child{text-align:left}.main{padding-bottom:110px!important}}
[data-theme="dark"] .payment-box,[data-theme="dark"] .check-row{background:#10223b!important}
