body:not(.admin-mode){max-width:none;margin:0;padding:0;background:#f5f7fb;color:#182230}.recharge-shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px}.recharge-panel{box-sizing:border-box;width:min(100%,460px);background:#fff;border:1px solid #e4e9f1;border-radius:8px;padding:26px;box-shadow:0 12px 36px rgba(17,24,39,.08)}.recharge-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#182230}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#121820;color:#fff;font-size:16px}.recharge-panel h1{font-size:25px;line-height:1.3;margin:22px 0 6px;letter-spacing:0}.recharge-panel>.muted{margin:0;color:#7a8494;font-size:14px;line-height:1.6}.recharge-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:24px 0 18px;padding:0;list-style:none;color:#98a1af;font-size:12px}.recharge-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.recharge-steps li:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:12px;height:1px;background:#e4e8ee}.recharge-steps span{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef1f5;color:#7c8795;font-weight:700}.recharge-steps .active{color:#2563eb}.recharge-steps .active span{background:#2563eb;color:#fff}.recharge-summary{margin:16px 0;padding:12px 14px;border:1px solid #dbe6fb;border-radius:7px;background:#f7faff}.recharge-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recharge-actions.hidden{display:none}.recharge-actions button{margin:0}.recharge-choice{box-sizing:border-box;min-width:0;min-height:68px;padding:11px 8px;border:1px solid #dce3ed;background:#fff;color:#273244}.recharge-choice span,.recharge-choice small{display:block;white-space:normal}.recharge-choice span{font-size:15px;font-weight:700}.recharge-choice small{margin-top:4px;color:#8a94a3;font-size:11px;font-weight:400}.recharge-choice-primary{border-color:#2563eb;background:#2563eb;color:#fff}.recharge-choice-primary small{color:#dbe8ff}.status-line{min-height:20px;margin-top:14px;padding:0;background:transparent;color:#727d8d;text-align:center;font-size:13px}.inline-qr{margin-top:18px;padding-top:18px;border-top:1px solid #edf0f4}.inline-qr.hidden{display:none}.qr-frame{width:min(100%,300px);aspect-ratio:1;margin:0 auto 16px;display:grid;place-items:center;border:1px solid #d8e2f3;border-radius:8px;background:#fff}.qr-frame.hidden{display:none}.qr-frame img{width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.qr-primary{text-align:center;font-size:17px;font-weight:700}.qr-secondary{text-align:center;color:#667085;font-size:13px}.countdown{text-align:center;color:#2563eb;font-variant-numeric:tabular-nums}.public-reader{min-height:280px}.recharge-profile.hidden{display:none}.recharge-profile{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.recharge-profile img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#eef2f7}.recharge-profile strong{font-size:18px}#reader{background:#fff;border-radius:8px;overflow:hidden}
@media(max-width:520px){.recharge-shell{place-items:start center;padding:16px 12px}.recharge-panel{padding:22px 18px}.recharge-panel h1{font-size:23px}.recharge-choice{min-height:66px}}
.love-quote-page{min-height:100vh;display:grid;place-items:center;box-sizing:border-box;padding:24px;background:#fff}.love-quote{max-width:760px;margin:0;text-align:center;color:#20242b;font-family:"Songti SC","STSong",serif;font-size:36px;line-height:1.7}@media(max-width:600px){.love-quote{font-size:26px}}