body {
    background-color: #000000;
}

.fs-1g{
    font-size:calc(1.573rem + 1.5vw)!important
}
.fs-sm {
    font-size: 0.85rem
}
.fs-ssm {
    font-size: 0.8rem
}

.navbar-dark {
    background-color: rgba(17,17,17,.9) !important;
}

.btn-custom-dark {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #131313;
    --bs-btn-border-color: rgba(255,255,255,.11);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #131313;
    --bs-btn-hover-border-color: rgba(255,255,255,.11);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-btn-border-radius: 0.8rem;
    transition: all .3s;
}
.btn-custom-dark:hover {
    transform: translateY(2px);
}

.btn-custom-light {
    --bs-btn-color: #ffffff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-border-radius: 0.8rem;
    transition: all .3s;
    background: linear-gradient(43deg,#fa12e3 14.17%,#7612fa 98.25%);
    border: unset;
}
.btn-custom-light:hover {
    transform: translateY(2px);
}

.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.4rem;
}

.custom-title {
    text-align: center;
    max-width: 800px;
    margin: auto;
}
.custom-title .tools {
    display: inline-block;
    padding: 0.3rem 1.5rem;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
}
.custom-title .tools .txt {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 1rem;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f0f0f;
    --bs-btn-border-color: #0f0f0f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #333333;
    --bs-btn-border-color: #333333;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.header {
    position: sticky;
    inset-block-start: 0;
    z-index: 10000;
}
.top-bar {
    background: #fa5d1f;
}
.banner {
    --nav-height: 66px;
    --animation-duration: 0.3s;
    --animation-easing: linear;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-margin-before: calc(var(--nav-height)* -1);
    margin-block-start: calc(var(--nav-height)* -1);
    -webkit-margin-after: 150px;
    margin-block-end: 150px;
    background-image: url("../images/platform-hero-bg.png");
    background-position: 50% 0;
    background-size: auto 940px;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    min-height: 500px;
}
.banner-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    -webkit-margin-before: 280px;
    margin-block-start: 280px;
    -webkit-margin-after: 50px;
    margin-block-end: 50px;
    padding: 0 1rem;
    text-align: center;
}
.banner-content.changelog {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
}

.banner-content .banner-h1 {
    margin: auto;
    color: #ffffff;
}

