/* 基础字体设置 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* Logo 艺术字效果 */
.logo-text {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.logo-icon {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
    box-shadow: 0 4px 6px -1px rgba(30, 58, 138, 0.3);
}

/* 导航栏滚动效果 */
.navbar-scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(8px);
}

/* 移动端菜单展开状态 */
.mobile-menu-open {
    max-height: 400px !important;
}

/* 动画类 */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* 章节标题装饰 */
.section-title {
    position: relative;
}

/* Canvas 背景 */
#hero-canvas {
    pointer-events: none;
}

/* 回到顶部按钮可见状态 */
.back-to-top-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 卡片悬停微动效 */
.group:hover .group-hover\:bg-blue-800 {
    background-color: #1e40af;
}

.group:hover .group-hover\:text-white {
    color: #ffffff;
}

/* 自定义滚动条 (Webkit) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* 确保图片加载前不破坏布局 */
img {
    background-color: #f3f4f6;
}