*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(165deg,#e8f1ff 0%,#f5f7fb 45%,#eef2f8 100%);color:#1f1f1f;-webkit-tap-highlight-color:transparent}.page-shell{max-width:480px;margin:0 auto;min-height:100vh;padding:16px 16px 32px}.hero-card{background:linear-gradient(135deg,#1677ff 0%,#4096ff 55%,#69b1ff 100%);color:#fff;border-radius:16px;padding:20px 18px;margin-bottom:16px;box-shadow:0 10px 28px #1677ff47}.hero-card .app-name{font-size:20px;font-weight:700;margin:0 0 4px}.hero-card .sub{opacity:.9;font-size:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-item{background:#fff;border-radius:12px;padding:14px 12px;box-shadow:0 2px 10px #0f23500f}.stat-item .label{font-size:12px;color:#8c8c8c;margin-bottom:6px}.stat-item .value{font-size:18px;font-weight:600;word-break:break-all}.device-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 2px 10px #0f23500f}.device-card .name{font-weight:600;margin-bottom:6px}.device-card .meta{font-size:12px;color:#8c8c8c;line-height:1.6}.login-wrap{padding-top:48px}.login-card{background:#fff;border-radius:16px;padding:24px 18px 18px;box-shadow:0 8px 28px #0f235014}.recharge-option-list{display:flex;flex-direction:column;gap:10px;max-height:min(52vh,360px);overflow-y:auto;padding:2px}.recharge-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:14px;border:1.5px solid #e8eef7;border-radius:12px;background:#f8fafc;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.recharge-option:active{transform:scale(.99)}.recharge-option.is-active{border-color:#1677ff;background:#f0f6ff;box-shadow:0 0 0 3px #1677ff1f}.recharge-option-main{min-width:0;flex:1}.recharge-option-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.recharge-option-tag{display:inline-block;font-size:11px;font-weight:500;line-height:1;padding:3px 6px;border-radius:999px;color:#d48806;background:#fff7e6;border:1px solid #ffe7ba}.recharge-option-meta{font-size:12px;color:#8c8c8c;line-height:1.4}.recharge-option-price{flex-shrink:0;font-size:18px;font-weight:700;color:#1677ff;letter-spacing:-.02em}.recharge-option-price .yen{font-size:12px;font-weight:600;margin-right:1px}.recharge-option.is-active .recharge-option-price{color:#0958d9}