* {
  box-sizing: border-box;
}


body {
  font-family: Arial;
  font-size:30px;
  padding: 10px;
  /* background: #f4f5f7;*/

}

/* 页眉/Blog 标题 */
.header {
  padding: 30px;
  text-align: center;
  background: white;
  color: #ff0033;
}

.header h1 {
  font-size: 50px;
}
/* 顶部颜色和公司 logo 配色保持一致 */
:root {
  --md-primary-fg-color:        #53D7BD;
}
/* 顶部 logo */
.md-logo{
  zoom: 120%;
}
/* 顶部最大标题文字设置 */
span.md-ellipsis{
  font-size: 130%;
}
/* 顶部大模块文字设置 */
.md-tabs__link{
  font-size: 60%;
}
/* 设置上导航栏的样式 */
.topnav {
  overflow: hidden;
  background-color: #333;
  color: #000000;
}


/* 设置 topnav 链接的样式 */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* 改变鼠标悬停时的颜色 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* 创建两个不相等的彼此并排的浮动列 */
/* 左列 */
.leftcolumn {   
  float: left;
  width: 75%;
}

/* 右列 */
.rightcolumn {
  float: left;
  width: 25%;
  background-color: #000000;
  padding-left: 20px;
}

/* 伪图像 */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* 为文章添加卡片效果 */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}

/* 清除列之后的浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* 页脚 */
/* .footer {
  padding: 20px;
  text-align: center;
  background: white;
  margin-top: 20px;
}*/

/* 响应式布局 - 当屏幕的宽度小于 800 像素时，使两列堆叠而不是并排 */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}

/* 响应式布局 - 当屏幕的宽度小于 400 像素时，使导航链接堆叠而不是并排 */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}

.md-typeset__table {
  width: 100%;
}

table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  vertical-align: bottom;
}

.md-typeset table:not([class]){
  display: inline-table;
  table-layout: auto;
}

/* th 和 td 都不要添加 text 的左对齐，否则会造成 markdown 语法中 table 文字对齐不生效 */
th {
  background-color: #808080;
  color: white;
  padding: 8px;
}

