/* =========================================
   Trilium 沉浸式开发者文档风格主题
   ========================================= */

/* -----------------------------------------
   [需求 1: 全局排版与基础变量]
   描述: 设定平滑滚动、修改默认字体、全局柔和灰白底色
   ----------------------------------------- */
html {
    scroll-behavior: smooth !important; 
}
body, html, #split-pane {
    background-color: #f6f8fa !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* -----------------------------------------
   [需求 2: 顶部导航栏透明磨砂效果]
   描述: 悬浮在屏幕最顶层，不随内容滚动消失
   ----------------------------------------- */
#header {
    position: fixed !important; 
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 56px !important; 
    z-index: 1000 !important; 
     /* 修改磨砂效果将 0.72 改为 0.4 或更低 */
    background: rgba(255, 255, 255, 0.40) !important; 
    backdrop-filter: blur(16px) saturate(180%) !important; 
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important; 
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

/* -----------------------------------------
   [需求 3: 恢复原生滚动与间距修正]
   描述: 确保左右侧边栏独立滚动，顶部不被固定 Header 遮挡
   ----------------------------------------- */
#left-pane, #main, #toc-pane {
    padding-top: 60px !important; 
}
#right-pane, #toc-pane {
    background-color: transparent !important; 
    border-left: none !important; 
}
#left-pane {
    background-color: transparent !important;
    border-right: 1px solid rgba(0,0,0,0.05) !important; 
}

/* -----------------------------------------
   [需求 4: 主内容区现代化卡片式排版]
   描述: 居中、圆角卡片、柔和阴影，模拟专业技术手册阅读感
   ----------------------------------------- */
.ck-content {
    max-width: 880px !important; 
    margin: 20px auto 80px auto !important; 
    background: #ffffff !important; 
    padding: 50px 70px !important; 
    border-radius: 12px !important; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 20px 40px rgba(0,0,0,0.04) !important; 
    border: 1px solid rgba(0,0,0,0.02) !important;
    line-height: 1.8 !important; 
    color: #24292f !important;
}

/* -----------------------------------------
   [需求 5: 核心元素排版优化]
   描述: 优化标题阶梯感、代码块、引用块
   ----------------------------------------- */
.ck-content h1 { font-size: 2.25em !important; font-weight: 700 !important; color: #111827 !important; margin-bottom: 1em !important; }
.ck-content h2 { font-size: 1.5em !important; color: #1f2328 !important; border-bottom: 1px solid #d0d7de !important; padding-bottom: 0.3em !important; margin-top: 1.6em !important; }
.ck-content h3 { font-size: 1.25em !important; color: #24292f !important; margin-top: 1.5em !important; }

/* 代码块样式 */
.ck-content pre { 
    background-color: #f6f8fa !important; 
    padding: 16px 20px !important; 
    border-radius: 8px !important; 
    border: 1px solid #d0d7de !important; 
    font-family: "JetBrains Mono", "Consolas", monospace !important; 
}
.ck-content code { 
    background-color: rgba(175, 184, 193, 0.2) !important; 
    padding: 0.2em 0.4em !important; 
    border-radius: 6px !important; 
    font-family: inherit !important; 
    color: #0550ae !important;
}

/* 引用块样式 */
.ck-content blockquote { 
    margin: 1.5em 0 !important; 
    padding: 8px 20px !important; 
    background-color: #f8f9fa !important; 
    border-left: 4px solid #0969da !important; 
    color: #57606a !important; 
}

/* -----------------------------------------
   [需求 6: 照片呈现优化 - 移除缩放功能]
   描述: 保持精美边框与自然间距，无交互缩放，确保布局稳定
   ----------------------------------------- */
.ck-content img {
    border-radius: 8px !important;
    border: 1px solid #e1e4e8 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    display: block;
    margin: 2em auto !important; 
    max-width: 100% !important;
    /* 彻底移除 transition、transform 和 cursor:zoom-in */
}

/* -----------------------------------------
   [需求 7: 暗黑模式适配]
   ----------------------------------------- */
html.theme-dark body, html.theme-dark #split-pane { background-color: #0d1117 !important; }
html.theme-dark #header {
    background: rgba(13, 17, 23, 0.75) !important; 
    border-bottom: 1px solid #30363d !important;
}
html.theme-dark .ck-content {
    background: #0d1117 !important; 
    color: #c9d1d9 !important; 
    border: 1px solid #30363d !important; 
    box-shadow: none !important;
}
html.theme-dark .ck-content h2 { border-bottom-color: #21262d !important; }
html.theme-dark .ck-content pre { background-color: #161b22 !important; border-color: #30363d !important; }
html.theme-dark .ck-content code { color: #79c0ff !important; }
html.theme-dark .ck-content img { border-color: #30363d !important; opacity: 0.9 !important; }

/* 纤细滚动条 */
::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1) !important; border-radius: 10px !important; }
html.theme-dark ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1) !important; }

/* -----------------------------------------
   [需求 8: 自动版权声明注入]
   描述: 当笔记拥有 #license 标签时，在文档末尾自动生成协议说明
   ----------------------------------------- */

/* 1. 基础布局：在内容区最后添加分隔线和声明 */
.ck-content::after {
    display: block;
    content: "本项目/文章采用 CC BY-NC-SA 4.0 许可协议进行许可。\A您可以自由地：\A\A • 共享 — 在任何媒介以任何形式复制、发行本作品。\A • 演绎 — 修改、转换或以本作品为基础进行创作。\A\A只要遵守下列条件：\A\A • 署名 — 您必须给出适当的署名，提供指向本许可协议的链接，同时标明是否对本作品作了修改。\A • 非商业性使用 — 您不得将本作品用于商业目的。\A • 相同方式共享 — 如果您再混合、转换、或者基于本作品进行创作，您必须基于与原先许可协议相同的许可协议分发您贡献的作品。";
    
    /* 样式适配你的开发者风格 */
    white-space: pre-wrap;
    margin-top: 60px;
    padding: 30px;
    font-size: 0.85em;
    line-height: 1.7;
    color: #57606a; /* 浅灰色，不喧宾夺主 */
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #d0d7de;
}

/* 2. 暗黑模式适配 */
html.theme-dark .ck-content::after {
    background-color: #161b22;
    border-color: #30363d;
    color: #8b949e;
}

/* /* 3. 增加一个装饰性的标题（可选） */
.ck-content::before {
    /* 如果你想在文章开头也加点什么，可以在这里写，
       或者干脆用上面的 after 并在 content 开头加上 "【版权声明】\A" */
    display: block;
    content: " 欢迎来到 1s2s3.com 一秒记住本站: 一生二生三 " ;
    text-align: center; /* 文字水平居中 */
    
    /* 样式适配你的开发者风格 */
    white-space: pre-wrap;
    margin-top: 60px;
    padding: 30px;
    font-size: 2em;
    line-height: 1.7;
    color: #4c789b; /* 浅灰色，不喧宾夺主 */
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #d0d7de;
} */