/* Night Cat Eye Theme - Overrides */
/* 仅修改纯视觉属性，严禁改动任何影响布局尺寸的属性 */

:root {
    --primary-color: #A3E635; /* Neon Green */
    --primary-hover: #84cc16; /* Darker Neon Green */
    --secondary-color: #FDE047; /* Amber */
    --bg-color: transparent;
    --bg-light: rgba(163, 230, 53, 0.03); /* Faint green tint for light bg sections */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: rgba(163, 230, 53, 0.2);
}

/* 强制 body 透明，以透出底层的 Canvas 背景 */
body {
    background-color: transparent !important;
}

/* 导航栏深色半透明 */
.navbar {
    background-color: rgba(5, 8, 7, 0.85) !important;
    border-bottom: 1px solid rgba(163, 230, 53, 0.2) !important;
}

/* Hero 区域透明 */
.hero-section {
    background: transparent !important;
}

/* 所有的卡片应用暗色磨砂玻璃效果，不改变 padding/margin */
.feature-card, .ai-streaming-card, .pricing-card, .review-card {
    background: rgba(10, 18, 12, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(163, 230, 53, 0.15) !important;
}

/* 按钮深色文字保证对比度 */
.btn-primary {
    color: #050807 !important;
    font-weight: 700;
}
.btn-primary:hover {
    color: #050807 !important;
}

.btn-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}
.btn-outline:hover {
    background-color: var(--primary-color) !important;
    color: #050807 !important;
}

.badge {
    color: #050807 !important;
}

/* 导航悬停色 */
.nav-links a:hover {
    color: var(--primary-color) !important;
    text-shadow: 0 0 8px rgba(163, 230, 53, 0.5);
}

/* 页脚深色 */
.footer {
    background-color: rgba(5, 8, 7, 0.95) !important;
    border-top: 1px solid rgba(163, 230, 53, 0.2) !important;
}

/* 新增的绝对定位背景层 (不影响排版) */
#neon-cat-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -999; /* 置于最底层 */
    pointer-events: none; /* 事件穿透，不遮挡点击 */
    background: radial-gradient(circle at center top, #0A120C 0%, #050807 100%);
    overflow: hidden;
}

#neon-cat-canvas {
    display: block;
    width: 100%;
    height: 100%;
}