:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f8;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button{font:inherit}.viewport-shell{background:#eef2f8;place-items:start center;min-height:100dvh;display:grid}.phone-canvas{background:linear-gradient(155deg,#0878fb 0%,#0b5cf4 38%,#dfeaff 78%);width:100%;max-width:480px;min-height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 34px #1c345c1f}.topbar{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;color:#20283a;background:#fff;grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.topbar strong{text-align:center;font-size:16px;font-weight:650}.icon-button{color:#516078;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.topbar-spacer{width:36px}.brand-area{text-align:center;color:#fff;min-height:146px;padding:25px 20px 20px}.brand-line{justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:650;display:flex}.brand-line small{color:#ffffffc2;font-size:11px;font-weight:400}.brand-mark{border:1px solid #ffffffb3;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.brand-divider{background:#ffffff6b;width:1px;height:13px}.brand-area h1{letter-spacing:0;text-shadow:0 2px 9px #00238238;margin:16px 0 11px;font-size:28px;line-height:1.2}.brand-area p{color:#ffffffe0;justify-content:center;align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.brand-area p span{background:#ffffff7a;width:26px;height:1px}.quota-panel{z-index:1;text-align:center;background:#fffffff7;border:1px solid #ffffffbf;border-radius:8px;min-height:410px;margin:0 15px;padding:39px 14px 22px;position:relative;overflow:hidden;box-shadow:0 18px 38px #0139a12e}.panel-sheen{background:#dfebff85;border-radius:32px;width:160px;height:160px;position:absolute;top:-60px;right:-56px;transform:rotate(16deg)}.amount-caption{color:#3a4353;font-size:14px;font-weight:650;position:relative}.amount{color:#191d26;letter-spacing:0;width:100%;min-height:76px;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:60px;font-weight:700;line-height:1.16;position:relative}.amount.skeleton{color:#ced6e2}.amount-note{color:#a3aab7;margin-top:4px;font-size:11px;line-height:1.5}.steps{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:start;margin:31px 0 26px;display:grid}.step{color:#3d4656;white-space:nowrap;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;display:grid}.step-icon{color:#1d5da7;background:#f0f5fc;border-radius:50%;grid-column:1/-1;place-items:center;width:38px;height:38px;margin:0 auto 8px;display:grid}.step b{color:#7a8495;font-size:10px}.step-arrow{color:#c9dcfa;margin-top:11px}.action-wrap{position:relative}.benefit{z-index:2;color:#fff;background:#ff775a;border-radius:13px 13px 2px;align-items:center;gap:4px;min-height:26px;padding:4px 10px;font-size:11px;display:flex;position:absolute;top:-17px;right:6px;box-shadow:0 5px 12px #ff684933}.primary-action{color:#fff;cursor:pointer;background:#0b64f5;border:0;border-radius:28px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:17px;font-weight:650;display:flex;box-shadow:0 10px 22px #0b64f547}.primary-action:active{background:#0756d6;transform:translateY(1px)}.primary-action:disabled{cursor:wait;opacity:.78}.speed-note{color:#a0a8b5;justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.speed-note span{background:#d5dae2;width:14px;height:1px}.privacy-note{color:#69758b;background:#fffc;border:1px solid #d8e3f6d9;border-radius:8px;align-items:flex-start;gap:8px;margin:12px 15px 0;padding:13px 12px;display:flex}.privacy-note svg{color:#5c78a3;flex:none;margin-top:1px}.privacy-note p{margin:0;font-size:11px;line-height:1.72}.privacy-note strong{color:#59667c;font-weight:650}footer{padding:13px 18px calc(16px + env(safe-area-inset-bottom));text-align:center;color:#3b527aa8;font-size:10px}.toast{z-index:20;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));color:#fff;background:#151d2beb;border-radius:6px;width:max-content;max-width:min(82vw,380px);padding:10px 14px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=390px){.brand-area h1{font-size:26px}.quota-panel{padding-left:12px;padding-right:12px}.amount{font-size:56px}.step{font-size:10px}.primary-action{font-size:16px}}@media (width<=350px){.brand-area{min-height:136px;padding-top:20px}.brand-area h1{margin-top:13px;font-size:25px}.amount{font-size:52px}.quota-panel{min-height:397px;padding-top:32px}.steps{margin-top:25px}.primary-action{font-size:16px}}@media (width>=481px){.viewport-shell{padding:22px 0}.phone-canvas{border-radius:8px;min-height:calc(100vh - 44px)}}