/*
 * 博客内文样式（blog_details.php / blog_details_cn.php 两个模板）
 *
 * 这里放的是「只作用于富文本正文内部」的规则。之所以从模板的 <style> 里搬出来
 * 单独成文件：后台 UEditor 的编辑区是一个 iframe，把这份 CSS 和 blog.css 一起
 * 注进去，编辑器里看到的就和前台一致，不必再靠脑补。
 *
 * 判断标准：规则作用的元素是不是编辑器里能敲出来的东西。
 *   是   -> 放这里（listicon、tdicon 这类正文里用的小组件）
 *   不是 -> 留在模板里（悬浮客服按钮、回到顶部箭头、每篇文章各自的头图背景）
 *
 * 原来的选择器带 .blogdetail-wrap 前缀，这里去掉了——这两个类只在博客正文里
 * 出现过（全站 grep 无其它引用），去掉前缀才能在编辑器 iframe 里生效，
 * 那里没有 .blogdetail-wrap 这层容器。
 *
 * 单位沿用 rem，和 blog.css 保持一致。前台的根字号由 rem.js 按视口计算，
 * 编辑器 iframe 里由 blog-editor-frame.css 固定成 80px（等同 1280 视口下的值）。
 */

/* 正文列表前的圆点 */
.listicon {
    height: .08rem;
    width: .08rem;
    border-radius: 50%;
    background: #5A57FD;
    margin-right: .08rem;
}

/* 表格单元格里的图标容器 */
.tdicon {
    display: flex;
    height: .28rem;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
    .tdicon { height: .26rem; }
}