html,body{
    overflow: hidden;
    --spacing: 0.25rem;

    --color-green-600: oklch(0.627 0.194 149.214);
    --color-blue-600: oklch(0.546 0.245 262.881);
    --color-purple-600: oklch(0.558 0.288 302.321);
    --color-green-200: oklch(0.925 0.084 155.995);

    --font-weight-bold: 700;}


[data-theme=light],
 .theme-dark {
     --scrollbar-thumb: #b2b2b2;
     --scrollbar-track: #ffffff;

    --zb-car-title-bg: linear-gradient(to right, oklch(0.982 0.018 155.826) 0%, oklch(0.979 0.021 166.113) 100%);
    --zb-car-title-bg-b: oklch(0.925 0.084 155.995);

    --orzice-bg1: #f0f2f5;
}
[data-theme=dark],
 .theme-dark {
     --scrollbar-thumb: #606060;
     --scrollbar-track: #161616;

    --zb-car-title-bg: linear-gradient(to right, oklch(0.16 0 0) 0%, oklch(0.23 0 0) 100%);
    --zb-car-title-bg-b: oklch(0.37 0 0);

     --orzice-bg1: #1d1f21;
}

/* 滚动条整体部分 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
    height: 5px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb); /* 滚动条滑块的颜色 */
    border-radius: 10px; /* 滑块的圆角 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: var(--scrollbar-track); /* 滚动条轨道的颜色 */
}

.bd-header{
    --px: 1rem;
    --py: 1rem;
    width: 100%;
    position: absolute;
    z-index: calc(99 + 3) !important;
    background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-scheme-main-l) + var(--background-offset)));
}
.bd-docs{
    padding: 0;
    padding-top: 79px;

    background: var(--orzice-bg1); /* 滚动条轨道的颜色 */

}
.bd-menu{
    padding-top: 0;
}
#js-menu-toggle{
    top: 28px;
    left: 30px;
}
.bd-docs-menu{
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 79px) !important;
}
.bd-docs-lead{
    display: flex;
    height: calc(100vh - 100px) !important;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px;
}

.navbar-burger.bd-nav-burger{
    display: none;
}
.bd-nav-item-name{
    line-height: 0;
    padding-top: 0;
}

.text-center {
    text-align: center;
}
.base-bai{
    background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-scheme-main-l) + var(--background-offset)));
}
.rounded-lg {
    border-radius: 0.5rem;
}

img[data-grade="0"]{
    background-color: #949595;
}
img[data-grade="1"]{
    background-color: #cdd5d5;
}
img[data-grade="2"]{
    background-color: #188D14;
}
img[data-grade="3"]{
    background-color: #658BCE;
}
img[data-grade="4"]{
    background-color: #9b61c8;
}
img[data-grade="5"]{
    background-color: #e8a64e;
}
img[data-grade="6"]{
    background-color: #cb464a;
}
.orzice-item-pic{
    width: 48px!important;
    height: 48px!important;
    border-radius:.5rem;
}
.orzice-list-title{
    opacity: 60%;
}

.table-pin-cols tr th {
  background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-scheme-main-l) + var(--background-offset)))!important;
  position: sticky;
  left: 0;
  right: 0;
  z-index: 2;
}

.table-list{
    flex-wrap: wrap;
    display: flex;
    min-width: 500px;
}
.table-list-bg{
    min-width: 500px;
    background-color: var(--orzice-bg1)!important; /* 滚动条轨道的颜色 */
}
.table-list-car{
    text-align: center;
    min-width: 100px;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-content: center;
}
.title-highlight{
    font-size: 24px;
    text-shadow: none;
}

.stat-title{
    font-size: .75rem;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1;
}
.items-center {
    align-items: center;
}
.gap-3 {
    gap: calc(var(--spacing) * 3);
}
.text-green-600 {
    color: var(--color-green-600);
}
.text-blue-600 {
    color: var(--color-blue-600);
}
.text-purple-600 {
    color: var(--color-purple-600);
}
.border-green-200 {
    border-color: var(--color-green-200);
}
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.zb-car-title{
    background-image: var(--zb-car-title-bg);
    border: 1px solid var(--zb-car-title-bg-b);
}
.icon-gold {
    display: flex;
    align-items: center;
}
.font-semibold{
    font-weight: 600;
}
.icon-gold::before {
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://game.gtimg.cn/images/dfm/cp/a20240807community/profile/gold_icon.png);
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* 针对手机端屏幕尺寸 */

@media screen and (max-width: 768px) {
    .title-highlight{
        font-size: 16px;
        text-shadow: none;
    }
    .bd-docs-menu {
        margin-top: 80px;
    }
    .navbar-burger.bd-nav-burger{
        display: none;
    }
    .bd-nav.is-active {
        top: 240px;
    }
}

.border-1{
    border: 1px solid var(--scrollbar-thumb);
}

.copyright-txt{
    color: #8e8e8e;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 20px;
}