@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 初始化网页样式 start */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:'';}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none;}:-moz-focusring{outline:auto;}:-moz-ui-invalid{box-shadow:none;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}fieldset{margin:0;padding:0;}legend{padding:0;}ol,ul,menu{list-style:none;margin:0;padding:0;}textarea{resize:vertical;}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer;}:disabled{cursor:default;}img,video{height:auto;}
/* 初始化网页样式 end */

.header1{font-size: 32px;text-align: center;}
.header2{font-size: 28px;text-align: center;}
.header3{font-size: 24px;text-align: center;}
.header4{font-size: 20px;text-align: center;}
.header5{font-size: 18px;text-align: center;}
.header6{font-size: 16px;text-align: center;}


/* 按钮 */
.semi-button-primary.semi-button-light, .semi-button-primary.semi-button-borderless{
    color: var(--semi-color-primary);
}
.semi-button-light{
    background-color: var(--semi-color-fill-0);
    border: 0 transparent solid;
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
}
.semi-button {
    box-shadow: none;
    font-size: 14px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 22px;
    letter-spacing: 0px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    border: 0 transparent solid;
    border-radius: var(--semi-border-radius-small);
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    outline: none;
    vertical-align: middle;
    white-space: nowrap;
}
.semi-button-secondary.semi-button-light, .semi-button-secondary.semi-button-borderless {
    color: var(--semi-color-secondary);
}
.semi-button-warning.semi-button-light, .semi-button-warning.semi-button-borderless {
    color: var(--semi-color-warning);
}
.semi-button-danger.semi-button-light, .semi-button-danger.semi-button-borderless {
    color: var(--semi-color-danger);
}
.semi-button-light:hover{
background-color: var(--semi-color-fill-1);
}
.semi-button-secondary {
    background-color: var(--semi-color-secondary);
    outline-color: var(--semi-color-secondary);
    color: rgba(var(--semi-white), 1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
}.semi-button-warning {
    background-color: var(--semi-color-warning);
    color: rgba(var(--semi-white), 1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
}
.semi-button-danger {
    background-color: var(--semi-color-danger);
    color: rgba(var(--semi-white), 1);
    transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
    transform: scale(var(--semi-transform_scale-none));
}







/* 按钮 */

/* 仅保留颜色值 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

:lang(zh-CN),html {
    quotes: "“" "”"
}

body {
    width: 100%;
    overflow-x: hidden;
    background: var(--semi-color-bg-0);
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

code,pre {
    font-family: Inconsolata,monospace;
    background-color: var(--semi-color-fill-1);
    margin-left: 4px;
    margin-right: 4px;
    letter-spacing: -.01em
}

body[theme-mode=dark] {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

body[theme-mode=dark] .gatsby-side-nav-top {
    background: rgba(35,36,41,.75);
    border-color: transparent
}

body[theme-mode=dark] .side-nav {
    background: rgba(35,36,41,.55);
    border-color: transparent
}

.side-nav {
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 60px;
    background: hsla(0,0%,100%,.55)
}

.side-nav .semi-navigation {
    padding-right: 0
}

.side-nav .semi-navigation-sub .semi-navigation-item {
    height: 40px;
    color: var(--semi-color-text-1)
}

.side-nav .semi-navigation-item-selected {
    color: var(--semi-color-primary)!important
}

.side-nav .semi-navigation-list-wrapper .semi-navigation-list {
    padding-bottom: 30px
}

.side-nav .semi-navigation-list-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.side-nav .semi-navigation-list-wrapper::-webkit-scrollbar-track {
    background: transparent
}

.side-nav .semi-navigation-list-wrapper::-webkit-scrollbar-corner {
    background-color: transparent
}

.side-nav .semi-navigation-list-wrapper::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: transparent;
    -webkit-transition: all 1s;
    transition: all 1s
}

.side-nav .semi-navigation-list-wrapper:hover::-webkit-scrollbar-thumb {
    background: var(--semi-color-fill-2)
}

.side-nav .semi-navigation-list-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--semi-color-fill-1)
}

@media screen and (max-width: 820px) {
    .side-nav {
        transform:translateX(100%);
        left: auto;
        position: fixed;
        top: 0;
        right: 0;
        border-left: 1px solid var(--semi-color-border);
        z-index: 100;
        backdrop-filter: saturate(20%) blur(20px);
        -webkit-backdrop-filter: saturate(20%) blur(20px);
        transition: transform .2s ease-in-out
    }

    .side-nav.show {
        transform: translateX(0)
    }
}

.skip-to-content {
    width: 122px;
    padding: 12px;
    position: absolute;
    left: 30px;
    transform: translateY(-100%);
    transition: transform .3s;
    background-color: #fff;
    font-size: 14px;
    border-radius: 3px;
    z-index: 9999
}

.skip-to-content ol {
    margin-top: 0;
    padding-left: 0;
    list-style-type: none;
    list-style-position: outside
}

.skip-to-content ol li {
    margin-top: 8px;
    line-height: 20px;
    color: var(--semi-color-primary)
}

.skip-to-content:focus-within {
    transform: translateY(0);
    top: 12px;
    outline: 2px solid var(--semi-color-border)
}

.skip-to-content-link:focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.content-area {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    padding-left: 280px;
    min-height: 100vh;
    padding-top: 60px
}

@media screen and (max-width: 820px) {
    .content-area {
        padding-left:0
    }
}

.content-area [class*=footerMini8] {
    margin-top: 0
}

.menu-action {
    display: none
}

@media screen and (max-width: 820px) {
    .menu-action {
        display:block
    }
}

.article-wrapper {
    flex-grow: 1;
    flex-basis: 100%;
    padding-top: 24px;
    width: 80%;
    margin: 0 auto;
    max-width: 1160px;
    position: relative;
    left: -50px
}

.article-wrapper .main-article {
    padding-top: 32px
}

@media screen and (max-width: 1024px) {
    .article-wrapper .main-article {
        grid-column-start:content-start;
        grid-column-end: toc-end
    }
}

@media screen and (max-width: 820px) {
    .article-wrapper .main-article {
        grid-column:full;
        grid-template-columns: [large-start] 24px [main-start] minmax(0,800px) [main-end] 24px [large-end]
    }
}

.article-wrapper .main-article section.md {
    display: grid;
    grid-column: large;
    grid-template-columns: [main-start large-start] minmax(0,800px) [main-end] 1fr [large-end]
}

.article-wrapper .main-article section.md .full-palette,.article-wrapper .main-article section.md .icons-list,.article-wrapper .main-article section.md .image-large,.article-wrapper .main-article section.md>* {
    grid-column: large
}

@media screen and (max-width: 820px) {
    .article-wrapper .main-article section.md {
        grid-template-columns:[large-start] 24px [main-start] minmax(0,800px) [main-end] 24px [large-end]
    }
}

.article-wrapper .main-article section.md:first-child h2.md {
    margin-top: 16px
}

.article-wrapper .main-article .semi-icons.md {
    color: var(--semi-color-text-2);
    margin: 0;
    position: relative;
    cursor: help;
    top: .12em
}

.article-wrapper .main-article p.md {
    font-size: 16px;
    line-height: 1.75;
    color: var(--semi-color-text-0);
    margin-top: 0
}

.article-wrapper .main-article p.md code {
    color: var(--semi-color-text-2)
}

.article-wrapper .main-article h2.md {
    color: var(--semi-color-text-0);
    font-size: 27.648px;
    margin-top: 64px;
    margin-bottom: 24px
}

.article-wrapper .main-article h3.md {
    color: var(--semi-color-text-0);
    font-size: 23.04px;
    margin-top: 32px;
    margin-bottom: 24px
}

.article-wrapper .main-article h2.md+h3.md {
    margin-top: 16px
}

.article-wrapper .main-article h4.md {
    color: var(--semi-color-text-0);
    font-size: 19.2px;
    margin-top: 16px;
    margin-bottom: 16px
}

.article-wrapper .main-article h5.md {
    color: var(--semi-color-text-0);
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 16px
}

.article-wrapper .main-article a.anchor {
    display: block;
    position: relative;
    top: -120px;
    height: 0;
    -webkit-user-select: none;
    user-select: none;
    visibility: hidden
}

.article-wrapper .main-article [class^=image-] {
    margin-bottom: 24px;
    box-shadow: 0 0 0 1px var(--semi-color-border);
    border-radius: 3px;
    overflow: hidden
}

.article-wrapper .main-article .image-large {
    grid-column: large
}

.article-wrapper .main-article .image-no-border {
    box-shadow: none
}

.article-wrapper .main-article div.image-no-border-large {
    box-shadow: none;
    grid-column: large
}

.article-wrapper .main-article .table-container {
    display: block;
    overflow-x: auto;
    width: 100%
}

@media screen and (max-width: 820px) {
    .article-wrapper .main-article .table-container {
        grid-column:large;
        border-width: .5px;
        padding-right: 16px;
        box-sizing: border-box;
        -webkit-mask: linear-gradient(270deg,transparent,#000 36px);
        mask: linear-gradient(270deg,transparent,#000 36px);
        -webkit-mask-position: right
    }

    .article-wrapper .main-article .table-container table.md {
        margin-right: 24px
    }

    .article-wrapper{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

.article-wrapper .main-article>* {
    grid-column: main
}

.article-wrapper .main-article .text {
    vertical-align: middle
}

.article-wrapper .main-article .example-container {
    grid-column: large
}

.article-wrapper .title-area {
    grid-row: title;
    grid-column-start: content-start;
    justify-content: space-between
}

.article-wrapper .article-title {
    color: var(--semi-color-text-0);
    font-size: 36px;
    margin-bottom: 16px;
    margin-top: 24px
}

.article-wrapper .article-actions {
    margin-top: 24px
}

@media screen and (max-width: 1024px) {
    .article-wrapper .article-actions {
        display:none
    }
}

.article-wrapper .article-actions a {
    text-decoration: none
}

.article-wrapper .article-brief {
    color: var(--semi-color-text-2);
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 32px;
    max-width: 800px
}

.article-wrapper .article-tag {
    margin-top: 16px;
    margin-bottom: 0
}

.article-wrapper .article-tag+.article-title {
    margin-top: 16px
}

.article-wrapper .article-footer {
    margin-top: 128px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 6px;
    background-color: var(--semi-color-fill-0)
}

@media screen and (max-width: 1399px) {
    .article-wrapper {
        box-sizing:border-box;
        width: 100%;
        left: 0;
        padding-left: 24px;
        padding-right: 24px
    }
}

.link-icon {
    vertical-align: middle;
    margin-top: -3px
}

.spin-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-9px,-50%);
    width: 102px;
    height: 18px;
    z-index: 5
}

.home-content-area {
    height: calc(100vh - 60px);
    overflow: hidden;
    padding-top: 60px
}

[theme-mode=dark] .color-block:hover {
    box-shadow: 0 0 0 3px #0a0a0a
}

:global body {
    display: block
}

:global body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

:global body::-webkit-scrollbar-track {
    background: transparent
}

:global body::-webkit-scrollbar-corner {
    background-color: transparent
}

:global body::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: transparent;
    -webkit-transition: all 1s;
    transition: all 1s
}

:global body:hover::-webkit-scrollbar-thumb {
    background: var(--semi-color-fill-2)
}

:global body::-webkit-scrollbar-thumb:hover {
    background: var(--semi-color-fill-1)
}

@media(max-width: 1400px) {
    .pageAnchor {
        display:none
    }
}

.reset-font-style {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: unset;
    line-height: unset
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Thin-cb38fafcddab9f0791b9386bced1fe72.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Thin-2a374d6edf92b2a78d4cda6a9edeb387.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ThinItalic-040a008c0c543ea5cf8f4a909e06fb7b.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ThinItalic-98a9e6dfa486e9c2f6a8ba62600dccd7.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraLight-40c7842dd01f11a87bb242c29355e722.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraLight-9d9c4d32b61c16328d154a827591044f.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraLightItalic-01420b4426dd9555d7c6346913529263.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraLightItalic-ad01e413bab0d39f6129740e8224d9c9.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Light-37ead458a1a27af6b5eabaab92c3046a.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Light-d01b036e1f756b74c2510b4a528a9326.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-LightItalic-7b947a2d12fa25e033ac30ee516c2e7b.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-LightItalic-6ebd87030c256a0aa970e351ce99242a.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Regular-4232a675a077023a364c30ee94c155b5.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Regular-3a1908c295b271e773a65f77f9447c00.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Italic-b791861d3a93a3a2dd5f03ce1056c99a.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Italic-b13e6fe97c24724535d6840d75417e76.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Medium-027d14e7d35bfa1b9c2eb0a92a69c103.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Medium-d1f6b6e94d708080f08d1325bbc3835e.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-MediumItalic-8154ac2c021236e04459f9566e5d850d.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-MediumItalic-1912849d469a63159169b04c043f33d5.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-SemiBold-0802d48bd2c2e67d3008c2da27cfb634.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-SemiBold-8357f9259b2079ca854573a01b7e67b4.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-SemiBoldItalic-10a60d8e336ddc991ba501a2b1dc3ba5.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-SemiBoldItalic-1c7075235515de694e65b1d7e6d312f8.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Bold-fc28dff75afccce7f5a90844fba40466.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Bold-025b6f2e76234e5dd671f31ccd6b6cd1.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-BoldItalic-2129bd08d28de880f55381e05514af92.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-BoldItalic-80f85429825e5c573e9a609ba2f43fd7.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraBold-f1145ab6f5d206beb8d1b10ba0270b92.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraBold-3e8baa64cd2f2c96c32996478c039a01.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraBoldItalic-f11ccd69d37a9e664bd5858a39160ac6.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-ExtraBoldItalic-bb3a4d3ce360739ec6de297f66c0d1bd.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Black-8da0f3b566ee0423aac0d1757bb1673d.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-Black-6db365aeaea05fb00f0541bb88b39dec.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-BlackItalic-7cd26ccb2447d333885947c3eeef6f61.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-BlackItalic-49382ba41a653542316169df77bc29dd.woff) format("woff")
}

@font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance:"Regular";src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-roman.var-6718c2681ffa562474407218ac0b08ae.woff2) format("woff2")
}

@font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance:"Italic";src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter-italic.var-6e2b88e2d98eb6a45ee10505c342d853.woff2) format("woff2")
}

@font-face {
    font-family: Inter var experimental;
    font-weight: 100 900;
    font-display: swap;
    font-style: oblique 0deg 10deg;
    src: url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/Inter.var-29da69cd6d915b5e1548bfa133421fc0.woff2) format("woff2")
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Inconsolata Regular "),local("Inconsolata-Regular"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/inconsolata-latin-400-3b892623781be87c5d9c0baaf120282f.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/inconsolata-latin-400-1fe9cc2170c678e8c1f8c5e3535ab848.woff) format("woff")
}

@font-face {
    font-family: Inconsolata;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: local("Inconsolata Bold "),local("Inconsolata-Bold"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/inconsolata-latin-700-8caa728e7fabd0a8927567953a46e3c2.woff2) format("woff2"),url(https://lf-cdn-tos.bytescm.com/obj/static/semi_main/static/inconsolata-latin-700-ca5a6a8c1d3e9185ff972bf537768122.woff) format("woff")
}

body {
    --semi-transition_duration-slowest: 0ms;
    --semi-transition_duration-slower: 0ms;
    --semi-transition_duration-slow: 0ms;
    --semi-transition_duration-normal: 0ms;
    --semi-transition_duration-fast: 0ms;
    --semi-transition_duration-faster: 0ms;
    --semi-transition_duration-fastest: 0ms;
    --semi-transition_duration-none: 0ms;
    --semi-transition_function-linear: linear;
    --semi-transition_function-ease: ease;
    --semi-transition_function-easeIn: ease-in;
    --semi-transition_function-easeOut: ease-out;
    --semi-transition_function-easeInIOut: ease-in-out;
    --semi-transition_delay-none: 0ms;
    --semi-transition_delay-slowest: 0ms;
    --semi-transition_delay-slower: 0ms;
    --semi-transition_delay-slow: 0ms;
    --semi-transition_delay-normal: 0ms;
    --semi-transition_delay-fast: 0ms;
    --semi-transition_delay-faster: 0ms;
    --semi-transition_delay-fastest: 0ms;
    --semi-transform_scale-none: scale(1,1);
    --semi-transform_scale-small: scale(1,1);
    --semi-transform_scale-medium: scale(1,1);
    --semi-transform_scale-large: scale(1,1);
    --semi-transform-rotate-none: rotate(0deg);
    --semi-transform_rotate-clockwise90deg: rotate(90deg);
    --semi-transform_rotate-clockwise180deg: rotate(180deg);
    --semi-transform_rotate-clockwise270deg: rotate(270deg);
    --semi-transform_rotate-clockwise360deg: rotate(360deg);
    --semi-transform_rotate-anticlockwise90deg: rotate(-90deg);
    --semi-transform_rotate-anticlockwise180deg: rotate(-180deg);
    --semi-transform_rotate-anticlockwise270deg: rotate(-270deg);
    --semi-transform_rotate-anticlockwise360deg: rotate(-360deg)
}

body,body .semi-always-light {
    --semi-amber-0: 254,251,235;
    --semi-amber-1: 252,245,206;
    --semi-amber-2: 249,232,158;
    --semi-amber-3: 246,216,111;
    --semi-amber-4: 243,198,65;
    --semi-amber-5: 240,177,20;
    --semi-amber-6: 200,138,15;
    --semi-amber-7: 160,102,10;
    --semi-amber-8: 120,70,6;
    --semi-amber-9: 80,43,3;
    --semi-black: 0,0,0;
    --semi-blue-0: 234,245,255;
    --semi-blue-1: 203,231,254;
    --semi-blue-2: 152,205,253;
    --semi-blue-3: 101,178,252;
    --semi-blue-4: 50,149,251;
    --semi-blue-5: 0,100,250;
    --semi-blue-6: 0,98,214;
    --semi-blue-7: 0,79,179;
    --semi-blue-8: 0,61,143;
    --semi-blue-9: 0,44,107;
    --semi-cyan-0: 229,247,248;
    --semi-cyan-1: 194,239,240;
    --semi-cyan-2: 138,221,226;
    --semi-cyan-3: 88,203,211;
    --semi-cyan-4: 44,184,197;
    --semi-cyan-5: 5,164,182;
    --semi-cyan-6: 3,134,152;
    --semi-cyan-7: 1,105,121;
    --semi-cyan-8: 0,77,91;
    --semi-cyan-9: 0,50,61;
    --semi-green-0: 236,247,236;
    --semi-green-1: 208,240,209;
    --semi-green-2: 164,224,167;
    --semi-green-3: 125,209,130;
    --semi-green-4: 90,194,98;
    --semi-green-5: 59,179,70;
    --semi-green-6: 48,149,59;
    --semi-green-7: 37,119,47;
    --semi-green-8: 27,89,36;
    --semi-green-9: 17,60,24;
    --semi-grey-0: 249,249,249;
    --semi-grey-1: 230,232,234;
    --semi-grey-2: 198,202,205;
    --semi-grey-3: 167,171,176;
    --semi-grey-4: 136,141,146;
    --semi-grey-5: 107,112,117;
    --semi-grey-6: 85,91,97;
    --semi-grey-7: 65,70,76;
    --semi-grey-8: 46,50,56;
    --semi-grey-9: 28,31,35;
    --semi-indigo-0: 236,239,248;
    --semi-indigo-1: 209,216,240;
    --semi-indigo-2: 167,179,225;
    --semi-indigo-3: 128,144,211;
    --semi-indigo-4: 94,111,196;
    --semi-indigo-5: 63,81,181;
    --semi-indigo-6: 51,66,161;
    --semi-indigo-7: 40,52,140;
    --semi-indigo-8: 31,40,120;
    --semi-indigo-9: 23,29,99;
    --semi-light-blue-0: 233,247,253;
    --semi-light-blue-1: 201,236,252;
    --semi-light-blue-2: 149,216,248;
    --semi-light-blue-3: 98,195,245;
    --semi-light-blue-4: 48,172,241;
    --semi-light-blue-5: 0,149,238;
    --semi-light-blue-6: 0,123,202;
    --semi-light-blue-7: 0,99,167;
    --semi-light-blue-8: 0,75,131;
    --semi-light-blue-9: 0,53,95;
    --semi-light-green-0: 243,248,236;
    --semi-light-green-1: 227,240,208;
    --semi-light-green-2: 200,226,165;
    --semi-light-green-3: 173,211,126;
    --semi-light-green-4: 147,197,91;
    --semi-light-green-5: 123,182,60;
    --semi-light-green-6: 100,152,48;
    --semi-light-green-7: 78,121,38;
    --semi-light-green-8: 57,91,27;
    --semi-light-green-9: 37,61,18;
    --semi-lime-0: 242,250,230;
    --semi-lime-1: 227,246,197;
    --semi-lime-2: 203,237,142;
    --semi-lime-3: 183,227,91;
    --semi-lime-4: 167,218,44;
    --semi-lime-5: 155,209,0;
    --semi-lime-6: 126,174,0;
    --semi-lime-7: 99,139,0;
    --semi-lime-8: 72,104,0;
    --semi-lime-9: 47,70,0;
    --semi-orange-0: 255,248,234;
    --semi-orange-1: 254,238,204;
    --semi-orange-2: 254,217,152;
    --semi-orange-3: 253,193,101;
    --semi-orange-4: 253,166,51;
    --semi-orange-5: 252,136,0;
    --semi-orange-6: 210,103,0;
    --semi-orange-7: 168,74,0;
    --semi-orange-8: 126,49,0;
    --semi-orange-9: 84,29,0;
    --semi-pink-0: 253,236,239;
    --semi-pink-1: 251,207,216;
    --semi-pink-2: 246,160,181;
    --semi-pink-3: 242,115,150;
    --semi-pink-4: 237,72,123;
    --semi-pink-5: 233,30,99;
    --semi-pink-6: 197,19,86;
    --semi-pink-7: 162,11,72;
    --semi-pink-8: 126,5,58;
    --semi-pink-9: 90,1,43;
    --semi-purple-0: 247,233,247;
    --semi-purple-1: 239,202,240;
    --semi-purple-2: 221,155,224;
    --semi-purple-3: 201,111,209;
    --semi-purple-4: 180,73,194;
    --semi-purple-5: 158,40,179;
    --semi-purple-6: 135,30,158;
    --semi-purple-7: 113,22,138;
    --semi-purple-8: 92,15,117;
    --semi-purple-9: 73,10,97;
    --semi-red-0: 254,242,237;
    --semi-red-1: 254,221,210;
    --semi-red-2: 253,183,165;
    --semi-red-3: 251,144,120;
    --semi-red-4: 250,102,76;
    --semi-red-5: 249,57,32;
    --semi-red-6: 213,37,21;
    --semi-red-7: 178,20,12;
    --semi-red-8: 142,8,5;
    --semi-red-9: 106,1,3;
    --semi-teal-0: 228,247,244;
    --semi-teal-1: 192,240,232;
    --semi-teal-2: 135,224,211;
    --semi-teal-3: 84,209,193;
    --semi-teal-4: 39,194,176;
    --semi-teal-5: 0,179,161;
    --semi-teal-6: 0,149,137;
    --semi-teal-7: 0,119,111;
    --semi-teal-8: 0,89,85;
    --semi-teal-9: 0,60,58;
    --semi-violet-0: 243,237,249;
    --semi-violet-1: 226,209,244;
    --semi-violet-2: 196,167,233;
    --semi-violet-3: 166,127,221;
    --semi-violet-4: 136,91,210;
    --semi-violet-5: 106,58,199;
    --semi-violet-6: 87,47,179;
    --semi-violet-7: 70,37,158;
    --semi-violet-8: 54,28,138;
    --semi-violet-9: 40,20,117;
    --semi-white: 255,255,255;
    --semi-yellow-0: 255,253,234;
    --semi-yellow-1: 254,251,203;
    --semi-yellow-2: 253,243,152;
    --semi-yellow-3: 252,232,101;
    --semi-yellow-4: 251,218,50;
    --semi-yellow-5: 250,200,0;
    --semi-yellow-6: 208,170,0;
    --semi-yellow-7: 167,139,0;
    --semi-yellow-8: 125,106,0;
    --semi-yellow-9: 83,72,0
}

body .semi-always-dark,body[theme-mode=dark] {
    --semi-red-0: 108,9,11;
    --semi-red-1: 144,17,16;
    --semi-red-2: 180,32,25;
    --semi-red-3: 215,51,36;
    --semi-red-4: 251,73,50;
    --semi-red-5: 252,114,90;
    --semi-red-6: 253,153,131;
    --semi-red-7: 253,190,172;
    --semi-red-8: 254,224,213;
    --semi-red-9: 255,243,239;
    --semi-pink-0: 92,7,48;
    --semi-pink-1: 128,14,65;
    --semi-pink-2: 164,23,81;
    --semi-pink-3: 199,34,97;
    --semi-pink-4: 235,47,113;
    --semi-pink-5: 239,86,134;
    --semi-pink-6: 243,126,159;
    --semi-pink-7: 247,168,188;
    --semi-pink-8: 251,211,220;
    --semi-pink-9: 253,238,241;
    --semi-purple-0: 74,16,97;
    --semi-purple-1: 94,23,118;
    --semi-purple-2: 115,31,138;
    --semi-purple-3: 137,40,159;
    --semi-purple-4: 160,51,179;
    --semi-purple-5: 181,83,194;
    --semi-purple-6: 202,120,209;
    --semi-purple-7: 221,160,225;
    --semi-purple-8: 239,206,240;
    --semi-purple-9: 247,235,247;
    --semi-violet-0: 64,27,119;
    --semi-violet-1: 76,36,140;
    --semi-violet-2: 88,46,160;
    --semi-violet-3: 100,57,181;
    --semi-violet-4: 114,70,201;
    --semi-violet-5: 136,101,212;
    --semi-violet-6: 162,136,223;
    --semi-violet-7: 190,173,233;
    --semi-violet-8: 221,212,244;
    --semi-violet-9: 241,238,250;
    --semi-indigo-0: 23,30,101;
    --semi-indigo-1: 32,41,122;
    --semi-indigo-2: 41,54,142;
    --semi-indigo-3: 52,68,163;
    --semi-indigo-4: 64,83,183;
    --semi-indigo-5: 95,113,197;
    --semi-indigo-6: 129,145,212;
    --semi-indigo-7: 167,180,226;
    --semi-indigo-8: 209,216,241;
    --semi-indigo-9: 237,239,248;
    --semi-blue-0: 5,49,112;
    --semi-blue-1: 10,70,148;
    --semi-blue-2: 19,92,184;
    --semi-blue-3: 29,117,219;
    --semi-blue-4: 41,144,255;
    --semi-blue-5: 84,169,255;
    --semi-blue-6: 127,193,255;
    --semi-blue-7: 169,215,255;
    --semi-blue-8: 212,236,255;
    --semi-blue-9: 239,248,255;
    --semi-light-blue-0: 0,55,97;
    --semi-light-blue-1: 0,77,133;
    --semi-light-blue-2: 3,102,169;
    --semi-light-blue-3: 10,129,204;
    --semi-light-blue-4: 19,159,240;
    --semi-light-blue-5: 64,180,243;
    --semi-light-blue-6: 110,200,246;
    --semi-light-blue-7: 157,220,249;
    --semi-light-blue-8: 206,238,252;
    --semi-light-blue-9: 235,248,254;
    --semi-cyan-0: 4,52,61;
    --semi-cyan-1: 7,79,92;
    --semi-cyan-2: 10,108,123;
    --semi-cyan-3: 14,137,153;
    --semi-cyan-4: 19,168,184;
    --semi-cyan-5: 56,187,198;
    --semi-cyan-6: 98,205,212;
    --semi-cyan-7: 145,223,227;
    --semi-cyan-8: 198,239,241;
    --semi-cyan-9: 231,247,248;
    --semi-teal-0: 2,60,57;
    --semi-teal-1: 4,90,85;
    --semi-teal-2: 7,119,111;
    --semi-teal-3: 10,149,136;
    --semi-teal-4: 14,179,161;
    --semi-teal-5: 51,194,176;
    --semi-teal-6: 94,209,193;
    --semi-teal-7: 142,225,211;
    --semi-teal-8: 196,240,232;
    --semi-teal-9: 230,247,244;
    --semi-green-0: 18,60,25;
    --semi-green-1: 28,90,37;
    --semi-green-2: 39,119,49;
    --semi-green-3: 50,149,61;
    --semi-green-4: 62,179,73;
    --semi-green-5: 93,194,100;
    --semi-green-6: 127,209,132;
    --semi-green-7: 166,225,168;
    --semi-green-8: 208,240,209;
    --semi-green-9: 236,247,236;
    --semi-light-green-0: 38,61,19;
    --semi-light-green-1: 59,92,29;
    --semi-light-green-2: 81,123,40;
    --semi-light-green-3: 103,153,52;
    --semi-light-green-4: 127,184,64;
    --semi-light-green-5: 151,198,95;
    --semi-light-green-6: 176,212,129;
    --semi-light-green-7: 201,227,167;
    --semi-light-green-8: 228,241,209;
    --semi-light-green-9: 243,248,237;
    --semi-lime-0: 49,70,3;
    --semi-lime-1: 75,105,5;
    --semi-lime-2: 103,141,9;
    --semi-lime-3: 132,176,12;
    --semi-lime-4: 162,211,17;
    --semi-lime-5: 174,220,58;
    --semi-lime-6: 189,229,102;
    --semi-lime-7: 207,237,150;
    --semi-lime-8: 229,246,201;
    --semi-lime-9: 243,251,233;
    --semi-yellow-0: 84,73,3;
    --semi-yellow-1: 126,108,6;
    --semi-yellow-2: 168,142,10;
    --semi-yellow-3: 210,175,15;
    --semi-yellow-4: 252,206,20;
    --semi-yellow-5: 253,222,67;
    --semi-yellow-6: 253,235,113;
    --semi-yellow-7: 254,245,160;
    --semi-yellow-8: 254,251,208;
    --semi-yellow-9: 255,254,236;
    --semi-amber-0: 81,46,9;
    --semi-amber-1: 121,75,15;
    --semi-amber-2: 161,107,22;
    --semi-amber-3: 202,143,30;
    --semi-amber-4: 242,183,38;
    --semi-amber-5: 245,202,80;
    --semi-amber-6: 247,219,122;
    --semi-amber-7: 250,234,166;
    --semi-amber-8: 252,246,210;
    --semi-amber-9: 254,251,237;
    --semi-orange-0: 85,31,3;
    --semi-orange-1: 128,53,6;
    --semi-orange-2: 170,80,10;
    --semi-orange-3: 213,111,15;
    --semi-orange-4: 255,146,20;
    --semi-orange-5: 255,174,67;
    --semi-orange-6: 255,199,114;
    --semi-orange-7: 255,221,161;
    --semi-orange-8: 255,239,208;
    --semi-orange-9: 255,249,237;
    --semi-grey-0: 28,31,35;
    --semi-grey-1: 46,50,56;
    --semi-grey-2: 65,70,76;
    --semi-grey-3: 85,91,97;
    --semi-grey-4: 107,112,117;
    --semi-grey-5: 136,141,146;
    --semi-grey-6: 167,171,176;
    --semi-grey-7: 198,202,205;
    --semi-grey-8: 230,232,234;
    --semi-grey-9: 249,249,249;
    --semi-white: 255,255,255;
    --semi-black: 0,0,0
}

body,body[theme-mode=dark] .semi-always-light {
    --semi-color-white: rgba(var(--semi-white),1);
    --semi-color-black: rgba(var(--semi-black),1);
    --semi-color-primary: rgba(var(--semi-green-5),1);
    /* --semi-color-primary: rgba(var(--semi-blue-5),1); */
    --semi-color-primary-hover: rgba(var(--semi-green-6),1);
    --semi-color-primary-active: rgba(var(--semi-green-7),1);
    --semi-color-primary-disabled: rgba(var(--semi-green-2),1);
    --semi-color-primary-light-default: rgba(var(--semi-green-0),1);
    --semi-color-primary-light-hover: rgba(var(--semi-green-1),1);
    --semi-color-primary-light-active: rgba(var(--semi-green-2),1);
    --semi-color-secondary: rgba(var(--semi-light-blue-5),1);
    --semi-color-secondary-hover: rgba(var(--semi-light-blue-6),1);
    --semi-color-secondary-active: rgba(var(--semi-light-blue-7),1);
    --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2),1);
    --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0),1);
    --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1),1);
    --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2),1);
    --semi-color-tertiary: rgba(var(--semi-grey-5),1);
    --semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);
    --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
    --semi-color-tertiary-light-default: rgba(var(--semi-grey-0),1);
    --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1),1);
    --semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);
    --semi-color-default: rgba(var(--semi-grey-0),1);
    --semi-color-default-hover: rgba(var(--semi-grey-1),1);
    --semi-color-default-active: rgba(var(--semi-grey-2),1);
    --semi-color-info: rgba(var(--semi-blue-5),1);
    --semi-color-info-hover: rgba(var(--semi-blue-6),1);
    --semi-color-info-active: rgba(var(--semi-blue-7),1);
    --semi-color-info-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-info-light-default: rgba(var(--semi-blue-0),1);
    --semi-color-info-light-hover: rgba(var(--semi-blue-1),1);
    --semi-color-info-light-active: rgba(var(--semi-blue-2),1);
    --semi-color-success: rgba(var(--semi-green-5),1);
    --semi-color-success-hover: rgba(var(--semi-green-6),1);
    --semi-color-success-active: rgba(var(--semi-green-7),1);
    --semi-color-success-disabled: rgba(var(--semi-green-2),1);
    --semi-color-success-light-default: rgba(var(--semi-green-0),1);
    --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
    --semi-color-success-light-active: rgba(var(--semi-green-2),1);
    --semi-color-danger: rgba(var(--semi-red-5),1);
    --semi-color-danger-hover: rgba(var(--semi-red-6),1);
    --semi-color-danger-active: rgba(var(--semi-red-7),1);
    --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
    --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
    --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
    --semi-color-warning: rgba(var(--semi-orange-5),1);
    --semi-color-warning-hover: rgba(var(--semi-orange-6),1);
    --semi-color-warning-active: rgba(var(--semi-orange-7),1);
    --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
    --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
    --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
    /* --semi-color-focus-border: rgba(var(--semi-blue-5),1); */
    --semi-color-focus-border: rgba(var(--semi-pink-5),1);
    --semi-color-disabled-text: rgba(var(--semi-grey-9),.35);
    --semi-color-disabled-border: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);
    --semi-color-shadow: rgba(var(--semi-black),.04);
    --semi-color-link: rgba(var(--semi-blue-5),1);
    --semi-color-link-hover: rgba(var(--semi-blue-6),1);
    --semi-color-link-active: rgba(var(--semi-blue-7),1);
    --semi-color-link-visited: rgba(var(--semi-blue-5),1);
    --semi-color-border: rgba(var(--semi-grey-9),.08);
    --semi-color-nav-bg: rgba(var(--semi-white),1);
    --semi-color-overlay-bg: rgba(22,22,26,0.6);
    --semi-color-fill-0: rgba(var(--semi-grey-8),.05);
    --semi-color-fill-1: rgba(var(--semi-grey-8),.09);
    --semi-color-fill-2: rgba(var(--semi-grey-8),.13);
    --semi-color-bg-0: rgba(var(--semi-white),1);
    --semi-color-bg-1: rgba(var(--semi-white),1);
    --semi-color-bg-2: rgba(var(--semi-white),1);
    --semi-color-bg-3: rgba(var(--semi-white),1);
    --semi-color-bg-4: rgba(var(--semi-white),1);
    --semi-color-text-0: rgba(var(--semi-grey-9),1);
    --semi-color-text-1: rgba(var(--semi-grey-9),.8);
    --semi-color-text-2: rgba(var(--semi-grey-9),.62);
    --semi-color-text-3: rgba(var(--semi-grey-9),.35);
    --semi-shadow-elevated: 0 0 1px rgba(0,0,0,0.3),0 4px 14px rgba(0,0,0,0.1);
    --semi-border-radius-extra-small: 3px;
    --semi-border-radius-small: 3px;
    --semi-border-radius-medium: 6px;
    --semi-border-radius-large: 12px;
    --semi-border-radius-circle: 50%;
    --semi-border-radius-full: 9999px;
    --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
    --semi-color-highlight: rgba(var(--semi-black),1)
}