td {
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

.td { word-break : break-all ; word-wrap : break-word ;}

img {
  max-width: 100%;
  height: auto;
}

/* 自定义 admonitions 图标：sn3d-info */

:root {

  --md-admonition-icon--sn3d-info: url('data:image/svg+xml;charset=utf-8,<svg t="1663820962436" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3287" width="200" height="200"><path d="M794.576 960.461h-568.582c-44.047 0-79.511-36.038-79.511-79.511v-558.287c0-44.047 36.038-79.511 79.511-79.511h94.384c15.443 0 28.603 12.585 28.603 28.603s-12.585 28.603-28.603 28.603h-94.384c-12.585 0-22.881 10.297-22.881 22.881v558.287c0 12.585 10.297 22.881 22.881 22.881h568.582c12.585 0 22.881-10.297 22.881-22.881v-558.287c0-12.585-10.297-22.881-22.881-22.881h-80.082c-15.443 0-28.603-12.585-28.603-28.603s12.585-28.603 28.603-28.603h80.082c44.047 0 79.511 36.038 79.511 79.511v558.287c0.571 43.473-35.465 79.511-79.511 79.511z" p-id="3288"></path><path d="M341.54 470.816h338.062c10.297 0 18.307 8.011 18.307 18.307v29.171c0 10.297-8.011 18.307-18.307 18.307h-338.062c-10.297 0-18.307-8.011-18.307-18.307v-29.171c0-10.297 8.011-18.307 18.307-18.307z" p-id="3289"></path><path d="M677.885 390.16h-319.185c-28.603 0-52.053-23.453-52.053-52.053v-130.419c0-28.603 23.453-52.053 52.053-52.053h54.915v-42.901c0-28.603 23.453-52.053 52.053-52.053h105.824c28.603 0 52.053 23.453 52.053 52.053v42.901h54.915c28.603 0 52.053 23.453 52.053 52.053v130.419c-0.571 28.603-24.025 52.053-52.627 52.053zM363.846 332.96h309.46v-120.694h-78.368c-15.443 0-28.603-12.585-28.603-28.603v-66.355h-96.1v66.925c0 15.443-12.585 28.603-28.603 28.603h-78.368v120.125z" p-id="3290"></path><path d="M341.54 594.37h338.062c10.297 0 18.307 8.011 18.307 18.307v29.171c0 10.297-8.011 18.307-18.307 18.307h-338.062c-10.297 0-18.307-8.011-18.307-18.307v-29.171c0-9.726 8.011-18.307 18.307-18.307z" p-id="3291"></path><path d="M341.54 744.812h338.062c10.297 0 18.307 8.011 18.307 18.307v29.171c0 10.297-8.011 18.307-18.307 18.307h-338.062c-10.297 0-18.307-8.011-18.307-18.307v-29.171c0-9.726 8.011-18.307 18.307-18.307z" p-id="3292"></path></svg>')

}



.md-typeset .admonition.sn3d-info,

.md-typeset details.sn3d-info {

  border-color: rgb(23, 162, 184);

}

.md-typeset .sn3d-info > .admonition-title,

.md-typeset .sn3d-info > summary {

  background-color: rgba(23, 162, 184, 0.1);

}

.md-typeset .sn3d-info > .admonition-title::before,

.md-typeset .sn3d-info > summary::before {

  background-color: rgb(23, 162, 184);

  -webkit-mask-image: var(--md-admonition-icon--sn3d-info);

          mask-image: var(--md-admonition-icon--sn3d-info);

}



/* 自定义 admonitions 图标：sn3d-warn */

:root {

  --md-admonition-icon--sn3d-warn: url('data:image/svg+xml;charset=utf-8,<svg t="1663821660084" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1822" width="200" height="200"><path d="M849.12 928.704 174.88 928.704c-45.216 0-81.536-17.728-99.68-48.64-18.144-30.912-15.936-71.296 6.08-110.752L421.472 159.648c22.144-39.744 55.072-62.528 90.304-62.528s68.128 22.752 90.336 62.464l340.544 609.792c22.016 39.456 24.288 79.808 6.112 110.72C930.656 911.008 894.304 928.704 849.12 928.704zM511.808 161.12c-11.2 0-24.032 11.104-34.432 29.696L137.184 800.544c-10.656 19.136-13.152 36.32-6.784 47.168 6.368 10.816 22.592 17.024 44.48 17.024l674.24 0c21.92 0 38.112-6.176 44.48-17.024 6.336-10.816 3.872-28-6.816-47.136L546.24 190.816C535.872 172.224 522.976 161.12 511.808 161.12zM512 640c-17.664 0-32-14.304-32-32l0-288c0-17.664 14.336-32 32-32s32 14.336 32 32l0 288C544 625.696 529.664 640 512 640zM512 752.128m-48 0a1.5 1.5 0 1 0 96 0 1.5 1.5 0 1 0-96 0Z" p-id="1823"></path></svg>')

}



.md-typeset .admonition.sn3d-warn,

.md-typeset details.sn3d-warn {

  border-color: rgb(255,193,7);

}

.md-typeset .sn3d-warn > .admonition-title,

.md-typeset .sn3d-warn > summary {

  background-color: rgba(255,193,7,0.1);

}

.md-typeset .sn3d-warn > .admonition-title::before,

.md-typeset .sn3d-warn > summary::before {

  background-color: rgb(255,193,7);

  -webkit-mask-image: var(--md-admonition-icon--sn3d-warn);

          mask-image: var(--md-admonition-icon--sn3d-warn);

}



/* 自定义 admonitions 图标：sn3d-danger */

:root {

  --md-admonition-icon--sn3d-danger: url('data:image/svg+xml;charset=utf-8,<svg t="1663822111736" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1962" width="200" height="200"><path d="M942.656 769.376 602.112 159.584c-22.144-39.712-55.104-62.496-90.304-62.496-35.232 0-68.16 22.784-90.368 62.528L81.312 769.344c-22.016 39.456-24.256 79.456-6.112 110.4C93.344 910.624 129.664 928 174.88 928l674.24 0c45.184 0 81.536-17.376 99.648-48.256C966.944 848.8 964.672 808.832 942.656 769.376zM480 320c0-17.664 14.336-32 32-32s32 14.336 32 32l0 288c0 17.696-14.336 32-32 32s-32-14.304-32-32L480 320zM512 832.128c-26.528 0-48-21.504-48-48s21.472-48 48-48 48 21.504 48 48S538.528 832.128 512 832.128z" p-id="1963"></path></svg>')

}



.md-typeset .admonition.sn3d-danger,

.md-typeset details.sn3d-danger {

  border-color: rgb(220,53,69);

}

.md-typeset .sn3d-danger > .admonition-title,

.md-typeset .sn3d-danger > summary {

  background-color: rgba(220,53,69, 0.1);

}

.md-typeset .sn3d-danger > .admonition-title::before,

.md-typeset .sn3d-danger > summary::before {

  background-color: rgb(220,53,69);

  -webkit-mask-image: var(--md-admonition-icon--sn3d-danger);

          mask-image: var(--md-admonition-icon--sn3d-danger);

}
/*--Print-site 插件打印样式--START--*/
@media print {
  /* 封面末尾分页 */
  section#print-site-cover-page {
    page-break-after: always;
  }

  /* 目录末尾分页 */
  #print-page-toc {
    page-break-after: always;
  }

  /* 标题后不分页（不单独成页） */
  #print-site-page .nav-section-title {
    page-break-before: avoid;
    page-break-after: avoid;
    padding-top: 0 !important; /* 居中标题内边距，默认是 150px，会与上个 MD 文件有很大空白 */
    margin: 0.64em 0 -1.2em 0 !important; /* 调整顶部外边距，底部边距有点大，改为负值 */
  }

  /* 合并 MD 文件，如不合并，值改成 always，但页数会增加，页面空白增多 */
  #print-site-page section.print-page {
    page-break-before: avoid;
  }

  /* 流程图的 Tab 页名称前分页 */
  .tabbed-labels label[for*=flow] {
    page-break-before: always !important;
  }

  /* 流程图尺寸为纸张视口的 90% */
  .tabbed-block img[src*="flow"] {
    height: 90vh !important;
    page-break-inside: avoid !important;
  }

  /* 自动根据上下文判断多个 tab 页内部是否分页 */
  #print-site-page .tabbed-set {
    page-break-inside: auto !important;
  }

  /* 调整页面一级标题顶部外边距和底部匹配 */
  .md-typeset h1 {
    margin: 0.64em 0 0 0 !important;
  }

  /* 调整页面二级标题顶部外边距和底部匹配 */
  .md-typeset h2 {
    margin: 0.64em 0 0 0 !important;
  }

  /* 调整 Tab 标签名称内边距 */
  .tabbed-labels label {
    padding: 0 !important;
  }

  /* 隐藏嵌入视频和谷歌反馈，PDF 不支持 */
  .md-typeset iframe,
  .md-feedback {
    display: none;
  }
}
/*--Print-site 插件打印样式--END--*/

