:root{color:#332a1c;background:#fffaf0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #f5b62d;--primary-deep: #e69a13;--surface: #ffffff;--background: #fffaf0;--text: #332a1c;--muted: #8a7e6b;--border: #eee4d1}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}button{font:inherit}.h5-page{min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 15px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,rgba(255,209,97,.22),transparent 34%),var(--background)}.recharge-card{width:100%;max-width:480px;margin:0 auto;overflow:hidden;border:1px solid rgba(238,228,209,.9);border-radius:24px;background:var(--surface);box-shadow:0 18px 48px #714d0d14}.page-header{padding:23px 20px 20px;border-bottom:1px solid var(--border);text-align:center}.page-header h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}.page-header p{margin:7px 0 0;color:var(--muted);font-size:13px}.page-content{padding:22px 18px 24px}.coin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.coin-option{min-height:105px;padding:14px 8px;border:1px solid var(--border);border-radius:16px;color:var(--text);background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.coin-option:active{transform:scale(.98)}.coin-option.selected{border-color:var(--primary);background:#fffaf0;box-shadow:0 7px 20px #e29f1421}.coin-skeleton{display:block;border-color:transparent;background:linear-gradient(90deg,#f7f2e9 25%,#fffaf1,#f7f2e9 75%);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}@keyframes skeleton-loading{to{background-position:-200% 0}}.load-state{padding:35px 20px;border:1px solid var(--border);border-radius:16px;background:#fffcf6;text-align:center}.load-state strong{font-size:15px}.load-state p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.retry-button{margin-top:14px;padding:8px 15px;border:1px solid var(--primary);border-radius:9px;color:#6d4a08;background:#fff8e8;font-size:13px;font-weight:700;cursor:pointer}.coin-option:focus-visible,.primary-button:focus-visible{outline:3px solid rgba(245,182,45,.3);outline-offset:2px}.coin-count{display:flex;align-items:center;justify-content:center;gap:6px}.coin-count img{width:31px;height:31px}.coin-count strong{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.coin-price{display:block;margin-top:9px;color:var(--muted);font-size:14px;font-weight:600}.payment-summary{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-top:19px;border-top:1px dashed var(--border)}.payment-summary>span{color:var(--muted);font-size:14px}.payment-summary strong{font-size:25px;font-weight:850;letter-spacing:-.02em}.payment-summary small{margin-right:2px;font-size:15px}.primary-button{width:100%;height:49px;margin-top:19px;border:0;border-radius:13px;color:#3b2a08;background:linear-gradient(135deg,#ffd66c,var(--primary));box-shadow:0 9px 22px #e79d0f40;font-size:16px;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}.primary-button:active{transform:translateY(1px);box-shadow:0 5px 14px #e79d0f38}.primary-button:disabled{color:#9d9487;background:#e8e3da;box-shadow:none;cursor:not-allowed}.submit-error{margin:12px 0 0;color:#d44735;font-size:12px;line-height:1.6;text-align:center}.agreement{margin:14px 0 0;color:#9a8f7e;font-size:11px;line-height:1.7;text-align:center}.success-page{display:flex;align-items:center;justify-content:center}.success-card{max-width:440px}.success-content{padding:42px 22px 28px;text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto;border-radius:50%;background:#ecfbf2;box-shadow:0 0 0 8px #ecfbf2a6}.success-icon svg{width:39px;height:39px;stroke:#27b667;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.success-content h1{margin:25px 0 0;font-size:24px;font-weight:850}.success-tip{margin:8px 0 0;color:var(--muted);font-size:13px}.result-list{margin-top:29px;padding:0 17px;border:1px solid var(--border);border-radius:16px;background:#fffcf6;text-align:left}.result-row{display:flex;align-items:center;justify-content:space-between;min-height:58px}.result-row+.result-row{border-top:1px solid var(--border)}.result-row>span{color:var(--muted);font-size:13px}.result-row strong{font-size:15px;font-weight:800}.result-coins{display:flex;align-items:center;gap:6px}.result-coins img{width:25px;height:25px}.success-button{margin-top:25px}@media(min-width:560px){.h5-page{display:flex;align-items:center;justify-content:center;padding:40px 20px}.coin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}