@font-face {
    font-family: "trench";
    src: url("./font/trench.otf");
    src: url("./font/trench.ttf") format('truetype');
}

.logo {
    width: 120px;
    height: 31px;
    background: #333;
    border-radius: 6px;
    margin: 16px 28px 16px 0;
    float: left;

    color: #f7f7f7;
    font-size: 28px;
    line-height: 31px;
    text-align: center;
    font-family: "trench";
}

.markdown {
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 1.8;
}

.highlight {
    line-height: 1.5;
}

.markdown img {
    vertical-align: middle;
    max-width: 100%;
}

.markdown h1 {
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 24px;
    margin-top: 8px;
    font-family: Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.markdown h1 .subtitle {
    font-weight: 400;
    font-size: 90%;
    margin-left: 12px
}

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    color: rgba(0, 0, 0, .85);
    font-family: Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 1.6em 0 .6em;
    font-weight: 500;
    clear: both;
}

.markdown h1 {
    font-size: 28px
}

.markdown h2 {
    font-size: 22px
}

.markdown h3 {
    font-size: 18px
}

.markdown h4 {
    font-size: 16px
}

.markdown h5 {
    font-size: 14px
}

.markdown h6 {
    font-size: 12px
}

.markdown hr {
    height: 1px;
    border: 0;
    background: #e9e9e9;
    margin: 16px 0;
    clear: both
}

.markdown p,
.markdown pre {
    margin: 1em 0
}

.markdown ul > li {
    list-style-type: circle;
    margin-left: 20px;
    padding-left: 4px
}

.markdown ul > li:empty {
    display: none
}

.markdown ol > li {
    list-style-type: decimal;
    margin-left: 20px;
    padding-left: 4px
}

.markdown ol > li > p,
.markdown ul > li > p {
    margin: .2em 0
}

.markdown code {
    margin: 0 1px;
    padding: .2em .4em;
    border-radius: 3px;
    font-size: .9em;
    border: 1px solid #eee
}

.markdown pre {
    border-radius: 4px;
    background: #f7f7f7;
    font-family: Lucida Console, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
}

.markdown pre code {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: rgba(0, 0, 0, .65);
    overflow: auto
}

.markdown b,
.markdown strong {
    font-weight: 600
}

.markdown table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #e9e9e9;
    width: 100%;
    margin: 8px 0 16px
}

.markdown  table th {
    white-space: nowrap;
    color: #5c6b77;
    font-weight: 600
}

.markdown  table td,
.markdown  table th {
    border: 1px solid #e9e9e9;
    padding: 8px 16px;
    text-align: left
}

.markdown  table th {
    background: #f7f7f7
}

.markdown blockquote {
    font-size: 90%;
    color: #999;
    border-left: 4px solid #e9e9e9;
    padding-left: .8em;
    margin: 1em 0
}

.markdown blockquote p {
    margin: 0
}

.markdown .anchor {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-left: 8px
}

.markdown .waiting {
    color: #ccc;
    cursor: not-allowed
}

.markdown a.edit-button {
    line-height: 12px;
    display: inline-block;
    margin-left: 10px;
    height: 12px;
    text-decoration: none
}

.markdown a.edit-button i {
    color: #999
}

.markdown a.edit-button i:hover {
    color: #108ee9
}

.markdown a.edit-button .anticon {
    display: block;
    font-size: 16px
}

.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
    opacity: 1;
    display: inline-block
}

.markdown > br, 
.markdown > p > br {
    clear: both
}

.markdown.api-container table {
    font-size: 13px
}

.markdown.api-container table td:first-child {
    background: #fcfcfc;
    font-weight: 500;
    width: 20%;
    font-family: Lucida Console, Consolas, Menlo, Courier, monospace;
}

.markdown.api-container table td:nth-child(3) {
    width: 22%;
    font-size: 12px;
    font-family: Lucida Console, Consolas, Menlo, Courier, monospace;
}

.markdown.api-container table td:last-child {
    width: 13%;
    font-size: 12px;
    font-family: Lucida Console, Consolas, Menlo, Courier, monospace;
}

.markdown img {
    max-width: 70%;
}

.ant-tabs-bar {
    margin-bottom: 5px !important;
}