/* 卡片网格效果 */
.md-typeset .grid {
  grid-gap: .4rem;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
  margin: 1em 0
}

.md-typeset .grid.cards>ol,.md-typeset .grid.cards>ul {
  display: contents
}

.md-typeset .grid.cards>ol>li,.md-typeset .grid.cards>ul>li,.md-typeset .grid>.card {
  border: .05rem solid var(--md-default-fg-color--lightest);
  border-radius: .1rem;
  display: block;
  margin: 0;
  padding: .8rem;
  transition: border .25s,box-shadow .25s
}

.md-typeset .grid.cards>ol>li:focus-within,.md-typeset .grid.cards>ol>li:hover,.md-typeset .grid.cards>ul>li:focus-within,.md-typeset .grid.cards>ul>li:hover,.md-typeset .grid>.card:focus-within,.md-typeset .grid>.card:hover {
  border-color: #0000;
  box-shadow: var(--md-shadow-z2)
}

.md-typeset .grid.cards>ol>li>hr,.md-typeset .grid.cards>ul>li>hr,.md-typeset .grid>.card>hr {
  margin-bottom: 1em;
  margin-top: 1em
}

.md-typeset .grid.cards>ol>li>:first-child,.md-typeset .grid.cards>ul>li>:first-child,.md-typeset .grid>.card>:first-child {
  margin-top: 0
}

