/*博客标题*/
#blogTitle h1 {
    font-size: 28px !important;
    color: #2c3e50 !important;
    font-weight: bold !important;
}

/*博客副标题*/
#blogTitle h2 {
    font-size: 16px !important;
    color: #7f8c8d !important;
    font-weight: normal !important;
}

/*文章标题*/
.postTitle {
    font-size: 28px !important;
    color: #2c3e50 !important;
    font-weight: bold !important;
}

.postTitle a {
    color: #2c3e50 !important;
    text-decoration: none !important;
}

.postTitle a:hover {
    color: #3498db !important;
}

/*文章内容整体*/
.postBody {
    font-size: 16px !important;
    color: #333 !important;
    line-height: 1.8 !important;
    font-family: "Microsoft YaHei", Arial, sans-serif !important;
}

/*文章内容中的标题*/
.postBody h1 {
    font-size: 22px !important;
    color: #2c3e50 !important;
    font-weight: bold !important;
    border-bottom: 2px solid rgba(52, 152, 219, 0.2) !important;
    padding-bottom: 5px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

.postBody h2 {
    font-size: 20px !important;
    color: #34495e !important;
    font-weight: bold !important;
    border-left: 4px solid #3498db !important;
    padding-left: 10px !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
}

.postBody h3 {
    font-size: 18px !important;
    color: #34495e !important;
    font-weight: bold !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

/*段落文字*/
.postBody p {
    font-size: 16px !important;
    color: #333 !important;
    line-height: 1.8 !important;
    margin-bottom: 8px !important;
    text-align: justify !important;
    text-justify: inter-ideograph !important;
    text-indent: 2em !important;
}

/*特殊的缩进段落*/
.postBody .hanging-indent,
.postBody p.hanging-indent{
    text-indent: -2em !important;
    padding-left: 2em !important;
    margin-left: 0 !important;
}
.postBody .whole-indent,
.postBody p.whole-indent{
    text-indent: 2em !important;
    padding-left: 2em !important;
    margin-left: 0 !important;
}

/*tip段落*/
.postBody .tip-paragraph,
.postBody p.tip-paragraph{
    text-indent: 0em !important;
    font-size: 12px !important;
    color: purple !important;
    background-color: rgba(50, 50, 50, 0.1) !important;
    border-left: 3px solid purple !important;
    border-radius: 3px !important;
    padding: 2px 5px 2px 5px !important;
}

/*文内图片*/
.postBody div.image {
    display: flex !important;
    vertical-align: middle !important;
    justify-content: center !important;
    align-items: center !important;
    /* padding: 5px 10px 5px 10px !important; */
}

/*顶部链接*/
.postBody div.top-link{
    color: rgba(50, 50, 50, 0.5) !important;
    margin: -1 !important;
    padding: 0 !important;
    display: none !important;
}

/* ==================== 自定义强调样式 ==================== */

/* 基础强调样式 */
.postBody .highlight,
.postBody span.highlight {
    font-size: 16px !important;
    color: #e74c3c !important;
    font-weight: bold !important;
    background: rgba(231, 76, 60, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

/* 多种强调样式选择 */
.postBody .highlight-red,
.postBody span.highlight-red {
    font-size: 16px !important;
    color: #e74c3c !important;
    font-weight: bold !important;
    background: rgba(231, 76, 60, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

.postBody .highlight-blue,
.postBody span.highlight-blue {
    font-size: 16px !important;
    color: #3498db !important;
    font-weight: bold !important;
    background: rgba(52, 152, 219, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

.postBody .highlight-green,
.postBody span.highlight-green {
    font-size: 16px !important;
    color: #27ae60 !important;
    font-weight: bold !important;
    background: rgba(39, 174, 96, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

.postBody .highlight-orange,
.postBody span.highlight-orange {
    font-size: 16px !important;
    color: #f39c12 !important;
    font-weight: bold !important;
    background: rgba(243, 156, 18, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

.postBody .highlight-purple,
.postBody span.highlight-purple {
    font-size: 16px !important;
    color: #9b59b6 !important;
    font-weight: bold !important;
    background: rgba(155, 89, 182, 0.1) !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
}

/* 带图标的强调样式 */
.postBody .highlight-important,
.postBody span.highlight-important {
    font-size: 16px !important;
    color: #e74c3c !important;
    font-weight: bold !important;
    background: rgba(231, 76, 60, 0.1) !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    border-left: 3px solid #e74c3c !important;
    position: relative !important;
}

.postBody .highlight-important::before,
.postBody span.highlight-important::before {
    content: "⚠ " !important;
    font-weight: bold !important;
}

.postBody .highlight-tip,
.postBody span.highlight-tip {
    font-size: 16px !important;
    color: #27ae60 !important;
    font-weight: bold !important;
    background: rgba(39, 174, 96, 0.1) !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    border-left: 3px solid #27ae60 !important;
}

.postBody .highlight-tip::before,
.postBody span.highlight-tip::before {
    content: "💡 " !important;
}

.postBody .highlight-note,
.postBody span.highlight-note {
    font-size: 14px !important;
    color: #3498db !important;
    //font-weight: bold !important;
    background: rgba(52, 152, 219, 0.1) !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    border-left: 3px solid #3498db !important;
}

.postBody .highlight-note::before,
.postBody span.highlight-note::before {
    content: "📝 " !important;
}

.postBody .highlight-book,
.postBody span.highlight-book {
    font-size: 16px !important;
    color: #e67e22 !important;
    background: rgba(231, 76, 60, 0.1) !important;
    border-radius: 3px !important;
    position: relative !important;
}

.postBody .highlight-book::before,
.postBody span.highlight-book::before {
    content: "📔 " !important;
}

/* 悬停效果 */
.postBody .highlight:hover,
.postBody span.highlight:hover,
.postBody .highlight-red:hover,
.postBody .highlight-blue:hover,
.postBody .highlight-green:hover,
.postBody .highlight-orange:hover,
.postBody .highlight-purple:hover{
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* ==================== 其他统一样式继续 ==================== */

/* 7. 列表样式 */
.postBody ul, .postBody ol {
    font-size: 16px !important;
    color: #333 !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
}

.postBody li {
    margin-bottom: 5px !important;
}

/* 8. 引用样式 */
.postBody blockquote {
    font-size: 15px !important;
    color: #666 !important;
    background: #f8f9fa !important;
    border-left: 4px solid #3498db !important;
    padding: 10px 15px !important;
    margin: 20px 0 !important;
    font-style: italic !important;
}

/*行内代码样式*/
.postBody code {
    background-color: rgba(27, 31, 35, 0.05) !important;
    color: #d63384 !important;
    border-radius: 5px !important;
    padding: 0px 8px 0px 8px !important;
    margin: 0 !important;
    font-size: 14px !important;
    text-indent: 0em !important;
    font-family: "Consolas", "Courier New", monospace !important;
}

.postBody pre {
    font-size: 14px !important;
    color: #333 !important;
    background: #f8f9fa !important;
    border: 1px solid rgba(231, 76, 60, 0.2) !important;
    border-radius: 3px !important;
    /* overflow-x: auto !important; */
    padding: 0 0 0 0 !important;
}

.postBody pre code {
    background: none !important;
    color: inherit !important;
    padding: 5px !important;
    border: none !important;
    font-size: 14px !important;
    text-indent: 0em !important;
    font-family: "Consolas", "Courier New", monospace !important;
}

.postBody pre code .tip-code,
.postBody pre code span.tip-code {
    color: purple !important;
}

/* 代码块相关的 details 样式 */
.postBody details {
    border: none !important;
    margin: 5px 0 5px 0 !important;
}

.postBody details summary {
    background-color: rgba(231, 76, 60, 0.2) !important;
    font-size: 12px !important;
    color: #586069 !important;
    border: none !important;
    border-radius: 3px !important;
    outline: none !important;
    padding: 1px 0 1px 5px !important;
}

/* 展开状态下的样式 */
.postBody details[open] summary::before {
    content: "点击收起";
}

/* 收起状态下的样式 */
.postBody details:not([open]) summary::before {
    content: "点击展开";
}

/* 10. 链接样式 */
.postBody a {
    color: #3498db !important;
    text-decoration: underline !important;
}

.postBody a:hover {
    color: #5500bb !important;
    text-decoration: underline !important;
}

/* 确保自定义强调样式中的链接不受影响 */
.postBody .highlight a,
.postBody .highlight-red a,
.postBody .highlight-blue a,
.postBody .highlight-green a,
.postBody .highlight-orange a,
.postBody .highlight-purple a {
    color: inherit !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    #blogTitle h1 {
        font-size: 24px !important;
    }
    
    .postTitle {
        font-size: 20px !important;
    }
    
    .postBody {
        font-size: 15px !important;
    }
    
    .postBody h1 {
        font-size: 20px !important;
    }
    
    .postBody h2 {
        font-size: 18px !important;
    }
    
    .postBody h3 {
        font-size: 16px !important;
    }
    
    /* 移动端强调样式调整 */
    .postBody .highlight,
    .postBody .highlight-red,
    .postBody .highlight-blue,
    .postBody .highlight-green,
    .postBody .highlight-orange,
    .postBody .highlight-purple {
        font-size: 16px !important;
    }
    
    .postBody .highlight-large {
        font-size: 18px !important;
    }
}