/* 主题设置 */
:root {
    /* 未访问的链接颜色 */
    --link-color: blue;
    /* 鼠标悬停时的链接颜色 */
    --link-color--hover: red;
    /* 鼠标点击时的链接颜色 */
    --link-color--active: red;
    
    /* 超链接文本装饰 */
    --link-text-decoration: none;
    --link-text-decoration--hover: none;

    /* 封面页标题颜色 */
    --cover-color: #003366;
    /* SAP蓝色 */
    
    /* 封面背景设置 */
    --cover-background-color: transparent;
    --cover-background-mask-color: transparent;
    --cover-background-mask-opacity: 0;
    --cover-heading-color: #003366;
    --cover-button-color: #003366;
    --cover-button-border-color: #003366;
    
    /* 侧边栏过渡动画时间 */
    --sidebar-transition-duration: 0.75s;
    /* 从原来的值调整为更平滑的持续时间 */
    --sidebar-transition-timing-function: ease-in-out;
}

/* 确保背景透明 */
.cover {
    background: transparent !important;
}

.cover::before {
    background: transparent !important;
}

/* 封面页文字颜色设置 */
.cover h1,
.cover p,
.cover a,
.cover span {
    color: #003366 !important;
}

/* 按钮样式 */
.cover .anchor span {
    border-color: #003366;
}

.cover .anchor:hover {
    background-color: rgba(0, 51, 102, 0.1);
}

.markdown-section iframe[src*="buttons.github.io"] {
    margin: 0;
}

/* 应用超链接颜色设置 */
a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color--hover);
}

a:active {
    color: var(--link-color--active);
}

/* 应用超链接文本装饰设置 */
a {
    text-decoration: var(--link-text-decoration);
}

a:hover,
a:focus {
    text-decoration: var(--link-text-decoration--hover);
}

/* 应用封面页标题颜色设置 */
.cover {
    /* background-image: var(--cover-background-image); */
    /* 确保背景图片覆盖整个封面区域 */
    /* background-size: cover; */
    /* 背景图片居中 */
    /* background-position: center; */
    /* 背景图片不重复 */
    /* background-repeat: no-repeat; */
    /* 应用封面页文本颜色设置 */
    color: var(--cover-color);
    background-image: var(--cover-background-image);
}




/* 应用侧边栏动画设置 */
.sidebar {
    transition: all var(--sidebar-transition-duration) var(--sidebar-transition-timing-function);
}



/* 引入字体文件 */
@font-face {
    font-family: 'AlibabaHealthFont';
    src: url('/fonts/AlibabaHealthFont2.0CN-85B.woff') format('woff');
}

/* 应用字体到 body */
body {
    font-family: 'AlibabaHealthFont', 'Lato', sans-serif;
}

/* 将视频居中对齐 */
#covervideo {
    width: 550px;
    /* 设置视频宽度 */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

figure.thumbnails img {
    margin: 0.75em 0;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (min-width: 30em) {
    figure.thumbnails:after {
        content: "";
        display: table;
        clear: both;
    }

    figure.thumbnails img {
        float: left;
        width: calc(50% - 0.75em);
    }

    figure.thumbnails img:nth-child(even) {
        margin-left: 1.5em;
    }

    @supports (display: flex) {
        figure.thumbnails {
            display: flex;
            align-items: center;
        }

        figure.thumbnails img {
            flex-grow: 1;
            width: 0;
        }

        figure.thumbnails img+img {
            margin: 0 0 0 1.5em;
        }
    }
}