/* ===========================================================
   EVE · eveapp.cc 视觉主题（纯样式覆盖，不改任何业务逻辑）
   与 everg.heyue.app 同一套配色：青 #22d3ee / 紫 #7c5cff / 品红 #d946ef
   =========================================================== */

:root{
  --bg:#05030f;
  --panel:#0d0a22;
  --cyan:#22d3ee;
  --teal:#4fe3c1;
  --text:#eef1ff;
  --muted:#9aa6cc;
  --line:#2a2350;
  --action:#7c5cff;
  --amber:#d946ef;
  --danger:#fb7185;
  --surface-inset:#0a0720;
  --surface-raised:#17103a;
  color-scheme:dark;
}

html{background:#05030f !important}
body{
  background:transparent !important;
  color:var(--text);
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 900px 620px at 88% -8%, rgba(124,92,255,.26), transparent 62%),
    radial-gradient(ellipse 760px 520px at 6% 4%, rgba(34,211,238,.16), transparent 60%),
    radial-gradient(ellipse 1200px 700px at 50% 112%, rgba(217,70,239,.16), rgba(124,92,255,.10) 42%, transparent 74%),
    #05030f;
}

/* ---------- Logo 换图（纯 CSS，不动 JS） ---------- */
img.eve-mark{content:url("/assets/eve-mark-20261104.webp") !important}
.landing-eve-logo,.adm-brand img{content:url("/assets/eve-logo-20261104.webp") !important}

