.hr-twill {
    border: 0;
    padding: 3px;
    background: repeating-linear-gradient(135deg, #a2a9b6 0px, #a2a9b6 1px, transparent 1px, transparent 6px);
}


.bilibili{
    position: relative;
    width: 100%;
    height: 0;              /*高度设置这里无效，设置为0，用padding撑开div*/
    padding-bottom: 75%;    /*68%到80%都可以*/
}
.bilibili iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* 修改你的模板css文件，添加全局样式 */
/* 修改你的模板css文件，添加全局样式 */
/* 修改你的模板css文件，添加全局样式 */
.mermaid {
  max-height: 200px;
  position: relative;
  overflow: hidden;
  background: transparent;
  
}

.mermaid:after {
  content: 'Loading ...';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4b5154;
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mermaid[data-processed] {
  max-height: none;
  overflow: auto;
}

.mermaid[data-processed]:after {
  content: none;
}