/* 自定义头部样式 */
.custom-header {
    background-color: #333;
    color: white;
    padding: 20px;
    text-align: center;
}

.custom-header-title {
    margin: 0;
}

.custom-header-nav {
    margin-top: 10px;
}

.custom-header-nav a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
}

/* 自定义内容区域样式 */
.custom-content {
    padding: 20px;
}

.custom-feature-list {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.custom-feature {
    width: 30%;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}

/* 自定义页脚样式 */
.custom-footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 20px;
}

/* ==================== Custom Block ==================== */

:root {
    --custom-block-bg: #f6f6f7;

    --custom-block-info-border: #c2c2c4;
    --custom-block-info-text: rgba(60, 60, 67, 0.75);

    --custom-block-abstract-border: #159df7;
    --custom-block-abstract-text: #159df7;

    --custom-block-tip-border: #4565d8;
    --custom-block-tip-text: #4565d8;

    --custom-block-warning-border: #d97706;
    --custom-block-warning-text: #d97706;

    --custom-block-danger-border: #f43f5e;
    --custom-block-danger-text: #f43f5e;
}

/* Material uses .md-typeset as the article content container. */
.md-typeset .custom-block {
    display: block;
    box-sizing: border-box;
    margin: 16px 0;
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: inherit;
    line-height: inherit;
}

/* Clear styles that Material may apply to similarly named elements. */
.md-typeset .custom-block.tip,
.md-typeset .custom-block.warning,
.md-typeset .custom-block.danger {
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

.md-typeset .custom-block.tip::before {
    display: none;
    content: none;
}

.md-typeset .custom-block.info {
    border-color: var(--custom-block-info-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-info-text);
}

.md-typeset .custom-block.abstract {
    border-color: var(--custom-block-abstract-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-abstract-text);
}

.md-typeset .custom-block.tip {
    border-color: var(--custom-block-tip-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-tip-text);
}

.md-typeset .custom-block.warning {
    border-color: var(--custom-block-warning-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-warning-text);
}

.md-typeset .custom-block.danger {
    border-color: var(--custom-block-danger-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-danger-text);
}

.md-typeset .custom-block.details {
    border-color: var(--custom-block-info-border);
    background: var(--custom-block-bg);
    color: var(--custom-block-info-text);
}

.md-typeset .custom-block-title {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit;
    font-size: inherit;
    font-weight: 600;
}

.md-typeset .custom-block p {
    margin: 8px 0 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.md-typeset .custom-block p:first-child {
    margin-top: 0;
}

.md-typeset .custom-block ul,
.md-typeset .custom-block ol {
    margin: 8px 0 0;
    padding-left: 1.5em;
    color: inherit;
}

.md-typeset .custom-block ul {
    list-style-type: disc;
}

.md-typeset .custom-block ol {
    list-style-type: decimal;
}

.md-typeset .custom-block li {
    margin: 4px 0;
    padding-left: 0.25em;
    color: inherit;
}

.md-typeset .custom-block > :last-child {
    margin-bottom: 0;
}

.md-typeset .custom-block a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline dotted;
    text-underline-offset: 2px;
    transition: opacity 0.25s;
}

.md-typeset .custom-block a:hover {
    opacity: 0.75;
}

/* Enable this block if inline code should use the block text color. */
/*
.md-typeset .custom-block code {
    color: inherit;
    background: var(--custom-block-code-bg);
    font-size: var(--custom-block-code-font-size);
    font-weight: 700;
}
*/

.md-typeset .custom-block.details summary {
    margin: 0;
    color: inherit;
    font-weight: 700;
    cursor: pointer;
}

.md-typeset .custom-block.details summary + p {
    margin-top: 8px;
}

/* MkDocs Material uses slate for its dark palette. */
[data-md-color-scheme="slate"],
[data-theme="dark"] {
    --custom-block-bg: #252529;

    --custom-block-info-border: rgba(82, 82, 89, 0.68);
    --custom-block-info-text: rgba(235, 235, 245, 0.6);

    --custom-block-abstract-border: #159df7;
    --custom-block-abstract-text: #159df7;

    --custom-block-tip-border: #708fff;
    --custom-block-tip-text: #a4b2ff;

    --custom-block-warning-border: #d1a336;
    --custom-block-warning-text: #f8e3a1;

    --custom-block-danger-border: #f43f5e;
    --custom-block-danger-text: #fda4af;
}

[data-md-color-scheme="slate"] .md-typeset .custom-block,
[data-theme="dark"] .md-typeset .custom-block {
    filter: none;
}

/* ==================== Custom Block End ==================== */