/* Box Title 标题组件样式 */
.title_100 {
    width: 100%;
    text-align: center;
}

.main-title {
    font-size: 20px;
    margin-bottom: var(--sl-spacing-small);
    position: relative;
}

.main-title .collection-title {
    display: inline-block;
    text-decoration: none;
    user-select: none;
    color: var(--theme-font-color);
    padding: var(--sl-spacing-x-small) var(--sl-spacing-small);
    margin-top: calc(-1 * var(--sl-spacing-small));
}

.main-title .collection-title:hover {
    background-color: var(--theme-collection-title-background-color);
    border-radius: var(--sl-border-radius-large);
    color: var(--theme-collection-title-font-color);
}

.main-title .collection-title h1 {
    display: inline-block;
    transition: all 200ms ease-out 0s;
    transform: translate3d(calc(-1 * var(--sl-spacing-small)), 0, 0);
    margin: 0px;
    font-weight: var(--sl-title-font-weight);
    font-size: var(--sl-font-size-large);
    font-family: var(--header-font);
    line-height: 1;
}

.main-title .collection-title:hover h1 {
    transform: translate3d(0px, 0px, 0px);
}

.main-title .collection-title svg {
    stroke: var(--theme-collection-title-font-color);
    stroke-width: 2;
    font-size: var(--sl-font-size-x-small);
    height: 12px;
    width: 12px;
}