/* --- 变量定义：蓝色系 (Cool Theme) --- */
:root {
    --theme-blue-deep: #417bbd;    /* 顶部标题深蓝 */
    --theme-blue-border: #b3d4fc;  /* 标题边框浅蓝 */
    --theme-blue-bg: #f0f8ff;      /* 标题背景极浅蓝 (AliceBlue) */
    --theme-table-head: #a4c2ed;   /* 表格头蓝色 */
    --theme-table-bg: #e6f2ff;     /* 表格偶数行 */
    --theme-btn-bg: #2b5f8e;       /* 深蓝色按钮 */
    --text-color: #444444;         /* 正文灰 */
    --link-color: #417bbd;         /* 链接蓝 */
    --bg-white: #ffffff;
}

/* 1. 容器样式 */
.markdown {
    background-color: var(--bg-white);
    color: var(--text-color);
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.8;
    padding: 30px;
    margin: 0px auto;
    max-width: 900px;
    
    /* ✨ 去掉圆角 */
    border-radius: 0; 
}

/* 2. H1 - 顶部通栏标题 */
.markdown h1 {
    background-color: var(--theme-blue-deep); /* 深蓝 */
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 30px;
    border-left: 5px solid rgba(0,0,0,0.2);
    
    /* ✨ 去掉圆角 */
    border-radius: 0;
}

/* 3. H2 - 章节标题 */
.markdown h2 {
    background-color: var(--theme-blue-bg); /* 浅蓝底 */
    color: #333;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    padding: 12px 0;
    margin: 40px 0 20px;
    
    /* 上下浅蓝边框 */
    border-top: 2px solid var(--theme-blue-border);
    border-bottom: 2px solid var(--theme-blue-border);
}

/* 4. H3 - 小标题 */
.markdown h3 {
    font-size: 15px;
    /* 左侧深蓝竖线 */
    border-left: 4px solid var(--theme-blue-deep);
    padding-left: 10px;
    margin: 30px 0 15px;
    color: #555;
    padding: 5px;
}

/* 5. 正文段落 */
.markdown p {
    margin-bottom: 1.5em;
    font-size: 14px;
    text-align: justify;
}

/* 6. 表格样式 */
.markdown table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 13px;
    border: 1px solid #ddd;
}

.markdown th {
    background-color: var(--theme-table-head); /* 蓝色表头 */
    color: white;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #9fbadd; /* 边框稍微深一点 */
    text-align: center;
    white-space: nowrap;
}

.markdown td {
    background-color: white;
    padding: 10px;
    border: 1px solid #eee;
    text-align: center;
    color: #555;
}

/* 偶数行稍微变色 (可选) */
/* .markdown tr:nth-child(even) td { background-color: var(--theme-table-bg); } */

/* 7. 图片样式 */
.markdown img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    zoom: 0.6;
    
    /* ✨ 去掉圆角 */
    border-radius: 0;
}

/* 8. 链接卡片 (Blockquote) */
.markdown blockquote {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #666;
    font-size: 12px;
    position: relative;
    
    /* ✨ 去掉圆角 */
    border-radius: 0;
}

/* 左侧装饰条 */
.markdown blockquote::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: var(--theme-blue-deep); /* 深蓝装饰条 */
    
    /* ✨ 去掉圆角 */
    border-radius: 0;
}

/* 9. 按钮/链接容器 */
.markdown a.btn-blue, 
.markdown .btn-container a { 
    display: block;
    background-color: rgb(51,54,49); /* 深蓝按钮 */
    color: white;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    transition: opacity 0.2s;
    
    /* ✨ 去掉圆角，变成直角矩形 */
    border-radius: 5px;
}

.markdown a.btn-blue:hover,
.markdown .btn-container a:hover {
    opacity: 0.8;
}

.markdown .btn-container .active {
    
}

.markdown a.btn{
    background-color: #333631;
    color: white !important;
    text-decoration: none; 
    text-align: center;
    font-size: 20px;
    padding: 5px 20px;
    transition: 0.2s;
}

.markdown a.btn:hover {
    cursor: pointer;
    text-decoration: none; /* 去掉下划线 */
    opacity: 0.8;
}

.markdown .btn-container {
    margin-top: 10px;
    text-align: center;
}

iframe {
    border: 1px solid rgb(242,242,242);
}

/* 10. 普通链接 */
.markdown a {
    color: var(--link-color);
    text-decoration: none;
}
.markdown a:hover {
    text-decoration: none;
}

/* 11. 列表 */
.markdown ul, .markdown ol {
    background-color: #f9f9f9;
    padding: 20px 40px;
    border: 1px solid #eee;
    margin: 20px 0;
    
    /* ✨ 去掉圆角 */
    border-radius: 0;
}
.markdown li {
    margin-bottom: 5px;
    font-size: 13px;
}

.markdown .img-flow {
    display: flex;
    flex-wrap: wrap;
}

.font-Yahei {
    font-family: "Microsoft YaHei" !important;
}