@charset "UTF-8";
.markdown-body .line-numbers-mode pre {
  display: flex; }
  .markdown-body .line-numbers-mode pre .line-numbers-wrapper {
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    color: #818181;
    text-align: right; }
  .markdown-body .line-numbers-mode pre .line-numbers-wrapper, .markdown-body .line-numbers-mode pre code {
    font-size: 16px; }

.markdown-body details {
  margin: 0 0 0.6em 0; }
  .markdown-body details summary {
    display: inine-block;
    padding: 0.3em 0.6em;
    width: auto;
    font-weight: bold;
    text-shadow: 1px 1px 0 #ddddf7;
    cursor: pointer;
    background: #b3b3ee linear-gradient(to bottom, #c8c8f3 48%, #b3b3ee 52%);
    border: solid 1px #7575e0;
    border-radius: 0.3em;
    color: midnightblue;
    user-select: none; }
    .markdown-body details summary .details-open-indicator {
      position: absolute;
      visibility: hidden; }
    .markdown-body details summary::-webkit-details-marker {
      display: none; }
    .markdown-body details summary:before {
      content: "​​\25B6";
      float: left;
      margin-right: 0.5em;
      transform: rotate(0deg);
      transition: transform 0.3s ease-out; }
    .markdown-body details summary:after {
      content: "展开";
      float: right;
      opacity: 0;
      font-size: 0.8em;
      transition: opacity 0.8s; }
    .markdown-body details summary:hover:after {
      opacity: 0.7; }
    .markdown-body details summary:focus {
      outline: none; }
  .markdown-body details article {
    border: solid 1px #7575e0;
    border-top-color: #e6e6e6; }
  .markdown-body details[open] summary {
    color: #101046;
    text-shadow: none;
    background: #8a8ae5;
    border-radius: 0.3em 0.3em 0 0; }
    .markdown-body details[open] summary:before {
      transform: rotate(90deg); }
    .markdown-body details[open] summary:after {
      content: "隐藏"; }
  .markdown-body details[open] article {
    border-radius: 0 0 0.3em 0.3em; }

.markdown-body .center {
  display: flex;
  justify-content: center; }

.markdown-body .line {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 auto; }
  .markdown-body .line > * {
    margin-right: 5px; }

.markdown-body .blackboard {
  color: rgba(238, 238, 238, 0.7);
  position: relative;
  margin: 30px 7%;
  border: tan solid 12px;
  border-top: #bda27e solid 12px;
  border-left: #b19876 solid 12px;
  border-bottom: #c9ad86 solid 12px;
  box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 3px 4px 8px 5px rgba(0, 0, 0, 0.5);
  background-image: radial-gradient(circle at left 30%, rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.3) 80px, rgba(34, 34, 34, 0.5) 100px, rgba(51, 51, 51, 0.5) 160px, rgba(51, 51, 51, 0.5)), linear-gradient(215deg, transparent, transparent 100px, #222 260px, #222 320px, transparent), radial-gradient(circle at right, #111, #333333);
  background-color: #333; }
  .markdown-body .blackboard .blackboard-content {
    color: #ccc;
    margin-top: 50px;
    padding: 10px; }

.markdown-body .blackboard:before {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(175deg, transparent, transparent 40px, rgba(120, 120, 120, 0.1) 100px, rgba(120, 120, 120, 0.1) 110px, transparent 220px, transparent), linear-gradient(200deg, transparent 80%, rgba(50, 50, 50, 0.3)), radial-gradient(ellipse at right bottom, transparent, transparent 200px, rgba(80, 80, 80, 0.1) 260px, rgba(80, 80, 80, 0.1) 320px, transparent 400px, transparent);
  border: #2c2c2c solid 2px;
  content: "小黑板";
  font-family: 'Permanent Marker', cursive;
  font-size: 2.2em;
  color: rgba(238, 238, 238, 0.7);
  text-align: center;
  padding-top: 2px; }

.markdown-body .warning, .markdown-body .error, .markdown-body .info {
  position: relative;
  background: #ccc;
  border-left: 5px solid red;
  min-height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 12px 24px 12px 30px; }
  .markdown-body .warning .title-icon, .markdown-body .error .title-icon, .markdown-body .info .title-icon {
    position: absolute;
    left: -12px;
    top: 10px; }
    .markdown-body .warning .title-icon img, .markdown-body .error .title-icon img, .markdown-body .info .title-icon img {
      height: 20px;
      width: 20px;
      border-radius: 100%; }

.markdown-body .warning {
  border-color: #ff9800; }
  .markdown-body .warning .title-icon img {
    background: #cc7a00; }

.markdown-body .info {
  border-color: #00529B; }
  .markdown-body .info .title-icon img {
    background: #35a0ff; }

.markdown-body .error .title-icon img {
  background: #ff6666; }

.emoji {
  height: 1.2em; }

.markdown-body .viz-contain {
  display: flex;
  justify-content: center; }

.markdown-body abbr[title], .markdown-body abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777; }

iframe.bilibili_iframe {
  width: 500px;
  height: 400px;
  margin: 0 auto; }

body /deep/ .viz-gallery {
  display: flex;
  justify-content: center;
  background: red; }