.markmap {
    width: 100%;
    height: 50vh;
    overflow: hidden;
    border: 1px solid var(--hbs-surface-color);
    border-radius: 8px;
    position: relative;
}

.markmap svg {
    width: 100%;
    height: 100%;
    border: 0;
}

.mm-toolbar {
    position: absolute;
    bottom: 12px;
    right: 12px;

    display: flex;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
    padding: .25rem;
    line-height: 1;

    /* 浅色 */
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    /* --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */

    background-color: var(--hbs-surface-bg) !important;
}

/* 暗黑模式适配 */
@media (prefers-color-scheme: dark) {
    .mm-toolbar {
        --tw-border-opacity: 0.6;
        border-color: rgb(75 85 99 / var(--tw-border-opacity));
        /* --tw-bg-opacity: 1;
        background-color: rgb(30 41 59 / var(--tw-bg-opacity)); */
        background-color: var(--hbs-surface-bg) !important;
    }

    .mm-toolbar button {
        color: #e5e7eb;
    }
}

.mm-toolbar a.mm-toolbar-brand {
    display: none;
}