:root {

    --vp-code-bg: #f9f2f4;
    --vp-code-color: #c7254e;

    /*
    用于设置index.md hero ->name 标题的样式
    --vp-home-hero-name-color: var(--vp-c-brand-1)
    --vp-home-hero-name-background: transparent;
    */
    --vp-home-hero-name-color: transparent;
    --vp-home-hero-name-background: linear-gradient(120deg, #bd34fe 30%, #41d1ff);
    /*
    用于设置首页右边的大logo的背景阴影效果
    --vp-home-hero-image-background-image: none;
  --vp-home-hero-image-filter: none;
    */
    --vp-home-hero-image-background-image: linear-gradient(135deg, #6610f2 10%, #520dc2 100%);
    --vp-home-hero-image-filter: blur(150px);


    --vp-c-brand-1: #7531fa;
    --vp-button-brand-bg: #7531fa;
    --vp-button-brand-hover-bg: #520dc2;

    /*--vp-c-brand: #2bc0ac;*/
    --vp-sidebar-bg-color: #fff;
}



.dark {
    --vp-sidebar-bg-color: #1e1e20;
}


.VPLink.link.VPNavBarMenuLink {
    background: linear-gradient(to right, var(--vp-c-brand-1), var(--vp-c-brand-1)) no-repeat right bottom;
    background-size: 0 2px;
    transition: background-size 0.3s;

    &:hover {
        background-position-x: left;
        background-size: 100% 2px;
    }

    &.active {
        background: linear-gradient(to right, var(--vp-c-brand), var(--vp-c-brand)) no-repeat right bottom;
        background-size: 100% 2px;
    }
}



/*滚动条宽或高*/
*::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

/*正常情况下滑块的样式*/
*::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 3px;
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/
*:hover::-webkit-scrollbar-thumb {
    background-color: #6a708028;
    border-radius: 3px;
}

/*鼠标悬浮在滑块上时滑块的样式*/
*::-webkit-scrollbar-thumb:hover {
    background-color: #6a708028;
    border-radius: 3px;
}

/*正常时候的主干部分*/
*::-webkit-scrollbar-track {
    border-radius: 5px;
    background: transparent;
}

/*鼠标悬浮在滚动条上的主干部分*/
*::-webkit-scrollbar-track:hover {
    background-color: transparent;
}


// 复制代码的提示设置
html[lang="zh"] {
    --vp-code-copy-copied-text-content: '已复制'
}

html[lang="en"] {
    --vp-code-copy-copied-text-content: 'Copied!'
}

// 代码高亮


.vp-doc .demo-preview [class*='language-'] code{
    color:unset;
    padding: 0;
}