:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f7ff;background:#0f1116;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1a2030,#0b0d12 58%);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}input{color:#f3f7ff;text-align:right;background:0 0;border:0;outline:none;width:100%;font-size:40px;font-weight:700}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.shell{width:min(980px,100%)}.app-frame{gap:12px;display:grid}.panel{background:#131720f5;border:1px solid #3faaff99;border-radius:12px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.panel:before{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(120deg,#0000 0%,#3faaff1f 45%,#0000 70%);animation:7s ease-in-out infinite panel-sheen;position:absolute;inset:0;transform:translate(-120%)}.logo-hero{justify-content:center;margin:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:16px;min-width:0;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #c2913a3d);flex:none;width:70%;height:auto;animation:4.8s ease-in-out infinite logo-breathe}.top-actions{flex:none;align-items:center;gap:10px;display:flex}.language-floating{justify-self:end;margin:-2px 26px -4px 0}.language-floating,.language-toggle{background:#ffffff0a;border:1px solid #c695443d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:inline-grid}.language-floating button,.language-toggle button{color:#99a3b7;background:0 0;border-radius:8px;min-width:54px;min-height:36px;font-size:13px;font-weight:800;transition:background .18s,color .18s,transform .18s}.language-floating button.active,.language-toggle button.active{color:#171006;background:linear-gradient(#d7ae62,#a36b25)}.language-floating button:hover,.language-toggle button:hover{transform:translateY(-1px)}.topbar h1{margin:0;font-size:26px}.topbar p{color:#a0a8b8;margin:6px 0 0}.ghost,.link,.primary{border-radius:10px;min-height:44px;padding:0 16px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.ghost:before,.link:before,.primary:before{content:"";opacity:0;background:linear-gradient(105deg,#0000 10%,#ffffff4d 48%,#0000 70%);position:absolute;inset:0;transform:translate(-115%)}.ghost:hover,.link:hover,.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.ghost:hover:before,.link:hover:before,.primary:hover:not(:disabled):before{opacity:1;animation:.72s forwards button-shine}.ghost{color:#e9eefc;background:#252a35}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.tabs button{color:#99a3b7;background:0 0;border-radius:10px;min-height:46px;font-weight:700;transition:color .18s,background .18s,transform .18s;position:relative;overflow:hidden}.tabs button.active{color:#f3f7ff;background:#3a9dff1f}.tabs button:hover{color:#f3f7ff;transform:translateY(-1px)}.tabs button.active:after{content:"";background:linear-gradient(90deg,#0000,#d7ae62,#0000);border-radius:999px;height:2px;animation:2.6s ease-in-out infinite active-tab-pulse;position:absolute;bottom:7px;left:16%;right:16%}.grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:18px;display:grid}.card{background:#171c26;border:1px solid #3c4c66f2;border-radius:12px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s}.card:hover{border-color:#d7ae6261;transform:translateY(-2px);box-shadow:0 18px 36px #00000038,0 0 0 1px #d7ae6214}.input-card{flex-direction:column;gap:18px;min-height:360px;display:flex}.card-head,.info-row,.mini-stats{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head span{color:#a0a8b8;font-size:14px}.link{color:#f3f7ff;background:#272d39}.amount-row{background:#1c2230;border:1px solid #2f3748;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;transition:border-color .18s,box-shadow .18s;display:grid}.amount-row:focus-within{border-color:#ffb86ba8;box-shadow:0 0 0 3px #ffb86b14,inset 0 0 24px #ffb86b0a}.token-chip{color:#f3f7ff;background:#202737;border-radius:10px;align-items:center;min-width:84px;height:42px;padding:0 14px;font-weight:700;display:inline-flex}.mini-stats{border-top:1px solid #2d3444;grid-template-columns:repeat(2,max-content);justify-content:start;align-items:center;gap:10px 5ch;padding-top:14px;display:grid}.mini-stats.compact{padding-top:0}.asset-summary{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;padding-top:0}.mini-stats>div,.info-row{width:100%}.mini-stats>div{justify-content:flex-start;align-items:baseline;gap:2ch;min-width:0;display:inline-flex}.asset-summary>.asset-stat{background:linear-gradient(#d7ae6221,#2c374d42);border:1px solid #d7ae6238;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:70px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.asset-summary>.asset-stat:hover{border-color:#d7ae6275;transform:translateY(-2px);box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff0f}.asset-summary>.asset-stat span,.asset-summary>.asset-stat strong{white-space:normal}.asset-summary>.asset-stat span{color:#d9c490;font-size:13px;font-weight:800}.asset-summary>.asset-stat strong{color:#fff;font-size:20px;line-height:1.2}.mini-stats span,.info-row span{color:#8d96a8;font-size:13px}.mini-stats strong,.info-row strong{color:#eef4ff;font-size:15px}.mini-stats span,.mini-stats strong{white-space:nowrap}.info-row strong{text-align:right}.ok{color:#63f0be!important}.warn{color:#ffb86b!important}.primary{color:#231600;background:linear-gradient(#ffb86b,#f39d3d);width:100%;margin-top:auto;box-shadow:0 10px 22px #f39d3d2e}.primary:disabled{opacity:.65;cursor:not-allowed}.transaction-progress{background:#ffb86b14;border:1px solid #ffb86b57;border-radius:10px;gap:10px;padding:14px;display:grid}.progress-label{color:#f4d6a8;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.progress-label strong{color:#fff;white-space:nowrap}.progress-track{background:#ffffff1c;border-radius:999px;height:9px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#ffd27d,#ff9f3d,#fff1ba);width:42%;animation:1.05s ease-in-out infinite progress-slide;position:absolute;inset:0}@keyframes progress-slide{0%{transform:translate(-105%)}to{transform:translate(240%)}}.info-card{align-content:start;gap:14px;display:grid}.info-row{border-bottom:1px solid #2d3444;padding:10px 0}.info-row:last-child{border-bottom:0}@media (width<=820px){.grid,.topbar,.top-actions{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.brand{align-items:flex-start}.language-floating{justify-self:end;width:auto;margin:-2px 0 -4px}.language-toggle,.ghost{width:100%}input{font-size:32px}.mini-stats,.asset-summary{grid-template-columns:1fr}.progress-label{flex-direction:column;align-items:flex-start}}.notice-text{color:#e9d6ad;background:#d7ae6214;border:1px solid #d7ae6247;border-radius:10px;margin:18px 0 0;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.7}.trusted-section{margin-top:22px;padding:42px 8px 28px}.trusted-section h2{color:#f7faff;text-align:center;margin:0 0 34px;font-size:30px;line-height:1.2}.trusted-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:30px 42px;display:grid}.trusted-logo{color:#b9c2d7;opacity:.95;justify-content:center;align-items:center;gap:8px;min-width:0;transition:color .18s,filter .18s,transform .18s;display:inline-flex}.trusted-logo:hover{color:#edf3ff;filter:drop-shadow(0 0 10px #b9c2d733);transform:translateY(-3px)}.trusted-logo strong{min-width:0;color:inherit;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:900;line-height:1;overflow:hidden}.trusted-mark{color:#c5cede;border:2px solid;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;transition:transform .18s;display:inline-grid}.trusted-logo:hover .trusted-mark{transform:rotate(-8deg)scale(1.05)}.trusted-logo:nth-child(2) .trusted-mark,.trusted-logo:nth-child(10) .trusted-mark{border-radius:999px}.trusted-logo:nth-child(7) .trusted-mark,.trusted-logo:nth-child(8) .trusted-mark{border-radius:0}@media (width<=820px){.trusted-section{margin-top:14px;padding:30px 0 18px}.trusted-section h2{margin-bottom:24px;font-size:24px}.trusted-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.trusted-logo{justify-content:flex-start;padding:0 8px}.trusted-logo strong{font-size:17px}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 8px 18px #c2913a33);transform:translateY(0)}50%{filter:drop-shadow(0 14px 28px #c2913a57);transform:translateY(-3px)}}@keyframes panel-sheen{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes button-shine{0%{transform:translate(-115%)}to{transform:translate(115%)}}@keyframes active-tab-pulse{0%,to{opacity:.35;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