.md-typeset .grid.cards>ol>li>:last-child,.md-typeset .grid.cards>ul>li>:last-child,.md-typeset .grid>.card>:last-child {
  margin-bottom: 0
}

.md-typeset .grid>*,.md-typeset .grid>.admonition,.md-typeset .grid>.highlight>*,.md-typeset .grid>.highlighttable,.md-typeset .grid>.md-typeset details,.md-typeset .grid>details,.md-typeset .grid>pre {
  margin-bottom: 0;
  margin-top: 0
}

.md-typeset .grid>.highlight>pre:only-child,.md-typeset .grid>.highlight>pre>code,.md-typeset .grid>.highlighttable,.md-typeset .grid>.highlighttable>tbody,.md-typeset .grid>.highlighttable>tbody>tr,.md-typeset .grid>.highlighttable>tbody>tr>.code,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre,.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre>code {
  height: 100%
}

.md-typeset .grid>.tabbed-set {
  margin-bottom: 0;
  margin-top: 0
}

/* 加了这段，添加 js 后，选中标签页和未选中标签页就不会相同颜色 */
.md-typeset .tabbed-labels>label>[href]:first-child {
  color: inherit
}


a[target="_blank"]::after {
  content: url("https://doc-asset.shining3d.com/assets/img/link_external.svg");
  margin: 0 2px 0 2px;
  vertical-align: super;
}  
 
/* LOGO、多语言以及社媒图标不添加角标 */
.md-header__button.md-logo[target="_blank"]::after,
.md-nav__button.md-logo[target="_blank"]::after,
.md-social__link[target="_blank"]::after,
.md-select__link[target="_blank"]::after {
  content: none;
}

/*--Print-site 插件打印样式--START--*/
@media print {
  /* 封面末尾分页 */
  section#print-site-cover-page {
    page-break-after: always;
  }

  /* 目录末尾分页 */
  #print-page-toc {
    page-break-after: always;
  }

  /* 标题后不分页（不单独成页） */
  #print-site-page .nav-section-title {
    page-break-before: avoid;
    page-break-after: avoid;
    padding-top: 0 !important; /* 居中标题内边距，默认是 150px，会与上个 MD 文件有很大空白 */
    margin: 0.64em 0 -1.2em 0 !important; /* 调整顶部外边距，底部边距有点大，改为负值 */
  }

  /* 合并 MD 文件，如不合并，值改成 always，但页数会增加，页面空白增多 */
  #print-site-page section.print-page {
    page-break-before: avoid;
  }

  /* 流程图的 Tab 页名称前分页 */
  .tabbed-labels label[for*=flow] {
    page-break-before: always !important;
  }

  /* 流程图尺寸为纸张视口的 90% */
  .tabbed-block img[src*="flow"] {
    height: 90vh !important;
    page-break-inside: avoid !important;
  }

  /* 自动根据上下文判断多个 tab 页内部是否分页 */
  #print-site-page .tabbed-set {
    page-break-inside: auto !important;
  }

  /* 调整页面一级标题顶部外边距和底部匹配 */
  .md-typeset h1 {
    margin: 0.64em 0 0 0 !important;
  }

  /* 调整页面二级标题顶部外边距和底部匹配 */
  .md-typeset h2 {
    margin: 0.64em 0 0 0 !important;
  }

  /* 调整 Tab 标签名称内边距 */
  .tabbed-labels label {
    padding: 0 !important;
  }

  /* 隐藏嵌入视频和谷歌反馈，PDF 不支持 */
  .md-typeset iframe,
  .md-feedback {
    display: none;
  }
  
  /* 打印时隐藏不需要的内容，如gif图等 */
  #print-site-page

  .print-site-plugin-ignore {
    display: none;
  }
}
/*--Print-site 插件打印样式--END--*/

/* 文字图片左右排版 */
.image-text-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .image-text-container {
    flex-direction: row;
    align-items: flex-start;
  }

  .image-text-container img {
    order: 1;
    width: 60%;
    margin-top: 20px;
  }

  .image-text-container p {
    order: 2;
    width: 1%;
    margin-right: 5px;
    align-items: flex-start;
  }
}

.centered-text {
  display: block;
  text-align: center;
}

.x {
  color: #FF0000;
}

.check {
  color: #00C957;
}