@layer vt-brand {
:root{--vt-bg-1:#060814;--vt-bg-2:#0d0a1f;--vt-bg-3:#06141c;--vt-surface:#101e26;--vt-border:#243740;--vt-border-soft:#1b2d35;--vt-text:#e7f0f2;--vt-muted:#91a5aa;--vt-accent:#2dd4bf;--vt-accent-hover:#50dfca;--vt-ease:cubic-bezier(.22,1,.36,1)}
html{background:var(--vt-bg-1)!important}
html:has(body.vt-app),body.vt-app{min-height:100vh;color:var(--vt-text);font-family:"Noto Sans CJK SC","Microsoft YaHei UI","PingFang SC",sans-serif;background-color:var(--vt-bg-1)!important;background-image:linear-gradient(160deg,var(--vt-bg-1) 0%,var(--vt-bg-2) 50%,var(--vt-bg-3) 100%)!important;background-attachment:fixed!important}
body.vt-app::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle at -4% 0%,rgba(56,189,248,.14),transparent 34%),radial-gradient(circle at 104% 45%,rgba(45,212,191,.11),transparent 34%)!important}
body.vt-app::after{display:none!important}
.vt-brand-logo{display:block;width:auto;max-width:none;object-fit:contain;filter:none}
/* 主页 Logo 再缩小 10%，保持几何居中 */
.brand{width:186px!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}
.brand img{display:block!important;max-width:100%!important;margin:0 auto!important;object-position:center!important;transform:none!important}

