* {
      box-sizing: border-box;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #353535;
      font-size: 16px;
      line-height: 1.8rem;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 40px 20px;
    }

    .title {
      text-align: center;
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 12px;
    }

    .date {
      text-align: right;
      margin-bottom: 4px;
    }

    .footer {
      margin-top: 40px;
      text-align: center;
      font-size: 14px;
      color: #999;
    }

    p,
    .doc_p {
      line-height: 1.8rem;
      padding-left: 0;
    }


    a {
      color: #1677ff;
      text-decoration: none;
    }

    a:hover {
      color: #69b1ff;
    }

    blockquote {
      margin: 16px 0;
      width: 100%;
      word-break: break-all;
      border-left: 4px solid #a7a8a8;
      padding: 10px 15px;
      border-left: 4px solid #b1b1b1;
      background-color: rgba(163, 164, 167, 0.1);
    }

    blockquote> :first-child {
      margin-top: 0;
    }

    blockquote> :last-child {
      margin-bottom: 0;
    }

    table {
      padding: 0;
      border-collapse: collapse;
      overflow-x: auto;
    }

    table tr {
      border-top: 1px solid #dfe2e5;
      margin: 0;
      padding: 0;
    }

    thead {
      background-color: rgba(187, 187, 187, 0.1);
    }

    table tr th {
      font-weight: bold;
      border: 1px solid #ebebeb;
      white-space: nowrap;
      border-bottom: 0;
      text-align: left;
      margin: 0;
      padding: 6px 13px;
    }

    table tr:hover {
      background-color: rgba(200, 200, 200, 0.5);
    }

    table tr td {
      border: 1px solid #ebebeb;
      text-align: left;
      margin: 0px;
      padding: 6px 13px;
    }

    table tr th:first-child,
    table tr td:first-child {
      margin-top: 0;
    }

    table tr th:last-child,
    table tr td:last-child {
      margin-bottom: 0;
    }

    strong {
      padding: 0 1px;
    }

    em {
      padding: 0 5px 0 2px;
    }

    table thead th {
      background-color: rgba(187, 187, 187, 0.1);
    }

    code {
      padding: 2px 4px;
      border-radius: 2px;
      font-size: 0.9rem;
      color: #5e5e5e;
      background-color: #dedede;
      border: 1px solid #bababa;
      border-radius: 4px;

      &.gray {
        border: none;
        background-color: #ececec;
        color: #34495e;
      }
    }

    tt {
      padding: 2px 4px;
      border-radius: 2px;
      font-size: 0.92rem;
      color: #e96900;
      background-color: #f8f8f8;
    }

    tt {
      margin: 0 2px;
    }