.container-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
}
.container-banner .banner-btn {
    border-radius: 1491px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: rgba(22, 139, 248, .13);
    padding: 2px 12px;
    overflow: hidden;
}
.container-banner .banner-btn .banner-btn-inner {
    background: linear-gradient(43deg, rgb(250, 18, 227), rgb(255, 178, 141) 50%, rgb(250, 18, 227));
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: banner-text-animated1 10s linear infinite;
}
.container-banner .banner-btn .banner-btn-inner.changelog {
    background: linear-gradient(90deg, #3ee1a3 0, #32f08c 36%, #60f2bd 71.63%, #a0fde7 100%);
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: banner-text-animated1 10s linear infinite;
}
.container-banner .banner-btn .banner-btn-inner span {
    color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    margin: 0;
}
@keyframes banner-text-animated1 {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.banner-text-animated {
    background: linear-gradient(43deg, rgb(250, 18, 227), rgb(255, 178, 141) 50%, rgb(250, 18, 227));
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: banner-text-animated2 10s linear infinite;
}

.banner-text-animated.changelog {
    background: linear-gradient(90deg, #3ee1a3 0, #32f08c 36%, #60f2bd 71.63%, #a0fde7 100%);
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: banner-text-animated2 10s linear infinite;
}
.banner-text-animated span {
    color: rgba(0, 0, 0, 0);
    margin: 0;
}
@keyframes banner-text-animated2 {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}
/* 关键动画：淡入淡出效果 */
@keyframes fadeCycle {
    0% { width: auto; opacity: 0; } /* 初始隐藏 */
    10% { width: auto; opacity: 1; } /* 淡入 */
    25% { width: auto;  opacity: 1;} /* 保持显示 */
    35% { width: auto; opacity: 0; } /* 淡出 */
    100% { width: 0; opacity: 0; } /* 剩余时间隐藏 */
}
/* 为每个词设置不同的动画延迟，实现交替切换 */
.word-how { animation-delay: 0s; } /* 第一个显示 */
.word-while { animation-delay: 4s; } /* 4秒后显示 */
.word-where { animation-delay: 8s; } /* 8秒后显示 */
.word-with { animation-delay: 12s; } /* 12秒后显示 */


.txt-h2 {
    margin: 0;
    padding: 0;
    color: #a0a0a0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.63px;
}

.box-collapse {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(90, 90, 90, .38);
    border-radius: 18px;
    min-height: 60px;
}
.box-collapse .btn-collapse {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .5s ease;
    border-block-end: 1px solid rgba(90, 90, 90, .38);
}
.box-collapse .btn-collapse .btn-collapse-text {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
    margin: 0;
}
.box-collapse .btn-collapse .btn-collapse-icon {
    padding: 1rem 1.5rem;
    margin: 0;
    font-size: 1rem;
    color: #a0a0a0;
    font-weight: 500;
    line-height: 1.5;
}
.box-collapse .btn-collapse[data-bs-toggle=""] {
    background: rgba(255, 255, 255, .08);
    border-block-end: none;
}
.box-collapse .collapse-content {
    background: rgba(255, 255, 255, .08);
    padding: 0 1.5rem 1rem;
    color: #ffffff;
}

.custom-list1 {
    position: relative;
    block-size: 600px;
    -webkit-padding-start: 150px;
    padding-inline-start: 150px;
    list-style: none;
}
.custom-list1 li {
    position: absolute;
    inset-block-start: var(--y-offset);
    padding: 10px;
    cursor: pointer;
    pointer-events: none;
    transition: inset-block-start .5s ease-in-out, transform .5s ease-in-out, opacity .5s ease-in-out;
}
.custom-list1 li:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: auto;
    transform: rotate(90deg) scaleY(1.7) scaleX(.7);
    transform-origin: center;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.custom-list1 li img {
    pointer-events: none;
    transition: opacity .5s ease
}
.custom-list1 li img:first-child:not(:only-child) {
    position: absolute;
    z-index: 3;
    opacity: 0
}
.custom-list1 li:hover {
    opacity: .85;
    transform: scale(1.02)
}
.custom-list1 li.active {
    opacity: 1;
    transform: scale(1);
}
.custom-list1 li.active:hover {
    transform: scale(1.02)
}
.custom-list1 li.active img:first-child:not(:only-child) {
    opacity: 1
}
.custom-list1 li.top-layer {
    --y-offset: 0px;
    z-index: 5;
    opacity: .85;
}
.custom-list1 li .layer-inner {
    position: relative;
}

.box-check {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    background: rgba(255, 255, 255, .15);
    cursor: pointer;
}
.box-check .form-check-input {
    position: absolute;
    top: 14px;
    right: 14px;
}
.box-check .box-check-text {
    padding: 3rem 14px 14px 14px;
}
.box-check .box-check-icon {
    position: absolute;
    z-index: -1;
    top: 14px;
    left: 14px;
    margin-bottom: 0.5rem;
}
.box-check .box-check-icon .iconfont {
    font-size: 1.4rem;
}
.box-check .box-check-icon .iconfont.project {
    color: #E93D82;
}
.box-check .box-check-icon .iconfont.answers {
    color: #1F7CFF;
}
.box-check .box-check-icon .iconfont.campaign {
    color: #FFD700;
}
.box-check .box-check-icon .iconfont.content {
    color: #12A594;
}
.box-check .box-check-icon .iconfont.brand {
    color: #FF6221;
}
.box-check .box-check-icon .iconfont.standup {
    color: #9C98FF;
}
.box-check .box-check-icon .iconfont.quality {
    color: #21C828;
}
.box-check .box-check-icon .iconfont.deadline {
    color: #C62A2F;
}
.box-check .box-check-icon .iconfont.ai-tools {
    color: #FA12E3;
}
.box-check .box-check-icon .iconfont.workflows {
    color: #FFC53D;
}

.list-brand {
    position: relative;
    display: flex;
    gap: 30px;
    max-inline-size: 100%;
    margin: auto;
    overflow: hidden;
}
.list-brand:after, .list-brand:before {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inline-size: calc(100% + 120px);
    block-size: 1px;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.list-brand:before {
    background: linear-gradient(90deg, rgba(58, 58, 58, 0) 0, rgb(58, 58, 58) 10.8%, rgb(58, 58, 58) 90.5%, rgba(58, 58, 58, 0));
}
.list-brand:after {
    inset-block-end: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgb(122, 226, 207) 50%, rgba(255, 255, 255, 0));
}
.list-brand-item {
    position: relative;
    padding: 50px 53px 30px;
}
.list-brand-item:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    z-index: 0;
    inline-size: 1px;
    block-size: 100%;
    background: rgba(58, 58, 58, .5);
}
.list-brand-item:after {
    content: "";
    position: absolute;
    inset-inline-start: -7px;
    inset-block-end: -8px;
    inline-size: 16px;
    block-size: 17px;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjgiIGN5PSI4LjQ4Mzg5IiByPSIzIiBmaWxsPSIjMzc0MTQ1Ii8+Cjxmb3JlaWduT2JqZWN0IHg9Ii00IiB5PSItMy41MTYxMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2Ryb3AtZmlsdGVyOmJsdXIoMnB4KTtjbGlwLXBhdGg6dXJsKCNiZ2JsdXJfMF80MzMxXzY1OTc0X2NsaXBfcGF0aCk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjxjaXJjbGUgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNCIgY3g9IjgiIGN5PSI4LjQ4Mzg5IiByPSI4IiBmaWxsPSIjN0FFMkNGIiBmaWxsLW9wYWNpdHk9IjAuMyIvPgo8Y2lyY2xlIGN4PSI3Ljk5OTk4IiBjeT0iOC40ODM5OSIgcj0iMy40Mjg1NyIgZmlsbD0iIzdBRTJDRiIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJiZ2JsdXJfMF80MzMxXzY1OTc0X2NsaXBfcGF0aCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAzLjUxNjExKSI+PGNpcmNsZSBjeD0iOCIgY3k9IjguNDgzODkiIHI9IjgiLz4KPC9jbGlwUGF0aD48L2RlZnM+Cjwvc3ZnPgo=);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.list-brand-item:first-child:after {
    content: "";
    position: absolute;
    inset-inline-start: -3px;
    inset-block-end: -2px;
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background: #374145;
}
.list-brand-item-inner {
    position: relative;
    display: flex;
    flex-direction: column;
}
.list-brand-item-inner:before {
    content: "";
    position: absolute;
    inset-inline-start: -82px;
    inset-block-start: 0;
    inline-size: 58px;
    block-size: 58px;
    border-radius: 18px;
    background-color: #000;
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjU4IiBoZWlnaHQ9IjU5IiB2aWV3Qm94PSIwIDAgNTggNTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDI5LjQ4MzlDMCAxOS4yNjk2IDAgMTQuMTYyNSAxLjk2MTg4IDEwLjMxMjFDMy42ODc2IDYuOTI1MTQgNi40NDEyNSA0LjE3MTQ5IDkuODI4MTcgMi40NDU3N0MxMy42Nzg2IDAuNDgzODg3IDE4Ljc4NTcgMC40ODM4ODcgMjkgMC40ODM4ODdDMzkuMjE0MyAwLjQ4Mzg4NyA0NC4zMjE0IDAuNDgzODg3IDQ4LjE3MTggMi40NDU3N0M1MS41NTg3IDQuMTcxNDkgNTQuMzEyNCA2LjkyNTE0IDU2LjAzODEgMTAuMzEyMUM1OCAxNC4xNjI1IDU4IDE5LjI2OTYgNTggMjkuNDgzOUM1OCAzOS42OTgyIDU4IDQ0LjgwNTMgNTYuMDM4MSA0OC42NTU3QzU0LjMxMjQgNTIuMDQyNiA1MS41NTg3IDU0Ljc5NjMgNDguMTcxOCA1Ni41MjJDNDQuMzIxNCA1OC40ODM5IDM5LjIxNDMgNTguNDgzOSAyOSA1OC40ODM5QzE4Ljc4NTcgNTguNDgzOSAxMy42Nzg2IDU4LjQ4MzkgOS44MjgxNyA1Ni41MjJDNi40NDEyNSA1NC43OTYzIDMuNjg3NiA1Mi4wNDI2IDEuOTYxODggNDguNjU1N0MwIDQ0LjgwNTMgMCAzOS42OTgyIDAgMjkuNDgzOVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl80MzYzXzcwMTk1KSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaWlfNDM2M183MDE5NSkiPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDM2M183MDE5NSkiPgo8cGF0aCBkPSJNNiAyNS42ODM5QzYgMTguOTYzMyA2IDE1LjYwMjkgNy4zMDc5MiAxMy4wMzZDOC40NTg0IDEwLjc3ODEgMTAuMjk0MiA4Ljk0MjI5IDEyLjU1MjEgNy43OTE4MUMxNS4xMTkxIDYuNDgzODkgMTguNDc5NCA2LjQ4Mzg5IDI1LjIgNi40ODM4OUgzMi44QzM5LjUyMDYgNi40ODM4OSA0Mi44ODA5IDYuNDgzODkgNDUuNDQ3OSA3Ljc5MTgxQzQ3LjcwNTggOC45NDIyOSA0OS41NDE2IDEwLjc3ODEgNTAuNjkyMSAxMy4wMzZDNTIgMTUuNjAyOSA1MiAxOC45NjMzIDUyIDI1LjY4MzlWMzMuMjgzOUM1MiA0MC4wMDQ1IDUyIDQzLjM2NDggNTAuNjkyMSA0NS45MzE4QzQ5LjU0MTYgNDguMTg5NyA0Ny43MDU4IDUwLjAyNTUgNDUuNDQ3OSA1MS4xNzZDNDIuODgwOSA1Mi40ODM5IDM5LjUyMDYgNTIuNDgzOSAzMi44IDUyLjQ4MzlIMjUuMkMxOC40Nzk0IDUyLjQ4MzkgMTUuMTE5MSA1Mi40ODM5IDEyLjU1MjEgNTEuMTc2QzEwLjI5NDIgNTAuMDI1NSA4LjQ1ODQgNDguMTg5NyA3LjMwNzkyIDQ1LjkzMThDNiA0My4zNjQ4IDYgNDAuMDA0NSA2IDMzLjI4MzlWMjUuNjgzOVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMDUiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZGlfNDM2M183MDE5NSkiPgo8cGF0aCBkPSJNNDMuMDAwMiAyOS40ODM5QzQzLjAwMDIgMjEuNzUxOSAzNi43MzIgMTUuNDgzNiAyOSAxNS40ODM2QzIxLjI2OCAxNS40ODM3IDE0Ljk5OTggMjEuNzUxOSAxNC45OTk4IDI5LjQ4MzlDMTQuOTk5OCAzNy4yMTU5IDIxLjI2OCA0My40ODQxIDI5IDQzLjQ4NDFDMzYuNzMyIDQzLjQ4NDEgNDMuMDAwMiAzNy4yMTU5IDQzLjAwMDIgMjkuNDgzOVoiIGZpbGw9IiMwQUNGODMiIGZpbGwtb3BhY2l0eT0iMC41IiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMl9kXzQzNjNfNzAxOTUpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43NzMgMjkuODUyOUMyMy4xNTIyIDI5LjQ1MTQgMjMuNzg1MSAyOS40MzMzIDI0LjE4NjYgMjkuODEyNUwyOCAzMy40MTRMMjggMjMuMjMzOUMyOCAyMi42ODE2IDI4LjQ0NzcgMjIuMjMzOSAyOSAyMi4yMzM5QzI5LjU1MjMgMjIuMjMzOSAzMCAyMi42ODE2IDMwIDIzLjIzMzlMMzAgMzMuNDE0TDMzLjgxMzQgMjkuODEyNUMzNC4yMTQ5IDI5LjQzMzMgMzQuODQ3OCAyOS40NTE0IDM1LjIyNyAyOS44NTI5QzM1LjYwNjIgMzAuMjU0NCAzNS41ODgxIDMwLjg4NzMgMzUuMTg2NiAzMS4yNjY1TDI5LjY4NjYgMzYuNDYwOUMyOS4zMDEyIDM2LjgyNDkgMjguNjk4OCAzNi44MjQ5IDI4LjMxMzQgMzYuNDYwOUwyMi44MTM0IDMxLjI2NjVDMjIuNDExOSAzMC44ODczIDIyLjM5MzggMzAuMjU0NCAyMi43NzMgMjkuODUyOVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2lpXzQzNjNfNzAxOTUiIHg9IjYiIHk9IjYuNDgzODkiIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjA1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfNDM2M183MDE5NSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4wNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QxX2lubmVyU2hhZG93XzQzNjNfNzAxOTUiIHJlc3VsdD0iZWZmZWN0Ml9pbm5lclNoYWRvd180MzYzXzcwMTk1Ii8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2RpXzQzNjNfNzAxOTUiIHg9Ii0zNy41MDA1IiB5PSItMzcuMDE2NiIgd2lkdGg9IjEzMy4wMDEiIGhlaWdodD0iMTMzLjAwMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0Lz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMjYuMjUwMSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4wMzkyMTU3IDAgMCAwIDAgMC44MTE3NjUgMCAwIDAgMCAwLjUxMzcyNiAwIDAgMCAwLjggMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180MzYzXzcwMTk1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzQzNjNfNzAxOTUiIHJlc3VsdD0ic2hhcGUiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iLTYuNjY2NyIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1LjgzMzM2Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuNCAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QyX2lubmVyU2hhZG93XzQzNjNfNzAxOTUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjJfZF80MzYzXzcwMTk1IiB4PSIxNy41IiB5PSIxOC45MDA1IiB3aWR0aD0iMjMiIGhlaWdodD0iMjQuNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxLjY2NjY3Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNTAwMDEiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMTQ1MzE3IDAgMCAwIDAgMC41NDUxMSAwIDAgMCAwIDAuMzkyMzA5IDAgMCAwIDEgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180MzYzXzcwMTk1Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzQzNjNfNzAxOTUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80MzYzXzcwMTk1IiB4MT0iMjkiIHkxPSIwLjQ4Mzg4NyIgeDI9IjI5IiB5Mj0iNTguNDgzOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMTIyNTAyIiBzdG9wLWNvbG9yPSIjMDUxMTE3IiBzdG9wLW9wYWNpdHk9IjAuNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQzNjNfNzAxOTUiPgo8cGF0aCBkPSJNNiAyNS42ODM5QzYgMTguOTYzMyA2IDE1LjYwMjkgNy4zMDc5MiAxMy4wMzZDOC40NTg0IDEwLjc3ODEgMTAuMjk0MiA4Ljk0MjI5IDEyLjU1MjEgNy43OTE4MUMxNS4xMTkxIDYuNDgzODkgMTguNDc5NCA2LjQ4Mzg5IDI1LjIgNi40ODM4OUgzMi44QzM5LjUyMDYgNi40ODM4OSA0Mi44ODA5IDYuNDgzODkgNDUuNDQ3OSA3Ljc5MTgxQzQ3LjcwNTggOC45NDIyOSA0OS41NDE2IDEwLjc3ODEgNTAuNjkyMSAxMy4wMzZDNTIgMTUuNjAyOSA1MiAxOC45NjMzIDUyIDI1LjY4MzlWMzMuMjgzOUM1MiA0MC4wMDQ1IDUyIDQzLjM2NDggNTAuNjkyMSA0NS45MzE4QzQ5LjU0MTYgNDguMTg5NyA0Ny43MDU4IDUwLjAyNTUgNDUuNDQ3OSA1MS4xNzZDNDIuODgwOSA1Mi40ODM5IDM5LjUyMDYgNTIuNDgzOSAzMi44IDUyLjQ4MzlIMjUuMkMxOC40Nzk0IDUyLjQ4MzkgMTUuMTE5MSA1Mi40ODM5IDEyLjU1MjEgNTEuMTc2QzEwLjI5NDIgNTAuMDI1NSA4LjQ1ODQgNDguMTg5NyA3LjMwNzkyIDQ1LjkzMThDNiA0My4zNjQ4IDYgNDAuMDA0NSA2IDMzLjI4MzlWMjUuNjgzOVoiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, .1), inset 0 0 10px 0 rgba(255, 255, 255, .1);
}
.list-brand-item:last-child .list-brand-item-inner:before {
    transform: rotate(180deg);
}
.list-brand-item-inner:after {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-inline-start: -54px;
    inset-block-start: -50px;
    inline-size: 175px;
    block-size: 175px;
    border-radius: 50%;
    background: rgba(122, 226, 207, .1);
    filter: blur(50.6699981689px);
    transform: translateX(-50%);
}

.custom-title.lock {
    position: relative;
    padding-top: 10rem;
}
.custom-title.lock:before {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    flex-shrink: 0;
    inline-size: 479.628px;
    block-size: 305.359px;
    border-radius: 9999px;
    background: rgba(10, 207, 131, .2);
    filter: blur(188.3999938965px);
    transform: translate(-50%, -50%) rotate(-179.838deg);
    will-change: transform;
}
.custom-title.lock .icon {
    position: absolute;
    inset-inline-start: 50%;
    z-index: 0;
    inline-size: 489.222px;
    block-size: 446.009px;
    background-image: url("../images/bg-lock.png");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translate(-50%, -50%);
}

.box-lock {
    position: relative;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    min-block-size: 222px;
    padding: 48px 24px;
    text-align: center;
    -webkit-border-after: 1px solid #3c4152;
    border-block-end: 1px solid #3c4152;
    height: 100%;
}
.row .col-6:nth-child(2n) .box-lock {
    -webkit-border-start: 1px solid #3c4152;
    border-inline-start: 1px solid #3c4152;
}
.box-lock.border-none {
    -webkit-border-after: none;
    border-block-end: none;
}
.box-lock .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    block-size: 46px;
}
.box-lock .icon img {
    object-fit: contain;
    max-inline-size: 100%;
    max-block-size: 100%;
}
.box-lock:after {
    display:none;
    content: "";
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    inline-size: 1px;
    block-size: 100%;
    background: linear-gradient(180deg, rgba(29, 28, 30, 0), #1d1c1e);
    will-change: auto;
}
.after-line::after {
    display:block;
}
@media (min-width: 768px) {
    .custom-line {
        inline-size: 100%;
        block-size: 1px;
        background: linear-gradient(90deg, rgba(60, 65, 82, 0), rgb(60, 65, 82) 50%, rgba(60, 65, 82, 0));
    }
    .after-md-line::after {
        display: block;
    }
    .box-lock {
        -webkit-border-after: none !important;;
        border-block-end: none !important;;
        -webkit-border-start: none !important;;
        border-inline-start: none !important;
    }
}

.footer-info {
    padding-top: 2rem;
    -webkit-border-before: 1px solid #252525;
    border-block-start: 1px solid #252525;
}
.footer-info h5 {
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    color: dimgray !important;
    font-weight: 500;
    font-style: normal;
    font-size: 12px !important;
    font-family: Plus Jakarta Sans;
    line-height: 18px;
}
.footer-info p {
    -webkit-margin-after: .5em;
    margin-block-end: .5em;
    color: dimgray;
    font-weight: 400;
    font-size: 10px;
}
.custom-model-body {
    background: #191919;
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, .33), 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .15);
}
.box-copy {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.box-copy .content {
    margin: 0;
    flex: 1;

    background: #f8fafc;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 0.85rem;

    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.box-copy .icon {
    margin: 0;
    width: 3rem;
    text-align: center;
    cursor: pointer;
}

.box-changelog {
    position: relative;
    max-width: 996px;
    margin: 0 auto;
    min-height: 500px;
}
.box-changelog .line {
    bottom: 0;
    display: block;
    left: 19.5px;
    margin: 20px 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
}
.box-changelog .line:before {
    background: linear-gradient(180deg, #befcf9, #32aaf0 49.04%, #3ee1a3);
    content: "";
    height: 100%;
    left: 0;
    mask: repeating-linear-gradient(180deg, transparent 0, transparent 3px, #000 0, #000 9px);
    -webkit-mask: repeating-linear-gradient(180deg, transparent 0, transparent 3px, #000 0, #000 9px);
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
}
.box-changelog .content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}
.box-changelog .content .dot {
    display: block;
    flex-shrink: 0;
    margin-right: 24px;
    position: relative;
    width: 8px;
}
.box-changelog .content .dot .dot-inner {
    background: #f5f9fe;
    height: 8px;
    left: 16px;
    position: absolute;
    top: 15px;
    width: 8px;
    z-index: 3;
}

.timer-inner {
    display: flex;
    gap: 1rem;
    align-content: center;
    align-items: flex-start;
}
.timer-inner .txt {
    color: #32f08c;
    font-family: "JetBrains Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.timer-inner .version {
    display: inline-block;
    align-items: center;
    background: rgba(237, 239, 242, .08);
    border: 1px solid hsla(0, 0%, 100%, .18);
    border-radius: 4px;
    color: #a6aab5;
    font-family: "JetBrains Mono";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 120%;
    padding: 2px 10px;
}

.list-changelog {
    list-style-type: disc;
    margin: 1em 0;
    padding-left: .1em;
}
.list-changelog>li {
    margin: 4px 0 .5em 1em;
    padding-left: .5em;
}
.list-changelog .txt {
    color: #a6aab5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
}
.list-changelog a {
    color: #ffffff;
}

.login {
    /*background-color: color-mix(in oklab, #211e25 20%, transparent);*/

    /*background: linear-gradient(rgba(240, 64, 6, 0) 0%, rgba(240, 64, 6, 0.3) 20%, rgba(240, 64, 6, 0.6) 40%, rgba(255, 107, 53, 0.9) 70%, rgb(255, 107, 53) 100%);*/
    /*clip-path: polygon(45% 0px, 55% 0px, 60% 100%, 40% 100%);*/
    /*transform: translateX(1900px) translateY(1800px);*/
}

.btn-outline-danger {
    --bs-btn-color: #f04006;
    --bs-btn-border-color: #f04006;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f04006;
    --bs-btn-hover-border-color: #f04006;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
    --bs-btn-border-radius: 50rem
}
.btn-outline-custom {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #141116;
    --bs-btn-border-color: #46404f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(240, 64, 6, 0.2);
    --bs-btn-hover-border-color: #f04006;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
    --bs-btn-border-radius: 0;
    --bs-btn-font-size: 0.85rem;
    --bs-btn-padding-y: 0.6rem;
    --bs-btn-padding-x: 0.8rem;
    display: block;
}
.max-w-95 {
    max-width: calc(.25rem * 95);
}

.footer-logo {
    max-height: 2rem;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-brand img {
    height: 35px;
}

.sidebar-nav {
    padding: 20px;
}

.sidebar-nav .nav-group-title {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

.sidebar-nav .nav-group-title::after {
    content: "\F285";
    font-family: 'bootstrap-icons';
    font-size: 0.8em;
    transition: transform 0.3s ease;
}

.sidebar-nav .nav-group-title.collapsed::after {
    transform: rotate(90deg);
}

.sidebar-nav .nav-list {
    list-style: none;
    padding-left: 20px;
    margin: 0;
}

.sidebar-nav .nav-item {
    margin: 8px 0;
}

.sidebar-nav .nav-link {
    font-size: 0.95rem;
    color: #98989f !important;
    text-decoration: none;
    display: block;
    padding: 6px 0;
    transition: color 0.2s;
}

.sidebar-nav .nav-link:hover {
    color: #20a53a !important;
}

.sidebar-nav .nav-link.active {
    color: #20a53a !important;
    font-weight: 500;
}

.sidebar-nav .sub-nav {
    list-style: none;
    padding-left: 20px;
    margin-top: 5px;
}

.sidebar-nav .sub-nav .nav-link {
    font-size: 0.95rem;
    color: #aaa;
}

.sidebar-nav .divider {
    border-top: 1px solid #333;
    margin: 20px 0;
}

/* 隐藏/显示控制 */
.sidebar-nav .collapse-content {
    display: none;
}

.sidebar-nav .collapse-content.show {
    display: block;
}

.doc-content {
    padding: 2rem;
}

.prev-next {
    padding: 0.85rem;
}
.prev-next a {
    display: block;
    border: 1px solid #2e2e32;
    text-align: right;
    border-radius: 8px;
    padding: 11px 16px 13px;
    width: 100%;
    height: 100%;
    transition: border-color .25s;
    text-decoration: none;
}
.prev-next a:hover {
    border-color: #20a53a;
}
.prev-next a .desc {
    display: block;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #98989f;
}
.prev-next a .title {
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #20a53a;
    transition: color .25s;
}