/* CC-FUSION SKIN v6 -- congchen.top -- 20260909
   Tokens only + chrome. Do NOT force all p/td to 16px (that made the UI crooked).
   Do NOT paint #cc-zaomeng-root * { color: inherit } (kills accent buttons). */
:root,html,html.light,html.font-inter,html.font-inter.light{
  --background:#07080C;--foreground:#F4F5F7;
  --card:#12141C;--card-foreground:#F4F5F7;
  --popover:#12141C;--popover-foreground:#F4F5F7;
  --primary:#8B5CFF;--primary-foreground:#fff;
  --secondary:#0C0E14;--secondary-foreground:#F4F5F7;
  --muted:#0C0E14;--muted-foreground:rgba(244,245,247,.55);
  --accent:rgba(139,92,255,.15);--accent-foreground:#A57CFF;
  --destructive:#FF4D4F;--destructive-foreground:#fff;
  --border:rgba(255,255,255,.08);--input:rgba(255,255,255,.08);
  --ring:#8B5CFF;--radius:0.75rem;
  --sidebar:#0A0B10;--sidebar-foreground:#F4F5F7;
  --sidebar-primary:#8B5CFF;--sidebar-border:rgba(255,255,255,.06);
  --chart-1:#8B5CFF;--chart-2:#2EE6A8;--chart-3:#FF8A3D;--chart-4:#FF4D4F;--chart-5:#A57CFF;
  --cc-bg:#07080C;--cc-elev:#0C0E14;--cc-card:#12141C;--cc-hover:#1A1F2E;
  --cc-purple:#8B5CFF;--cc-purple-2:#A57CFF;--cc-cyan:#2EE6A8;
  --cc-orange:#FF8A3D;--cc-red:#FF4D4F;--cc-line:rgba(255,255,255,.08);
  --cc-text:#F4F5F7;
}
html,body{
  font-family:"Inter","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  background-color:#07080C!important;
  color:#F4F5F7!important;
  -webkit-font-smoothing:antialiased!important;
}
.bg-background,[class*=bg-background]{background-color:#07080C!important;}
.bg-slate-950,.bg-slate-900,.bg-slate-800,.bg-zinc-950,.bg-zinc-900,.bg-gray-950{background-color:#07080C!important;}
.bg-white{background-color:#12141C!important;}
.text-white{color:#F4F5F7!important;}
.bg-white\/5,.bg-white\/8,.bg-white\/10{background-color:rgba(255,255,255,.04)!important;}
.border-white\/10,.border-white\/20{border-color:rgba(255,255,255,.08)!important;}
[class*=bg-card],.bg-card{background-color:#12141C!important;}
[class*=bg-muted],.bg-muted{background-color:#0C0E14!important;}
[class*=bg-popover],.bg-popover{background-color:#12141C!important;}
[class*=text-muted]{color:rgba(244,245,247,.55)!important;}

h1,.text-5xl,.text-4xl{font-size:32px!important;line-height:1.25!important;font-weight:700!important;}
h2,.text-3xl{font-size:24px!important;line-height:1.3!important;font-weight:600!important;}
small,.text-xs,[class*="text-[10px]"],[class*="text-[11px]"],[class*="text-[12px]"]{font-size:13px!important;line-height:1.5!important;}

header.fixed{background:transparent!important;}
header nav,nav.flex.items-center.justify-between{
  height:56px!important;min-height:56px!important;
  background:rgba(7,8,12,.90)!important;
  backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
header nav a{color:rgba(244,245,247,.65)!important;font-size:13px!important;}
header nav a.active{color:#F4F5F7!important;}
header nav a:hover{color:#A57CFF!important;}

[class*=bg-primary]{
  background-color:#8B5CFF!important;color:#fff!important;
  box-shadow:0 4px 20px rgba(139,92,255,.35)!important;
}
[class*=bg-primary]:hover{background-color:#A57CFF!important;}
a.bg-foreground,button.bg-foreground{background-color:#8B5CFF!important;color:#fff!important;}
:is(a,button)[class*=from-orange],:is(a,button)[class*=from-pink]{
  background-image:none!important;background-color:#8B5CFF!important;color:#fff!important;
  box-shadow:0 4px 20px rgba(139,92,255,.45)!important;border-radius:999px!important;
}

[data-sidebar=sidebar]{
  background:#0A0B10!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  width:68px!important;
}
[data-sidebar=sidebar][data-collapsible=none],
[data-sidebar=sidebar][data-state=expanded]{width:200px!important;}
[data-sidebar=group-label]{color:rgba(244,245,247,.30)!important;letter-spacing:.04em;}
[data-sidebar=menu-button]{color:rgba(244,245,247,.70)!important;border-radius:8px!important;}
[data-sidebar=menu-button]:hover,
[data-sidebar=menu-button][data-active=true]{
  background:rgba(139,92,255,.15)!important;color:#F4F5F7!important;
}
[data-sidebar=menu-button][data-active=true] svg{color:#8B5CFF!important;}

thead tr th{
  background-color:#07080C!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  color:rgba(244,245,247,.55)!important;
}
tbody tr td{
  background-color:#0C0E14!important;
  border-bottom:1px solid rgba(255,255,255,.04)!important;
}
tbody tr:hover td{background-color:#1A1F2E!important;}

input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
textarea,select{
  background-color:#0C0E14!important;color:#F4F5F7!important;
  border-color:rgba(255,255,255,.10)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:#8B5CFF!important;
  box-shadow:0 0 0 3px rgba(139,92,255,.20)!important;outline:none!important;
}

[role=menu],[role=listbox]{
  background:#12141C!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.60)!important;
}
[role=menuitem]:hover,[role=option]:hover{background:rgba(139,92,255,.12)!important;}
[role=progressbar]>div{background:#8B5CFF!important;}
[role=progressbar]{background:rgba(255,255,255,.07)!important;}
*:focus-visible{outline:2px solid #8B5CFF!important;outline-offset:2px!important;}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px;}
::-webkit-scrollbar-thumb:hover{background:rgba(139,92,255,.45);}

/* Homepage hero */
body:not(:has(#cc-zaomeng-root)) section.relative{
  min-height:70vh;
}
#cc-hero-glow{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 18% 48%,rgba(139,92,255,.22) 0%,transparent 55%),
    radial-gradient(ellipse at 82% 18%,rgba(46,230,168,.10) 0%,transparent 45%);
  animation:cc-pulse 5s ease-in-out infinite alternate;
}
@keyframes cc-pulse{from{opacity:.55}to{opacity:1}}

/* Login / SMS */
#cc-sms-login-panel{
  background:#12141C!important;
  border:1px solid rgba(139,92,255,.35)!important;
  border-radius:16px!important;
  box-shadow:0 12px 40px rgba(0,0,0,.45)!important;
  color:#F4F5F7!important;
}
#cc-sms-login-panel input{
  background:#0C0E14!important;color:#F4F5F7!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;
}
#cc-sms-login-panel button[type=button]:last-of-type,
#cc-sms-login-panel button:not(:disabled){
  border-radius:12px!important;
}

/* Wallet buy bubble */
#cc-buy-bubble{font-family:"PingFang SC","Microsoft YaHei UI",sans-serif;}

/* Keep zaomeng overlay dark without nuking its internal colors */
#cc-zaomeng-root{
  background:#07080C!important;
  color:#F4F5F7!important;
}
body:has(#cc-zaomeng-root){background:#07080C!important;}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* Wallet purchase card: native page module, not a floating plugin bubble. */
.cc-wallet-buy-card{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;background:linear-gradient(135deg,rgba(139,92,255,.16),rgba(46,230,168,.07));border:1px solid rgba(139,92,255,.28);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.cc-wallet-buy-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#8B5CFF;color:#fff;font-size:24px;line-height:1;font-weight:500}
.cc-wallet-buy-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.cc-wallet-buy-copy strong{font-size:16px;color:#F4F5F7}.cc-wallet-buy-copy span{font-size:13px;line-height:1.5;color:rgba(244,245,247,.62)}
.cc-wallet-buy-action{flex:0 0 auto;padding:9px 16px;border-radius:10px;background:#8B5CFF;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 6px 18px rgba(139,92,255,.28)}.cc-wallet-buy-action:hover{background:#A57CFF}
@media(max-width:640px){.cc-wallet-buy-card{align-items:flex-start;flex-wrap:wrap}.cc-wallet-buy-copy{flex-basis:calc(100% - 52px)}.cc-wallet-buy-action{margin-left:50px}}