body,body .semi-always-dark,body[theme-mode=dark],body[theme-mode=dark] .semi-always-light {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

body .semi-always-dark,body[theme-mode=dark] {
    --semi-color-white: #e4e7f5;
    --semi-color-black: rgba(var(--semi-black),1);
    --semi-color-primary: rgba(var(--semi-pink-5),1);
    /* --semi-color-primary: rgba(var(--semi-blue-5),1); */
    --semi-color-primary-hover: rgba(var(--semi-blue-6),1);
    --semi-color-primary-active: rgba(var(--semi-blue-7),1);
    --semi-color-primary-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-primary-light-default: rgba(var(--semi-blue-5),.2);
    --semi-color-primary-light-hover: rgba(var(--semi-blue-5),.3);
    --semi-color-primary-light-active: rgba(var(--semi-blue-5),.4);
    --semi-color-secondary: rgba(var(--semi-light-blue-5),1);
    --semi-color-secondary-hover: rgba(var(--semi-light-blue-6),1);
    --semi-color-secondary-active: rgba(var(--semi-light-blue-7),1);
    --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2),1);
    --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),.2);
    --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),.3);
    --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),.4);
    --semi-color-tertiary: rgba(var(--semi-grey-5),1);
    --semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);
    --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
    --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),.2);
    --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),.3);
    --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),.4);
    --semi-color-default: rgba(var(--semi-grey-0),1);
    --semi-color-default-hover: rgba(var(--semi-grey-1),1);
    --semi-color-default-active: rgba(var(--semi-grey-2),1);
    --semi-color-info: rgba(var(--semi-blue-5),1);
    --semi-color-info-hover: rgba(var(--semi-blue-6),1);
    --semi-color-info-active: rgba(var(--semi-blue-7),1);
    --semi-color-info-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-info-light-default: rgba(var(--semi-blue-5),.2);
    --semi-color-info-light-hover: rgba(var(--semi-blue-5),.3);
    --semi-color-info-light-active: rgba(var(--semi-blue-5),.4);
    --semi-color-success: rgba(var(--semi-green-5),1);
    --semi-color-success-hover: rgba(var(--semi-green-6),1);
    --semi-color-success-active: rgba(var(--semi-green-7),1);
    --semi-color-success-disabled: rgba(var(--semi-green-2),1);
    --semi-color-success-light-default: rgba(var(--semi-green-5),.2);
    --semi-color-success-light-hover: rgba(var(--semi-green-5),.3);
    --semi-color-success-light-active: rgba(var(--semi-green-5),.4);
    --semi-color-danger: rgba(var(--semi-red-5),1);
    --semi-color-danger-hover: rgba(var(--semi-red-6),1);
    --semi-color-danger-active: rgba(var(--semi-red-7),1);
    --semi-color-danger-light-default: rgba(var(--semi-red-5),.2);
    --semi-color-danger-light-hover: rgba(var(--semi-red-5),.3);
    --semi-color-danger-light-active: rgba(var(--semi-red-5),.4);
    --semi-color-warning: rgba(var(--semi-orange-5),1);
    --semi-color-warning-hover: rgba(var(--semi-orange-6),1);
    --semi-color-warning-active: rgba(var(--semi-orange-7),1);
    --semi-color-warning-light-default: rgba(var(--semi-orange-5),.2);
    --semi-color-warning-light-hover: rgba(var(--semi-orange-5),.3);
    --semi-color-warning-light-active: rgba(var(--semi-orange-5),.4);
    --semi-color-focus-border: rgba(var(--semi-blue-5),1);
    --semi-color-disabled-text: rgba(var(--semi-grey-9),.35);
    --semi-color-disabled-border: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);
    --semi-color-link: rgba(var(--semi-blue-5),1);
    --semi-color-link-hover: rgba(var(--semi-blue-6),1);
    --semi-color-link-active: rgba(var(--semi-blue-7),1);
    --semi-color-link-visited: rgba(var(--semi-blue-5),1);
    --semi-color-nav-bg: #232429;
    --semi-shadow-elevated: inset 0 0 0 1px hsla(0,0%,100%,0.1),0 4px 14px rgba(0,0,0,0.25);
    --semi-color-overlay-bg: rgba(22,22,26,0.6);
    --semi-color-fill-0: rgba(var(--semi-white),.12);
    --semi-color-fill-1: rgba(var(--semi-white),.16);
    --semi-color-fill-2: rgba(var(--semi-white),.20);
    --semi-color-border: rgba(var(--semi-white),.08);
    --semi-color-shadow: rgba(var(--semi-black),.04);
    --semi-color-bg-0: #16161a;
    --semi-color-bg-1: #232429;
    --semi-color-bg-2: #35363c;
    --semi-color-bg-3: #43444a;
    --semi-color-bg-4: #4f5159;
    --semi-color-text-0: rgba(var(--semi-grey-9),1);
    --semi-color-text-1: rgba(var(--semi-grey-9),.8);
    --semi-color-text-2: rgba(var(--semi-grey-9),.6);
    --semi-color-text-3: rgba(var(--semi-grey-9),.35);
    --semi-border-radius-extra-small: 3px;
    --semi-border-radius-small: 3px;
    --semi-border-radius-medium: 6px;
    --semi-border-radius-large: 12px;
    --semi-border-radius-circle: 50%;
    --semi-border-radius-full: 9999px;
    --semi-color-highlight-bg: rgba(var(--semi-yellow-2),1);
    --semi-color-highlight: rgba(var(--semi-white),1)
}