/* 第一部分 */
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;
}
/* ===========================
   自定义标签颜色（共12种）
   =========================== */

.badge-tag-pink      { background-color: #ec4899; color: #fff; }
.badge-tag-purple    { background-color: #8b5cf6; color: #fff; }
.badge-tag-indigo    { background-color: #6366f1; color: #fff; }
.badge-tag-cyan      { background-color: #06b6d4; color: #fff; }
.badge-tag-teal      { background-color: #14b8a6; color: #fff; }
.badge-tag-lime      { background-color: #84cc16; color: #111; }
.badge-tag-amber     { background-color: #f59e0b; color: #111; }
.badge-tag-orange    { background-color: #f97316; color: #fff; }
.badge-tag-rose      { background-color: #f43f5e; color: #fff; }
.badge-tag-sky       { background-color: #0ea5e9; color: #fff; }
.badge-tag-emerald   { background-color: #10b981; color: #fff; }
.badge-tag-fuchsia   { background-color: #d946ef; color: #fff; }

/* 1. 全部标签加粗 */
[class*="badge-"] {
    font-weight: 700;
}

/* 2. 深色背景类：加阴影 + 高亮浅灰文字 */
.badge-tag-pink,
.badge-tag-purple,
.badge-tag-indigo,
.badge-tag-cyan,
.badge-tag-teal,
.badge-tag-orange,
.badge-tag-rose,
.badge-tag-sky,
.badge-tag-emerald,
.badge-warning,
.badge-tag-fuchsia {
    color: #f0f0f0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}


/* 带渐变色边框的流光标签 */
.badge-live-glow {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(90deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(90deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow1 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(31deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow1::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(31deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow2 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(131deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow2::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(131deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow3 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(144deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow3::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(144deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow4 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(212deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow4::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(212deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow5 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(230deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow5::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(230deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow6 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(254deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow6::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(254deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 带渐变色边框的流光标签 */
.badge-live-glow7 {
    position: relative;                 /* 让伪元素相对它定位 */
    font-weight: 700;
    border-radius: .25rem;              /* 保持和 Bootstrap badge 圆角一致 */

    /* 文字流光（同前） */
    background: linear-gradient(311deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    animation: glowing 3s linear infinite;
}

/* 伪元素做渐变边框 */
.badge-live-glow7::before {
    content: '';
    position: absolute;
    inset: 0;                           /* top/left/bottom/right 全 0 */
    padding: 2px;                       /* 边框厚度 */
    border-radius: inherit;             /* 圆角跟随父级 */
    background: linear-gradient(311deg,
        #ff0000 0%,
        #ff7f00 14.28%,
        #ffff00 28.57%,
        #00ff00 42.86%,
        #0000ff 57.14%,
        #4b0082 71.43%,
        #8b00ff 85.71%,
        #ff0000 100%);
    background-size: 400% 100%;
    animation: glowing 3s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}

@keyframes glowing {
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.tb
{
border-width:1px;
border-collapse:collapse;
border-color:#dddee0;
border-style:solid;
}
td
{
border-width:1px;
border-collapse:collapse;
border-color:#dddee0;
border-style:solid;
font-size:13px;
width:100px;
text-align:center;
FONT-FAMILY:"Microsoft YaHei";
}
body {
    background-image: linear-gradient(90deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.res
{
color: Red;
}
.result{
background: yellow;
}