/* 全局变量：一键换肤，并自动跟随手机系统切换暗黑模式 */
:root {
    --bg-color: #ffffff;
    --text-color: #1f2937;
    --link-color: #2563eb;
    --max-width: 680px; /* 黄金阅读宽度，超过这个宽度眼睛看字会累 */
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #111827;
        --text-color: #f3f4f6;
        --link-color: #60a5fa;
    }
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    line-height: 1.75;
    font-size: 16px;
    padding: 20px;
}

/* 限制文章容器宽度，保持极佳的杂志级阅读比例 */
.post-container, .container {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 40px 0;
}

h1, h2, h3 { color: var(--text-color); margin-top: 1.5em; }
a { color: var(--link-color); text-decoration: none; }
a:hover { text-decoration: underline; }

/* 让所有媒体文件自适应屏幕宽度 */
img, video, audio {
    max-width: 100%;
    height: auto;
    border-radius: 12px; /* 圆角看起来更现代 */
    margin: 20px 0;
}