WP主题小改动：自适应字体与等比例缩略图

PUOCK 主题功能丰富，近期分享两个代码量极少的调整，方便平时阅读和平时自用。

一、字体自适应：白天黑夜模式自动切换

目前我的主题，夜间模式下文字太暗看不清。用 CSS 的 prefers-color-scheme 媒体查询可以优雅解决：

/* 日间模式（默认） */
body, .entry-content, p {
    color: #222;
}

/* 夜间模式自动切换 */
@media (prefers-color-scheme: dark) {
    body, .entry-content, p {
        color: #e4e4e4 !important;
    }
    h1, h2, h3, h4, h5, h6 {
        color: #f5f5f5 !important;
    }
    a {
        color: #6cb2eb !important;
    }
}

原理很简单：系统检测到用户开启了暗色模式时，自动套用浅色文字；日间则保持深色文字。不需要手动切换开关，丝滑无感。

二、缩略图等比例显示：告别固定尺寸裁剪

PUOCK 默认用 timthumb.php 把封面图硬切成 160×140 的固定尺寸，上传的图片稍微比例不同就会被拉伸或裁歪。用一行 CSS 就能解决：

#posts .post-item .thumbnail a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

object-fit: cover 的作用是：图片保持原始比例填满容器，超出部分自动裁剪，既不压扁也不拉长。无论你上传的是横屏截图还是竖屏图片，列表缩略图都会规规整整。

代码放哪里？

两种方式任选：

1. 子主题 style.css（推荐）：如果用了 PUOCK 子主题，直接粘贴进去，主题更新不丢失。
2. 后台 → 外观 → 自定义 → 额外 CSS：最省事，无需改文件。

两个小改动，一个提升阅读舒适度，一个让页面更规整。代码加起来不到 20 行，值得一试。