记录一下小窝在配置过程中一些自定义的主题内容。

/* 文字排版 */
#article-container{
      text-align: justify;
}

/* 修改行内代码颜色 */
:not(pre) > code {
  color: #FF5733;
}

/* 通用响应式视频样式（自适应页面宽度） */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"],
iframe[src*="vimeo.com"] {
  display: block;
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;  /* 自动保持 16:9 */
  height: auto;
}

/* 图片圆角 + 适配亮暗主题 */
.post-content img {
    border-radius: 12px;
    object-fit: cover;
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.1);
}
html.dark .post-content img {
    border: 1px solid rgba(255,255,255,0.1);
}