/* ============================================================
   1. 基础控制 (全局黑白/字体/平滑滚动)
   ============================================================ */
/* html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
} 
*/

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

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* 拒绝纯黑，使用高级蓝黑 #111827 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ============================================================
   2. 正文排版优化 (Prose 增强)
   ============================================================ */
.prose {
    color: #374151 !important; /* 深灰色文字更柔和 */
    line-height: 1.85 !important;
    letter-spacing: -0.01em !important;
    text-align: justify; /* 两端对齐，边缘整齐 */
}

.prose h1, .prose h2, .prose h3 {
    font-weight: 800 !important;
    color: #111827 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}

/* 链接动效：离远一点的精致下划线 */
.prose a {
    text-decoration: none;
    border-bottom: 2px solid rgba(59, 130, 246, 0.1);
    transition: all 0.3s ease;
}
.prose a:hover {
    border-bottom: 2px solid rgba(59, 130, 246, 1);
    color: #1d4ed8 !important;
}

/* 代码块：深漆质感 */
.prose pre {
    background-color: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem !important;
}

/* 图片交互：向上浮动的呼吸感 */
.prose img {
    border-radius: 0.75rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.prose img:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ============================================================
   3. 全局细节处理 (滚动条/选中文本/响应式)
   ============================================================ */
/* 选中文本颜色 */
::selection {
    background: rgba(59, 130, 246, 0.15);
    color: #1d4ed8;
}

/* 移动端微调 */
@media (max-width: 640px) {
    .prose { font-size: 1rem !important; }
    .prose h1 { font-size: 1.875rem !important; }
}

/* 隐藏引用块默认引号 */
.prose blockquote p:first-of-type::before { content: none !important; }
.prose blockquote p:last-of-type::after { content: none !important; }

/* 丝滑滚动条 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }