/* ====== 雅致湖蓝柔和版 + 低饱和文字配色 ====== */

/* 基础色 */
:root {
    --primary: 197 15% 40%;           /* 柔和湖蓝 #4F6B74 */
    --primary-foreground: 210 20% 96%;/* 银白色 #E4E8EA */
    --foreground: 210 10% 20%;        /* 深灰蓝文字色 #2F3436 */
    --muted-foreground: 210 6% 45%;   /* 次级文字色 #6A7073 */
    --accent: 0 45% 38%;              /* 朱红点缀 #9C3B2E */
    --accent-foreground: 44 44% 94%;
    --card: 44 25% 92%;               /* 羊皮纸底色 #EDE9E4 */
    --card-foreground: 210 10% 20%;
}

/* 全局文字颜色 */
body, .text-foreground {
    color: hsl(var(--foreground)) !important;
}
.text-muted-foreground {
    color: hsl(var(--muted-foreground)) !important;
}

/* 链接 */
a {
    color: hsl(var(--primary)) !important;
}
a:hover {
    color: hsl(var(--accent)) !important;
}

/* 黑色背景改为浅底半透明 + 毛玻璃质感 */
[class*="bg-black"], .bg-gray-900, .bg-gray-800, .bg-gray-700 {
    background-color: rgba(237, 233, 228, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}

/* 模块/卡片底色 */
.card, .panel, .box, .bg-card, .bg-secondary, .bg-accent {
    background-color: rgba(237, 233, 228, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    color: hsl(var(--foreground)) !important;
}

/* 按钮 */
button, .btn, [class*="btn-primary"], .bg-primary {
    background: linear-gradient(to right, hsl(var(--primary)), color-mix(in oklab, hsl(var(--primary)) 85%, black)) !important;
    color: hsl(var(--primary-foreground)) !important;
    border-color: hsl(var(--primary)) !important;
}
button:hover, .btn:hover {
    filter: brightness(0.92) !important;
}

/* 红色点缀按钮 */
.btn-accent {
    background: linear-gradient(to right, hsl(var(--accent)), color-mix(in oklab, hsl(var(--accent)) 85%, black)) !important;
    color: hsl(var(--accent-foreground)) !important;
}
.btn-accent:hover {
    filter: brightness(0.95) !important;
}

/* 焦点描边 - 温金色 */
:focus, .focus-visible\:ring-2:focus-visible {
    --tw-ring-color: #BFA66B !important;
    outline-color: #BFA66B !important;
}

/* 渐变改为透明柔和湖蓝 */
.from-blue-500, .from-cyan-500, .from-green-500 {
    --tw-gradient-from: rgba(79, 107, 116, 0.3) !important;
    --tw-gradient-stops: var(--tw-gradient-from), transparent !important;
}
.to-blue-900, .to-cyan-500, .to-emerald-800 {
    --tw-gradient-to: rgba(79, 107, 116, 0.3) !important;
}

/* 闪烁动画弱化 */
@keyframes pulse-soft {
    50% { opacity: 0.12; }
}
.animate-pulse {
    animation: pulse-soft 3s cubic-bezier(.4,0,.6,1) infinite !important;
}

/* 导航栏文字 */
.nav--light a {
    color: hsl(var(--foreground)) !important;
}
.nav--light a:hover {
    color: hsl(var(--accent)) !important;
}

/* 主标题 */
h1, .main-title, .hero-title {
    color: #2F3436 !important; /* 深灰蓝 */
    text-shadow: 0 1px 2px rgba(0,0,0,0.12);
}

/* Banner背景 */
.banner {
    background-color: #EDE9E4 !important; /* 浅羊皮纸 */
    color: #2F3436 !important;
}
.banner a {
    color: #4F6B74 !important;
}
.banner a:hover {
    color: #9C3B2E !important;
}

/* 英雄稀有度颜色（低饱和沉稳版） */
.rarity-legendary, .text-legendary {
    color: #8B6B4C !important; /* 铜金色 */
}
.rarity-epic, .text-epic {
    color: #6E5D88 !important; /* 柔和紫灰 */
}
.rarity-rare, .text-rare {
    color: #4F6B74 !important; /* 柔和湖蓝 */
}
.rarity-common, .text-common {
    color: #6A7073 !important; /* 灰蓝 */
}

/* 提示信息 */
.notice, .text-notice {
    color: #9C3B2E !important; /* 朱红 */
    font-weight: 500;
}

/* 去掉外围淡色透明背景 */
.jsx-12839e332e1cea11.absolute.-inset-8,
.jsx-12839e332e1cea11.absolute.-inset-6 {
    background: transparent !important;
}

/* 去掉中间黑底 */
.jsx-12839e332e1cea11.relative.bg-black\/90 {
    background: transparent !important;
    backdrop-filter: none !important;
}