/* 全局基础样式 */
body {
    font-size: 1.15rem; /* 全局字体放大 25% */
    /* 淡黄色竹制纸张纹理背景 */
    background-color: #f5f0e8; /* 淡黄色基础色 */
    background-image: 
        /* 纸张纤维纹理 */
        radial-gradient(circle at 1px 1px, rgba(0,0,0,0.03) 1px, transparent 0),
        radial-gradient(circle at 2px 2px, rgba(0,0,0,0.02) 1px, transparent 0),
        /* 竹制垂直纹理 */
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 2px,
            rgba(139, 115, 85, 0.03) 2px,
            rgba(139, 115, 85, 0.03) 4px
        ),
        /* 纸张质感渐变 */
        linear-gradient(
            180deg,
            rgba(255, 250, 240, 0.5) 0%,
            rgba(245, 240, 232, 0.3) 50%,
            rgba(235, 230, 220, 0.4) 100%
        );
    background-size: 
        20px 20px,  /* 纤维纹理大小 */
        40px 40px,  /* 纤维纹理大小 */
        8px 100%,   /* 竹制纹理宽度 */
        100% 100%;  /* 纸张质感渐变 */
    background-attachment: fixed; /* 固定背景，滚动时保持纹理 */
    min-height: 100vh; /* 确保背景覆盖整个视口 */
}

.homepage-subtitle {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.gradient-text-animation {
    background-image: linear-gradient(120deg, #8B9A8C, #A8B5A0, #B5A090, #8B9A8C);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: gradient-text-flow 6s ease-in-out infinite;
}

@keyframes gradient-text-flow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* Mermaid 重试按钮动画 */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.spin {
    animation: spin 1s linear infinite;
}

/* 标签链接样式 */
.tag-link {
    color: #0d6efd;
    text-decoration: none;
    background-color: #e7f1ff;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-weight: 500;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.tag-link:hover {
    color: #0a58ca;
    background-color: #cff4fc;
    text-decoration: none;
}

/* 标签链接在代码块中不显示特殊样式 */
pre code .tag-link,
code .tag-link {
    color: inherit;
    background-color: inherit;
    padding: 0;
}