:root{--orange: #d9480f;--orange-focus: #f2590d;--orange-soft: #fff3ec;--gold: #c9a227;--ink: #1d1d1f;--ink-2: #2a2a2c;--parchment: #f5f5f7;--pearl: #fafafc;--gray: #6e6e73;--gray-2: #9a9aa0;--line: #ececef;--hairline: #e0e0e0;--up: #1d7a4d;--down: #c0392b;--white: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;overscroll-behavior-y:none}body{font-family:Inter,system-ui,Segoe UI,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--parchment);-webkit-font-smoothing:antialiased;font-feature-settings:"ss03";letter-spacing:-.01em}.mono{font-variant-numeric:tabular-nums}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topnav{position:sticky;top:0;z-index:20;background:var(--parchment)}.topnav-inner{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:11px 20px;min-height:56px}.wm{font-size:20px;font-weight:600;letter-spacing:-.04em;color:var(--gold)}.wm b{color:var(--gold)}.demo-chip{font-size:10px;font-weight:600;color:var(--orange);background:var(--orange-soft);padding:3px 9px;border-radius:9999px;letter-spacing:0;margin-left:4px;vertical-align:middle}.iconbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--ink);cursor:pointer;margin-left:auto}.backbtn{width:38px;height:38px;border:0;background:transparent;font-size:28px;line-height:1;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center}.page-title{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;letter-spacing:-.02em}.title-coin{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex:none}.content{flex:1}.container{max-width:820px;margin:0 auto;width:100%;padding:14px 20px 40px}.container.tabbed{padding-bottom:104px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}.tabbar-inner{max-width:820px;margin:0 auto;height:64px;display:flex}.tabbar button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--gray-2);cursor:pointer;font-size:10.5px;font-weight:500;letter-spacing:0}.tabbar button .ti{display:flex;align-items:center;justify-content:center;height:24px}.tabbar button.active{color:var(--orange)}.h-screen{font-size:30px;font-weight:600;letter-spacing:-.03em;margin:8px 0 4px}.muted{color:var(--gray);font-size:13.5px}.up{color:var(--up)}.down{color:var(--down)}.hero{padding:14px 4px 4px}.hero .label{font-size:13.5px;color:var(--gray)}.hero .total{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:4px 0}.delta-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:13px;font-weight:600}.delta-pill.u{background:#e7f3ec;color:var(--up)}.delta-pill.d{background:#fbe7e4;color:var(--down)}.quick{display:flex;gap:12px;margin:22px 0 8px;max-width:460px}.quick a{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.quick .qc{width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .1s}.quick .qc.alt{background:var(--ink)}.quick a:active .qc{transform:scale(.93)}.quick .ql{font-size:12.5px;color:var(--ink);font-weight:500}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 18px;margin-top:16px}.sec-title{display:flex;align-items:center;justify-content:space-between;margin:24px 4px 6px}.sec-title h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em}.sec-title a{color:var(--orange);font-size:13px;font-weight:600;cursor:pointer}.row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}.row:last-child{border-bottom:0}.coin{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex:none;font-weight:600}.row .name{font-weight:600;font-size:15.5px;letter-spacing:-.02em}.row .sub{font-size:12.5px;color:var(--gray);margin-top:1px}.row .end{margin-left:auto;text-align:right}.row .end .v{font-weight:600;font-size:15px;letter-spacing:-.02em}.row .end .c{font-size:12.5px;font-weight:600;margin-top:2px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:9999px;padding:12px 18px;margin:8px 0 4px}.search input{border:0;background:transparent;outline:none;width:100%;font-size:16px;color:var(--ink);font-family:inherit}.btn{width:100%;padding:15px;border:0;border-radius:9999px;background:var(--orange);color:#fff;font-size:16px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .1s,filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ink{background:var(--ink)}.btn.ghost{background:transparent;color:var(--orange);border:1.5px solid var(--orange)}.actions{display:flex;gap:12px;margin-top:22px}.coin-head{display:flex;align-items:center;gap:12px;margin:8px 0 6px}.coin-head .big-coin{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:600}.bigprice{font-size:40px;font-weight:600;letter-spacing:-.04em;margin:10px 0 2px}.range{display:flex;gap:6px;margin:12px 0 4px}.range button{border:1px solid var(--line);background:#fff;border-radius:9999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--gray);cursor:pointer}.range button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chart-skeleton{width:100%;height:180px;border-radius:14px;background:var(--pearl);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bs-toggle{display:flex;background:var(--parchment);border-radius:9999px;padding:4px;margin:6px 0 18px}.bs-toggle button{flex:1;border:0;background:transparent;padding:11px;border-radius:9999px;font-size:15px;font-weight:600;color:var(--gray);cursor:pointer}.bs-toggle button.on.buy{background:var(--orange);color:#fff}.bs-toggle button.on.sell{background:var(--ink);color:#fff}.amount{text-align:left;padding:10px 0 4px}.amount .recv{font-size:13.5px;color:var(--gray);margin-top:8px}.amt-row{display:flex;align-items:center;gap:10px;margin:6px 0 0}.amt-cur{font-size:30px;font-weight:600;color:var(--gray-2);letter-spacing:-.03em}.amt-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:38px;font-weight:600;letter-spacing:-.04em;color:var(--ink);padding:0}.amt-input::placeholder{color:#ccccd2}.swapbtn{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:19px;color:var(--orange);cursor:pointer}.swapbtn:active{transform:scale(.94)}.review-head{padding:8px 0 2px}.bigpay{font-size:42px;font-weight:600;letter-spacing:-.04em;margin:4px 0;border-radius:10px;display:inline-block;padding:0 4px}.flash{animation:flashbg .8s ease}@keyframes flashbg{0%{background:#ffe2cf}to{background:transparent}}.quote-note{font-size:12px;text-align:center;margin:14px 8px;line-height:1.5}.coin-img{border-radius:50%;flex:none;display:block;background:#fff;object-fit:cover}.eyebtn{border:0;background:transparent;color:var(--gray);cursor:pointer;padding:2px;display:inline-flex;align-items:center}.eyebtn:active{transform:scale(.9)}.txicon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.price-sub{height:26px;display:flex;align-items:center;margin-top:2px}.amt-field{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--line);padding:4px 0 10px;margin:6px 0 0}.amt-field:focus-within{border-color:var(--orange)}.amt-below{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.amt-below .recv{margin:0}.wallet-left{display:flex;align-items:center;gap:12px;min-width:0}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 100% at 50% 0%,#fff 0%,var(--parchment) 70%)}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 26px;box-shadow:0 20px 50px #140c060f}.login-brand{font-size:24px;font-weight:600;letter-spacing:-.04em;color:var(--gold)}.login-brand b{color:var(--gold)}.login-card h1{font-size:26px;font-weight:600;letter-spacing:-.03em;margin:20px 0 4px}.login-card label{font-size:12px;font-weight:600;color:var(--gray);display:block;margin:12px 0 6px}.login-input{width:100%;font-size:16px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-family:inherit;outline:none;color:var(--ink)}.login-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #d9480f1f}.pw-field{position:relative}.pw-field .login-input{padding-right:46px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--gray);cursor:pointer;padding:8px;display:inline-flex;align-items:center}.pw-toggle:active{transform:translateY(-50%) scale(.9)}.login-card .btn{margin-top:20px}.login-note{font-size:12px;margin-top:18px;text-align:center}.chips{display:flex;gap:8px;margin:16px 0}.chips button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9999px;padding:9px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.chips button:active{transform:scale(.96)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 14px}.keypad button{border:0;background:transparent;font-size:23px;font-weight:500;padding:13px 0;border-radius:14px;cursor:pointer;color:var(--ink)}.keypad button:active{background:var(--parchment)}.amount .eyebrow{font-size:12px;font-weight:600;color:var(--gray);margin-bottom:2px}.amount .recv b{color:var(--ink);font-weight:600}.ratecard{border:1px solid var(--line);border-radius:16px;padding:4px 16px;margin:6px 0 16px}.raterow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}.raterow:last-child{border-bottom:0}.raterow .k{color:var(--gray)}.raterow.total .k,.raterow.total .mono{font-weight:600;color:var(--ink);font-size:15px}.rateval{display:flex;align-items:center;gap:9px;font-weight:600}.rfsh{font-size:11px;font-weight:600;color:var(--orange);background:var(--orange-soft);padding:2px 8px;border-radius:9999px}.switch{display:inline-block;margin-top:12px;border:1px solid var(--line);background:#fff;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.switch:active{transform:scale(.96)}.wallet{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:13px 16px;margin:16px 0}.wallet .wbal{font-weight:600;font-size:17px;letter-spacing:-.02em;margin-top:2px}.topup{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;border-radius:9999px;padding:9px 15px;font-size:13.5px;cursor:pointer;flex:none}.topup:active{transform:scale(.96)}.topup svg{color:var(--orange)}.wallet-actions{display:flex;gap:8px;flex:none}.maxbtn{border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;border-radius:9999px;padding:10px 16px;font-size:14px;cursor:pointer}.maxbtn:active{transform:scale(.96)}.ratebar{height:3px;background:#f0e3da;border-radius:9999px;overflow:hidden}.ratebar .fill{height:100%;background:var(--orange);border-radius:9999px;transition:width 1s linear}.countbar{background:var(--orange-soft);border-radius:14px;padding:12px 14px;margin:6px 0 12px}.countbar .top{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}.countbar .lbl{color:#9a3a10;font-weight:600}.countbar .px{font-weight:600;font-variant-numeric:tabular-nums}.countbar .bar{height:4px;background:#f3d9cb;border-radius:9999px;overflow:hidden}.countbar .fill{height:100%;background:var(--orange);border-radius:9999px;transition:width 1s linear}.qline{display:flex;justify-content:space-between;padding:9px 0;font-size:13.5px;border-bottom:1px solid var(--line)}.qline:last-of-type{border-bottom:0}.qline .k{color:var(--gray)}.qline .v{font-weight:600}.success{text-align:center;padding:40px 10px 18px}.success .check{width:76px;height:76px;border-radius:50%;background:var(--orange);color:#fff;font-size:38px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:pop .35s cubic-bezier(.2,1.3,.4,1)}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.success h2{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:0 0 6px}.err{color:var(--down);font-size:13px;text-align:center;margin:10px 0}.tx-amt.pos{color:var(--up)}.banner{background:var(--orange-soft);color:#9a3a10;font-size:12px;border-radius:14px;padding:11px 14px;margin:18px 0 2px;line-height:1.5}.kv{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}.kv:last-child{border-bottom:0}.kv .k{color:var(--gray)}.kv .v{font-weight:600}
