/* ===== Voyra Relay API 自定义样式 - 完整版 ===== */

/* ===== 全站星空背景 ===== */
body.voyra-bg,
body.voyra-bg > #root,
body.voyra-bg #root > div {
    background: #000000 !important;
    background-color: #000000 !important;
}

body.voyra-bg #root {
    position: relative;
    z-index: 1;
    background: transparent !important;
}

body.voyra-bg #root > div,
body.voyra-bg .bg-background {
    background: transparent !important;
    background-color: transparent !important;
}

/* 内容区域背景透明 */
body.voyra-bg main,
body.voyra-bg section,
body.voyra-bg div[class*="bg-slate"],
body.voyra-bg div[class*="bg-gray"],
body.voyra-bg div[class*="bg-zinc"],
body.voyra-bg div[class*="bg-neutral"],
body.voyra-bg div[class*="bg-card"] {
    background-color: transparent !important;
}

/* ===== 导航栏（仅主页透明） ===== */
body.voyra-home header,
body.voyra-home nav,
body.voyra-home header > div {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
    transition: background .3s ease, backdrop-filter .3s ease, border-color .3s ease;
}

body.voyra-home header.voyra-scrolled,
body.voyra-home nav.voyra-scrolled,
body.voyra-home header.voyra-scrolled > div {
    background: rgba(0,0,0,.75) !important;
    background-color: rgba(0,0,0,.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* ===== 非主页导航栏：深色毛玻璃 ===== */
body.voyra-bg:not(.voyra-home) header,
body.voyra-bg:not(.voyra-home) nav,
body.voyra-bg:not(.voyra-home) header > div {
    background: rgba(0,0,0,.8) !important;
    background-color: rgba(0,0,0,.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

/* ===== 首页文字样式 ===== */
body.voyra-home .voyra-subtitle { line-height: 1.2; }

body.voyra-home span:has(+ h1),
body.voyra-home div:has(> h1) > span:first-child {
    border-color: rgba(96,165,250,.3) !important;
    color: #93c5fd !important;
}

/* ===== 代码卡片深色背景 ===== */
body.voyra-home div[class*="rounded-2xl"][class*="backdrop-blur"] {
    background: rgba(15,15,20,.85) !important;
    border-color: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(8px) !important;
}

/* ===== 卡片/面板半透明（控制台/模型广场） ===== */
body.voyra-bg [class*="card"],
body.voyra-bg [class*="Card"],
body.voyra-bg div[class*="rounded"][class*="border"]:not([class*="rounded-2xl"]) {
    background: rgba(20,20,28,.6) !important;
    border-color: rgba(255,255,255,.06) !important;
}

/* 侧边栏 */
body.voyra-bg aside,
body.voyra-bg [class*="sidebar"] {
    background: rgba(0,0,0,.6) !important;
    backdrop-filter: blur(8px) !important;
}

/* ===== 热门大模型滚动动画 ===== */
@keyframes voyra-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.voyra-model-track:hover {
    animation-play-state: paused;
}

/* ===== 打字机光标闪烁 ===== */
@keyframes voyra-blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* ===== 特性标签 ===== */
.voyra-badges span svg {
    flex-shrink: 0;
}

/* ===== 模型标签 hover ===== */
.voyra-model-track > div {
    transition: all .2s ease;
    cursor: default;
}
.voyra-model-track > div:hover {
    border-color: rgba(96,165,250,.4) !important;
    background: rgba(96,165,250,.08) !important;
    color: #93c5fd !important;
}

/* ===== 核心功能/工作流程区域适配 ===== */
body.voyra-home section:nth-of-type(2),
body.voyra-home section:nth-of-type(3) {
    background: rgba(0,0,0,.3) !important;
}

body.voyra-home section:nth-of-type(2) h2,
body.voyra-home section:nth-of-type(3) h2 {
    color: #f4f4f5 !important;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.25); }

/* ===== Canvas 层级 ===== */
#voyra-space-canvas {
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: -10 !important;
    pointer-events: none !important;
}

/* ===== 表格/输入框适配深色背景 ===== */
body.voyra-bg input,
body.voyra-bg textarea,
body.voyra-bg select {
    background: rgba(255,255,255,.05) !important;
    border-color: rgba(255,255,255,.1) !important;
    color: #e4e4e7 !important;
}

body.voyra-bg table th {
    background: rgba(255,255,255,.03) !important;
}