/* ===========================================================
   Markdown 正文样式补全
   只作用于文章正文容器 #zoom，不改动主题其他地方
   目的：补上主题缺失的 table / code / h4 / img / hr 样式
   =========================================================== */

/* 正文基线：主题 body 用 font:small(约13px)，这里提到 15px
   不想要这个改动的话，删掉下面这一行即可回到原样 */
#zoom {
    font-size: 15px;
    line-height: 1.85;
    overflow-wrap: break-word;
}

/* 主题里 #content h1{display:none} 会把正文中的一级标题整段隐藏，
   这里恢复显示，避免 Markdown 里的 # 标题凭空消失 */
#zoom h1 {
    display: block;
    font-size: 1.6em;
    line-height: 1.4;
    color: #3F4452;
    margin: 1.3em 0 0.6em;
    font-weight: 700;
}

#zoom h2 {
    margin: 1.5em 0 0.6em;
    line-height: 1.45;
}

#zoom h3 {
    margin: 1.3em 0 0.5em;
    line-height: 1.45;
}

/* 主题没有 h4 规则，Markdown 的 #### 会退化成默认小字 */
#zoom h4 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #444444;
    margin: 1.2em 0 0.5em;
}

/* ---------------- 表格 ---------------- */
#zoom table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.1em 0;
    font-size: 14px;
    line-height: 1.7;
}

#zoom th,
#zoom td {
    border: 1px solid #dfe6ee;
    padding: 7px 12px;
    text-align: left;
    vertical-align: top;
}

#zoom th {
    background: #f4f8fb;
    font-weight: 600;
    color: #33404f;
}

#zoom tbody tr:nth-child(even) {
    background: #fafcfe;
}

/* 窄屏下表格允许横向滚动，避免撑破版面 */
#zoom .table-wrap {
    overflow-x: auto;
}

/* ---------------- 代码 ---------------- */
/* 行内代码：主题完全没有 code 规则，现在和普通文字长得一样 */
#zoom code {
    font-family: Consolas, Monaco, Menlo, "Courier New", monospace;
    background: #f3f5f8;
    border: 1px solid #e5e9ef;
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 13px;
    color: #c0392b;
}

/* 代码块内的 code 不要套用行内代码的底色和边框 */
#zoom pre code {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    border-radius: 0;
}

/* 代码块字号：主题是 12px，略放大一点更好读 */
#zoom pre.prettyprint {
    font-size: 13px;
    line-height: 1.65;
    padding: 12px 15px;
    /* 主题给 .prettyprint 设了 opacity:0.8，叠在浅色背景上会发灰，
       这里恢复不透明并固定底色，保证对比度 */
    opacity: 1;
    background: #2d2d2d;
    color: #e8eaed;
}

/* prettify 的行号列表：默认 li 颜色 #555，在深色底上几乎看不见 */
#zoom pre.prettyprint ol.linenums,
#zoom pre.prettyprint ol.linenums li {
    color: #d6dae0;
}

/* 注释色 #66747B 在深色底上偏暗，提亮一档 */
#zoom pre.prettyprint .com {
    color: #8fa4b3;
}

/* prettify 自带的斑马纹是 #111，配新底色偏重，改成极淡的叠加 */
#zoom pre.prettyprint ol.linenums li {
    background: transparent;
}

#zoom pre.prettyprint ol.linenums li.L0,
#zoom pre.prettyprint ol.linenums li.L2,
#zoom pre.prettyprint ol.linenums li.L4,
#zoom pre.prettyprint ol.linenums li.L6,
#zoom pre.prettyprint ol.linenums li.L8 {
    background: rgba(255, 255, 255, 0.035);
}

/* ---------------- 其他 ---------------- */
#zoom img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}

#zoom hr {
    border: 0;
    border-top: 1px solid #e2e8f0;
    margin: 1.8em 0;
}

/* 窄屏适配 */
@media screen and (max-width: 768px) {
    #zoom {
        font-size: 14px;
        line-height: 1.8;
    }

    #zoom table {
        font-size: 12.5px;
    }

    #zoom th,
    #zoom td {
        padding: 6px 8px;
    }

    #zoom pre.prettyprint {
        font-size: 12px;
        padding: 10px 12px;
    }

    /* 窄屏表格里遇到超长路径/命令时强制换行，避免撑破版面 */
    #zoom th,
    #zoom td {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}