/* 主容器优化 */
.content-container {
    display: flex;
    margin-top: 65px;
    height: calc(100vh - 65px);
    padding-left: 5px;
}
.note-content,
.note-content * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}
/* 笔记内容区域全面改造 */
.note-content {
    flex: 1;
    padding: 0; /* 移除内边距，由子元素控制 */
    overflow-y: auto;
    scroll-behavior: smooth; /* 平滑滚动 */
    background: rgba(25, 25, 35, 0.95); /* 更深的背景 */
    color: #e0e0ff; /* 更柔和的文字颜色 */
    margin-left: 85px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 12px; /* 更大的圆角 */

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); /* 更立体的阴影 */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(255, 255, 255, 0.05); /* 细微的边框 */

}

/* 响应侧边栏变化 */
.sidebar:hover ~ .content-container .note-content,
.sidebar.expanded ~ .content-container .note-content {
    margin-left: 255px;
}

/* 标题层次感 */
.note-content h1 {
    color: #ff9e64;
    font-size: 2.2em;
    margin: 1.2em 0 0.6em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center; /* 添加这行实现文本居中 */
}

.note-content h2 {
    color: #6bb5ff;
    font-size: 1.8em;
    margin: 1.5em 0 0.7em;
    padding-left: 50px;
}

.note-content  h3 {
    color: #a5a5ff;
    font-size: 1.4em;
    margin: 1.3em 0 0.6em;
    padding-left: 50px;
}

/* 段落优化 */
.note-content p {
    padding-left: 20px;
    padding-right: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.6; /* 增加行高 */
    margin-bottom: 1em; /* 增加段落间距 */
    text-align: justify; /* 两端对齐 */
    letter-spacing: 0.05em; /* 轻微增加字间距 */
    text-indent: 2em
}

.note-content li::marker {
  content: '→';
}

.note-content ul li
{
    padding-left: 20px;
    padding-right: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.6; /* 增加行高 */
    margin-bottom: 1em; /* 增加段落间距 */
    text-align: justify; /* 两端对齐 */
    letter-spacing: 0.05em; /* 轻微增加字间距 */
    text-indent: 2em
}

.note-content p font {
    font-size: 1.4em;
    margin: 1.3em 0 0.6em;
    padding-left: 50px;
}

.note-content p a {
    color: #6bb5ff; /* 与h2标题同色系保持统一 */
    text-decoration: none;
    font-weight: 500; /* 比bold稍轻的字体粗细 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding-bottom: 2px; /* 给下划线留出空间 */
    position: relative;
    z-index: 1;
    padding-left: 50px;
}

/* 悬停状态 - 发光效果 */
.note-content p a:hover {
    color: #ff9e64; /* 与h1标题同色系保持统一 */
    text-decoration: none;
    border-bottom-color: rgba(255, 158, 100, 0.6);
    text-shadow: 0 0 8px rgba(255, 158, 100, 0.3);
}

/* 点击状态 */
.note-content p a:active {
    color: #ff7043;
    transform: translateY(1px);
}

/* 已访问链接 */
.note-content p a:visited {
    color: #b388ff; /* 紫色调表示已访问 */
    border-bottom-color: rgba(179, 136, 255, 0.3);
}

/* 焦点状态 - 无障碍支持 */
.note-content p a:focus {
    outline: 2px dashed rgba(107, 181, 255, 0.5);
    outline-offset: 2px;
}

.note-content p a:hover code {
    background: rgba(255, 255, 255, 0.2);
}



/* 代码块专业样式 */
.markdown-content pre {
    background: rgba(15, 15, 25, 0.9);
    border-radius: 8px;
    padding: 16px;
    margin: 1.5em 0;
    overflow-x: auto;
    border-left: 4px solid #4a9eff; /* 左侧高光 */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.markdown-content code {
    font-family: 'Fira Code', monospace;
    font-size: 0.9em;
}

/* 列表样式 */
.markdown-content ul,
.markdown-content ol {
    margin: 1em 0;
    padding-left: 2em;
}

.markdown-content li {
    margin: 0.5em 0;
}

/* 链接效果 */
.markdown-content a {
    color: #6bb5ff;
    text-decoration: none;
    transition: color 0.2s;
    border-bottom: 1px dotted rgba(107, 181, 255, 0.3);
}

.markdown-content a:hover {
    color: #ff9e64;
    border-bottom-style: solid;
}

/* 表格样式 */
.markdown-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
}

.markdown-content th,
.markdown-content td {
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.markdown-content th {
    background: rgba(74, 158, 255, 0.1);
}

/* 引用块 */
.markdown-content blockquote {
    border-left: 4px solid rgba(74, 158, 255, 0.5);
    padding: 0 1em;
    margin: 1.5em 0;
    color: #b8b8d0;
    background: rgba(30, 30, 40, 0.3);
    border-radius: 0 4px 4px 0;
}

/* 图片自适应 */
.markdown-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* 欢迎消息样式调整 */
.welcome-message {
    text-align: center;
    margin-top: 100px;
    color: #e2e2ff;
    padding: 40px;
    background: rgba(20, 20, 30, 0.5);
    border-radius: 8px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.welcome-message h2 {
    color: #ff79c6;
    margin-bottom: 20px;
}