/* 苏里圆月Surimoon - 公共样式库 (common.css)
   支持：首页、知识计划、技术演练、管理愿景等所有子页面
*/

/* 1. 基础重置与布局 */
[x-cloak] { display: none !important; }

body { 
    background-color: #0d1117; 
    font-family: 'Inter', 'PingFang SC', -apple-system, sans-serif; 
    scroll-behavior: smooth; 
    overflow-x: hidden; 
    color: #e5e7eb; 
}

/* 2. 导航栏公共类 */
.nav-glass { 
    @apply bg-black/80 backdrop-blur-md py-3 shadow-2xl; 
}

.nav-transparent { 
    @apply bg-transparent py-6; 
}

/* 3. Logo 核心样式：解决黑色图片在深色背景下的显示问题 */
.logo-white {
    filter: invert(1) brightness(200%); /* 强制反转颜色：黑色变纯白 */
    transition: all 0.5s ease-in-out;
    @apply h-9 md:h-10 w-auto object-contain;
}

.logo-white:hover { 
    filter: invert(1) brightness(250%); 
    transform: scale(1.05);
}

/* 4. 交互组件：内容卡片 */
.feature-card {
    @apply active-scale bg-gray-800/40 p-8 rounded-3xl border border-gray-800 transition-all duration-300 group;
}

.feature-card:hover { 
    @apply border-blue-500/50 bg-gray-800/60 shadow-lg shadow-blue-500/5; 
}

/* 5. 交互反馈：点击缩放感 */
.active-scale:active { 
    transform: scale(0.96); 
    transition: 0.1s; 
}

/* 6. 页脚公共类 */
.footer-container { 
    @apply border-t border-gray-900 py-16 px-6 bg-black/20 mt-20; 
}

/* 7. 自定义滚动条：极致深色风格 */
::-webkit-scrollbar { 
    width: 6px; 
}

::-webkit-scrollbar-track { 
    background: #0d1117; 
}

::-webkit-scrollbar-thumb { 
    background: #1f2937; 
    border-radius: 10px; 
}

::-webkit-scrollbar-thumb:hover {
    background: #3b82f6;
}