/* ---------- 侧边栏 ---------- */
.sidebar{
  background:linear-gradient(180deg, rgba(14,10,36,.94), rgba(6,4,18,.98)) !important;
  border-right:1px solid rgba(124,92,255,.18) !important;
  box-shadow:14px 0 44px rgba(3,2,14,.55) !important;
}
.brand,.brand-button{color:#eef1ff !important}
.brand img,.eve-mark{
  filter:brightness(1.22) saturate(1.15) drop-shadow(0 0 10px rgba(124,92,255,.6)) drop-shadow(0 0 20px rgba(34,211,238,.28));
}
.side-caption{color:#8b93b8 !important}

.nav-item{color:#9aa6cc !important;transition:background .2s,color .2s,box-shadow .2s}
.nav-item:hover{color:#eef1ff !important;background:rgba(124,92,255,.14) !important}
.nav-item.active{
  color:#f2fbff !important;
  background:linear-gradient(100deg, rgba(34,211,238,.24), rgba(124,92,255,.30) 62%, rgba(217,70,239,.22)) !important;
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.30), 0 10px 26px rgba(124,92,255,.24) !important;
}
.sidebar-avatar{
  background:linear-gradient(140deg,#22d3ee,#7c5cff) !important;
  color:#05030f !important;
  box-shadow:0 0 18px rgba(124,92,255,.45) !important;
}
.sidebar-account{color:#c3cbe8 !important}
.sidebar-account:hover{background:rgba(124,92,255,.12) !important}
.network-indicator{color:#9aa6cc !important}
.network-indicator i,.demo-banner i{background:#22d3ee !important;box-shadow:0 0 8px rgba(34,211,238,.8)}

/* ---------- 顶栏 ---------- */
.topbar{border-bottom:1px solid rgba(124,92,255,.16) !important}
.breadcrumb,.mobile-context-title{color:#9aa6cc !important}
.chain{color:#c9d4ff !important}
.wallet-button{
  color:#a9f4ff !important;
  border:1px solid rgba(34,211,238,.42) !important;
  background:linear-gradient(120deg, rgba(34,211,238,.16), rgba(124,92,255,.16)) !important;
  box-shadow:0 8px 22px rgba(34,211,238,.12) !important;
}
.wallet-button:hover{background:linear-gradient(120deg, rgba(34,211,238,.26), rgba(124,92,255,.26)) !important}
.wallet-pending{border-color:rgba(124,92,255,.45) !important;color:#d9d5ff !important}

/* ---------- 卡片 / 面板：渐变描边玻璃 ---------- */
.panel,.market-strip,.asset-hero,.home-orders .orders-grid>*{
  border:1px solid transparent !important;
  background:
    linear-gradient(160deg, rgba(28,20,62,.84), rgba(9,6,26,.92)) padding-box,
    linear-gradient(140deg, rgba(34,211,238,.45), rgba(124,92,255,.34) 50%, rgba(217,70,239,.42)) border-box !important;
  box-shadow:0 18px 50px rgba(4,2,20,.5), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(14px) saturate(1.1);
}
.asset-hero{
  background:
    radial-gradient(ellipse 620px 320px at 82% 34%, rgba(124,92,255,.26), transparent 64%),
    radial-gradient(ellipse 420px 260px at 12% 8%, rgba(34,211,238,.14), transparent 60%),
    linear-gradient(160deg, rgba(30,21,66,.9), rgba(9,6,26,.94)) padding-box,
    linear-gradient(140deg, rgba(34,211,238,.5), rgba(124,92,255,.38) 50%, rgba(217,70,239,.46)) border-box !important;
}
.app-shell .home-page{--user-secondary:#0b0820;--user-group:rgba(23,16,52,.9);--user-separator:rgba(124,92,255,.2)}
.app-shell :is(.invest-page,.rewards-page){--user-secondary:#0a0720;--user-group:rgba(24,16,54,.9);--user-separator:rgba(124,92,255,.2)}

.section-title,.order-section-title{color:#eef1ff !important}
.count,.text-link{color:#8fe9ff !important}
.empty{border-color:rgba(124,92,255,.3) !important;color:#8b93b8 !important}
.pool-track{background:rgba(124,92,255,.16) !important}
.progress{background:linear-gradient(90deg,#22d3ee,#7c5cff 60%,#d946ef) !important;box-shadow:0 0 14px rgba(124,92,255,.55)}
.amber{color:#f0a6ff !important}
.gate-label{color:#9aa6cc !important}

/* ---------- 按钮 ---------- */
.btn{
  border-radius:11px !important;
  font-weight:650;
  transition:transform .18s,box-shadow .18s,background .18s,filter .18s;
}
.btn-primary{
  border:0 !important;
  color:#04030f !important;
  background:linear-gradient(105deg,#22d3ee 0%,#6d5cff 52%,#d946ef 100%) !important;
  box-shadow:0 14px 34px rgba(109,92,255,.42), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.btn-outline{
  color:#d7dcff !important;
  border:1px solid rgba(124,92,255,.45) !important;
  background:linear-gradient(120deg, rgba(34,211,238,.10), rgba(124,92,255,.16)) !important;
}
.btn-outline:hover:not(:disabled){background:linear-gradient(120deg, rgba(34,211,238,.18), rgba(124,92,255,.26)) !important}

.home-subscription-entry{
  border:1px solid rgba(124,92,255,.42) !important;
  color:#dfe0ff !important;
  background:linear-gradient(100deg, rgba(34,211,238,.12), rgba(124,92,255,.20)) !important;
  box-shadow:0 8px 22px rgba(124,92,255,.16) !important;
}
.home-subscription-entry:hover{background:linear-gradient(100deg, rgba(34,211,238,.2), rgba(124,92,255,.3)) !important}

.market-strip>button:hover,.market-entry:hover{background:rgba(124,92,255,.10) !important}

/* ---------- 输入框 / 快捷金额 ---------- */
.amount-input{
  background:linear-gradient(120deg, rgba(18,11,40,.9), rgba(9,6,26,.94)) !important;
  border:1px solid rgba(124,92,255,.34) !important;
  color:#eef1ff !important;
}
.amount-input:focus-within,.amount-input:focus{border-color:rgba(34,211,238,.6) !important;box-shadow:0 0 0 3px rgba(34,211,238,.12) !important}
.quick-amounts button{
  background:rgba(124,92,255,.13) !important;
  border:1px solid rgba(124,92,255,.30) !important;
  color:#c3cbe8 !important;
  border-radius:9px !important;
  transition:background .18s,color .18s,border-color .18s;
}
.quick-amounts button:hover{background:rgba(124,92,255,.26) !important;color:#eef1ff !important}
.quick-amounts button[aria-pressed="true"]{
  background:linear-gradient(105deg, rgba(34,211,238,.28), rgba(124,92,255,.40)) !important;
  border-color:rgba(34,211,238,.55) !important;
  color:#f2fbff !important;
  box-shadow:0 8px 22px rgba(34,211,238,.16) !important;
}

/* ---------- 横幅 / 提示 ---------- */
.demo-banner{
  border:1px solid rgba(124,92,255,.28) !important;
  background:linear-gradient(100deg, rgba(34,211,238,.10), rgba(124,92,255,.14)) !important;
  color:#c8d0ee !important;
}

/* ---------- 页脚 / 移动端底栏 ---------- */
.page-footer{color:#7c86ab !important;border-top-color:rgba(124,92,255,.16) !important}
.bottom-nav{
  border-top:1px solid rgba(124,92,255,.24) !important;
  background:linear-gradient(180deg, rgba(12,8,30,.94), rgba(6,4,18,.98)) !important;
  box-shadow:0 -14px 36px rgba(3,2,14,.6) !important;
}
.bottom-nav button{color:#8b93b8 !important}
.bottom-nav button[aria-current],.bottom-nav button.active{color:#8fe9ff !important}

/* ---------- 滚动条 ---------- */
*{scrollbar-color:rgba(124,92,255,.42) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(124,92,255,.36);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(124,92,255,.55)}

/* ---------- 落地页外壳 ---------- */
.landing-page{background:#05030f !important;color:#eef1ff !important}
.landing-frame{background:#05030f !important}
.landing-action-bar{
  background:linear-gradient(180deg, rgba(11,7,28,.98), rgba(5,3,15,.99)) !important;
  border-top:1px solid rgba(124,92,255,.24) !important;
  box-shadow:0 -12px 36px rgba(3,2,14,.5) !important;
}
/* 底部那个小 logo 按需求去掉 */
.landing-brand{display:none !important}
.landing-actions>button{
  border:1px solid rgba(124,92,255,.45) !important;
  background:linear-gradient(105deg, rgba(34,211,238,.16), rgba(124,92,255,.24)) !important;
  color:#e6e9ff !important;
  box-shadow:0 10px 26px rgba(124,92,255,.22) !important;
}
.landing-actions>button:hover{background:linear-gradient(105deg, rgba(34,211,238,.26), rgba(124,92,255,.36)) !important}
.landing-actions>button:focus-visible{outline:2px solid #8fe9ff !important;outline-offset:3px}
.landing-actions>.landing-subscribe{
  background:transparent !important;
  border-color:rgba(124,92,255,.34) !important;
  color:#b9c2e4 !important;
  box-shadow:none !important;
}
.landing-actions>.landing-subscribe:hover{background:rgba(124,92,255,.14) !important}
.landing-action-bar{justify-content:flex-end !important}