/* 第一部分 */
table.nav_tag_list td {
    margin-bottom: 0.2rem;
}

table.nav_tag_list td a {
    padding: 0.3rem !important;
}

.nav_tag_list .active {
    font-weight: normal
}

.tag_option {
    border: 1px solid #e1e1e1 !important;
    padding: 4px 12px !important;
    border-radius: .5rem !important;
    text-decoration: none !important;
    color: #8a9aa9 !important;
    background: #FFF !important;
    margin: 3px !important;
    display: inline-block !important;
}

.tag_option:active, .tag_option.active {
    border: 0px solid #e1e1e1 !important;
    background-color: #0084FF !important;
    color: #FFF !important;
    text-decoration: none !important;
    padding: 4px 12px !important;
}

/* 第二部分 */
:root {
    --bs-primary-h: 0;
    --bs-primary-s: 100;
    --bs-primary-l: 71;
    --bs-primary-rgb: 255, 106, 106;
}

.light-style {
    --bs-body-bg: #34495e;
    --bs-body-bg-rgb: 52, 73, 94;
    --bs-body-bright: #34495e;
    --bs-body-bright-rgb: 52, 73, 94;
}

.dark-style {
    --bs-body-bg: #f6eeff;
    --bs-body-bg-rgb: 246, 238, 255;
    --bs-body-bright: #f6eeff;
    --bs-body-bright-rgb: 246, 238, 255;
}

/**/
body {
    background-image: linear-gradient(90deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

[data-style='classic_v2'] .thread {
    border-bottom: 1px solid rgba(128, 128, 128, .12);
}

.pagination {
    flex-wrap: wrap;
}

.style-sns_v1 .flex-shrink-1 {
    width: calc(100% - 12rem);
}

@media (min-width: 576px) {
    [data-style=classic_v2] .taglist {
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: 1.5rem;
        white-space: nowrap;
        vertical-align: top;
    }

    [data-style=classic_v2] .thread div.subject {
        max-width: calc(100vw - 12rem);
        white-space: nowrap;
        overflow: hidden;
        position: relative;
    }

    [data-style=classic_v2] .thread div.subject:after {
        content: '';
        position: absolute;
        background: linear-gradient(90deg, rgba(var(--card-bg-rgb), 0) var(--card-bg-rgb), rgba(var(--card-bg-rgb), 90%) 100%);
        top: 0;
        right: 0;
        pointer-events: none;
        width: 4em;
        height: 1em;
    }
}

.site-list-ul a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-sns_v1 .col-md-4 {
    max-width: calc(100% - 50px);
}

@media (max-width: 576px) {
    [data-style=classic_v2] .subject .badge {
        padding: 0.4em 0.3em;
        font-size: 0.75em;
    }
}

.icon-top-3 {
    vertical-align: text-bottom;
}


.message img {
    max-height: 110vh;
    object-fit: contain;
}

.style-sns_v1 .v_avatar img {
    width: 48px;
    height: 48px;
}

.vip-icon {
    width: auto;
    height: 2em;
}

.table th, .table td {
    line-break: anywhere;
}

/* 第三部分 */
@keyframes TickerMagic {
    0%, 100%, 99% {
        margin-top: 0em;
    }
    /* 1 */
}

.tickerv-wrap {
    height: 1.5em;
    padding: 0;
    font-size: 1rem;
    box-sizing: content-box;
    overflow: hidden;
}

.tickerv-wrap ol {
    margin: 0;
    padding: 0;
    animation: TickerMagic 5s ease-out infinite;
    will-change: margin;
}

.tickerv-wrap ol:hover {
    animation-play-state: paused;
}

.tickerv-wrap ol li {
    width: 100%;
    height: 1em;
    padding: .25em;
    line-height: 1em;
    font-size: 1em;
    white-space: nowrap;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
}