:root{--ink: #10211c;--ink-soft: #3c5249;--muted: #5d6f68;--line: #e2e8e6;--paper: #f4f7f6;--surface: rgba(255, 255, 255, .92);--brand: #0f9d6e;--brand-deep: #06382c;--brand-soft: #e5f6ee;--danger: #b42318;--danger-soft: #fdeceb;--warn: #9a6700;--warn-soft: #fbf3e4;--plus: #067647;--shadow: 0 14px 34px rgba(6, 24, 18, .08);--radius: 16px;--mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--paper);font-family:Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(520px 220px at 50% -40px,rgba(30,224,160,.16),transparent 70%),linear-gradient(rgba(16,33,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,33,28,.035) 1px,transparent 1px),var(--paper);background-size:auto,28px 28px,28px 28px,auto;touch-action:manipulation}button,input{font:inherit;color:inherit}button{cursor:pointer}button:active:not(:disabled){opacity:.86}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.app{width:min(440px,100%);margin:0 auto;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.top{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:48px;margin-bottom:16px}.top.spread{display:flex;justify-content:space-between}.top h1{margin:0;font-size:17px;font-weight:700;text-align:center;letter-spacing:0}.top.spread h1{text-align:start;font-size:20px}.top-actions{display:flex;align-items:center;gap:4px}.top-side{width:44px}.icon-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--brand-deep);border-radius:12px}.text-btn{min-width:0;padding:0 8px;font-size:14px;font-weight:600}.lang{position:relative}.lang-toggle{min-height:36px;min-width:44px;border:1px solid var(--line);background:#ffffffc7;color:var(--brand-deep);border-radius:999px;padding:0 12px;font-size:13px;font-weight:700}.lang-menu{position:absolute;z-index:30;top:calc(100% + 6px);inset-inline-end:0;width:min(220px,72vw);max-height:min(360px,62dvh);overflow:auto;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.lang-menu button{width:100%;min-height:44px;border:0;background:transparent;border-radius:10px;padding:0 12px;text-align:start;font-size:15px}.lang-menu button.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:700}.lead{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.card,.sheet,.item,.entry{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.sheet{padding:18px}.pass{position:relative;overflow:hidden;color:#f7f4ec;border-radius:22px;padding:20px 18px 18px;background:radial-gradient(140px 90px at 100% 0%,rgba(212,176,122,.38),transparent 68%),linear-gradient(155deg,#1a7a54,#0e4d38 48%,#08281e);box-shadow:0 18px 36px #08281e47}.pass:before{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-90px;border:18px solid rgba(255,255,255,.06);border-radius:50%}.pass-top,.pass-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{width:34px;height:26px;border-radius:6px;background:linear-gradient(#e7d3a4,#c4a574 45%,#a88855);box-shadow:inset 0 0 0 1px #5a3c1440}.pass .icon{color:#f7f4ece6}.kicker{margin-top:18px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f7f4ecb8}.account{margin-top:4px;font-size:18px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}.nickname{margin-top:2px;color:#f7f4ecd1;font-size:14px}.balance-label{margin-top:22px;font-size:13px;color:#f7f4ecbf}.balance{margin:2px 0 4px;font-size:36px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.balance.failed{font-size:22px}.pass .primary{position:relative;margin-top:16px;background:#fff;color:var(--brand-deep);box-shadow:none}.pass-preview{margin-bottom:16px;min-height:128px}.lead+.card{margin-top:16px}.primary,.secondary{width:100%;min-height:48px;border:0;border-radius:14px;padding:12px 16px;font-size:16px;font-weight:700}.primary{background:var(--brand);color:#fff}.primary:disabled{opacity:.42}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.stack{display:grid;gap:10px;margin-top:14px}.entry{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;text-align:start;padding:12px 14px;font-weight:600}.entry-icon,.item-icon,.status-mark{display:grid;place-items:center;flex:0 0 auto;border-radius:14px}.entry-icon{width:40px;height:40px;color:var(--brand-deep);background:var(--brand-soft)}.entry span:last-child{margin-left:auto;color:var(--muted);font-size:20px;font-weight:400}.field{display:grid;gap:8px;margin-bottom:14px}.field>span,.section-label{font-size:15px;font-weight:500;color:var(--ink-soft)}.section-label{margin:18px 0 8px}.field input{width:100%;min-height:48px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px;font-size:16px;outline:none}.field input:focus{border-color:var(--brand)}.input-wrap{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px #1b24370a}.input-wrap:focus-within{border-color:var(--brand)}.input-wrap em{font-style:normal;font-weight:700;color:var(--ink-soft)}.input-wrap input{border:0;min-height:46px;padding:0;background:transparent}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.amounts+.field{margin-top:14px}.choice{min-height:52px;border:1px solid var(--line);background:var(--surface);border-radius:14px;font-weight:700;font-variant-numeric:tabular-nums}.choice.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep);box-shadow:inset 0 0 0 1px var(--brand)}.channel{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;text-align:start;border:1px solid var(--line);background:var(--surface);border-radius:14px}.channel.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.channel img{width:32px;height:32px;object-fit:contain;border-radius:8px;background:#fff}.radio{width:18px;height:18px;margin-left:auto;border:1.5px solid #c5cad3;border-radius:50%;flex:0 0 auto}.radio{display:grid;place-items:center}.channel.active .radio{border-color:var(--brand)}.channel.active .radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}.balance-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.balance-strip span{display:block;color:var(--muted);font-size:12px}.balance-strip strong{font-size:18px;font-variant-numeric:tabular-nums}.balance-strip .pill{display:inline-block;flex:0 0 auto;border-radius:999px;padding:6px 10px;background:var(--brand-soft);color:var(--brand-deep);font-size:12px;font-weight:600}.muted{color:var(--muted);font-size:13px;line-height:1.45}.error{color:var(--danger);background:var(--danger-soft);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45;margin:0 0 12px}.list{display:grid;gap:10px}.item{display:flex;gap:12px;width:100%;text-align:start;padding:14px}button.item{border:1px solid var(--line)}div.item{cursor:default}.item-icon{width:36px;height:36px;color:var(--brand-deep);background:var(--brand-soft);border-radius:12px}.item-body{flex:1;min-width:0;display:grid;gap:4px}.item strong,.row b,.sheet-head h2{font-weight:700}.between,.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.row{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border-bottom:0}.row span{color:var(--muted);flex:0 0 auto}.row b{text-align:end;word-break:break-word}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}.sheet-head h2{margin:0;font-size:18px;line-height:1.35}.wallet-hero{text-align:center;padding:8px 0 4px}.wallet-hero .muted{margin:0}.wallet-hero .result-amount{margin:8px 0 12px}.sheet .secondary{margin-top:16px}.plus{color:var(--plus)}.minus{color:var(--danger)}.foot{position:sticky;bottom:0;z-index:2;margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 92%,transparent);border-top:1px solid var(--line)}.empty,.center{display:grid;justify-items:center;gap:6px;text-align:center;color:var(--ink-soft);padding:36px 12px}.empty .icon{width:28px;height:28px;color:var(--brand-deep)}.empty p{margin:0}.tag{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border-radius:999px;padding:3px 8px;background:var(--brand-soft);color:var(--brand-deep);font-size:12px;font-weight:700}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag.wait{background:var(--warn-soft);color:var(--warn)}.tag.done{background:#f3f5f8;color:var(--ink-soft)}.status-mark{width:64px;height:64px;margin:0;border-radius:50%;color:#d8ffe9;background:#0c241c}.status-mark .icon{width:30px;height:30px}.status-mark.fail{color:#fff;background:var(--danger)}.status-mark.pending{color:#3a2a08;background:#f3d48a}.result-panel{position:relative;overflow:hidden;padding:28px 18px 8px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.result-panel:before{content:"";position:absolute;inset:0 28px auto;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#06382c,#1ee0a0)}.result-panel.fail:before{background:var(--danger)}.result-panel.pending:before{background:var(--warn)}.result-orbit{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:4px auto 10px}.result-orbit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(15,157,110,.55);border-radius:50%}.result-panel.fail .result-orbit:before{border-color:#b4231873}.result-panel.pending .result-orbit:before{border-color:#9a670073}.result-kicker{margin:0;color:var(--brand);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.22em}.result-panel h2{margin:8px 0 0;font-size:22px;line-height:1.3;letter-spacing:-.02em}.result-hint{max-width:28em;margin:8px auto 0;color:var(--muted);font-size:14px;line-height:1.5}.result-amount{margin:16px 0 0;font-family:var(--mono);font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.04em}.result-meta{margin-top:18px;text-align:start}.result-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.result-row span{color:var(--muted)}.result-row strong{font-family:var(--mono);font-weight:600;font-size:12px;text-align:end;overflow-wrap:anywhere}.result-actions{margin-top:18px}@media (prefers-reduced-motion: no-preference){.result-panel.crediting .result-orbit:before,.result-panel.pending .result-orbit:before{animation:result-spin 9s linear infinite}}@keyframes result-spin{to{transform:rotate(360deg)}}.skeleton{height:40px;border-radius:10px;background:#f3f5f8;color:transparent;overflow:hidden}@media (prefers-reduced-motion: no-preference){.skeleton{background:linear-gradient(90deg,#f3f5f8,#fff,#f3f5f8);background-size:200% 100%;animation:shimmer 1.2s linear infinite}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.login-screen{position:relative;width:min(440px,100%);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 28px calc(20px + env(safe-area-inset-bottom));background:#fff;color:#1b2437}.login-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff}.login-lang{position:absolute;z-index:2;top:calc(8px + env(safe-area-inset-top));inset-inline-end:16px}.login-screen .lang-toggle{border-color:#eceef2;background:#fff;color:#5c6675;box-shadow:0 1px 2px #1b24370a}.login-screen .lang-menu{background:#fff;border-color:#eceef2}.login-screen .lang-menu button.active{background:var(--brand-soft);color:var(--brand-deep)}.login-screen :focus-visible{outline-color:var(--brand)}.login-hero{margin-top:52px;text-align:center}.login-mark{width:108px;height:auto;color:var(--brand)}.login-hero h1{margin:18px 0 0;font-size:40px;line-height:1.15;font-weight:800;letter-spacing:-.03em;color:#1b2437}.login-hero p{margin:10px 0 0;color:#a0a8b4;font-size:16px;line-height:1.45}.login-form{margin-top:48px}.login-label{display:grid;gap:10px}.login-label>span{font-size:15px;font-weight:500;color:#5c6570}.login-field{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;border:1px solid #eceef2;border-radius:16px;background:#fff;box-shadow:0 8px 24px #1b24370b}.login-field:focus-within{border-color:#d5dbe3}.login-field svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:#c5cad3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-field input{width:100%;min-height:52px;border:0;padding:0;background:transparent;font-size:16px;color:#1b2437;outline:none}.login-field input::placeholder{color:#c5cad3}.login-form .error{margin-top:12px}.login-go{width:100%;min-height:56px;margin-top:22px;border:0;border-radius:16px;padding:12px 16px;background:var(--brand);color:#fff;font-size:18px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 24px #0e7a5247}.login-go:disabled{opacity:.72}.login-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:auto 0 8px;padding-top:28px;color:#b0b7c3;font-size:13px;line-height:1.4;text-align:center}.login-foot svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.app.with-tabs{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.hub-head{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:18px}.hub-logo{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;color:var(--brand);background:var(--brand-soft)}.hub-logo .icon{width:22px;height:22px}.hub-hello{flex:1;min-width:0;margin:0;color:var(--ink);font-size:15px;font-weight:700;line-height:1.3}.hub-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-inline-start:auto}.hub-tools .text-btn{height:36px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.hub-card{padding:22px 18px 20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);text-align:center}.hub-kicker{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px}.hub-kicker .icon{width:16px;height:16px;color:var(--brand)}.hub-mask{margin-top:8px;font-size:22px;font-weight:800;letter-spacing:0;text-align:center;color:var(--ink)}.hub-line{height:1px;margin:16px 8px;background:var(--line)}.hub-bal-label{color:var(--ink-soft);font-size:14px}.hub-bal{margin-top:6px;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.hub-bal.failed{font-size:18px;color:var(--danger)}.hub .skeleton{height:44px;border-radius:10px;background:#eef1f4;color:transparent}.hub-card .primary{margin-top:14px}.hub-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:148px;padding:16px 14px 14px;border:0;border-radius:18px;text-align:start;color:var(--ink)}.hub-tile.history{background:#f3f7ff}.hub-tile.recharge{background:#eef8f3}.hub-tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%}.hub-tile.history .hub-tile-icon{background:#dbeafe;color:#3b82f6}.hub-tile.recharge .hub-tile-icon{background:#d8f3e6;color:var(--brand)}.hub-tile strong{font-size:16px;line-height:1.3}.hub-tile>span:last-child{color:var(--muted);font-size:12px;line-height:1.4}.hub-tile b{font-weight:500}.hub-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 2px 10px}.hub-recent-head h2{margin:0;font-size:16px;font-weight:800}.hub-recent-head button{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:600}.hub-list{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.hub-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;width:100%;min-height:72px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:start;color:var(--ink)}.hub-row:last-child{border-bottom:0}.hub-row-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.hub-row-icon.live{background:#dbeafe;color:#3b82f6}.hub-row-icon.out{background:var(--danger-soft);color:var(--danger)}.hub-row-icon.wait{background:var(--warn-soft);color:var(--warn)}.hub-row-icon .icon{width:20px;height:20px}.hub-row-main,.hub-row-side{display:flex;flex-direction:column;gap:4px;min-width:0}.hub-row-main strong{font-size:15px;line-height:1.3}.hub-row-main .muted,.hub-row-side span{font-size:12px}.hub-row-side{align-items:flex-end;text-align:end}.hub-row-side b{font-size:14px;font-variant-numeric:tabular-nums}.hub-row-side .done,.hub-row-side b.done{color:var(--brand)}.hub-row-side .live,.hub-row-side b.live{color:#3b82f6}.hub-row-side .in,.hub-row-side b.in{color:var(--plus)}.hub-row-side .out,.hub-row-side b.out{color:var(--danger)}.hub-row-side .wait,.hub-row-side b.wait{color:var(--warn)}.me-card{display:grid;gap:6px;margin-bottom:16px}.me-card strong{font-size:22px;letter-spacing:.04em}.tabbar{position:fixed;z-index:20;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;color:#9aa3ad;font-size:11px;font-weight:600;text-decoration:none}.tabbar a.router-link-active{color:var(--brand)}.tabbar .icon{width:22px;height:22px}.mono,.hub-mask,.hub-bal,.balance-strip strong,.choice,.item b,.hub-row-side b{font-family:var(--mono);font-variant-numeric:tabular-nums}.section-label,.field>span,.login-label>span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.primary{background:linear-gradient(180deg,#14b07a,#0c7a50);box-shadow:0 10px 22px #0c7a5047}.choice.active{border-color:#0c241c;background:#0c241c;color:#d8ffe9;box-shadow:none}.channel.active{border-color:var(--brand);background:#fff;box-shadow:inset 3px 0 0 var(--brand)}.hub-card,.hub-list,.sheet,.balance-strip,.item,.channel,.choice{background:var(--surface)}.hub-card{position:relative;overflow:hidden}.hub-card:before,.sheet:before,.balance-strip:before{content:"";position:absolute;inset:0 22px auto;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#06382c,#1ee0a0)}.hub-card,.sheet,.balance-strip{position:relative;overflow:hidden}.hub-tile{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.hub-tile.history,.hub-tile.recharge{background:var(--surface)}.hub-tile-icon{border-radius:12px}.hub-tile.history .hub-tile-icon{background:#e7eef8;color:#245b9c}.hub-tile.recharge .hub-tile-icon{background:var(--brand-soft);color:var(--brand-deep)}.app.with-tabs{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.tabbar{bottom:calc(10px + env(safe-area-inset-bottom));width:min(408px,calc(100% - 24px));padding:6px 4px;border:1px solid rgba(16,33,28,.08);border-radius:18px;background:#ffffffe0;box-shadow:0 12px 30px #0618121f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tabbar a.router-link-active .icon{filter:drop-shadow(0 0 6px rgba(15,157,110,.45))}.login-screen{background:transparent;color:var(--ink)}.login-screen:before{background:radial-gradient(420px 180px at 50% 0,rgba(30,224,160,.2),transparent 70%),linear-gradient(rgba(16,33,28,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,33,28,.04) 1px,transparent 1px),var(--paper);background-size:auto,28px 28px,28px 28px,auto}.login-hero{margin-top:72px;padding:28px 16px 24px;border-radius:22px;color:#e7fff4;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(165deg,#124c3c,#071510 62%);background-size:22px 22px,22px 22px,auto;box-shadow:0 18px 40px #07151047}.login-mark{color:#3dffb0}.login-hero h1{color:#f4fff9;font-size:36px}.login-hero p{color:#e8fff4b8}.login-field,.field input,.input-wrap{border-radius:14px;background:#fff;box-shadow:none}.login-field:focus-within,.field input:focus,.input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0f9d6e29}.login-go{border-radius:14px;background:linear-gradient(180deg,#14b07a,#0c7a50);box-shadow:0 12px 24px #0c7a504d}.login-foot{color:var(--muted)}.empty .icon{width:42px;height:42px;padding:8px;border:1px dashed rgba(15,157,110,.45);border-radius:14px}