.api-status[data-v-996c3454] {
  padding: 0 16px;
}
.api-loading[data-v-996c3454] {
  padding: 6px 0;
  color: #00d4ed;
  font-size: 12px;
  line-height: 18px;
}
.api-error-backdrop[data-v-996c3454] {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #000b;
}
.api-error-dialog[data-v-996c3454] {
  width: 100%;
  max-width: 340px;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid #52768b;
  border-radius: 16px;
  background: #081b2c;
  text-align: center;
}
.api-error-dialog h2[data-v-996c3454] {
  font-size: 18px;
  line-height: 26px;
}
.api-error-dialog p[data-v-996c3454] {
  margin-top: 12px;
  color: #aeb7c9;
  font-size: 14px;
  line-height: 22px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.api-error-actions[data-v-996c3454] {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.api-error-actions button[data-v-996c3454] {
  flex: 1;
  min-width: 0;
}

.coming-soon-backdrop[data-v-b9690afc] {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #000b;
}
.coming-soon-dialog[data-v-b9690afc] {
  width: 100%;
  max-width: 320px;
  padding: 24px;
  border: 1px solid #52768b;
  border-radius: 16px;
  background: #081b2c;
  text-align: center;
}
.coming-soon-dialog h2[data-v-b9690afc] {
  font-size: 20px;
  line-height: 28px;
}
.coming-soon-dialog button[data-v-b9690afc] {
  margin-top: 20px;
}

.bind-parent-backdrop[data-v-c9e0bb68] {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #000b;
}
.bind-parent-dialog[data-v-c9e0bb68] {
  width: 100%;
  max-width: 360px;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: 16px;
  border: 1px solid #82858d;
  border-radius: 12px;
  background: linear-gradient(120deg, #0b183b, #150b3c);
}
.bind-parent-dialog h2[data-v-c9e0bb68] {
  font-size: 14px;
  line-height: 20px;
}
.bind-parent-description[data-v-c9e0bb68] {
  display: block;
  margin: 8px 0;
  color: #aeb7c9;
  font-size: 12px;
  line-height: 18px;
}
.bind-parent-actions[data-v-c9e0bb68] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.bind-parent-button[data-v-c9e0bb68] {
  width: 100%;
  min-height: 48px;
  padding: 0 20px;
  font-size: 18px;
  line-height: 24px;
  border-radius: 14px;
  box-shadow:
    0 0 7px #21c6ff,
    0 0 15px #1648ff;
  text-shadow: 0 2px 4px #004b95;
}
.bind-parent-button[data-v-c9e0bb68]:disabled {
  opacity: 1;
}

.upload-status[data-v-fdc57be5] {
  position: fixed;
  z-index: 95;
  left: 50%;
  bottom: calc(110px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  max-width: 85vw;
  padding: 12px 20px;
  border: 1px solid #286477;
  border-radius: 10px;
  background: #102735;
  color: #00d4ed;
  font-size: 13px;
  text-align: center;
}
.brand-mark[data-v-fdc57be5] {
  width: 48px;
  height: 48px;
  background: transparent;
}
.asset-avatar[data-v-fdc57be5] {
  padding: 0;
}
.asset-avatar.has-avatar[data-v-fdc57be5] {
  background: transparent;
  border: 0;
}
.asset-avatar img[data-v-fdc57be5] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.field-label{margin-bottom:8px;display:block;font-size:14px;font-weight:500;line-height:20px;}.btn-primary{width:100%;cursor:pointer;border-radius:12px;border-style:none;padding-top:16px;padding-bottom:16px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:700;}.between{display:flex;align-items:center;justify-content:space-between;}.row{display:flex;align-items:center;}.stack{display:flex;flex-direction:column;gap:16px;}.page{padding-left:16px;padding-right:16px;padding-bottom:32px;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.bottom-\[10px\]{bottom:10px;}.right-\[10px\]{right:10px;}.grid{display:grid;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.m3{margin:0.75rem;}.mx-auto{margin-left:auto;margin-right:auto;}.my-\[10px\]{margin-top:10px;margin-bottom:10px;}.my-\[12px\]{margin-top:12px;margin-bottom:12px;}.my-\[16px\]{margin-top:16px;margin-bottom:16px;}.my-\[1px\]{margin-top:1px;margin-bottom:1px;}.my-\[2px\]{margin-top:2px;margin-bottom:2px;}.my-\[6px\]{margin-top:6px;margin-bottom:6px;}.my-\[7px\]\!{margin-top:7px !important;margin-bottom:7px !important;}.mb-\[12px\]{margin-bottom:12px;}.mb-\[16px\]{margin-bottom:16px;}.mb-\[1px\]{margin-bottom:1px;}.mb-\[4px\]{margin-bottom:4px;}.mb-\[8px\]{margin-bottom:8px;}.ml-auto{margin-left:auto;}.mr-\[12px\]{margin-right:12px;}.mt-\[-8px\]{margin-top:-8px;}.mt-\[0px\]\!{margin-top:0px !important;}.mt-\[10px\]{margin-top:10px;}.mt-\[12px\]{margin-top:12px;}.mt-\[14px\]{margin-top:14px;}.mt-\[16px\]{margin-top:16px;}.mt-\[18px\]{margin-top:18px;}.mt-\[1px\]{margin-top:1px;}.mt-\[20px\]{margin-top:20px;}.mt-\[24px\]{margin-top:24px;}.mt-\[2px\]{margin-top:2px;}.mt-\[3px\]{margin-top:3px;}.mt-\[4px\]{margin-top:4px;}.mt-\[6px\]{margin-top:6px;}.mt-\[8px\]{margin-top:8px;}.mt-auto{margin-top:auto;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.h-\[28px\]{height:28px;}.h-\[32px\]{height:32px;}.h-\[50px\]{height:50px;}.h-\[78px\]{height:78px;}.h-auto{height:auto;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.max-w-full{max-width:100%;}.min-w-\[0px\]{min-width:0px;}.w-\[140px\]{width:140px;}.w-\[160px\]{width:160px;}.w-\[28px\]{width:28px;}.w-\[32px\]{width:32px;}.w-\[78px\]{width:78px;}.w-full{width:100%;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink{flex-shrink:1;}.shrink-0{flex-shrink:0;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.self-end{align-self:flex-end;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-around{justify-content:space-around;}.gap-\[10px\]{gap:10px;}.gap-\[12px\]{gap:12px;}.gap-\[14px\]{gap:14px;}.gap-\[16px\]{gap:16px;}.gap-\[1px\]{gap:1px;}.gap-\[2px\]{gap:2px;}.gap-\[3px\]{gap:3px;}.gap-\[4px\]{gap:4px;}.gap-\[5px\]{gap:5px;}.gap-\[6px\]{gap:6px;}.gap-\[7px\]{gap:7px;}.gap-\[8px\]{gap:8px;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.b,.border{border-width:1px;}.rounded-\[8px\]{border-radius:8px;}.border-none{border-style:none;}.bg-transparent{background-color:transparent;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}.object-contain{object-fit:contain;}.p-\[0px\]{padding:0px;}.p-\[10px\]\!{padding:10px !important;}.p-\[12px\]{padding:12px;}.p-\[6px\]{padding:6px;}.px{padding-left:1rem;padding-right:1rem;}.px-\[10px\]\!{padding-left:10px !important;padding-right:10px !important;}.px-\[8px\]\!{padding-left:8px !important;padding-right:8px !important;}.py-\[16px\]{padding-top:16px;padding-bottom:16px;}.py-\[24px\]{padding-top:24px;padding-bottom:24px;}.py-\[6px\]\!{padding-top:6px !important;padding-bottom:6px !important;}.pr-\[90px\]{padding-right:90px;}.text-center{text-align:center;}.text-right{text-align:right;}.text-\[10px\]{font-size:10px;}.text-\[11px\]{font-size:11px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\]{font-size:14px;}.text-\[16px\]{font-size:16px;}.text-\[18px\]{font-size:18px;}.text-\[19px\]{font-size:19px;}.text-\[20px\]{font-size:20px;}.text-\[22px\]{font-size:22px;}.text-\[26px\]{font-size:26px;}.text-\[\#ffe828\]{--un-text-opacity:1;color:rgb(255 232 40 / var(--un-text-opacity));}.text-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}.text-cyan{--un-text-opacity:1;color:rgb(0 212 237 / var(--un-text-opacity));}.text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}.text-green-400\!{--un-text-opacity:1 !important;color:rgb(74 222 128 / var(--un-text-opacity)) !important;}.text-muted{--un-text-opacity:1;color:rgb(146 149 172 / var(--un-text-opacity));}.text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}.text-red-400\!{--un-text-opacity:1 !important;color:rgb(248 113 113 / var(--un-text-opacity)) !important;}.text-rose-400{--un-text-opacity:1;color:rgb(251 113 133 / var(--un-text-opacity));}.text-teal-300{--un-text-opacity:1;color:rgb(94 234 212 / var(--un-text-opacity));}.text-violet-400{--un-text-opacity:1;color:rgb(167 139 250 / var(--un-text-opacity));}.font-bold{font-weight:700;}.leading-\[12px\]{line-height:12px;}.leading-\[14px\]{line-height:14px;}.leading-\[16px\]{line-height:16px;}.leading-\[18px\]{line-height:18px;}.leading-\[20px\]{line-height:20px;}.leading-\[22px\]{line-height:22px;}.leading-\[24px\]{line-height:24px;}.leading-\[28px\]{line-height:28px;}.leading-\[32px\]{line-height:32px;}.leading-\[3px\]{line-height:3px;}.leading-\[4px\]{line-height:4px;}.tracking-\[1px\]{letter-spacing:1px;}.italic{font-style:italic;}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}.outline{outline-style:solid;}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}:root {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Microsoft YaHei',
    sans-serif;
  color: #f4f7fc;
  background: #000000;
  font-synthesis: none;
  --bg: #000000;
  --panel: #03182e;
  --cyan: #00d4ed;
  --muted: #9295ac;
  --gradient: linear-gradient(105deg, #08c4db, #1785fa 52%, #6025f7);
  color-scheme: dark;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: #000000;
  background-attachment: fixed;
}
button,
input,
select {
  font: inherit;
}
button,
a,
input {
  -webkit-tap-highlight-color: transparent;
}
button {
  color: inherit;
  cursor: pointer;
}
button:disabled {
  cursor: default;
  opacity: 0.5;
}
a {
  color: inherit;
  text-decoration: none;
}
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}
input:focus,
select:focus {
  outline: 1px solid var(--cyan);
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 18px;
  font-weight: 700;
}
h2 {
  font-size: 19px;
}
h3 {
  font-size: 17px;
}
small {
  font-size: 11px;
}
img {
  display: block;
  max-width: 100%;
}
svg {
  flex-shrink: 0;
}
.app-shell {
  max-width: 480px;
  min-height: 100vh;
  min-height: 100vh;
  min-height: 100dvh;
  margin: auto;
  background: var(--bg);
  padding-top: env(safe-area-inset-top);
}
.with-nav {
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
}
.app-header {
  padding: 22px 16px 18px;
  min-height: 22px;
}
.header-en {
  font-size: 10px;
  letter-spacing: 2.5px;
  color: #93929e;
  margin-top: 4px;
}
.brand-mark {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: var(--gradient);
  display: grid;
  place-items: center;
  font-size: 25px;
  overflow: hidden;
  flex-shrink: 0;
}
.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.icon-button,
.back-button {
  display: grid;
  place-items: center;
  background: transparent;
  border: 1px solid #787b88;
  border-radius: 11px;
  width: 42px;
  height: 42px;
  color: #a6a9b4;
}
.back-button {
  background: #333941;
  color: white;
}
.avatar {
  display: grid;
  place-items: center;
  background: linear-gradient(125deg, #fff16c, #fa3aeb 47%, #5c1fff 78%, #00d6f5);
  border-radius: 50%;
  width: 54px;
  height: 54px;
  font-size: 27px;
  font-weight: 700;
  border: 1px solid #d6a0ed;
  overflow: hidden;
  flex-shrink: 0;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar.small {
  width: 39px;
  height: 39px;
  font-size: 19px;
}
.bottom-nav {
  position: fixed;
  z-index: 20;
  bottom: calc(7px + env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 12px);
  max-width: 468px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #648b9e;
  border-radius: 23px;
  background: #030c13f5;
  padding: 2px;
  backdrop-filter: blur(15px);
}
.bottom-nav a {
  width: 19%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 8px 0 9px;
  border-radius: 23px;
  font-size: 14px;
}
/* 素材透明留白各不相同，图片尺寸在 App.vue 的 tabs 中分别配置。 */
.nav-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.nav-icon img {
  width: var(--icon-size);
  height: var(--icon-size);
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}
.bottom-nav .selected {
  background: #07568e;
}
.bottom-nav .selected .nav-icon img {
  filter: drop-shadow(0 0 4px #00c9f8);
}
.bottom-nav i {
  position: absolute;
  bottom: 3px;
  background: #00e8f4;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: 0 0 7px #00e8f4;
}
.panel {
  background: var(--panel);
  border: 1px solid #73788e;
  border-radius: 15px;
  padding: 15px;
}
.gradient-panel {
  background: linear-gradient(110deg, #071e3b, #100c4a);
  border: 1px solid #70758b;
  border-radius: 12px;
  padding: 14px;
}
.outline-panel {
  border: 1px solid #65899a;
  border-radius: 20px;
  padding: 14px;
}
.btn-primary {
  background: var(--gradient);
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.btn-primary:active {
  filter: brightness(0.85);
}
.btn-outline {
  background: transparent;
  border: 1px solid var(--cyan);
  color: var(--cyan);
  padding: 10px 18px;
  border-radius: 10px;
}
.btn-soft {
  background: #ffffff15;
  border: 1px solid #78768c;
  border-radius: 10px;
  padding: 10px 15px;
}
.asset-icon {
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  flex-shrink: 0;
}
.cyan {
  background: #003c47;
  color: #00ecf2;
  box-shadow: inset 0 0 12px #00c6e52b;
}
.purple {
  background: #360e65;
  color: #ef74f5;
}
.gold {
  background: #463707;
  color: #ffe000;
}
.teal {
  background: #003c37;
  color: #00e5d2;
}
.pink {
  background: #470e2d;
  color: #ff487b;
}
.green {
  background: #005346;
  color: #45e4a6;
}
.blue {
  background: #051d3c;
  color: #1689ff;
}
.asset-icon svg {
  filter: drop-shadow(0 0 3px currentColor);
}
.eyebrow {
  font-size: 11px;
  letter-spacing: 2px;
  color: #8e93aa;
}
.section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 17px 0 9px;
}
.section-heading span {
  font-size: 12px;
  color: #9193a4;
}
.amount {
  font-variant-numeric: tabular-nums;
  color: #82f5fb;
  font-size: 34px;
  font-weight: 700;
}
.divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #747d90, transparent);
  margin: 13px 0;
}
.field {
  width: 100%;
  min-width: 0;
  background: #041a31;
  border: 1px solid #77798e;
  border-radius: 10px;
  padding: 16px 13px;
  color: white;
}
.field::placeholder {
  color: #a9adc0;
}
.form-row {
  display: grid;
  grid-template-columns: 31% minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 12px;
  border: 1px solid #72778c;
  border-radius: 11px;
  background: #03182e;
  margin-bottom: 10px;
  font-size: 14px;
}
.form-row .field {
  padding: 17px 10px;
}
.form-row label {
  font-weight: 500;
}
.filter-tabs {
  display: flex;
  gap: 7px;
  margin: 19px 0 10px;
}
.filter-tabs button {
  border: 1px solid #93969d;
  border-radius: 20px;
  background: #ffffff0c;
  padding: 7px 21px;
  font-size: 14px;
  color: #c1c3cd;
  font-weight: 600;
}
.filter-tabs button.active {
  border-color: #00bfff;
  background: #07558c;
  color: #50e8f8;
}
.status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid currentColor;
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.status:before {
  content: '';
  width: 5px;
  height: 5px;
  background: currentColor;
  border-radius: 50%;
}
.status.good {
  color: #00e87f;
  background: #003e3a;
}
.status.live {
  color: #00caed;
  background: #07538a;
}
.status.wait {
  color: #ffe728;
  background: #6a541d;
}
.status.bad {
  color: #ff656b;
  background: #4b092a;
}
.empty-state {
  text-align: center;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 17px;
  color: #b4bdd0;
}
.empty-state svg {
  color: #00d4ed;
}
.empty-state strong {
  font-size: 18px;
  color: white;
}
.media-slot {
  overflow: hidden;
  position: relative;
}
.media-slot > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color: #85d9f1;
  background:
    radial-gradient(ellipse at 70% 20%, #04769366, transparent 60%),
    linear-gradient(135deg, #091d46, #1e0b50);
  font-size: 11px;
  letter-spacing: 1px;
}
.upload-zone {
  border: 1px dashed #9492a5;
  border-radius: 12px;
  min-height: 153px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  background: #10184280;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.upload-zone input,
.file-input {
  display: none;
}
.upload-zone img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.text-link {
  color: var(--cyan);
  border: none;
  padding: 0;
  background: none;
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #10171e;
  border: 1px solid #77758b;
  border-radius: 11px;
  text-align: center;
}
.stats > div {
  padding: 10px 4px;
  font-size: 12px;
  line-height: 1.5;
}
.stats > div + div {
  border-left: 1px solid #77758b;
}
.stats strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
}
.service-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  border: 1px solid #737184;
  background: #10171e;
  border-radius: 10px;
  padding: 12px;
  margin-top: 8px;
  width: 100%;
  text-align: left;
}
.service-row > svg:last-child {
  margin-left: auto;
  color: #9290b7;
}
.service-row small {
  display: block;
  color: #9496a3;
  margin-top: 3px;
}
.toast-message {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: calc(110px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  padding: 12px 20px;
  max-width: 85vw;
  width: max-content;
  border: 1px solid #286477;
  background: #102735f2;
  box-shadow: 0 10px 30px #0008;
  border-radius: 10px;
  font-size: 13px;
  pointer-events: none;
}
.toast-enter-active,
.toast-leave-active {
  transition: opacity 0.2s;
}
.toast-enter-from,
.toast-leave-to {
  opacity: 0;
}
.image-overlay {
  position: fixed;
  inset: 0;
  background: #000e;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
}
.image-overlay > img {
  max-width: 100%;
  max-height: 85vh;
  max-height: 85dvh;
  object-fit: contain;
}
.preview-close {
  position: absolute;
  right: 20px;
  top: calc(20px + env(safe-area-inset-top));
  background: #ffffff20;
  border: 0;
  border-radius: 50%;
  padding: 9px;
}
.tag {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 5px;
  background: #07636b;
  color: #00e6ec;
}
.wallet-note {
  font-size: 11px;
  color: #8c97aa;
  text-align: center;
  margin-top: 13px;
  line-height: 1.6;
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: #000b;
  z-index: 50;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.modal-sheet {
  width: 100%;
  max-width: 480px;
  padding: 22px 20px calc(24px + env(safe-area-inset-bottom));
  background: #081b2c;
  border: 1px solid #52768b;
  border-radius: 22px 22px 0 0;
}
.modal-sheet p {
  font-size: 13px;
  line-height: 1.8;
  color: #aeb7c9;
  margin-top: 10px;
}
.modal-sheet .btn-primary {
  margin-top: 18px;
}
.tab-bar {
  display: flex;
  padding: 4px;
  border: 1px solid #82858d;
  border-radius: 11px;
  margin-bottom: 12px;
}
.tab-bar button {
  flex: 1;
  background: none;
  border: 0;
  padding: 15px 4px;
  border-radius: 9px;
  font-weight: 600;
  font-size: 15px;
}
.tab-bar button.active {
  color: #001822;
  background: linear-gradient(110deg, #00d5ee, #00b4cc);
  box-shadow: 0 0 8px #00c9ec77;
}
.progress-track {
  height: 9px;
  background: #3d3552;
  border-radius: 8px;
  overflow: hidden;
}
.progress-track span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #00c8e9, #0d51fa);
  border-radius: 8px;
}
.input-unit {
  position: relative;
}
.input-unit input {
  padding-right: 52px !important;
}
.input-unit > span {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9aa1b0;
  font-size: 12px;
}
@media (min-width: 600px) {
  body {
    background: radial-gradient(ellipse at top, #0d2340, #02080d 65%);
  }
  .app-shell {
    border-left: 1px solid #142b3d;
    border-right: 1px solid #142b3d;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

.asset-image[data-v-8c9c610c] {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.reward[data-v-50f873a0] {
  background: linear-gradient(120deg, #091939 50%, #024a58);
  padding: 10px;
}
.reward-amount[data-v-50f873a0] {
  display: block;
  font-size: 36px;
}
.reward-trend[data-v-50f873a0] {
  margin: 9px 2px 0;
  padding: 12px;
}
.quick[data-v-50f873a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 3px;
  font-size: 14px;
}
.quick .asset-icon[data-v-50f873a0] {
  width: 32px;
  height: 32px;
}
.asset-card[data-v-50f873a0] {
  padding: 8px 8px;
}
.asset-card .asset-icon[data-v-50f873a0] {
  width: 32px;
  height: 32px;
}
.asset-card p[data-v-50f873a0] {
  font-size: 14px;
}
.asset-card small[data-v-50f873a0] {
  font-size: 10px;
}
.asset-card strong[data-v-50f873a0] {
  display: block;
  margin-top: 0;
  line-height: 22px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.activity[data-v-50f873a0] {
  margin-bottom: 9px;
  padding: 12px 10px;
}
.activity small[data-v-50f873a0] {
  font-size: 10px;
}
@media (max-width: 350px) {
.reward-amount[data-v-50f873a0] {
    font-size: 39px;
}
.asset-card strong[data-v-50f873a0] {
    font-size: 17px;
}
}

.bank-page[data-v-54c8eed2] {
  min-height: calc(100vh - 92px - env(safe-area-inset-top));
  min-height: calc(100dvh - 92px - env(safe-area-inset-top));
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding-bottom: calc(28px + env(safe-area-inset-bottom));
}

.verification-field[data-v-39f6d2af] {
  position: relative;
}
.verification-field .field[data-v-39f6d2af] {
  padding-right: 50px;
}
.verification-icon[data-v-39f6d2af] {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 38px;
  height: 38px;
  object-fit: contain;
  transform: translateY(-50%);
  pointer-events: none;
}
.edit-panel[data-v-39f6d2af] {
  padding: 12px 10px 20px;
  background: linear-gradient(115deg, #102f79, #160b68);
  border: 1px solid #2520a4;
  border-radius: 11px;
}
.edit-panel .field[data-v-39f6d2af] {
  background: #12194480;
}
.avatar-preview[data-v-39f6d2af] {
  padding: 0;
  border: 0;
  background: none;
  margin-top: -10px;
}
.upload-zone[data-v-39f6d2af] {
  padding: 10px;
}
.upload-zone img[data-v-39f6d2af] {
  height: 90px;
  width: 90px;
}

.currency-picker[data-v-ee864aa9] {
  position: relative;
  min-width: 0;
}
.currency-picker.is-open[data-v-ee864aa9] {
  z-index: 40;
}
.currency-trigger[data-v-ee864aa9] {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #77798e;
  border-radius: 10px;
  background: #10243b;
  color: inherit;
  text-align: left;
}
.currency-trigger .asset-icon[data-v-ee864aa9] {
  width: 36px;
  height: 36px;
}
.currency-trigger strong[data-v-ee864aa9] {
  display: block;
  font-size: 18px;
  line-height: 23px;
  white-space: nowrap;
}
.currency-trigger small[data-v-ee864aa9] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
}
.currency-trigger > svg[data-v-ee864aa9] {
  margin-left: auto;
}
.currency-picker:focus-within .currency-trigger[data-v-ee864aa9] {
  outline: 1px solid #00d4ed;
}
.currency-menu[data-v-ee864aa9] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 41;
  width: max-content;
  min-width: 100%;
  max-height: 240px;
  overflow-y: auto;
  padding: 4px;
  border: 1px solid #65899a;
  border-radius: 10px;
  background: #10243b;
  box-shadow: 0 6px 18px #0008;
}
.currency-option[data-v-ee864aa9] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
}
.currency-option .asset-icon[data-v-ee864aa9] {
  width: 26px;
  height: 26px;
}
.currency-option.selected[data-v-ee864aa9] {
  background: #07394d;
  color: #00d4ed;
}
.currency-option > svg[data-v-ee864aa9] {
  margin-left: auto;
}
@media (max-width: 350px) {
.currency-trigger[data-v-ee864aa9] {
    gap: 3px;
    padding: 7px 5px;
}
.currency-trigger strong[data-v-ee864aa9] {
    font-size: 16px;
}
.currency-trigger .asset-icon[data-v-ee864aa9] {
    width: 29px;
    height: 29px;
}
}

.finance-history[data-v-86bb84da] {
  margin-top: 18px;
}
.finance-history h2[data-v-86bb84da] {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 25px;
}
.history-panel[data-v-86bb84da] {
  padding: 4px 12px;
  border: 1px solid #77798e;
  border-radius: 16px;
  background: #03182e;
}
.history-row[data-v-86bb84da] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 58px;
  padding: 9px 0;
}
.history-row + .history-row[data-v-86bb84da] {
  border-top: 1px solid #747984;
}
.history-logo[data-v-86bb84da],
.history-row .asset-icon[data-v-86bb84da] {
  width: 33px;
  height: 33px;
  flex-shrink: 0;
  object-fit: contain;
}
.history-name[data-v-86bb84da] {
  font-size: 14px;
  line-height: 20px;
}
.history-time[data-v-86bb84da] {
  font-size: 11px;
  line-height: 16px;
}
.history-result[data-v-86bb84da] {
  flex-shrink: 0;
  margin-left: auto;
  text-align: right;
  font-size: 15px;
  line-height: 21px;
}
.positive[data-v-86bb84da] {
  color: #00e7cc;
}
.negative[data-v-86bb84da],
.failed-amount[data-v-86bb84da] {
  color: #ff6969;
}
.history-status[data-v-86bb84da] {
  display: inline-block;
  margin-top: 3px;
  padding: 2px 5px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #005d62;
  color: #00e6cf;
  font-size: 11px;
  line-height: 16px;
}
.history-status.failed[data-v-86bb84da] {
  background: #4d1027;
  color: #ff414b;
}
.history-status.pending[data-v-86bb84da] {
  border-color: #e6df00;
  background: #4e4b00;
  color: #fff200;
}
.history-empty[data-v-86bb84da] {
  padding: 24px 0;
  color: #9295ac;
  text-align: center;
  font-size: 13px;
}
@media (max-width: 350px) {
.history-row[data-v-86bb84da] {
    gap: 5px;
}
.history-name[data-v-86bb84da] {
    font-size: 12px;
}
.history-time[data-v-86bb84da] {
    font-size: 10px;
}
.history-result[data-v-86bb84da] {
    font-size: 13px;
}
}
/* 充值、提取、转赠与闪兑共用；固定尺寸均以 px 定义。 */
.finance-page {
  padding-bottom: calc(28px + env(safe-area-inset-bottom));
}
.finance-page .finance-box {
  overflow: visible;
  border: 1px solid #77798e;
  border-radius: 11px;
  background: #03182e;
}
.finance-page .finance-amount {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  align-items: center;
  gap: 10px;
  min-height: 85px;
  padding: 12px 14px;
  border-bottom: 1px solid #77798e;
  border-radius: 11px;
}
.finance-page .finance-amount-input {
  min-width: 0;
}
.finance-page .finance-amount-input label,
.finance-page .finance-label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px;
  line-height: 20px;
}
.finance-page .finance-amount-input input,
.finance-page .finance-amount-input output {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #ffffff;
  font-family: inherit;
  font-size: 27px;
  font-weight: 700;
  line-height: 32px;
  font-variant-numeric: tabular-nums;
}
.finance-page .finance-amount-input input:focus-visible {
  outline: 1px solid #00d4ed;
  outline-offset: 3px;
  border-radius: 4px;
}
.finance-page .finance-amount-input input::placeholder,
.finance-page .finance-amount-input output {
  color: #969da8;
}
.finance-page .finance-info {
  margin: 8px 10px 10px;
  padding: 0 9px;
  border: 1px solid #77798e;
  border-radius: 11px;
  background: #10243b;
}
.finance-page .finance-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 45px;
  padding: 10px 0;
  font-size: 13px;
  line-height: 20px;
}
.finance-page .finance-info-row + .finance-info-row {
  border-top: 1px solid #7d8390;
}
.finance-page .finance-info-row > span:first-child {
  flex-shrink: 0;
}
.finance-page .finance-info-row > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: right;
}
.finance-page .finance-address {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: calc(100% - 20px);
  min-height: 39px;
  margin: 0 10px 13px;
  padding: 7px 10px;
  border: 1px solid #77798e;
  border-radius: 10px;
  background: #10243b;
  font-size: 13px;
  line-height: 20px;
}
.finance-page .finance-address > span:first-child {
  flex-shrink: 0;
}
.finance-page .finance-address > span:last-child {
  color: #00d4ed;
}
.finance-page .finance-address input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #00d4ed;
  font: inherit;
  text-align: right;
}
.finance-page .finance-address input::placeholder {
  color: #00c5dd;
}
.finance-page .finance-submit {
  display: block;
  width: 100%;
  min-height: 51px;
  margin-top: 12px;
  padding: 13px;
  border: 0;
  border-radius: 11px;
  background: #06b8ce;
  color: #000b12;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.finance-page .recipient-box {
  margin-bottom: 12px;
  padding: 10px 8px 12px;
}
.finance-page .recipient-box > label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.finance-page .recipient-box .field {
  min-height: 38px;
  padding: 8px 11px;
  font-size: 14px;
  line-height: 20px;
}
.finance-page .transfer-amount-box .finance-amount {
  min-height: 99px;
  border-bottom: 0;
}
.finance-page .transfer-info {
  margin: 12px 0 0;
  padding: 0 12px;
  background: #03182e;
}
.finance-page .swap-box {
  padding: 11px;
}
.finance-page .swap-amount {
  min-height: 77px;
  padding: 8px;
  border: 1px solid #77798e;
}
.finance-page .swap-direction {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  margin: -10px auto;
  border-radius: 8px;
  background: #132951;
  color: #00c9f4;
}
.finance-page .swap-direction svg {
  transform: rotate(90deg);
}
.finance-page .swap-box .finance-info {
  margin: 11px 0 3px;
  background: #03182e;
}
@media (max-width: 350px) {
.finance-page .finance-amount {
    grid-template-columns: minmax(0, 1fr) 118px;
    gap: 6px;
    padding: 10px;
}
.finance-page .finance-amount-input input,
  .finance-page .finance-amount-input output {
    font-size: 23px;
    line-height: 29px;
}
.finance-page .finance-info-row {
    font-size: 12px;
}
}

.game-filters[data-v-64666160] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0 9px;
}
.game-filters button[data-v-64666160] {
  -webkit-appearance: none;
  appearance: none;
  min-width: 0;
  min-height: 32px;
  color: #f4f7fc;
  line-height: 20px;
  border: 1px solid #97969e;
  border-radius: 8px;
  background: none;
  padding: 6px 4px;
  font-size: 14px;
}
.game-filters .active[data-v-64666160] {
  background: var(--gradient);
  border-color: transparent;
}
.game-card[data-v-64666160] {
  margin: 0 10px 16px;
  border: 1px solid #8b879d;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  height: 190px;
}
.game-card .media-slot[data-v-64666160] {
  height: 100%;
}
.game-tag[data-v-64666160] {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 13px;
  border-radius: 6px;
  background: #00c9a9;
  font-size: 13px;
  box-shadow: 0 0 8px #00e7c7;
}
.tag-1[data-v-64666160] {
  background: #ff716b;
  box-shadow: 0 0 8px #ff6c73;
}
.tag-2[data-v-64666160] {
  background: #9a6bff;
  box-shadow: 0 0 8px #9967ff;
}
.game-bottom[data-v-64666160] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, #000c);
  padding: 26px 6px 6px;
  gap: 5px;
}
.game-bottom h2[data-v-64666160] {
  font-size: 18px;
}
.game-bottom p[data-v-64666160] {
  font-size: 11px;
  color: #ccc;
  margin: 2px 0 5px;
}
.enter[data-v-64666160] {
  gap: 2px;
  width: auto;
  padding: 7px 10px;
  min-height: 20px;
  font-size: 15px;
}
.game-card[data-v-64666160]:nth-of-type(2) .media-placeholder {
  background: radial-gradient(at 70% 20%, #8b0cb888, #09081c 75%);
}
.game-card[data-v-64666160]:nth-of-type(3) .media-placeholder {
  background: radial-gradient(at 70% 20%, #b6521288, #140f25 75%);
}

.invite-share-backdrop[data-v-53e7976e] {
  align-items: center;
  padding: 20px;
}
.invite-share-dialog[data-v-53e7976e] {
  max-width: 360px;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  border-radius: 16px;
}
.invite-art[data-v-53e7976e] img {
  object-fit: contain;
}
.invite-panel[data-v-53e7976e] {
  padding: 10px 16px;
  background: linear-gradient(120deg, #0c317c, #190864);
  border: 1px solid #2721a0;
  border-radius: 14px;
}
.invite-art[data-v-53e7976e] {
  width: 120px;
  height: 100px;
  border-radius: 12px;
  flex-shrink: 0;
}
.invite-panel h2[data-v-53e7976e] {
  font-size: 18px;
}
.invite-field[data-v-53e7976e] {
  border: 1px solid #73758e;
  border-radius: 10px;
  padding: 6px 9px;
  margin-bottom: 7px;
  background: #0a1d4466;
}
.invite-field .btn-soft[data-v-53e7976e] {
  padding: 5px 7px;
}
.invite-panel > .btn-primary[data-v-53e7976e] {
  min-height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
}
.invite-link[data-v-53e7976e] {
  flex: 1;
  min-width: 0;
  width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: 16px;
  line-height: 20px;
}
.selectable[data-v-53e7976e] {
  user-select: text;
}
.members[data-v-53e7976e] {
  background: #10171e;
  border: 1px solid #77758b;
  border-radius: 13px;
  padding: 0 10px;
}
.member[data-v-53e7976e] {
  padding: 17px 0;
}
.member + .member[data-v-53e7976e] {
  border-top: 1px solid #84848c;
}
.member .avatar[data-v-53e7976e] {
  width: 47px;
  height: 47px;
}
.member-tag[data-v-53e7976e] {
  font-size: 11px;
  margin-top: 5px;
  border: 1px solid #898499;
  border-radius: 8px;
  width: max-content;
  padding: 3px 7px;
  background: #ffffff15;
}
@media (max-width: 350px) {
.invite-art[data-v-53e7976e] {
    width: 90px;
}
.invite-panel h2[data-v-53e7976e] {
    font-size: 16px;
}
}

.balance[data-v-0849a3dd] {
  background: radial-gradient(at 95% 10%, #006897, #0a1939 47%);
  padding: 17px;
}
.ledger[data-v-0849a3dd] {
  padding: 4px 10px;
}
.entry[data-v-0849a3dd] {
  padding: 10px 0;
  min-height: 66px;
}
.entry + .entry[data-v-0849a3dd] {
  border-top: 1px solid #707b8a;
}
.entry small[data-v-0849a3dd] {
  font-size: 11px;
  line-height: 1.8;
}
.result[data-v-0849a3dd] {
  display: inline-block;
  background: #005b62;
  color: #00e8cd;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 11px;
  margin-top: 4px;
}
.result.failed[data-v-0849a3dd] {
  background: #401027;
  color: #ff414d;
}
.entry .asset-icon[data-v-0849a3dd] {
  width: 35px;
  height: 35px;
}
.entry > div[data-v-0849a3dd]:last-child {
  font-size: 15px;
}
@media (max-width: 350px) {
.entry p[data-v-0849a3dd] {
    font-size: 12px;
}
.entry small[data-v-0849a3dd] {
    font-size: 10px;
}
}

.market-state[data-v-1265796c] {
  border: 1px solid #53d897;
  background: #071f13;
  border-radius: 10px;
  padding: 15px 10px;
}
.market-state.closed[data-v-1265796c] {
  background: #230a11;
  border-color: #ef3238;
}
.countdown[data-v-1265796c] {
  font-size: 22px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.quote[data-v-1265796c] {
  background: #000;
  border: 1px solid #797d85;
  border-radius: 12px;
  padding: 8px;
}
.quote p[data-v-1265796c] {
  font-size: 12px;
}
.quote strong[data-v-1265796c] {
  font-size: 19px;
  display: block;
  margin-top: 1px;
}
.listing[data-v-1265796c] {
  border: 1px solid #59e5eb;
  background: #031626;
  border-radius: 11px;
  padding: 10px;
  margin-bottom: 10px;
}
.seller-avatar[data-v-1265796c] {
  flex-shrink: 0;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background: #bc6600;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 500;
}
.seller-avatar img[data-v-1265796c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.listing-divider[data-v-1265796c] {
  height: 12px;
  text-align: center;
  position: relative;
  font-size: 10px;
  color: #1885ff;
}
.listing-divider[data-v-1265796c]:before,
.listing-divider[data-v-1265796c]:after {
  content: '';
  position: absolute;
  top: 5px;
  width: 47%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #187aff);
}
.listing-divider[data-v-1265796c]:before {
  left: 0;
}
.listing-divider[data-v-1265796c]:after {
  right: 0;
  transform: rotate(180deg);
}
.buy-button[data-v-1265796c] {
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(110deg, #b3dcff, #0078ff);
  box-shadow: 0 0 8px #0078ff;
  color: #001224;
  font-weight: 700;
}
.market-empty[data-v-1265796c] {
  min-height: 380px;
}
.demo-controls[data-v-1265796c] {
  font-size: 11px;
  color: #8792aa;
  margin: 22px 0;
}
.demo-controls button[data-v-1265796c] {
  font-size: 11px;
  padding: 7px 10px;
}
@media (max-width: 350px) {
.countdown[data-v-1265796c] {
    font-size: 20px;
}
.market-state .status[data-v-1265796c] {
    font-size: 10px;
    padding: 5px;
}
.quote strong[data-v-1265796c] {
    font-size: 18px;
}
}

.appeal-page[data-v-3b2d41c5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: calc(100vh - 92px - env(safe-area-inset-top));
  min-height: calc(100svh - 92px - env(safe-area-inset-top));
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
}
.appeal-panel[data-v-3b2d41c5] {
  padding: 10px;
  border: 1px solid #2822a2;
  border-radius: 10px;
  background: linear-gradient(110deg, #0d3475, #170975);
}
.appeal-summary > div[data-v-3b2d41c5] {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  min-height: 42px;
  font-size: 14px;
  line-height: 20px;
}
.appeal-summary > div + div[data-v-3b2d41c5] {
  border-top: 1px solid #6b78a5;
}
.appeal-summary strong[data-v-3b2d41c5] {
  border-right: 1px solid #6b78a5;
  margin-right: 14px;
}
.appeal-summary span[data-v-3b2d41c5] {
  font-weight: 600;
}
.appeal-title[data-v-3b2d41c5] {
  display: block;
  margin-bottom: 8px;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
}
.appeal-reason[data-v-3b2d41c5] {
  position: relative;
}
.appeal-reason textarea[data-v-3b2d41c5] {
  display: block;
  width: 100%;
  height: 152px;
  resize: vertical;
  padding: 10px 9px 27px;
  border: 1px solid #8c8ba0;
  border-radius: 10px;
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-size: 13px;
  line-height: 20px;
}
.appeal-reason textarea[data-v-3b2d41c5]::placeholder {
  color: #b6b9cf;
}
.appeal-reason > span[data-v-3b2d41c5] {
  position: absolute;
  right: 12px;
  bottom: 8px;
  color: #c8cadd;
  font-size: 13px;
  line-height: 18px;
}
.appeal-description[data-v-3b2d41c5] {
  margin: 4px 0;
  color: #b6bed0;
  font-size: 12px;
  line-height: 18px;
}
.appeal-photos[data-v-3b2d41c5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin: 7px 6px 8px;
}
.appeal-photo[data-v-3b2d41c5] {
  position: relative;
  min-width: 0;
  height: 112px;
  overflow: hidden;
  border: 2px dashed #9b9cff;
  border-radius: 10px;
}
.photo-add[data-v-3b2d41c5],
.photo-preview[data-v-3b2d41c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 5px;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.photo-add svg[data-v-3b2d41c5] {
  color: #9b9cff;
}
.photo-add.locked[data-v-3b2d41c5] {
  cursor: default;
  opacity: 0.5;
}
.photo-preview img[data-v-3b2d41c5] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.photo-remove[data-v-3b2d41c5] {
  position: absolute;
  top: 3px;
  right: 3px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #000a;
}
.appeal-submit[data-v-3b2d41c5] {
  margin-top: auto;
  min-height: 48px;
  line-height: 20px;
}

.order-detail[data-v-02819461] {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
.detail-panel[data-v-02819461] {
  border: 1px solid #73788e;
  border-radius: 10px;
  background: linear-gradient(110deg, #0d3475, #170975);
}
.detail-status[data-v-02819461] {
  padding: 9px 12px;
  text-align: center;
}
.detail-status h2[data-v-02819461] {
  color: #00cdeb;
  font-size: 21px;
  line-height: 28px;
}
.detail-status.trading h2[data-v-02819461] {
  color: #ffe000;
}
.detail-status.completed h2[data-v-02819461] {
  color: #00e578;
}
.detail-status.expired h2[data-v-02819461] {
  color: #ef3038;
}
.detail-status p[data-v-02819461] {
  font-size: 14px;
  line-height: 21px;
}
.detail-status strong[data-v-02819461] {
  display: block;
  font-size: 32px;
  font-weight: 600;
  line-height: 37px;
  font-variant-numeric: tabular-nums;
}
.detail-heading[data-v-02819461] {
  margin: 10px 0 5px;
  font-size: 16px;
  line-height: 22px;
}
.detail-rows[data-v-02819461] {
  padding: 0 11px;
}
.detail-row[data-v-02819461] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  gap: 10px;
  padding: 8px 0;
  font-size: 13px;
  line-height: 20px;
}
.detail-row + .detail-row[data-v-02819461]::before {
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #768aaf, transparent);
  content: '';
}
.detail-row > span[data-v-02819461]:first-child {
  flex-shrink: 0;
}
.detail-row > span[data-v-02819461]:last-child {
  min-width: 0;
  text-align: right;
  overflow-wrap: anywhere;
}
.bank-number[data-v-02819461] {
  font-variant-numeric: tabular-nums;
  user-select: text;
}
.detail-copy[data-v-02819461] {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
}
.payment-code-grid[data-v-02819461] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.payment-code-card[data-v-02819461] {
  min-width: 0;
  padding: 8px 6px;
  border: 1px solid #73788e;
  border-radius: 13px;
  background: #060f2a;
  text-align: center;
}
.code-heading[data-v-02819461] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  margin-bottom: 6px;
}
.code-heading img[data-v-02819461] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.code-heading h3[data-v-02819461] {
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.code-change[data-v-02819461] {
  margin-left: auto;
  color: #00d4ed;
  font-size: 11px;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
}
.code-preview[data-v-02819461] {
  display: block;
  width: 98px;
  height: 92px;
  max-width: 100%;
  margin: 0 auto;
  padding: 3px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #ffffff;
}
.code-preview img[data-v-02819461] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.code-empty[data-v-02819461] {
  width: 80px;
  height: 78px;
  margin: 8px auto 6px;
  border: 1px dashed #74768e;
  border-radius: 13px;
}
.payment-code-card > p[data-v-02819461] {
  margin-top: 6px;
  color: #b4b6c6;
  font-size: 12px;
  line-height: 18px;
}
.receipt-panel[data-v-02819461] {
  margin-top: 8px;
  padding: 8px 12px;
}
.receipt-panel h2[data-v-02819461] {
  font-size: 18px;
  line-height: 26px;
}
.receipt-symbol[data-v-02819461] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8f5aff, #151f94);
  color: #dfd4ff;
}
.receipt-zone[data-v-02819461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 116px;
  margin: 8px 0 5px;
  padding: 10px;
  border: 2px dashed #777aab;
  border-radius: 10px;
  background: transparent;
  font-size: 14px;
  line-height: 20px;
}
.receipt-zone img[data-v-02819461] {
  width: 80px;
  height: 74px;
  object-fit: contain;
  border-radius: 5px;
}
.receipt-zone > svg[data-v-02819461] {
  color: #9797ff;
}
.receipt-zone[data-v-02819461]:disabled {
  opacity: 1;
}
.receipt-panel > p[data-v-02819461] {
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}
.detail-actions[data-v-02819461] {
  display: grid;
  grid-template-columns: 1fr 2.1fr;
  gap: 12px;
  margin-top: 14px;
}
.detail-actions.single-action[data-v-02819461] {
  grid-template-columns: 1fr;
}
.detail-actions button[data-v-02819461] {
  min-height: 44px;
  padding: 10px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.appeal-button[data-v-02819461] {
  border: 2px solid #00c8e0;
  background: #042c38;
}
.detail-actions button[data-v-02819461]:disabled {
  border-color: #999999;
  background: #999999;
  color: #111111;
  opacity: 1;
}
@media (max-width: 350px) {
.detail-row[data-v-02819461] {
    font-size: 12px;
}
.code-heading[data-v-02819461] {
    flex-wrap: wrap;
}
.code-heading h3[data-v-02819461] {
    font-size: 11px;
}
}

.order-tabs[data-v-f94a2187] {
  display: flex;
  padding: 4px;
  margin-bottom: 12px;
  border: 1px solid #999da5;
  border-radius: 12px;
  background: #20252c;
}
.order-tabs button[data-v-f94a2187] {
  flex: 1;
  min-width: 0;
  height: 34px;
  padding: 0 3px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.order-tabs .active[data-v-f94a2187] {
  border-color: #00bcf8;
  background: #07558c;
  color: #00e6f3;
}
.order-card[data-v-f94a2187] {
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 10px;
}
.order-card h2[data-v-f94a2187] {
  font-size: 18px;
  line-height: 22px;
}
.order-card .asset-icon[data-v-f94a2187] {
  width: 30px;
  height: 30px;
}
.order-card .status[data-v-f94a2187] {
  padding: 3px 9px;
  font-size: 11px;
  line-height: 16px;
}
.order-card .divider[data-v-f94a2187] {
  margin: 6px 0;
}
.detail-button[data-v-f94a2187] {
  width: auto;
  min-height: 34px;
  padding: 7px 10px;
  gap: 4px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
@media (max-width: 350px) {
.order-card[data-v-f94a2187] {
    padding: 10px;
}
.order-card h2[data-v-f94a2187] {
    font-size: 16px;
}
.order-card .status[data-v-f94a2187] {
    padding: 3px 7px;
    font-size: 10px;
}
.detail-button[data-v-f94a2187] {
    padding: 7px 8px;
    font-size: 11px;
}
}

.pending[data-v-5db49de5] {
  min-height: 60vh;
}

.asset-select[data-v-2ed5f932] {
  position: relative;
}
.asset-select > .field[data-v-2ed5f932] {
  padding: 8px 10px;
}
.asset-options[data-v-2ed5f932] {
  position: absolute;
  z-index: 5;
  top: calc(100% - 3px);
  left: 0;
  right: 0;
  background: #03182e;
  border: 1px solid #77798e;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
.asset-options button[data-v-2ed5f932] {
  background: none;
  border: 0;
  padding: 12px;
  width: 100%;
  border-top: 1px solid #6e788b;
}
.payment-section[data-v-2ed5f932] {
  padding: 12px 10px 8px;
}
.payment[data-v-2ed5f932] {
  border-radius: 10px;
  min-height: 64px;
  padding: 8px 10px;
}
.payment-logo[data-v-2ed5f932] {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;
}
.payment-title[data-v-2ed5f932] {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.payment-description[data-v-2ed5f932] {
  display: block;
  color: #9295ac;
  font-size: 10px;
  line-height: 14px;
}
.payment-upload[data-v-2ed5f932] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 62px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #00d4ed;
  border-radius: 8px;
  color: #00d4ed;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.payment-note[data-v-2ed5f932] {
  margin: 8px 12px 0;
  color: #a4adbd;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.qr-thumb[data-v-2ed5f932] {
  background: white;
  border: 0;
  border-radius: 5px;
  padding: 3px;
  width: 48px;
  height: 48px;
}
.qr-thumb img[data-v-2ed5f932] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.coming-soon-backdrop[data-v-817f1ffe] {
  align-items: center;
  padding: 20px;
}
.coming-soon-dialog[data-v-817f1ffe] {
  max-width: 320px;
  padding: 24px;
  border-radius: 16px;
  text-align: center;
}
.profile-card[data-v-817f1ffe] {
  background: #19112f;
  border: 1px solid #9691ab;
  border-radius: 15px;
  padding: 15px;
}
.identity[data-v-817f1ffe] {
  font-size: 11px;
  border: 1px solid #7d7796;
  border-radius: 9px;
  background: #ffffff23;
  padding: 5px 11px;
}
.profile-banner[data-v-817f1ffe] {
  height: auto;
  border: 1px solid #87849a;
  border-radius: 12px;
}
.profile-banner[data-v-817f1ffe] img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.profile-service-icon[data-v-817f1ffe] {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
  transform: scale(1.4);
}
.profile-card .default-avatar[data-v-817f1ffe] {
  background: transparent;
  border: 0;
  overflow: visible;
}
.default-avatar img[data-v-817f1ffe] {
  object-fit: contain;
  transform: scale(1.4);
}
.profile-card .btn-soft[data-v-817f1ffe] {
  padding: 6px 5px;
}

.sign-card[data-v-e890eabc] {
  background: #4a3e0b;
  border: 1px solid #ffe828;
  border-radius: 15px;
  padding: 14px;
}
.sign-label[data-v-e890eabc] {
  background: linear-gradient(100deg, #ffeb00, #ff9212);
  border-radius: 20px;
  padding: 6px 12px;
  color: black;
  font-size: 12px;
  font-weight: 700;
  width: max-content;
}
.sign-card h2[data-v-e890eabc] {
  font-size: 27px;
}
.sign-card > p[data-v-e890eabc] {
  font-size: 15px;
}
.sign-button[data-v-e890eabc] {
  width: 100%;
  border: 0;
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(100deg, #ffe800, #ff9011);
  color: black;
  font-weight: 700;
}
.task-row[data-v-e890eabc] {
  border: 1px solid #55e5e9;
  background: #031626;
  border-radius: 10px;
  padding: 11px;
  margin-bottom: 7px;
}
.task-row > svg[data-v-e890eabc] {
  color: #a6a9b5;
}
.task-row .progress-track[data-v-e890eabc] {
  background: #c7c7c9;
}

.node-header[data-v-9d3367ef] {
  position: relative;
  border: 1px solid #241b9c;
  border-radius: 13px;
  padding: 2px 10px;
  background: linear-gradient(120deg, #0c327b, #190968);
}
.node-header .media-slot[data-v-9d3367ef] {
  width: 123px;
  height: 105px;
  border-radius: 10px;
}
.node-header[data-v-9d3367ef] img {
  object-fit: contain;
}
.node-header h2[data-v-9d3367ef] {
  font-size: 19px;
}
.node-identity[data-v-9d3367ef] {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  padding: 4px 12px;
  border: 1px solid #85819a;
  border-radius: 10px;
  background: #ffffff26;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
}
.node-identity.upgraded[data-v-9d3367ef] {
  border-color: #00d4ed;
  background: transparent;
  color: #00d4ed;
}
.upgrade-panel[data-v-9d3367ef] {
  background: #10171e;
  border: 1px solid #77758b;
  border-radius: 12px;
  padding: 17px 10px;
}
.price-panel[data-v-9d3367ef] {
  border: 1px solid #302290;
  border-radius: 14px;
  padding: 13px;
  background: linear-gradient(120deg, #1b3b75, #241573);
}
.price[data-v-9d3367ef] {
  color: #88f8fc;
  font-size: 34px;
  font-weight: 700;
  white-space: nowrap;
}
.price span[data-v-9d3367ef] {
  font-size: 20px;
  color: white;
}
.currency-button[data-v-9d3367ef] {
  border: 1px solid #85849d;
  border-radius: 10px;
  background: #ffffff08;
  padding: 9px;
  color: white;
  font-size: 17px;
  min-width: 0;
}
.currency-button.chosen[data-v-9d3367ef] {
  border-color: #00e978;
}
.currency-button > svg[data-v-9d3367ef],
.currency-button > i[data-v-9d3367ef] {
  margin-left: auto;
  color: #00e978;
}
.currency-button i[data-v-9d3367ef] {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #a2a4ad;
  border-radius: 50%;
}
.currency-button i.selected[data-v-9d3367ef] {
  border-color: #00e978;
  background: #00e978;
}
.balance-line[data-v-9d3367ef] {
  border: 1px solid #85849d;
  border-radius: 9px;
  padding: 13px 8px;
  margin-top: 7px;
  font-size: 13px;
}
.upgrade-hint[data-v-9d3367ef] {
  border: 1px solid #e6e3a9;
  border-radius: 9px;
  padding: 13px 8px;
  font-size: 12px;
  margin-top: 10px;
}
.upgrade-hint svg[data-v-9d3367ef] {
  color: #8184fa;
}
@media (max-width: 350px) {
.price[data-v-9d3367ef] {
    font-size: 32px;
}
.price span[data-v-9d3367ef] {
    font-size: 17px;
}
.node-header .media-slot[data-v-9d3367ef] {
    width: 94px;
}
.node-header[data-v-9d3367ef] img {
    object-fit: contain;
}
.node-header h2[data-v-9d3367ef] {
    font-size: 16px;
}
}

.welcome[data-v-4c3b7aa3] {
  position: relative;
  width: 100%;
  aspect-ratio: 1125/2439;
  min-height: 100vh;
  min-height: 100svh;
  background-color: #021331;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}
.welcome-brand[data-v-4c3b7aa3] {
  position: absolute;
  top: 1.4%;
  left: 2.7%;
  right: 2.7%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.welcome-logo[data-v-4c3b7aa3] {
  width: 14%;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}
.wordmark[data-v-4c3b7aa3] {
  padding-right: 8px;
  font-size: clamp(22px, 7vw, 34px);
  font-style: italic;
  font-weight: 900;
  letter-spacing: -1px;
  white-space: nowrap;
  background: linear-gradient(165deg, #fff 20%, #c4efff 44%, #00c8ff 80%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(0 1px 1px #00428c);
}
.welcome-copy[data-v-4c3b7aa3] {
  position: absolute;
  top: 54.1%;
  left: 4%;
  right: 4%;
  margin: 0;
  text-align: center;
  font-style: italic;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1.5px;
  filter: drop-shadow(0 2px 1px #00518e);
}
.welcome-copy span[data-v-4c3b7aa3],
.welcome-copy strong[data-v-4c3b7aa3] {
  display: block;
  background: linear-gradient(#fff 15%, #d9f4ff 45%, #00c8f6 95%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.welcome-copy span[data-v-4c3b7aa3] {
  font-size: clamp(28px, 10.2vw, 49px);
}
.welcome-copy strong[data-v-4c3b7aa3] {
  font-size: clamp(34px, 12vw, 58px);
  font-weight: 900;
}
.welcome-status[data-v-4c3b7aa3] {
  position: absolute;
  top: calc(76.8% - 12px);
  left: 3.7%;
  width: 92.6%;
  transform: translateY(-100%);
  color: #00d4ed;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.welcome-action[data-v-4c3b7aa3] {
  position: absolute;
  top: 76.8%;
  left: 3.7%;
  width: 92.6%;
  height: 6.6%;
  min-height: 48px;
  padding: 0;
  font-size: clamp(17px, 4.5vw, 23px);
  border-radius: 14px;
  box-shadow:
    0 0 7px #21c6ff,
    0 0 15px #1648ff;
  text-shadow: 0 2px 4px #004b95;
}
@media (prefers-reduced-motion: no-preference) {
.welcome-action[data-v-4c3b7aa3] {
    transition: filter 0.15s;
}
}