/* 登录与注册：主页同色背景，简洁居中 */
body.vt-auth #root>div{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:40px 20px!important;background:transparent!important}
body.vt-auth #root>div>.pointer-events-none,body.vt-auth .vt-auth-intro{display:none!important}
body.vt-auth #root>div::after{display:none!important}
body.vt-auth #root>div>.relative.w-full{width:100%!important;max-width:452px!important;margin:0 auto!important}
body.vt-auth #root>div>.relative.w-full>a{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:144px!important;margin:0 auto 18px!important;padding:0!important;overflow:visible!important}
body.vt-auth #root>div>.relative.w-full>a img{width:331px!important;min-width:331px!important;height:auto!important;max-width:none!important;max-height:112px!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;transform:none!important}
/* 注册页 Logo 单独缩小 20% 并上移，不影响登录页 */
body.vt-register #root>div>.relative.w-full>a{min-height:112px!important;margin-bottom:8px!important;transform:translateY(-14px)!important}
body.vt-register #root>div>.relative.w-full>a img{width:265px!important;min-width:265px!important;max-height:90px!important}
/* 登录注册表单：贴近首页的黑蓝背景，仅用细微层级区分 */
body.vt-auth #root>div>.relative.w-full>div.rounded-3xl{padding:36px 38px!important;border:1px solid #1a2236!important;border-radius:18px!important;background:#080c19!important;background-image:linear-gradient(160deg,#090d1b 0%,#0b0d1d 52%,#07131d 100%)!important;box-shadow:0 24px 64px rgba(1,3,10,.32),inset 0 1px 0 rgba(126,145,184,.035)!important;backdrop-filter:none!important;animation:vt-enter .45s var(--vt-ease) both}
body.vt-auth h1{color:var(--vt-text)!important;font-size:1.75rem!important;letter-spacing:-.025em!important}
body.vt-auth p,body.vt-auth .text-slate-500,body.vt-auth .text-slate-400{color:var(--vt-muted)!important}
body.vt-auth .rounded-full.bg-brand-50{padding:4px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important}
body.vt-auth .rounded-full.bg-brand-50 a{color:#8ea3aa!important}
body.vt-auth .rounded-full.bg-brand-50 a.bg-white{color:#e0faf5!important;background:rgba(45,212,191,.12)!important;box-shadow:inset 0 0 0 1px rgba(45,212,191,.14)!important}
body.vt-auth form label{color:#c4d2d5!important;font-size:.875rem!important;font-weight:500!important}
body.vt-auth input:not([type=checkbox]),body.vt-auth select{min-height:48px!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:10px!important;background:rgba(3,9,18,.58)!important;color:var(--vt-text)!important;caret-color:var(--vt-accent)!important;transition:border-color .15s,box-shadow .15s,background-color .15s!important}
body.vt-auth input::placeholder{color:#657982!important}
body.vt-auth input:not([type=checkbox]):hover,body.vt-auth select:hover{border-color:rgba(148,163,184,.38)!important}
body.vt-auth input:not([type=checkbox]):focus,body.vt-auth select:focus{border-color:var(--vt-accent)!important;background:rgba(3,9,18,.75)!important;box-shadow:0 0 0 3px rgba(45,212,191,.13)!important;outline:none!important}
body.vt-auth .btn-primary,body.vt-auth button[type=submit]{min-height:48px!important;border:0!important;border-radius:10px!important;background:var(--vt-accent)!important;color:#061512!important;font-weight:700!important;box-shadow:none!important;transition:background-color .15s,transform .15s!important}
body.vt-auth .btn-primary:hover,body.vt-auth button[type=submit]:hover{background:var(--vt-accent-hover)!important;transform:translateY(-1px)!important;filter:none!important;box-shadow:none!important}
body.vt-auth a{color:#66d9c5!important}body.vt-auth #fp-link{display:none!important}

/* 控制台：主页同色背景 */
body.vt-console,body.vt-console #root,body.vt-console #root>div,body.vt-console [class*="min-h-screen"]{min-height:100vh;color:var(--vt-text);background-color:transparent!important;background-image:none!important}
body.vt-console [class*="bg-slate-50"],body.vt-console [class*="bg-gray-50"],body.vt-console [class*="bg-slate-100"]{background-color:transparent!important}
body.vt-console aside,body.vt-console nav[class*="fixed"],body.vt-console [class*="sidebar"]{border-right:1px solid rgba(255,255,255,.07)!important;background:rgba(6,8,20,.62)!important;box-shadow:none!important;backdrop-filter:blur(22px)!important}
body.vt-console header,body.vt-console [class*="sticky"][class*="top-0"]{border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(6,8,20,.58)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important}
body.vt-console main{position:relative;color:var(--vt-text);background:transparent!important}
body.vt-console main::before{display:none!important}
body.vt-console h1,body.vt-console h2,body.vt-console h3,body.vt-console .text-slate-900,body.vt-console .text-slate-800,body.vt-console .text-gray-900{color:var(--vt-text)!important;letter-spacing:-.015em}
body.vt-console .text-slate-700,body.vt-console .text-slate-600,body.vt-console .text-slate-500,body.vt-console .text-gray-600{color:#9db0b7!important}
body.vt-console .bg-white,body.vt-console [class*="bg-white/"]{border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.035)!important;backdrop-filter:blur(12px)}
/* 仪表盘钱包余额卡片：与其他内容卡片使用同一表面颜色 */
body.vt-console [class*="bg-gradient-to-br"][class*="from-white"]{border-color:rgba(255,255,255,.075)!important;background-color:rgba(255,255,255,.035)!important;background-image:none!important;backdrop-filter:blur(12px)!important}
/* 仪表盘概览与钱包余额图标：移除彩色底块，统一透明背景 */
body.vt-console main span[class*="flex"][class*="h-9"][class*="w-9"][class*="items-center"][class*="justify-center"][class*="rounded-xl"],body.vt-console main span[class*="flex"][class*="h-10"][class*="w-10"][class*="items-center"][class*="justify-center"][class*="rounded-xl"],body.vt-console main span[class*="flex"][class*="h-11"][class*="w-11"][class*="items-center"][class*="justify-center"][class*="rounded-xl"],body.vt-console main div[class*="flex"][class*="h-9"][class*="w-9"][class*="items-center"][class*="justify-center"][class*="rounded-xl"],body.vt-console main div[class*="flex"][class*="h-10"][class*="w-10"][class*="items-center"][class*="justify-center"][class*="rounded-xl"]{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
/* 钱包余额：充值按钮融入页面背景，余额数字使用全站正文色 */
body.vt-console [class*="bg-gradient-to-br"][class*="from-white"] .text-right .text-emerald-600{color:var(--vt-text)!important}
body.vt-console [class*="bg-gradient-to-br"][class*="from-white"] button[class*="from-emerald-500"][class*="to-emerald-600"]{border:1px solid rgba(255,255,255,.09)!important;background:#080c19!important;background-image:none!important;color:#dce8ea!important;box-shadow:none!important}
body.vt-console [class*="bg-gradient-to-br"][class*="from-white"] button[class*="from-emerald-500"][class*="to-emerald-600"]:hover{border-color:rgba(255,255,255,.15)!important;background:#0d1424!important;filter:none!important;box-shadow:none!important}
body.vt-console [class*="shadow-card"],body.vt-console .shadow,body.vt-console .shadow-sm,body.vt-console .shadow-md{box-shadow:none!important}
body.vt-console [class*="rounded-2xl"],body.vt-console [class*="rounded-xl"]{border-radius:12px!important}
body.vt-console table{border-collapse:separate;border-spacing:0;color:#dce8ea;font-variant-numeric:tabular-nums}
body.vt-console thead{background:rgba(255,255,255,.03)!important;color:#91a9ae!important}
body.vt-console tbody tr{border-color:rgba(255,255,255,.06)!important;transition:background-color .12s}
body.vt-console tbody tr:hover{background:rgba(255,255,255,.035)!important}
body.vt-console input,body.vt-console select,body.vt-console textarea{border-color:rgba(148,163,184,.2)!important;background:rgba(3,9,18,.46)!important;color:var(--vt-text)!important}
body.vt-console input:focus,body.vt-console select:focus,body.vt-console textarea:focus{border-color:var(--vt-accent)!important;box-shadow:0 0 0 3px rgba(45,212,191,.11)!important;outline:none!important}

/* 控制台菜单：透明、克制、精致 */
body.vt-console aside a:not([data-vt-home-link="1"]),body.vt-console aside button,body.vt-console nav[class*="fixed"] a:not([data-vt-home-link="1"]),body.vt-console nav[class*="fixed"] button,body.vt-console [class*="sidebar"] a:not([data-vt-home-link="1"]),body.vt-console [class*="sidebar"] button{position:relative!important;min-height:44px!important;margin:2px 8px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#9fb0b8!important;box-shadow:none!important;transition:color .16s,background-color .16s,border-color .16s,transform .16s!important}
body.vt-console aside a:not([data-vt-home-link="1"]):hover,body.vt-console aside button:hover,body.vt-console nav[class*="fixed"] a:not([data-vt-home-link="1"]):hover,body.vt-console nav[class*="fixed"] button:hover,body.vt-console [class*="sidebar"] a:not([data-vt-home-link="1"]):hover,body.vt-console [class*="sidebar"] button:hover{color:#edf8f6!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.065)!important;transform:translateX(2px)!important}
body.vt-console aside a[aria-current="page"],body.vt-console aside a.active,body.vt-console nav[class*="fixed"] a[aria-current="page"],body.vt-console nav[class*="fixed"] a.active,body.vt-console [class*="sidebar"] a[aria-current="page"],body.vt-console [class*="sidebar"] a.active{color:#eafffb!important;background:rgba(45,212,191,.075)!important;border-color:rgba(45,212,191,.15)!important;box-shadow:inset 3px 0 0 rgba(45,212,191,.7)!important}
body.vt-console aside a svg,body.vt-console aside button svg,body.vt-console nav[class*="fixed"] a svg,body.vt-console nav[class*="fixed"] button svg,body.vt-console [class*="sidebar"] a svg,body.vt-console [class*="sidebar"] button svg{color:currentColor!important;opacity:.84!important;transition:opacity .16s!important}
body.vt-console aside a:hover svg,body.vt-console aside button:hover svg{opacity:1!important}
body.vt-console button[class*="bg-brand"],body.vt-console .btn-primary{background:var(--vt-accent)!important;color:#061512!important;font-weight:700!important;box-shadow:none!important}
body.vt-console button[class*="bg-brand"]:hover,body.vt-console .btn-primary:hover{background:var(--vt-accent-hover)!important}
body.vt-console a:has(img.vt-brand-logo){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:112px!important;margin:0!important;padding:14px 16px!important;overflow:hidden!important;box-sizing:border-box!important}
body.vt-console img.vt-brand-logo{display:block!important;width:min(92%,340px)!important;min-width:0!important;height:auto!important;max-width:340px!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;transform:none!important}
body.vt-console :focus-visible{outline:2px solid var(--vt-accent)!important;outline-offset:2px!important}

@keyframes vt-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.vt-auth #root>div>.relative.w-full>div.rounded-3xl{animation:none!important}}
@media(max-width:560px){body.vt-auth #root>div{padding:24px 14px!important;align-items:flex-start!important}body.vt-auth #root>div>.relative.w-full{padding-top:2vh!important}body.vt-auth #root>div>.relative.w-full>a{min-height:116px!important;margin-bottom:10px!important}body.vt-auth #root>div>.relative.w-full>a img{width:259px!important;min-width:259px!important;max-width:calc(100vw - 28px)!important;max-height:90px!important;margin:0 auto!important;transform:none!important}body.vt-register #root>div>.relative.w-full>a{min-height:92px!important;margin-bottom:2px!important;transform:translateY(-10px)!important}body.vt-register #root>div>.relative.w-full>a img{width:207px!important;min-width:207px!important;max-height:72px!important}body.vt-auth #root>div>.relative.w-full>div.rounded-3xl{padding:28px 22px!important;border-radius:15px!important}body.vt-console a:has(img.vt-brand-logo){min-height:92px!important;padding:12px!important}body.vt-console img.vt-brand-logo{width:94%!important;max-width:300px!important;margin:0 auto!important;transform:none!important}}

/* 2026-07-24 卡片色彩协调修复 */
/* 商城：月卡套餐外层与内部档位均回归主页黑蓝背景，不再出现突兀浅色块 */
body.vt-console.vt-shop main article[class*="bg-white"]{
  border-color:rgba(255,255,255,.08)!important;
  background:#060814!important;
  background-image:linear-gradient(160deg,#060814 0%,#0d0a1f 58%,#06141c 100%)!important;
  box-shadow:none!important;
}
body.vt-console.vt-shop main article[class*="bg-white"]>div[class*="mt-4"][class*="space-y"]>div[class*="rounded-xl"]{
  border-color:rgba(255,255,255,.08)!important;
  background:#080c19!important;
  background-image:none!important;
}
body.vt-console.vt-shop main article[class*="bg-white"]>div[class*="mt-4"][class*="flex"][class*="min-h"]{
  background:rgba(255,255,255,.025)!important;
}
body.vt-console.vt-shop main article[class*="bg-white"]>div[class*="mt-4"][class*="flex"][class*="min-h"] span[class*="bg-white"]{
  background:transparent!important;
  box-shadow:none!important;
}

/* 套餐密钥：可调用模型标签只保留文字，不使用彩色底块 */
body.vt-console.vt-plan-tokens main span[class*="bg-brand-50"][class*="text-brand-600"]{
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* token令牌：token额度卡片与相邻钱包卡片使用相同表面色 */
body.vt-console.vt-balance-tokens main div[class*="grid"][class*="lg:grid-cols-3"]>div[class*="bg-brand-gradient"]{
  border-color:rgba(255,255,255,.075)!important;
  background:rgba(255,255,255,.035)!important;
  background-image:none!important;
  color:var(--vt-text)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
body.vt-console.vt-balance-tokens main div[class*="grid"][class*="lg:grid-cols-3"]>div[class*="bg-brand-gradient"] p{
  color:inherit!important;
  opacity:1!important;
}

}
