:root{--content-w: 480px;--tabbar-h: 64px;--tabbar-radius: 14px;--tabbar-gap: 8px;--green: #39d98a;--purple-1: #5b4bde;--purple-2: #6a56e8}html,body,#app{height:100%}html,body{margin:0;padding:0;background:#0b0b0d;color:#e9e9f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:none;margin:0;padding:0;text-align:initial}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;object-fit:contain}.container-phone{width:min(94vw,var(--content-w));margin:0 auto}.page-with-tabbar{padding-bottom:var(--tabbar-h)}.tabbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:var(--tabbar-h);background:#111218;border-top:1px solid #1e2130;border-radius:0;box-shadow:0 -4px 12px #00000059;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;z-index:1000}.tabbar .item{position:relative;display:grid;justify-items:center;gap:2px;padding:6px 0;font-size:13px;color:#8f93a6}.tabbar .item img{width:24px;height:24px;object-fit:contain}.tabbar .item.active{color:#e8e8ff;font-weight:600}.tabbar .item .badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:10px;line-height:14px;padding:0 6px;border-radius:999px;background:#ff4d4f;color:#fff}.g-toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%) translateY(20px);padding:10px 20px;border-radius:999px;background:#14161cf0;border:1px solid rgba(255,255,255,.12);color:#f7fbff;font-size:14px;font-weight:800;z-index:99999;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;backdrop-filter:blur(10px)}.g-toast.g-toast-in{opacity:1;transform:translate(-50%) translateY(0)}.g-toast.g-toast-error{border-color:#ff646e66;color:#ff9aaa}