是否有自定义块的文字教程

想要根据自己常用的主题，自定义一些模板块。自定义时总是会出现问题，比如：对文本进行缩进时，影响到代码块的第一行。

修改后代码如下(但我依然看不懂)：

[custom-zdy="embedded"] {
 font-family: "汉仪空山楷";
 border-radius: 5px;
 border: 5px red solid !import;
 min-width: 5rem;
 color: white;
 text-indent: 16px;
 margin: 0 !import;             /* 确保整个 box 没有外边距 */
 padding: 0 !import;            /* 确保整个 box 没有内边距 */
}
[custom-zdy="embedded"] .code-block {
    text-indent: initial;
}

[custom-zdy="embedded-title"]{
  color: #04D9FF;              /* 字体颜色 */
  font-size: 18px;           /* 字体大小 */
  font-weight: bold;         /* 字体加粗 */
  text-indent: 16px;          /* 首行缩进: 像素px、字体大小em*/
  padding: 0.7rem 1rem 0.5rem 1rem;
  margin: 0;              /* 确保标题部分没有外边距 */
}

[custom-zdy="embedded-content"]{
  color: white;              /* 字体颜色 */
  padding: 0 1rem 0 1rem;
  line-height: 1.5rem;
  font-size: smaller;
  font-weight: thin;
  margin: 0;              /* 确保内容部分没有外边距 */
}

目前又出现问题了，在块中，添加表格，又出现了表格列的错位问题，请看 vcr

求解