.recharge-card-panel{border:1px solid #dce8ff}.recharge-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.recharge-card-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4ff;color:#1677ff;font-size:24px}.recharge-card-heading h2{margin:0}.recharge-card-heading p{margin:6px 0 0;font-size:12px;color:#8191ab}.recharge-card-heading>small{margin-left:auto;background:#eafaf2;padding:5px 8px;border-radius:6px;color:#14a16b;white-space:nowrap}.recharge-card-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.recharge-card-panel input{width:100%;padding:14px;border:1px solid #dce5f2;border-radius:10px;font-size:16px;letter-spacing:1px;box-sizing:border-box}.recharge-card-panel input:focus{outline:2px solid #b7d3ff;border-color:#1677ff}.recharge-card-hint{font-size:12px;color:#8290a8;line-height:1.8;margin:12px 0 18px}.desktop-layout .recharge-card-panel{max-width:none}
.desktop-layout #page[data-view='recharge'] .form-card:not(.recharge-card-panel){grid-row:2/5}.desktop-layout #page[data-view='recharge'] .recharge-card-panel{grid-column:1;grid-row:3}.desktop-layout #page[data-view='recharge'] .record-link{grid-row:4}
.recharge-methods{margin:20px 0}.recharge-methods h2{font-size:20px;margin:0 0 6px}.recharge-methods>p{color:#8191ab;font-size:12px;margin:0 0 16px}.recharge-methods>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recharge-methods button{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:1px solid #dce8ff;border-radius:16px;padding:22px;color:#10274b;cursor:pointer}.recharge-methods button.selected{border-color:#1677ff;background:#f3f8ff;box-shadow:0 0 0 1px #1677ff}.recharge-methods button:focus-visible{outline:3px solid #b7d3ff;outline-offset:3px}.recharge-methods b{display:block;font-size:18px}.recharge-methods small{display:block;color:#8191ab;margin-top:8px;font-size:12px}.method-choice-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#edf4ff;color:#1677ff;font-size:28px}.method-choice-icon.online{background:#eafaf2}.method-choice-icon img{width:32px;height:32px}.recharge-methods i{font-style:normal;margin-left:auto;font-size:23px;color:#1677ff}.desktop-layout #page[data-view='recharge'] .recharge-choice-page>.blue-panel{grid-column:1/-1;grid-row:2;min-height:0}.desktop-layout #page[data-view='recharge'] .recharge-methods{grid-column:1/-1;grid-row:3;margin:0}.desktop-layout #page[data-view='recharge'] .recharge-choice-page>.form-card{grid-column:1/-1;grid-row:4}.desktop-layout #page[data-view='recharge'] .recharge-choice-page>.record-link{grid-column:1/-1;grid-row:5}.desktop-layout .recharge-choice-page .amount-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.desktop-layout .recharge-choice-page .recharge-card-panel form{max-width:760px}.desktop-layout .recharge-choice-page .blue-panel strong{font-size:36px}@media(max-width:600px){.recharge-methods>div{grid-template-columns:1fr;gap:10px}.recharge-methods button{padding:16px}.recharge-methods b{font-size:16px}.method-choice-icon{width:44px;height:44px}}