@charset "UTF-8";
/* 主题色变量 - 前后台共用 */
/* 通过 data-theme 属性切换主题色，通过 data-bs-theme 属性切换明暗模式 */
/* 核心思路：--bs-body-bg 设为组件背景色（白/深灰），页面背景用 --x-page-bg 单独控制 */

:root {
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37, 99, 235;
    --bs-link-color: #2563eb;
    --bs-link-color-hover: #1d4ed8;
    /* 组件背景色（card/dropdown/modal 等都继承此值） */
    --bs-body-bg: #fff;
    --bs-body-color: #222;

    /* 页面背景色（与组件背景区分） */
    --x-page-bg: #f7f8fa;
}


/* 页面背景：body 用页面色，组件自动用 --bs-body-bg（白色） */
body {
    font-size: 14px;

    background-color: var(--x-page-bg);
}

a {
    text-decoration: none;
    color: var(--bs-body-color);
}

/* 主题色方案 - 只需设置 --bs-primary 和 --bs-primary-rgb */
[data-theme="blue"] {
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37, 99, 235;
    --bs-link-color: #2563eb;
    --bs-link-color-hover: #1d4ed8;
    --x-page-bg: #f7f8fa;
}

[data-theme="green"] {
    --bs-primary: #16a34a;
    --bs-primary-rgb: 22, 163, 74;
    --bs-link-color: #16a34a;
    --bs-link-color-hover: #15803d;
    --x-page-bg: #f4f7f5;
}

[data-theme="purple"] {
    --bs-primary: #9333ea;
    --bs-primary-rgb: 147, 51, 234;
    --bs-link-color: #9333ea;
    --bs-link-color-hover: #7e22ce;
    --x-page-bg: #f9f8fa;
}

[data-theme="red"] {
    --bs-primary: #dc2626;
    --bs-primary-rgb: 220, 38, 38;
    --bs-link-color: #dc2626;
    --bs-link-color-hover: #b91c1c;
    --x-page-bg: #fbf6f5;
}

[data-theme="orange"] {
    --bs-primary: #ea580c;
    --bs-primary-rgb: 234, 88, 12;
    --bs-link-color: #ea580c;
    --bs-link-color-hover: #c2410c;
    --x-page-bg: #fbf6f5;
}

[data-theme="pink"] {
    --bs-primary: #db2777;
    --bs-primary-rgb: 219, 39, 119;
    --bs-link-color: #db2777;
    --bs-link-color-hover: #be185d;
    --x-page-bg: #fdf6f9;
}

[data-theme="teal"] {
    --bs-primary: #0d9488;
    --bs-primary-rgb: 13, 148, 136;
    --bs-link-color: #0d9488;
    --bs-link-color-hover: #0f766e;
    --x-page-bg: #f4f8f8;
}

[data-theme="indigo"] {
    --bs-primary: #4f46e5;
    --bs-primary-rgb: 79, 70, 229;
    --bs-link-color: #4f46e5;
    --bs-link-color-hover: #4338ca;
    --x-page-bg: #f6f7fb;
}

[data-theme="cyan"] {
    --bs-primary: #0891b2;
    --bs-primary-rgb: 8, 145, 178;
    --bs-link-color: #0891b2;
    --bs-link-color-hover: #0e7490;
    --x-page-bg: #f4f8fa;
}

[data-theme="lime"] {
    --bs-primary: #65a30d;
    --bs-primary-rgb: 101, 163, 13;
    --bs-link-color: #65a30d;
    --bs-link-color-hover: #4d7c0f;
    --x-page-bg: #f7f8f2;
}

/* 暗色模式 放最下边*/
[data-bs-theme="dark"] {
    --bs-body-bg: #141414;
    --bs-body-color: #e1e1e1;
    --bs-border-color: #303030;
    --bs-tertiary-bg: #212121;
    --bs-secondary-color: #838282;
    --bs-secondary-bg: #222;

    --x-page-bg: #111;
}

.x-card {
    margin: 13px 0;
    padding: 12px;
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius-lg);
    border: none;
    box-shadow: 0 6px 16px 0 rgb(27 26 49 / 1%);
}

[data-bs-theme="dark"] .x-card {
    border: 1px solid var(--bs-border-color);
}

.card-thread {
    padding: 24px;
}

.list-mode {
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius-lg);
    border: 1px solid var(--bs-body-bg);

}

.hot-thread-item:hover {
    box-shadow: 0 6px 16px 0 rgb(27 26 49 / 1%);
    background-color: var(--bs-tertiary-bg);
    border-radius: var(--bs-border-radius-lg);
    border: 1px solid var(--bs-body-bg);
}

.list-none {
    margin-top: 0;
}

.form-check-input,
.form-check-input:checked,
button,
input,
optgroup,
select,
textarea {
    border-color: rgba(var(--bs-primary-rgb), 0.5);
}


.form-check-input:checked {
    background-color: var(--bs-primary);
}

.btn-primary {
    /* border-color: rgba(var(--bs-primary-rgb), 0.9) */
    background-color: var(--bs-primary);
    color: #fff;
    border: none;

}

.btn-outline-primary {
    border-color: rgba(var(--bs-primary-rgb), 0.9);


    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-body-bg);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--bs-body-bg);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}

.btn:hover,
.btn:focus-visible,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.list-group-item.active {
    border-color: var(--bs-primary);
    background-color: var(--bs-link-color-hover);
    color: #fff !important;

}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {


    border-color: var(--bs-primary);
    background-color: var(--bs-link-color-hover);
    color: #fff;
    opacity: var(--bs-btn-disabled-opacity)
}

.card-header {
    border: none;
    padding: 0;
    margin-bottom: 12px;
    background: transparent;
}

.btn-outline-secondary {
    border-color: var(--x-page-bg);
    background-color: var(--x-page-bg);
    --bs-btn-border-color: var(--x-page-bg);
}
.modal-footer,
.modal-header,
.dropdown-menu,
.modal-content {
    border: none;
}
[data-bs-theme="dark"] .btn-outline-secondary,[data-bs-theme="dark"] .thread-sidebar-btn {
    border: 1px solid #424242;
}

.aie-content pre {
    padding:8px!important;
}
.aie-content .copy-code {
    padding:2px 4px;
}
.nav-pills
 {

    --bs-nav-pills-link-active-bg: var(--bs-primary);
}
@media screen and (max-width: 767.98px) {

    .row>* {

        padding: 0 6px;
        margin-top: 8px;
    }

    .x-card {
        margin: 8px 0;
        padding: 12px;
    }


}

/* bbs.lc replica final theme override */
:root {
    --lc-page-bg: #f5f6f8;
    --lc-border: #eef0f3;
    --lc-card-radius: 12px;
    --lc-blue: #2f63f4;
    --lc-muted: #7b808a;
    --x-page-bg: var(--lc-page-bg);
}
body {
    background-color: var(--lc-page-bg) !important;
}
.lc-home-welcome.x-card,
.sidebar-left.x-card,
.lc-right-card.x-card {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 1px solid var(--lc-border) !important;
    border-radius: var(--lc-card-radius) !important;
    background: #fff !important;
    box-shadow: none !important;
}
.lc-home-welcome .card-body,
.lc-right-card .card-body {
    padding: 16px !important;
}
.lc-home-welcome .card-body {
    padding-top: 22px !important;
    padding-bottom: 20px !important;
}
.index-threadlist.list-mode {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.bbs-lc-white-home .threadlist.x-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.bbs-lc-white-home .threadlist > li {
    border: 1px solid var(--lc-border) !important;
    border-radius: var(--lc-card-radius) !important;
    background: #fff !important;
}
.thread-nav-tabs .nav-link.active,
.thread-nav-tabs .nav-link:hover {
    background: var(--lc-blue) !important;
    color: #fff !important;
}
.lc-right-post-btn {
    background: var(--lc-blue) !important;
    border-color: var(--lc-blue) !important;
}
#header .navbar-nav .nav-link {
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    min-width: max-content !important;
}
#header .navbar-nav {
    gap: 22px !important;
}
.nav-publish-btn {
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 0 16px !important;
    border: 1px solid #e8ebf1 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}
.nav-publish-btn:hover {
    border-color: var(--lc-blue) !important;
    color: var(--lc-blue) !important;
}

/* bbs.lc replica viewport width correction */
@media (min-width: 1200px) {
    #header .container,
    #body > .container {
        width: 100% !important;
        max-width: none !important;
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    #body > .container > .row > .col-lg-2,
    #body > .container > .row > .col-xl-2 {
        width: 240px !important;
        flex: 0 0 240px !important;
    }
    #body > .container > .row > .col-lg-10.col-xl-7 {
        width: calc(100% - 240px - 300px - 24px) !important;
        flex: 0 0 calc(100% - 240px - 300px - 24px) !important;
        max-width: none !important;
    }
    #body > .container > .row > .col-xl-3 {
        width: 300px !important;
        flex: 0 0 300px !important;
    }
}

/* bbs.lc replica mobile bottom publish button correction */
@media (max-width: 767.98px) {
    .bottom-nav {
        overflow: visible !important;
    }
    .bottom-nav-item.bottom-nav-center {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end !important;
        transform: none !important;
        padding-top: 0 !important;
    }
    .bottom-nav-item.bottom-nav-center i {
        position: absolute !important;
        top: -30px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        background: #2f63f4 !important;
        color: #fff !important;
        box-shadow: 0 10px 24px rgba(47,99,244,.32) !important;
        font-size: 34px !important;
        line-height: 64px !important;
        aspect-ratio: 1 / 1 !important;
    }
    .bottom-nav-item.bottom-nav-center i::before {
        display: block !important;
        width: auto !important;
        height: auto !important;
        line-height: 1 !important;
    }
    .bottom-nav-item.bottom-nav-center span {
        margin-top: 34px !important;
        color: #4b5563 !important;
    }
    .bottom-nav-item.bottom-nav-center.active span {
        color: #2f63f4 !important;
    }
}


/* bbs.lc white replica sidebar/category fixes */
@media (min-width: 992px) {
    .sidebar-left .side-nav {
        padding: 16px 14px !important;
    }
    .sidebar-left .side-nav-title {
        display: none !important;
    }
    .sidebar-left .side-nav-item {
        margin: 0 0 8px !important;
        border: 0 !important;
    }
    .sidebar-left .side-nav-link {
        min-height: 58px !important;
        padding: 9px 10px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        color: #161b22 !important;
        text-decoration: none !important;
    }
    .sidebar-left .side-nav-link:hover,
    .sidebar-left .side-nav-link.active {
        background: #f7f8fa !important;
        box-shadow: none !important;
    }
    .sidebar-left .menu-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 10px !important;
        background: #f5f6f8 !important;
        color: #1f2937 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 19px !important;
    }
    .sidebar-left .menu-copy {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
    }
    .sidebar-left .menu-text {
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        color: #161b22 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .sidebar-left .menu-desc {
        max-width: 142px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        color: #8a94a3 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
    .lc-forum-section-card {
        border: 1px solid #e8ebef !important;
        border-radius: 16px !important;
        box-shadow: none !important;
        overflow: hidden !important;
        background: #fff !important;
    }
    .lc-forum-section-card > .card-header {
        border-bottom: 0 !important;
        background: #fff !important;
    }
    .lc-forum-section-card .fw-semibold {
        font-size: 17px !important;
        font-weight: 900 !important;
        color: #111827 !important;
    }
    .lc-forum-section-card .badge {
        background: #f5f7fa !important;
        color: #6b7280 !important;
        font-weight: 700 !important;
    }
    .lc-forum-child-card {
        height: 100% !important;
        padding: 14px !important;
        border: 1px solid #edf0f4 !important;
        border-radius: 14px !important;
        background: #fff !important;
        transition: background .15s ease, border-color .15s ease !important;
    }
    .lc-forum-child-card:hover {
        background: #f9fafb !important;
        border-color: #dce2ea !important;
    }
    .lc-forum-child-card a {
        color: inherit !important;
        text-decoration: none !important;
    }
    .lc-forum-single-card {
        border: 0 !important;
        background: #fff !important;
    }
}


/* bbs.lc replica exact sizing + active forum state */
@media (min-width: 992px) {
    .sidebar-left .side-nav-link.active,
    .sidebar-left .side-nav-item.active .side-nav-link {
        background: #102f6b !important;
        color: #fff !important;
        box-shadow: 0 10px 22px rgba(16,47,107,.18) !important;
    }
    .sidebar-left .side-nav-link.active .menu-icon,
    .sidebar-left .side-nav-item.active .side-nav-link .menu-icon {
        background: rgba(255,255,255,.16) !important;
        color: #fff !important;
    }
    .sidebar-left .side-nav-link.active .menu-text,
    .sidebar-left .side-nav-item.active .side-nav-link .menu-text,
    .sidebar-left .side-nav-link.active .menu-desc,
    .sidebar-left .side-nav-item.active .side-nav-link .menu-desc {
        color: #fff !important;
    }
}

@media (max-width: 767.98px) {
    body {
        background: #f4f5f7 !important;
    }
    #header {
        height: 43px !important;
        min-height: 43px !important;
        border-bottom: 0 !important;
    }
    #header .container {
        min-height: 43px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .lc-mobile-topnav {
        gap: 32px !important;
        padding-left: 0 !important;
        justify-content: center !important;
    }
    .lc-mobile-topnav a {
        font-size: 18px !important;
        line-height: 43px !important;
        height: 43px !important;
        padding: 0 !important;
    }
    #header .nav-icon-btn {
        width: 30px !important;
        height: 30px !important;
        font-size: 19px !important;
    }
    #body > .container {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .lc-feed-toolbar {
        padding: 24px 0 8px !important;
    }
    .lc-feed-title {
        font-size: 24px !important;
        line-height: 30px !important;
        font-weight: 900 !important;
    }
    .lc-feed-toolbar > .d-flex {
        grid-template-columns: auto auto !important;
        justify-content: space-between !important;
        column-gap: 10px !important;
    }
    .thread-nav-tabs {
        gap: 0 !important;
    }
    .thread-nav-tabs .nav-link {
        min-width: 96px !important;
        height: 48px !important;
        padding: 0 20px !important;
        border-radius: 999px !important;
        font-size: 17px !important;
        line-height: 48px !important;
    }
    .bbs-lc-white-home .threadlist > li {
        min-height: 277px !important;
        padding: 20px 14px !important;
        border-radius: 12px !important;
    }
    .bbs-lc-white-home .threadlist > li:not(.thread-list-item) .text-center {
        padding: 56px 10px !important;
    }
    .bbs-lc-white-home .threadlist > li:not(.thread-list-item) .ti {
        font-size: 29px !important;
        margin-bottom: 8px !important;
    }
    .bbs-lc-white-home .threadlist > li:not(.thread-list-item) .fs-5 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .bbs-lc-white-home .threadlist > li:not(.thread-list-item) .small {
        font-size: 13px !important;
        margin-top: 8px !important;
    }
    footer,
    #footer,
    .footer,
    .xn-footer {
        display: none !important;
    }
    body {
        padding-bottom: 74px !important;
    }
    .bottom-nav {
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 !important;
        border-top: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    .bottom-nav-item {
        height: 50px !important;
        padding: 4px 0 3px !important;
        font-size: 11px !important;
        line-height: 1.05 !important;
        font-weight: 500 !important;
        color: #111827 !important;
    }
    .bottom-nav-item i {
        font-size: 22px !important;
        line-height: 24px !important;
        margin-bottom: 1px !important;
    }
    .bottom-nav-item.bottom-nav-center i {
        top: -12px !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 25px !important;
        line-height: 44px !important;
        box-shadow: 0 8px 18px rgba(47,99,244,.25) !important;
    }
    .bottom-nav-item.bottom-nav-center span {
        margin-top: 26px !important;
    }
}


/* bbs.lc replica final mobile header sizing */
@media (max-width: 767.98px) {
    #header.navbar,
    header#header.navbar {
        height: 43px !important;
        min-height: 43px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #body,
    main#body {
        padding-top: 0 !important;
    }
    .lc-mobile-topnav a.active::after {
        height: 3px !important;
        bottom: 0 !important;
        border-radius: 999px !important;
        background: #2f63f4 !important;
    }
}


/* bbs.lc replica final active forum blue override */
@media (min-width: 992px) {
    html body #body .sidebar-left #sidenav-menu .side-nav .side-nav-item.active > a.side-nav-link,
    html body #body .sidebar-left #sidenav-menu .side-nav a.side-nav-link.active,
    html body #body .sidebar-left #sidenav-menu .side-nav a.side-nav-link.active:hover {
        background: #102f6b !important;
        background-color: #102f6b !important;
        color: #fff !important;
        border-color: #102f6b !important;
        box-shadow: 0 10px 22px rgba(16,47,107,.20) !important;
    }
    html body #body .sidebar-left #sidenav-menu .side-nav .side-nav-item.active > a.side-nav-link .menu-icon,
    html body #body .sidebar-left #sidenav-menu .side-nav a.side-nav-link.active .menu-icon {
        background: rgba(255,255,255,.16) !important;
        color: #fff !important;
    }
    html body #body .sidebar-left #sidenav-menu .side-nav .side-nav-item.active > a.side-nav-link .menu-text,
    html body #body .sidebar-left #sidenav-menu .side-nav .side-nav-item.active > a.side-nav-link .menu-desc,
    html body #body .sidebar-left #sidenav-menu .side-nav a.side-nav-link.active .menu-text,
    html body #body .sidebar-left #sidenav-menu .side-nav a.side-nav-link.active .menu-desc {
        color: #fff !important;
    }
}


/* bbs.lc replica footer cleanup */
footer,
#footer,
.footer,
.xn-footer {
    display: none !important;
}
body {
    min-height: 100vh !important;
}


/* goal2: latest/hot, board-only sidebar, neutral active, right user center */
@media (min-width: 992px) {
    .lc-home-welcome,
    .sidebar-left > #sidenav-menu,
    .sidebar-left > .side-nav,
    .sidebar-left .side-nav-title {
        display: none !important;
    }
    .sidebar-left .xsf-sidebar-forums {
        border-top: 0 !important;
        padding: 16px 14px !important;
    }
    .sidebar-left .xsf-sidebar-forums .side-nav {
        gap: 8px !important;
    }
    .sidebar-left .xsf-sidebar-forums .side-nav-child .xsf-forum-link {
        margin-left: 0 !important;
    }
    .sidebar-left .xsf-sidebar-forums .xsf-forum-link.active,
    .sidebar-left .xsf-sidebar-forums .side-nav-item.active > .xsf-forum-link {
        background: transparent !important;
        background-color: transparent !important;
        color: #161b22 !important;
        border: 0 !important;
        box-shadow: none !important;
        padding-left: 10px !important;
    }
    .sidebar-left .xsf-sidebar-forums .xsf-forum-link.active .menu-icon,
    .sidebar-left .xsf-sidebar-forums .xsf-forum-link.active .menu-text {
        color: #161b22 !important;
        background: #f5f6f8 !important;
    }
    .lc-right-user-btn {
        width: 100%;
        border-radius: 10px !important;
        font-weight: 800 !important;
    }
}
.thread-nav-tabs {
    gap: 0 !important;
}
.thread-nav-tabs .nav-link {
    min-width: 68px !important;
    text-align: center !important;
    border-radius: 999px !important;
}
@media (max-width: 767.98px) {
    .lc-feed-toolbar {
        padding-top: 18px !important;
    }
    .lc-feed-title {
        font-size: 24px !important;
    }
    .thread-nav-tabs .nav-link {
        min-width: 96px !important;
    }
    .bbs-lc-white-home .threadlist > li {
        min-height: 252px !important;
    }
}

/* mobile top nav visual refinement */
@media (max-width: 767.98px) {
    .lc-mobile-topnav {
        gap: 24px !important;
        padding-left: 0 !important;
    }
    .lc-mobile-topnav a {
        height: 43px !important;
        padding: 0 1px !important;
        color: var(--bs-secondary-color) !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 43px !important;
        letter-spacing: 0 !important;
    }
    .lc-mobile-topnav a.active {
        color: var(--bs-body-color) !important;
        font-weight: 600 !important;
    }
    .lc-mobile-topnav a.active::after {
        width: 16px !important;
        height: 2px !important;
        bottom: 3px !important;
        background: var(--bs-primary) !important;
        opacity: .85 !important;
    }
}
@media (max-width: 360px) {
    .lc-mobile-topnav {
        gap: 18px !important;
    }
    .lc-mobile-topnav a {
        font-size: 14px !important;
    }
}

/* final: compact sidebars, single level badge, adaptive article cards */
.sidebar-left.x-card,
.sidebar-left.card {
    border-radius: 10px !important;
    overflow: hidden !important;
}

.sidebar-left .xsf-sidebar-forums {
    padding-top: .24rem !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav {
    gap: .04rem !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav-title,
.sidebar-left .xsf-sidebar-forums .xsf-section-label {
    min-height: 1.58rem !important;
    margin: .3rem .42rem .14rem !important;
    padding: .24rem .42rem !important;
    border-radius: 6px !important;
    font-size: .68rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-forum-link,
.sidebar-left .xsf-sidebar-forums .side-nav-link {
    min-height: 1.86rem !important;
    margin: 0 .36rem !important;
    padding: .28rem .44rem !important;
    gap: .38rem !important;
    border-radius: 6px !important;
    font-size: .76rem !important;
    line-height: 1.12 !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-forum-link .menu-icon,
.sidebar-left .xsf-sidebar-forums .side-nav-title .menu-icon {
    flex: 0 0 1.24rem !important;
    width: 1.24rem !important;
    height: 1.24rem !important;
    min-width: 1.24rem !important;
    border-radius: 5px !important;
    font-size: .86rem !important;
}

.sidebar-left .xsf-sidebar-forums .menu-text {
    font-size: .76rem !important;
    line-height: 1.12 !important;
}

.lc-user-center-card {
    width: 100%;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.lc-user-center-card .card-body {
    padding: 12px !important;
}

.lc-user-center-card .d-flex {
    min-width: 0 !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.lc-user-center-card .avatar-wrap,
.lc-user-center-card .avatar-component,
.lc-user-center-card .avatar,
.lc-user-center-card img.avatar {
    position: relative !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.lc-user-center-card .avatar-wrap *,
.lc-user-center-card .avatar-component *,
.lc-user-center-card .avatar * {
    max-width: 100% !important;
    max-height: 100% !important;
}

.lc-user-center-card .avatar-wrap [class*="annoying-medal"],
.lc-user-center-card .avatar-wrap [class*="avatar-badge"],
.lc-user-center-card .avatar-wrap [class*="level"],
.lc-user-center-card .avatar-wrap [class*="rank"],
.lc-user-center-card .avatar-wrap .avatar-group-icon,
.lc-user-center-card .avatar-wrap .badge,
.lc-user-center-card .avatar-component [class*="annoying-medal"],
.lc-user-center-card .avatar-component [class*="avatar-badge"],
.lc-user-center-card .avatar-component [class*="level"],
.lc-user-center-card .avatar-component [class*="rank"],
.lc-user-center-card .avatar-component .avatar-group-icon,
.lc-user-center-card .avatar-component .badge,
.lc-user-center-card .avatar [class*="annoying-medal"],
.lc-user-center-card .avatar [class*="avatar-badge"],
.lc-user-center-card .avatar [class*="level"],
.lc-user-center-card .avatar [class*="rank"],
.lc-user-center-card .avatar .avatar-group-icon,
.lc-user-center-card .avatar .badge,
.lc-user-center-card [class*="annoying-medal-avatar-badge"],
.lc-user-center-card .avatar-group-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.lc-user-center-card .min-w-0 {
    min-width: 0 !important;
    max-width: calc(100% - 44px) !important;
}

.lc-user-center-card .lc-right-title,
.lc-user-center-card .lc-right-muted {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.lc-user-center-card .lc-right-title {
    font-size: .9rem !important;
    line-height: 1.2 !important;
}

.lc-user-center-card .lc-right-muted {
    font-size: .72rem !important;
    line-height: 1.2 !important;
}

.lc-user-center-card .lc-right-user-btn {
    width: 100% !important;
    min-height: 32px !important;
    padding: .34rem .55rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    font-size: .82rem !important;
    line-height: 1.1 !important;
}

.threadlist,
.threadlist * {
    box-sizing: border-box;
}

.threadlist > li.thread-list-item,
.bbs-lc-white-home .threadlist > li.thread-list-item {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.threadlist > li.thread-list-item > .flex-fill,
.threadlist > li.thread-list-item .flex-fill {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.threadlist > li.thread-list-item .avatar-wrap [class*="annoying-medal-avatar-badge"],
.threadlist > li.thread-list-item .avatar-wrap .avatar-group-icon,
.threadlist > li.thread-list-item .avatar-wrap > [class*="level"],
.threadlist > li.thread-list-item .avatar-wrap > [class*="rank"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 767.98px) {
    #body > .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .bbs-lc-white-home .threadlist,
    .threadlist {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 0 !important;
    }

    .bbs-lc-white-home .threadlist > li.thread-list-item,
    .threadlist > li.thread-list-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 9px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 10px 11px !important;
        border-radius: 8px !important;
        overflow: visible !important;
    }

    .threadlist > li.thread-list-item > .me-2,
    .threadlist > li.thread-list-item > a:first-child,
    .threadlist > li.thread-list-item > .avatar,
    .threadlist > li.thread-list-item > .avatar-component {
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        margin: 0 !important;
        line-height: 0 !important;
    }

    .threadlist > li.thread-list-item .avatar-wrap,
    .threadlist > li.thread-list-item .avatar-wrap-md,
    .threadlist > li.thread-list-item img.avatar-md,
    .threadlist > li.thread-list-item .avatar-md,
    .threadlist > li.thread-list-item .avatar,
    .threadlist > li.thread-list-item img.avatar,
    .threadlist > li.thread-list-item .avatar-box,
    .threadlist > li.thread-list-item .avatar-component {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .threadlist > li.thread-list-item > .flex-fill,
    .threadlist > li.thread-list-item .flex-fill {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 47px) !important;
        padding: 0 !important;
    }

    .threadlist > li.thread-list-item .subject,
    .threadlist > li.thread-list-item .thread-subject,
    .threadlist > li.thread-list-item h3,
    .threadlist > li.thread-list-item h4 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        max-height: none !important;
        margin: 0 0 5px !important;
        font-size: 15px !important;
        line-height: 20px !important;
        font-weight: 800 !important;
    }

    .threadlist > li.thread-list-item .thread-list-meta {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 5px 7px !important;
        min-width: 0 !important;
        margin-top: 4px !important;
        padding-top: 0 !important;
        border-top: 0 !important;
        font-size: 11px !important;
        line-height: 15px !important;
    }

    .threadlist > li.thread-list-item .badge,
    .threadlist > li.thread-list-item .label,
    .threadlist > li.thread-list-item .rounded-pill {
        font-size: 10px !important;
        line-height: 13px !important;
        padding: 2px 6px !important;
        border-radius: 5px !important;
    }

    .threadlist > li.thread-list-item .avatar-wrap [class*="annoying-medal-avatar-badge"],
    .threadlist > li.thread-list-item .avatar-wrap .avatar-group-icon,
    .threadlist > li.thread-list-item .avatar-wrap > [class*="level"],
    .threadlist > li.thread-list-item .avatar-wrap > [class*="rank"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    .bbs-lc-white-home .threadlist > li:not(.thread-list-item) {
        height: auto !important;
        min-height: 96px !important;
        padding: 20px 11px !important;
        border-radius: 8px !important;
    }

    .lc-feed-toolbar {
        padding: 9px 0 7px !important;
    }

    .thread-nav-tabs {
        gap: .24rem !important;
        padding: .14rem !important;
        border-radius: 8px !important;
    }

    .thread-nav-tabs .nav-link {
        min-height: 1.72rem !important;
        height: auto !important;
        padding: .22rem .58rem !important;
        border-radius: 6px !important;
        font-size: .76rem !important;
        line-height: 1.15 !important;
        font-weight: 650 !important;
    }
}


/* final: visible title pin and tags */
.threadlist > li.thread-list-item .subject,
.thread-top-list .subject {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    line-height: 1.35 !important;
}

@media (max-width: 767.98px) {
    .threadlist > li.thread-list-item .subject,
    .thread-top-list .subject {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 4px 5px !important;
        max-height: none !important;
        margin: 0 0 5px !important;
        overflow: visible !important;
        -webkit-line-clamp: initial !important;
        -webkit-box-orient: initial !important;
    }
}


/* final: sidebar list indent and user level hardening */
.sidebar-left .xsf-sidebar-forums .side-nav {
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav > li,
.sidebar-left .xsf-sidebar-forums .side-nav-item {
    list-style: none !important;
}

.lc-user-center-card [class*="annoying-medal"],
.lc-user-center-card [class*="avatar-badge"],
.lc-user-center-card [class*="avatar-group"],
.lc-user-center-card [class*="level"],
.lc-user-center-card [class*="rank"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}


/* final: dense readable sidebar forums */
.sidebar-left .xsf-sidebar-forums {
    padding-top: .18rem !important;
    border-top: 0 !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav {
    padding: .18rem .16rem .32rem !important;
    margin: 0 !important;
    gap: .08rem !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav-title,
.sidebar-left .xsf-sidebar-forums .xsf-section-label {
    min-height: 1.58rem !important;
    margin: .26rem .04rem .12rem !important;
    padding: .18rem .2rem !important;
    border-radius: 4px !important;
    font-size: .82rem !important;
    line-height: 1.12 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-title-main + .xsf-section-label {
    margin-top: .12rem !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-section-label + .xsf-section-label {
    margin-top: .12rem !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-section-title::before {
    content: none !important;
}

.sidebar-left .xsf-sidebar-forums .side-nav-child .xsf-forum-link {
    margin-left: 0 !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-forum-link,
.sidebar-left .xsf-sidebar-forums .side-nav-link {
    min-height: 2.08rem !important;
    margin: 0 !important;
    padding: .34rem .38rem !important;
    gap: .46rem !important;
    border-radius: 4px !important;
    font-size: .9rem !important;
    line-height: 1.18 !important;
}

.sidebar-left .xsf-sidebar-forums .xsf-forum-link .menu-icon,
.sidebar-left .xsf-sidebar-forums .side-nav-title .menu-icon {
    flex: 0 0 1.28rem !important;
    width: 1.28rem !important;
    height: 1.28rem !important;
    min-width: 1.28rem !important;
    border-radius: 4px !important;
    font-size: .98rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sidebar-left .xsf-sidebar-forums .menu-text {
    font-size: .9rem !important;
    line-height: 1.18 !important;
    font-weight: 650 !important;
}

.sidebar-left .xsf-sidebar-forums.annoying-rating-sidebar-forums {
    padding-top: .1rem !important;
}

.sidebar-left .xsf-sidebar-forums.annoying-rating-sidebar-forums .xsf-section-label {
    margin-top: .2rem !important;
}

.sidebar-right .annoying-rating-side-card {
    border-radius: 10px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sidebar-right .annoying-rating-side-card .card-body {
    padding: 10px 12px !important;
}

.sidebar-right .annoying-rating-side-card .card-body + .card-body {
    padding-top: 0 !important;
}

.sidebar-right .annoying-rating-side-link {
    min-height: 34px !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
}

.sidebar-right .annoying-rating-side-link span {
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
    border: 0 !important;
    background: transparent !important;
}


/* final: refined thread cards and title tags */
.threadlist > li.thread-list-item,
.bbs-lc-white-home .threadlist > li.thread-list-item {
    border-radius: 14px !important;
    background: var(--bs-body-bg) !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045) !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.threadlist > li.thread-list-item:hover,
.bbs-lc-white-home .threadlist > li.thread-list-item:hover {
    border-color: rgba(59, 130, 246, .2) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .075) !important;
    transform: translateY(-1px) !important;
}

.threadlist > li.thread-list-item .subject,
.thread-top-list .subject {
    gap: 3px 7px !important;
}

.thread-list-meta .lc-thread-category-tag {
    display: none !important;
}

.thread-top-list.x-card,
.thread-top-list.card {
    border-radius: 14px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .04) !important;
    overflow: hidden !important;
}

.thread-top-list li {
    border-radius: 10px !important;
}

@media (max-width: 767.98px) {
    .threadlist > li.thread-list-item,
    .bbs-lc-white-home .threadlist > li.thread-list-item {
        border-radius: 12px !important;
        padding: 11px 12px !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
    }

    .threadlist > li.thread-list-item:hover,
    .bbs-lc-white-home .threadlist > li.thread-list-item:hover {
        transform: none !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
    }
}

/* final: borderless rounded feed cards */
.bbs-lc-white-home .threadlist,
.index-threadlist.list-mode,
.threadlist {
    background: #f5f6f8 !important;
}

.bbs-lc-white-home .threadlist.x-card,
.threadlist.x-card {
    padding: 0 !important;
    border: 0 !important;
    background: #f5f6f8 !important;
    box-shadow: none !important;
}

.bbs-lc-white-home .threadlist > li.thread-list-item,
.threadlist > li.thread-list-item {
    border: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .045) !important;
    overflow: hidden !important;
}

.bbs-lc-white-home .threadlist > li.thread-list-item:hover,
.threadlist > li.thread-list-item:hover {
    border: 0 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.threadlist > li.thread-list-item::before,
.threadlist > li.thread-list-item::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767.98px) {
    #body,
    #body > .container,
    .bbs-lc-white-home .threadlist,
    .threadlist {
        background: #f5f6f8 !important;
    }

    .bbs-lc-white-home .threadlist,
    .threadlist {
        gap: 10px !important;
    }

    .bbs-lc-white-home .threadlist > li.thread-list-item,
    .threadlist > li.thread-list-item {
        border: 0 !important;
        border-radius: 16px !important;
        box-shadow: none !important;
        padding: 14px 14px 12px !important;
    }
}

.lc-user-center-card .lc-right-user-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}


@media (max-width: 767.98px) {
    #header.navbar {
        min-height: 44px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-shadow: none !important;
    }

    #header .navbar-brand {
        padding: 0 !important;
        margin-right: 6px !important;
    }

    #header .site-logo {
        max-height: 24px !important;
        width: auto !important;
    }

    .lc-mobile-topnav {
        gap: 4px !important;
        padding: 2px !important;
        border-radius: 999px !important;
        background: #f5f6f8 !important;
    }

    .lc-mobile-topnav a {
        min-height: 26px !important;
        padding: 3px 9px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 650 !important;
    }

    .lc-feed-toolbar {
        padding: 4px 0 5px !important;
        margin-bottom: 6px !important;
    }

    .thread-nav-tabs {
        gap: 3px !important;
        padding: 2px !important;
        border-radius: 999px !important;
        background: #f5f6f8 !important;
    }

    .thread-nav-tabs .nav-link {
        min-height: 26px !important;
        padding: 3px 12px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 650 !important;
    }
}

/* final: remove feed card backplate/border halo */
.bbs-lc-white-home,
.bbs-lc-white-home .index-threadlist,
.bbs-lc-white-home .index-threadlist > .mt-0,
.bbs-lc-white-home .threadlist,
.bbs-lc-white-home .threadlist.x-card,
.bbs-lc-white-home .threadlist.x-card.card,
.index-threadlist.list-mode,
.index-threadlist.list-mode > .mt-0,
.index-threadlist.list-mode .threadlist,
.index-threadlist.list-mode .threadlist.x-card,
.index-threadlist.list-mode .threadlist.x-card.card {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bbs-lc-white-home .threadlist.x-card.card,
.index-threadlist.list-mode .threadlist.x-card.card {
    --bs-card-bg: transparent !important;
    --bs-card-border-color: transparent !important;
    --bs-card-border-width: 0 !important;
    --bs-card-box-shadow: none !important;
    padding: 0 !important;
}

.bbs-lc-white-home .threadlist.x-card.card::before,
.bbs-lc-white-home .threadlist.x-card.card::after,
.index-threadlist.list-mode .threadlist.x-card.card::before,
.index-threadlist.list-mode .threadlist.x-card.card::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767.98px) {
    .bbs-lc-white-home,
    .bbs-lc-white-home .index-threadlist,
    .bbs-lc-white-home .index-threadlist > .mt-0,
    .index-threadlist.list-mode,
    .index-threadlist.list-mode > .mt-0 {
        background: transparent !important;
    }
}

@media (max-width: 390px) {
    #header .site-name {
        display: none !important;
    }

    .lc-mobile-topnav {
        max-width: 142px !important;
    }
}

/* final: mobile community home shell */
@media (max-width: 767.98px) {
    .bbs-lc-white-home > .x-card.card,
    .bbs-lc-white-home > .thread-top-list,
    .bbs-lc-white-home > .thread-top {
        display: none !important;
    }

    .lc-mobile-community-home {
        display: block !important;
        margin: -6px -10px 8px !important;
        padding: 0 10px 8px !important;
        background: #fff !important;
    }

    .lc-mobile-hero {
        position: relative !important;
        min-height: 188px !important;
        padding: 18px 20px 16px !important;
        margin: 0 -10px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 16px !important;
        background: #fff !important;
    }

    .lc-mobile-hero::after {
        content: none !important;
        display: none !important;
    }

    .lc-mobile-hero-top {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        z-index: 2 !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) 42px !important;
        gap: 10px !important;
        align-items: center !important;
    }

    .lc-mobile-switch,
    .lc-mobile-search,
    .lc-mobile-notice {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        border-radius: 20px !important;
        color: #111827 !important;
        text-decoration: none !important;
        background: #f3f6fa !important;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .05) !important;
        backdrop-filter: none !important;
    }

    .lc-mobile-switch {
        gap: 4px !important;
        padding: 0 13px !important;
        font-size: 13px !important;
        font-weight: 760 !important;
    }

    .lc-mobile-search {
        justify-content: flex-start !important;
        gap: 6px !important;
        padding: 0 16px !important;
        color: #475569 !important;
        font-size: 14px !important;
        font-weight: 680 !important;
    }

    .lc-mobile-notice {
        width: 42px !important;
        font-size: 22px !important;
    }

    .lc-mobile-hero-main {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 2 !important;
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) 42px !important;
        gap: 12px !important;
        align-items: end !important;
    }

    .lc-mobile-community-logo {
        width: 64px !important;
        height: 64px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: rgba(255, 255, 255, .92) !important;
        box-shadow: 0 8px 20px rgba(16, 24, 40, .14) !important;
    }

    .lc-mobile-community-logo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .lc-mobile-community-copy {
        min-width: 0 !important;
        color: #111827 !important;
        text-shadow: none !important;
    }

    .lc-mobile-community-copy h1 {
        margin: 0 0 4px !important;
        font-size: 26px !important;
        line-height: 32px !important;
        font-weight: 830 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .lc-mobile-community-copy p {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 650 !important;
        color: #64748b !important;
    }

    .lc-mobile-menu {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 21px !important;
        color: #111827 !important;
        font-size: 24px !important;
        background: #f3f6fa !important;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .05) !important;
        text-decoration: none !important;
        backdrop-filter: none !important;
    }

    .lc-mobile-banner {
        position: relative !important;
        z-index: 3 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 4px 10px !important;
        align-items: center !important;
        min-height: 70px !important;
        margin: -2px 0 10px !important;
        padding: 12px 16px !important;
        border-radius: 17px !important;
        color: #075985 !important;
        text-decoration: none !important;
        background: #f8fafc !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .07) !important;
    }

    .lc-mobile-banner-kicker {
        grid-column: 1 / 2 !important;
        color: rgba(7, 89, 133, .72) !important;
        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 800 !important;
    }

    .lc-mobile-banner strong {
        grid-column: 1 / 2 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 850 !important;
    }

    .lc-mobile-banner i {
        grid-row: 1 / 3 !important;
        grid-column: 2 / 3 !important;
        color: #f59e0b !important;
        font-size: 34px !important;
    }

    .lc-mobile-quickrail {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 74px !important;
        gap: 8px !important;
        margin: -2px -10px 8px !important;
        padding: 0 14px 2px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .lc-mobile-quickrail::-webkit-scrollbar {
        display: none !important;
    }

    .lc-mobile-quickrail a {
        display: grid !important;
        gap: 6px !important;
        justify-items: center !important;
        color: #111827 !important;
        text-decoration: none !important;
        font-style: normal !important;
    }

    .lc-mobile-quickrail span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 56px !important;
        height: 46px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        color: #0ea5e9 !important;
        font-size: 25px !important;
        box-shadow: 0 5px 14px rgba(16, 24, 40, .08) !important;
    }

    .lc-mobile-quickrail em {
        font-style: normal !important;
        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 720 !important;
        white-space: nowrap !important;
    }

    .lc-mobile-hotline {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: center !important;
        min-height: 50px !important;
        padding: 9px 12px !important;
        border-radius: 14px !important;
        color: #111827 !important;
        text-decoration: none !important;
        background: rgba(255, 251, 235, .94) !important;
        box-shadow: 0 5px 14px rgba(16, 24, 40, .055) !important;
    }

    .lc-mobile-hotline span {
        color: #f59e0b !important;
        font-size: 15px !important;
        font-weight: 860 !important;
        white-space: nowrap !important;
    }

    .lc-mobile-hotline strong {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: 18px !important;
        font-weight: 780 !important;
    }

    .lc-mobile-hotline em {
        color: #98a2b3 !important;
        font-style: normal !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .lc-mobile-channel-tabs {
        display: flex !important;
        gap: 24px !important;
        margin: 8px -10px 8px !important;
        padding: 0 14px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .lc-mobile-channel-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .lc-mobile-channel-tabs a {
        position: relative !important;
        flex: 0 0 auto !important;
        padding: 4px 0 10px !important;
        color: #8b9099 !important;
        text-decoration: none !important;
        font-size: 19px !important;
        line-height: 26px !important;
        font-weight: 760 !important;
        white-space: nowrap !important;
    }

    .lc-mobile-channel-tabs a.active {
        color: #111827 !important;
        font-size: 22px !important;
        font-weight: 880 !important;
    }

    .lc-mobile-channel-tabs a.active::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 0 !important;
        width: 36px !important;
        height: 7px !important;
        border-radius: 999px !important;
        background: #fde100 !important;
        transform: translateX(-50%) !important;
    }

    .lc-mobile-subfilters {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: max-content !important;
        gap: 10px !important;
        margin: 0 -10px 10px !important;
        padding: 0 10px 2px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .lc-mobile-subfilters::-webkit-scrollbar {
        display: none !important;
    }

    .lc-mobile-subfilters a {
        padding: 7px 13px !important;
        border-radius: 12px !important;
        color: #98a2b3 !important;
        text-decoration: none !important;
        background: #f1f3f6 !important;
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 720 !important;
        white-space: nowrap !important;
    }

    .lc-feed-toolbar {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .lc-mobile-community-home,
    .lc-mobile-channel-tabs,
    .lc-mobile-subfilters {
        display: none !important;
    }
}


/* goal34: final override, mobile publish tab is not a floating circle */
@media (max-width: 767.98px) {
    .bottom-nav-item.bottom-nav-center {
        transform: none !important;
        justify-content: center !important;
        padding: 4px 0 3px !important;
    }

    .bottom-nav-item.bottom-nav-center i,
    .bottom-nav-center i {
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 24px !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        margin: 0 0 1px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #111827 !important;
        box-shadow: none !important;
        font-size: 22px !important;
        line-height: 24px !important;
        aspect-ratio: auto !important;
    }

    .bottom-nav-item.bottom-nav-center.active i,
    .bottom-nav-item.bottom-nav-center.active span {
        color: #2f63f4 !important;
    }

    .bottom-nav-item.bottom-nav-center span {
        margin-top: 0 !important;
        color: #111827 !important;
    }
}


/* final: mobile top navigation app-style segmented bar */
@media (max-width: 767.98px) {
    #header.navbar,
    header#header.navbar {
        min-height: 52px !important;
        padding: 6px 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
        background: rgba(255, 255, 255, .88) !important;
        -webkit-backdrop-filter: saturate(180%) blur(18px) !important;
        backdrop-filter: saturate(180%) blur(18px) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
    }

    #header .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #header .d-flex.g-4 {
        gap: 8px !important;
        min-width: 0 !important;
    }

    #header .col.col-xl-2 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 38px !important;
        min-width: 34px !important;
    }

    #header .col.col-xl-2 > a {
        width: 34px !important;
        height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 11px !important;
        background: #ffffff !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, .08) !important;
        overflow: hidden !important;
    }

    #header .site-logo {
        width: 26px !important;
        height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
        object-fit: contain !important;
        border-radius: 8px !important;
    }

    #header .site-name {
        display: none !important;
    }

    .lc-mobile-topnav {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 36px !important;
        margin: 0 2px !important;
        padding: 3px !important;
        gap: 2px !important;
        border: 1px solid rgba(15, 23, 42, .06) !important;
        border-radius: 13px !important;
        background: rgba(242, 244, 247, .92) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
        overflow: hidden !important;
    }

    .lc-mobile-topnav a {
        position: relative !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 30px !important;
        min-height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        padding: 0 5px !important;
        border-radius: 10px !important;
        color: #667085 !important;
        font-size: 12px !important;
        line-height: 30px !important;
        font-weight: 760 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .lc-mobile-topnav a i {
        font-size: 15px !important;
        line-height: 1 !important;
        color: currentColor !important;
    }

    .lc-mobile-topnav a span {
        display: inline-block !important;
        line-height: 1 !important;
    }

    .lc-mobile-topnav a.active {
        color: #1677ff !important;
        background: #ffffff !important;
        box-shadow: 0 4px 12px rgba(22, 119, 255, .13) !important;
    }

    .lc-mobile-topnav a.active::after {
        content: none !important;
        display: none !important;
    }

    #header .col-auto.col-xl-3 {
        flex: 0 0 auto !important;
        gap: 4px !important;
        margin-left: 0 !important;
    }

    #header .nav-icon-btn {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 1px solid rgba(15, 23, 42, .06) !important;
        border-radius: 11px !important;
        background: #ffffff !important;
        color: #344054 !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, .06) !important;
    }

    #header .nav-icon-btn i {
        font-size: 18px !important;
    }

    #header .dropdown:has(#theme-toggle) {
        display: none !important;
    }
}

@media (max-width: 374px) {
    .lc-mobile-topnav a {
        gap: 2px !important;
        padding: 0 3px !important;
        font-size: 11px !important;
    }

    .lc-mobile-topnav a i {
        font-size: 14px !important;
    }

    #header .nav-icon-btn,
    #header .col.col-xl-2 > a {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }
}

/* final: keep avatar frames visible while simplifying badge clutter */
.avatar-wrap{overflow:visible!important}
.threadlist > li.thread-list-item .avatar-wrap .avatar-pendant,
.threadlist > li.thread-list-item .avatar-wrap .annoying-medal-avatar-pendant,
.lc-user-center-card .avatar-wrap .avatar-pendant,
.lc-user-center-card .avatar-wrap .annoying-medal-avatar-pendant,
.avatar-wrap .avatar-pendant,
.avatar-wrap .annoying-medal-avatar-pendant{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:160%!important;
  height:160%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  z-index:3!important;
}
.lc-user-center-card .avatar-wrap{overflow:visible!important}
.threadlist > li.thread-list-item .avatar-wrap [class*="annoying-medal-avatar-badge"]{
  display:none!important;
}


/* final: medal-themed mobile profile cover */
@media (max-width:1199.98px){
  .my-app-cover{
    background:
      radial-gradient(circle at 84% 12%, rgba(255,255,255,.44) 0 2.6rem, transparent 2.7rem),
      radial-gradient(circle at 13% 4%, rgba(255,232,166,.62) 0 2.7rem, transparent 2.8rem),
      linear-gradient(140deg,#7c4a16 0%,#b7791f 46%,#f6c453 100%)!important;
    box-shadow:0 .55rem 1.2rem rgba(146,94,20,.18)!important;
  }
  .my-app-cover:after{
    background:linear-gradient(135deg,rgba(255,236,153,.96),rgba(255,157,80,.92))!important;
    opacity:.72!important;
  }
  .my-app-brand{
    background:rgba(255,255,255,.22)!important;
    color:#fffaf0!important;
  }
  .my-app-avatar{
    background:rgba(255,251,235,.94)!important;
    box-shadow:0 .34rem .9rem rgba(92,52,12,.22)!important;
    overflow:visible!important;
  }
  .my-app-user{color:#fffaf0!important;text-shadow:0 .08rem .22rem rgba(92,52,12,.32)!important}
  .lc-user-center-card{background:linear-gradient(180deg,#fffaf0,#fff)!important}
}

/* final: remove medals around avatars; keep only avatar frames */
.avatar-wrap .annoying-medal-avatar-badge,
.avatar-wrap .avatar-badge.annoying-medal-avatar-badge,
.threadlist > li.thread-list-item .avatar-wrap .annoying-medal-avatar-badge,
.lc-user-center-card .avatar-wrap .annoying-medal-avatar-badge{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* bbs.lc exact comment UI transplant v1.5.80 */
.card-postlist {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.card-postlist > .card-body {
    padding: 1rem 1.05rem !important;
}

.card-postlist .card-title {
    margin-bottom: .85rem !important;
}

.card-postlist .postlist {
    margin: 0 !important;
    padding: 0 !important;
}

.card-postlist .postlist > li.annoying-comment-card,
.card-postlist .postlist > li.post {
    padding: .92rem 0 !important;
    border-top: 1px solid var(--bs-border-color-translucent, rgba(15,23,42,.08)) !important;
}

.card-postlist .postlist > li.annoying-comment-card:first-child,
.card-postlist .postlist > li.post:first-child {
    border-top: 0 !important;
    padding-top: .25rem !important;
}

.card-postlist .postlist > li .avatar-wrap-md img,
.card-postlist .postlist > li .avatar-md {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
}

.card-postlist .postlist > li .username a {
    color: var(--bs-secondary-color) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.card-postlist .postlist > li .message {
    margin-top: .28rem !important;
    color: var(--bs-body-color) !important;
    font-size: .95rem !important;
    line-height: 1.75 !important;
}

.card-postlist .postlist > li .message p:last-child {
    margin-bottom: 0 !important;
}

.card-postlist .postlist > li .post_reply,
.card-postlist .postlist > li .post-like-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: .25rem !important;
    color: var(--bs-secondary-color) !important;
    text-decoration: none !important;
}

.card-postlist .postlist > li .post_reply:hover,
.card-postlist .postlist > li .post-like-btn:hover {
    color: var(--bs-primary) !important;
}

.annoying-comment-composer {
    margin-top: .9rem !important;
    padding-top: .9rem !important;
    border-top: 1px solid var(--bs-border-color-translucent, rgba(15,23,42,.08)) !important;
}

.annoying-comment-composer > a.me-3 {
    margin-right: .65rem !important;
}

.annoying-quick-comment-form {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: .55rem !important;
    align-items: end !important;
}

.annoying-quick-comment-form #reply-msg,
.annoying-quick-comment-form input[type="hidden"],
.annoying-quick-comment-form .annoying-comment-quote,
.annoying-quick-comment-form #captcha-reply {
    grid-column: 1 / -1 !important;
}

.annoying-comment-input-wrap {
    margin: 0 !important;
}

#quick_reply_form .annoying-comment-input {
    min-height: 42px !important;
    height: 42px !important;
    max-height: 96px !important;
    resize: none !important;
    border-radius: 12px !important;
    padding: .58rem .82rem !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    background: var(--bs-tertiary-bg, #f8f9fa) !important;
}

#quick_reply_form .annoying-comment-input:focus {
    background: var(--bs-body-bg, #fff) !important;
    box-shadow: 0 0 0 .18rem rgba(var(--bs-primary-rgb), .12) !important;
}

#quick_reply_form #emoji-toggle-btn,
#quick_reply_form #emoji-picker-panel,
#quick_reply_form #advanced_reply {
    display: none !important;
}

#quick_reply_form .text-body-secondary.mt-2.small {
    margin: 0 !important;
}

#quick_reply_form .text-body-secondary.mt-2.small > .d-flex {
    display: block !important;
}

#quick_reply_form .text-body-secondary.mt-2.small > .d-flex > div:first-child {
    display: block !important;
}

#quick_reply_form .text-body-secondary.mt-2.small > .d-flex > div:last-child {
    display: none !important;
}

#quick_reply_form #submit {
    align-items: center !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    font-weight: 700 !important;
    gap: .32rem !important;
    height: 42px !important;
    padding: 0 .95rem !important;
    white-space: nowrap !important;
}

.annoying-comment-quote {
    padding: .55rem .65rem !important;
    border-radius: 10px !important;
    border: 1px solid var(--bs-border-color-translucent, rgba(15,23,42,.08)) !important;
    background: var(--bs-tertiary-bg, #f8f9fa) !important;
    font-size: .85rem !important;
}

.annoying-quick-comment-form.is-collapsed {
    grid-template-columns: 1fr !important;
}

.annoying-quick-comment-form.is-collapsed #submit,
.annoying-quick-comment-form.is-collapsed .text-body-secondary.mt-2.small {
    display: none !important;
}

.annoying-quick-comment-form.is-collapsed .annoying-comment-input {
    cursor: text !important;
    min-height: 42px !important;
    height: 42px !important;
    overflow: hidden !important;
}

.annoying-quick-comment-form:not(.is-collapsed) .text-body-secondary.mt-2.small {
    display: block !important;
}

.annoying-quick-comment-form:not(.is-collapsed) {
    align-items: start !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
}

.annoying-quick-comment-form:not(.is-collapsed) #submit {
    margin-top: 0 !important;
}

#quick_reply_form #submit.is-loading .ti {
    animation: annoying-spin .75s linear infinite;
}

button.annoying-action-btn {
    appearance: none;
    -webkit-appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    gap: .2rem;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
    vertical-align: baseline;
}

button.annoying-action-btn:hover,
button.annoying-action-btn:focus {
    color: var(--bs-body-color);
    text-decoration: none;
}

button.annoying-action-btn:focus-visible {
    border-radius: .25rem;
    outline: 2px solid rgba(var(--bs-primary-rgb), .35);
    outline-offset: 2px;
}

@keyframes annoying-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 575.98px) {
    .card-postlist > .card-body {
        padding: .9rem .85rem !important;
    }

    .card-postlist .postlist > li.annoying-comment-card,
    .card-postlist .postlist > li.post {
        padding: .82rem 0 !important;
    }

    .annoying-quick-comment-form {
        grid-template-columns: 1fr !important;
    }

    .annoying-quick-comment-form:not(.is-collapsed) {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    #quick_reply_form #submit {
        justify-content: center !important;
        min-width: 42px !important;
        padding: 0 !important;
        width: 42px !important;
    }

    #quick_reply_form #submit span {
        display: none !important;
    }
}

/* final: profile header medals stay readable */
.lc-user-center-card .annoying-medal-inline-badges,
.my-app-name .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  gap:6px!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level),
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  height:28px!important;
  max-height:28px!important;
  max-width:50px!important;
  min-height:28px!important;
  min-width:50px!important;
  width:50px!important;
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img,
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img,
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img{
  height:28px!important;
  max-height:28px!important;
  max-width:50px!important;
  min-height:28px!important;
  min-width:50px!important;
  object-fit:contain!important;
  width:50px!important;
}


@media (min-width: 768px) {

  body .thread-nav-tabs .nav-link {
    min-width: 46px !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 4px 12px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level):nth-of-type(n+5),
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level):nth-of-type(n+5){
  display:none!important;
}
.avatar-wrap .avatar-pendant,
.avatar-wrap .annoying-medal-avatar-pendant,
.avatar-component .avatar-pendant,
.avatar-component .annoying-medal-avatar-pendant{
  display:block!important;
  height:156%!important;
  left:50%!important;
  max-height:none!important;
  max-width:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  position:absolute!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:156%!important;
  z-index:4!important;
}
.avatar-wrap img.avatar,
.avatar-component img.avatar,
.avatar-wrap > img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant),
.avatar-component > img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant){
  position:relative!important;
  z-index:2!important;
}

.lc-user-center-card .annoying-medal-inline-badges,
.my-app-name .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  line-height:1!important;
  margin:0!important;
  max-width:170px!important;
  min-width:0!important;
  overflow:hidden!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.lc-user-center-card .annoying-medal-inline-badge-level,
.my-app-name .annoying-medal-inline-badge-level{
  align-items:center!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  font-size:12px!important;
  height:22px!important;
  justify-content:center!important;
  line-height:20px!important;
  margin:0 1px 0 0!important;
  max-height:22px!important;
  min-height:22px!important;
  padding:0 8px!important;
  transform:none!important;
  vertical-align:middle!important;
}
.lc-user-center-card .annoying-medal-inline-badge-level .annoying-medal-icon-emoji,
.my-app-name .annoying-medal-inline-badge-level .annoying-medal-icon-emoji{
  font-size:12px!important;
  line-height:20px!important;
  transform:none!important;
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level),
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 42px!important;
  height:24px!important;
  max-height:24px!important;
  max-width:42px!important;
  min-height:24px!important;
  min-width:42px!important;
  width:42px!important;
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img,
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img{
  height:24px!important;
  max-height:24px!important;
  max-width:42px!important;
  min-height:24px!important;
  min-width:42px!important;
  object-fit:contain!important;
  width:42px!important;
}
.lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level):nth-of-type(n+5),
.my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level):nth-of-type(n+5){
  display:none!important;
}

@media(max-width:767.98px){
  .lc-user-center-card .annoying-medal-inline-badges,
  .my-app-name .annoying-medal-inline-badges{
    gap:2px!important;
    max-width:150px!important;
  }
  .lc-user-center-card .annoying-medal-inline-badge-level,
  .my-app-name .annoying-medal-inline-badge-level{
    height:20px!important;
    line-height:18px!important;
    padding:0 7px!important;
  }
}

body .lc-user-center-card .annoying-medal-inline-badges,
body .my-app-name .annoying-medal-inline-badges,
body .x-card.card .lc-user-center-card .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  height:24px!important;
  line-height:20px!important;
  margin:0!important;
  max-height:24px!important;
  max-width:140px!important;
  overflow:hidden!important;
  padding:0!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  width:auto!important;
}

body .lc-user-center-card .annoying-medal-inline-badge-level,
body .my-app-name .annoying-medal-inline-badge-level,
body .x-card.card .lc-user-center-card .annoying-medal-inline-badge-level{
  align-items:center!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  font-size:10px!important;
  height:20px!important;
  justify-content:center!important;
  line-height:18px!important;
  margin:0!important;
  max-height:20px!important;
  min-height:20px!important;
  padding:0 7px!important;
  transform:none!important;
  vertical-align:middle!important;
}

body .lc-user-center-card .annoying-medal-inline-badge-level .annoying-medal-icon-emoji,
body .my-app-name .annoying-medal-inline-badge-level .annoying-medal-icon-emoji,
body .x-card.card .lc-user-center-card .annoying-medal-inline-badge-level .annoying-medal-icon-emoji{
  font-size:10px!important;
  line-height:18px!important;
  transform:none!important;
}

body .lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level),
body .my-app-name .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level),
body .x-card.card .lc-user-center-card .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 42px!important;
  height:24px!important;
  margin:0!important;
  max-height:24px!important;
  max-width:42px!important;
  min-height:24px!important;
  min-width:42px!important;
  padding:0!important;
  width:42px!important;
}
/* annoying profile header polish v1.5.23: softer card, cleaner avatar, better badge spacing */
body .x-card.card:has(.avatar-wrap-xl) {
  background:
    radial-gradient(circle at 16% 18%, rgba(88,166,255,.18) 0, rgba(88,166,255,0) 34%),
    linear-gradient(135deg, rgba(247,251,255,.98) 0%, rgba(241,247,255,.96) 46%, rgba(250,252,255,.98) 100%)!important;
  border:1px solid rgba(59,130,246,.10)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  overflow:visible!important;
}

body .x-card.card:has(.avatar-wrap-xl) > .card-body{
  align-items:center!important;
  gap:14px!important;
  padding:12px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl{
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:inline-flex!important;
  flex:0 0 96px!important;
  height:96px!important;
  justify-content:center!important;
  overflow:visible!important;
  position:relative!important;
  width:96px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative{
  background:transparent!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  height:88px!important;
  left:4px!important;
  overflow:hidden!important;
  position:relative!important;
  top:4px!important;
  width:88px!important;
  z-index:2!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img.avatar-xl,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant){
  background:transparent!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  display:block!important;
  height:88px!important;
  object-fit:cover!important;
  outline:0!important;
  padding:0!important;
  width:88px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon{
  border:0!important;
  box-shadow:none!important;
  right:2px!important;
  bottom:2px!important;
  z-index:5!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-pendant,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .annoying-medal-avatar-pendant{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block!important;
  height:128px!important;
  left:50%!important;
  max-height:none!important;
  max-width:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  position:absolute!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:128px!important;
  z-index:4!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1{
  align-items:center!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  line-height:24px!important;
  margin:0 0 6px!important;
  min-width:0!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
  display:inline-block!important;
  flex:0 1 auto!important;
  max-width:128px!important;
  min-width:0!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  gap:1px!important;
  height:22px!important;
  line-height:18px!important;
  margin-left:6px!important;
  max-height:22px!important;
  max-width:118px!important;
  overflow:hidden!important;
  padding:0!important;
  vertical-align:middle!important;
  width:auto!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge-level{
  align-items:center!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  font-size:10px!important;
  height:19px!important;
  justify-content:center!important;
  line-height:17px!important;
  margin:0 1px 0 0!important;
  padding:0 7px!important;
  width:auto!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 38px!important;
  height:22px!important;
  margin:0!important;
  max-height:22px!important;
  max-width:38px!important;
  min-height:22px!important;
  min-width:38px!important;
  overflow:visible!important;
  padding:0!important;
  width:38px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img{
  height:22px!important;
  max-height:22px!important;
  max-width:38px!important;
  min-height:22px!important;
  min-width:38px!important;
  object-fit:contain!important;
  width:38px!important;
}
/* annoying profile header compact polish v1.5.24 */
body .x-card.card:has(.avatar-wrap-xl){
  background:
    linear-gradient(135deg, rgba(248,251,255,.99) 0%, rgba(244,249,255,.98) 54%, rgba(255,255,255,.99) 100%)!important;
  border:1px solid rgba(37,99,235,.08)!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}

body .x-card.card:has(.avatar-wrap-xl) > .card-body{
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  min-height:132px!important;
  padding:14px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl{
  flex:0 0 86px!important;
  height:86px!important;
  width:86px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative{
  height:78px!important;
  left:4px!important;
  top:4px!important;
  width:78px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img.avatar-xl,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant){
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  height:78px!important;
  object-fit:cover!important;
  outline:0!important;
  width:78px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-pendant,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .annoying-medal-avatar-pendant{
  filter:none!important;
  height:108px!important;
  opacity:.92!important;
  width:108px!important;
  z-index:4!important;
}

body .x-card.card:has(.avatar-wrap-xl) .flex-fill{
  min-width:0!important;
  padding-left:2px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1{
  align-items:center!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  line-height:24px!important;
  margin:0 0 8px!important;
  min-width:0!important;
  overflow:hidden!important;
  width:100%!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
  display:inline-block!important;
  flex:0 1 auto!important;
  max-width:132px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  gap:0!important;
  height:22px!important;
  line-height:18px!important;
  margin-left:10px!important;
  max-height:22px!important;
  max-width:112px!important;
  overflow:hidden!important;
  padding:0!important;
  white-space:nowrap!important;
  width:auto!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge-level{
  align-items:center!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  font-size:10px!important;
  height:18px!important;
  justify-content:center!important;
  line-height:16px!important;
  margin:0 2px 0 0!important;
  min-width:36px!important;
  padding:0 6px!important;
  width:auto!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 36px!important;
  height:21px!important;
  margin:0 -1px 0 0!important;
  max-height:21px!important;
  max-width:36px!important;
  min-height:21px!important;
  min-width:36px!important;
  padding:0!important;
  width:36px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img{
  height:21px!important;
  max-height:21px!important;
  max-width:36px!important;
  min-height:21px!important;
  min-width:36px!important;
  object-fit:contain!important;
  width:36px!important;
}

@media (max-width: 420px){
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
    max-width:122px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
    margin-left:9px!important;
    max-width:108px!important;
  }
}
/* annoying profile avatar frame behind avatar v1.5.25 */
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl{
  isolation:isolate!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative{
  background:transparent!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:5!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img.avatar-xl,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  position:relative!important;
  z-index:5!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-pendant,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .annoying-medal-avatar-pendant{
  height:116px!important;
  left:50%!important;
  opacity:1!important;
  pointer-events:none!important;
  position:absolute!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:116px!important;
  z-index:1!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon{
  z-index:8!important;
}
/* annoying profile name width v1.5.26 */
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
  max-width:96px!important;
}
@media (max-width: 420px){
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
    max-width:96px!important;
  }
}
/* annoying profile white card background v1.5.27 */
body .x-card.card:has(.avatar-wrap-xl){
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgba(15,23,42,.06)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
}
/* annoying profile medals tight v1.5.28 */
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  gap:0!important;
  margin-left:8px!important;
  max-width:104px!important;
  overflow:visible!important;
  width:auto!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge-level{
  margin-right:0!important;
  min-width:34px!important;
  padding:0 6px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 32px!important;
  height:21px!important;
  margin:0 -4px 0 0!important;
  max-width:32px!important;
  min-width:32px!important;
  overflow:visible!important;
  width:32px!important;
}

body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img{
  height:21px!important;
  max-width:32px!important;
  min-width:32px!important;
  object-fit:contain!important;
  width:32px!important;
}
/* annoying profile admin shield align v1.5.29 */
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon{
  align-items:center!important;
  background-color:#eb0089!important;
  border:3px solid #fff!important;
  border-radius:999px!important;
  bottom:3px!important;
  box-shadow:0 5px 12px rgba(236,0,137,.22)!important;
  display:inline-flex!important;
  height:34px!important;
  justify-content:center!important;
  line-height:1!important;
  position:absolute!important;
  right:3px!important;
  transform:none!important;
  width:34px!important;
  z-index:8!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon i{
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative{
  overflow:visible!important;
}

body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative > img.avatar-xl,
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl > .position-relative > img:not(.avatar-pendant):not(.annoying-medal-avatar-pendant){
  overflow:hidden!important;
}

/* annoying profile admin shield align v1.5.30 */
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon{
  align-items:center!important;
  background-color:#eb0089!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  bottom:4px!important;
  box-shadow:0 4px 10px rgba(236,0,137,.20)!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  height:28px!important;
  justify-content:center!important;
  line-height:1!important;
  position:absolute!important;
  right:4px!important;
  transform:none!important;
  width:28px!important;
  z-index:9!important;
}
body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon i{
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
}
@media (max-width: 575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon{
    bottom:5px!important;
    height:26px!important;
    right:5px!important;
    width:26px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .avatar-wrap-xl .avatar-group-icon i{
    font-size:14px!important;
  }
}


/* annoying reference level pill v1.5.31 */
body .annoying-medal-inline-badge-level{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  height:auto!important;
  line-height:1!important;
  min-width:0!important;
  overflow:visible!important;
  padding:0!important;
  vertical-align:middle!important;
  width:auto!important;
}
body .annoying-medal-inline-badge-level .annoying-level-pill{
  --annoying-level-main:#ffb15c;
  --annoying-level-deep:#e58a2e;
  --annoying-level-light:#fff0bf;
  --annoying-level-glow:rgba(255,177,92,.34);
  align-items:center!important;
  display:inline-flex!important;
  height:22px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  white-space:nowrap!important;
}
body .annoying-level-pill-blue{
  --annoying-level-main:#55bcff;
  --annoying-level-deep:#2689ef;
  --annoying-level-light:#d8fbff;
  --annoying-level-glow:rgba(85,188,255,.34);
}
body .annoying-level-pill-pink{
  --annoying-level-main:#ff7fc1;
  --annoying-level-deep:#c25ae9;
  --annoying-level-light:#ffe1fa;
  --annoying-level-glow:rgba(255,127,193,.34);
}
body .annoying-level-pill-gold{
  --annoying-level-main:#ffb35d;
  --annoying-level-deep:#e58a2e;
  --annoying-level-light:#fff2bd;
  --annoying-level-glow:rgba(255,179,93,.36);
}
body .annoying-level-medallion{
  align-items:center!important;
  background:
    radial-gradient(circle at 38% 32%, #fffdf2 0 14%, var(--annoying-level-light) 15% 32%, var(--annoying-level-main) 48%, var(--annoying-level-deep) 76%, rgba(255,255,255,.72) 100%)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.7) inset,
    0 1px 3px rgba(98,56,12,.16),
    0 0 9px var(--annoying-level-glow)!important;
  color:#fff!important;
  display:inline-flex!important;
  flex:0 0 26px!important;
  font-size:11px!important;
  font-weight:800!important;
  height:26px!important;
  justify-content:center!important;
  line-height:1!important;
  margin:0 -8px 0 0!important;
  overflow:visible!important;
  position:relative!important;
  text-shadow:0 1px 1px rgba(122,68,10,.35)!important;
  transform:translateY(0)!important;
  width:26px!important;
  z-index:2!important;
}
body .annoying-level-medallion:before{
  background:conic-gradient(from 8deg, rgba(255,255,255,.18), var(--annoying-level-light), rgba(255,255,255,.35), var(--annoying-level-main), rgba(255,255,255,.18), var(--annoying-level-light), rgba(255,255,255,.25), var(--annoying-level-deep), rgba(255,255,255,.18))!important;
  border-radius:999px!important;
  content:""!important;
  height:32px!important;
  left:50%!important;
  opacity:.82!important;
  pointer-events:none!important;
  position:absolute!important;
  top:50%!important;
  transform:translate(-50%,-50%) rotate(10deg)!important;
  width:32px!important;
  z-index:-1!important;
  clip-path:polygon(50% 0,58% 16%,74% 8%,75% 26%,93% 25%,84% 42%,100% 50%,84% 58%,93% 75%,75% 74%,74% 92%,58% 84%,50% 100%,42% 84%,26% 92%,25% 74%,7% 75%,16% 58%,0 50%,16% 42%,7% 25%,25% 26%,26% 8%,42% 16%)!important;
}
body .annoying-level-medallion:after{
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,0) 52%)!important;
  border-radius:999px!important;
  content:""!important;
  height:11px!important;
  left:6px!important;
  opacity:.72!important;
  position:absolute!important;
  top:4px!important;
  width:11px!important;
}
body .annoying-level-medallion > span{
  position:relative!important;
  z-index:2!important;
}
body .annoying-level-title{
  align-items:center!important;
  background:linear-gradient(180deg, color-mix(in srgb, var(--annoying-level-main) 92%, #fff 8%), var(--annoying-level-main))!important;
  border-radius:0 999px 999px 0!important;
  box-shadow:
    0 1px 2px rgba(98,56,12,.10),
    0 0 0 1px rgba(255,255,255,.25) inset!important;
  color:#fff!important;
  display:inline-flex!important;
  font-size:12px!important;
  font-weight:700!important;
  height:20px!important;
  letter-spacing:0!important;
  line-height:20px!important;
  max-width:112px!important;
  overflow:hidden!important;
  padding:0 10px 0 13px!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 1px rgba(96,53,10,.18)!important;
  white-space:nowrap!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  gap:3px!important;
  margin-left:8px!important;
  max-width:178px!important;
  overflow:visible!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge-level{
  margin-right:1px!important;
  min-width:0!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1{
    overflow:visible!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
    gap:2px!important;
    margin-left:7px!important;
    max-width:172px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-title{
    max-width:104px!important;
  }
}


/* annoying profile level row fit v1.5.32 */
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1{
  align-items:center!important;
  column-gap:7px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  line-height:24px!important;
  overflow:visible!important;
  row-gap:4px!important;
  width:100%!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .text-truncate{
  flex:0 0 auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  align-items:center!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  gap:1px!important;
  margin-left:0!important;
  max-width:158px!important;
  overflow:visible!important;
  width:auto!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level){
  flex:0 0 24px!important;
  height:22px!important;
  margin:0 -5px 0 0!important;
  max-width:24px!important;
  min-width:24px!important;
  overflow:visible!important;
  padding:0!important;
  width:24px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) img,
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges > .annoying-medal-inline-badge:not(.annoying-medal-inline-badge-level) .annoying-medal-icon-img{
  height:22px!important;
  max-width:24px!important;
  min-width:24px!important;
  object-fit:contain!important;
  width:24px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) > .card-body{
    align-items:center!important;
    min-height:156px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1{
    column-gap:6px!important;
    margin-bottom:5px!important;
    row-gap:3px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
    max-width:152px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion{
    flex-basis:24px!important;
    font-size:10px!important;
    height:24px!important;
    margin-right:-8px!important;
    width:24px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion:before{
    height:30px!important;
    width:30px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-title{
    font-size:11px!important;
    height:19px!important;
    line-height:19px!important;
    max-width:96px!important;
    padding-left:12px!important;
    padding-right:8px!important;
  }
}


/* annoying smaller reference level pill v1.5.33 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  height:18px!important;
}
body .annoying-level-medallion{
  flex-basis:22px!important;
  font-size:9px!important;
  height:22px!important;
  margin-right:-7px!important;
  width:22px!important;
}
body .annoying-level-medallion:before{
  height:28px!important;
  width:28px!important;
}
body .annoying-level-medallion:after{
  height:9px!important;
  left:5px!important;
  top:3px!important;
  width:9px!important;
}
body .annoying-level-title{
  font-size:10px!important;
  font-weight:700!important;
  height:17px!important;
  line-height:17px!important;
  max-width:96px!important;
  padding:0 8px 0 11px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
  max-width:144px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .fw-bold.mb-1 > .annoying-medal-inline-badges{
    max-width:140px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion{
    flex-basis:21px!important;
    font-size:9px!important;
    height:21px!important;
    margin-right:-7px!important;
    width:21px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion:before{
    height:27px!important;
    width:27px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-title{
    font-size:10px!important;
    height:16px!important;
    line-height:16px!important;
    max-width:88px!important;
    padding-left:10px!important;
    padding-right:7px!important;
  }
}


/* annoying reference level detail v1.5.34 */
body .annoying-level-pill{
  filter:drop-shadow(0 1px 1px rgba(130,73,20,.10))!important;
}
body .annoying-level-pill-gold{
  --annoying-level-main:#ffb25c;
  --annoying-level-mid:#ffcf76;
  --annoying-level-deep:#dd8230;
  --annoying-level-light:#fff6bf;
  --annoying-level-ring:#ffe46e;
  --annoying-level-glow:rgba(255,192,88,.44);
}
body .annoying-level-pill-pink{
  --annoying-level-main:#ff78bd;
  --annoying-level-mid:#ffacd9;
  --annoying-level-deep:#b65ee7;
  --annoying-level-light:#ffe6fb;
  --annoying-level-ring:#ffc3ea;
  --annoying-level-glow:rgba(255,120,189,.42);
}
body .annoying-level-pill-blue{
  --annoying-level-main:#58bdff;
  --annoying-level-mid:#93e4ff;
  --annoying-level-deep:#2a8beb;
  --annoying-level-light:#e2fbff;
  --annoying-level-ring:#a8f2ff;
  --annoying-level-glow:rgba(88,189,255,.42);
}
body .annoying-level-medallion{
  background:
    radial-gradient(circle at 50% 58%, var(--annoying-level-main) 0 34%, var(--annoying-level-deep) 62%, rgba(255,255,255,.72) 100%),
    radial-gradient(circle at 34% 24%, #fff 0 12%, var(--annoying-level-light) 13% 32%, transparent 33%)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.60) inset,
    0 0 0 2px rgba(255,236,153,.40) inset,
    0 1px 3px rgba(137,78,21,.18),
    0 0 8px var(--annoying-level-glow)!important;
  isolation:isolate!important;
}
body .annoying-level-medallion:before{
  background:
    conic-gradient(from 0deg,
      rgba(255,255,255,.08) 0 5deg,
      var(--annoying-level-ring) 6deg 16deg,
      rgba(255,255,255,.58) 17deg 22deg,
      var(--annoying-level-main) 23deg 34deg,
      rgba(255,255,255,.12) 35deg 44deg,
      var(--annoying-level-ring) 45deg 56deg,
      rgba(255,255,255,.52) 57deg 64deg,
      var(--annoying-level-deep) 65deg 75deg,
      rgba(255,255,255,.08) 76deg 90deg,
      var(--annoying-level-ring) 91deg 106deg,
      rgba(255,255,255,.55) 107deg 113deg,
      var(--annoying-level-main) 114deg 128deg,
      rgba(255,255,255,.10) 129deg 150deg,
      var(--annoying-level-ring) 151deg 166deg,
      rgba(255,255,255,.60) 167deg 175deg,
      var(--annoying-level-deep) 176deg 196deg,
      rgba(255,255,255,.08) 197deg 218deg,
      var(--annoying-level-ring) 219deg 236deg,
      rgba(255,255,255,.50) 237deg 244deg,
      var(--annoying-level-main) 245deg 263deg,
      rgba(255,255,255,.08) 264deg 286deg,
      var(--annoying-level-ring) 287deg 304deg,
      rgba(255,255,255,.56) 305deg 314deg,
      var(--annoying-level-deep) 315deg 338deg,
      rgba(255,255,255,.08) 339deg 360deg)!important;
  border-radius:50%!important;
  clip-path:polygon(50% 0,56% 15%,70% 7%,72% 23%,88% 22%,80% 38%,98% 50%,80% 62%,88% 78%,72% 77%,70% 93%,56% 85%,50% 100%,44% 85%,30% 93%,28% 77%,12% 78%,20% 62%,2% 50%,20% 38%,12% 22%,28% 23%,30% 7%,44% 15%)!important;
  opacity:.96!important;
  transform:translate(-50%,-50%) rotate(-8deg)!important;
}
body .annoying-level-medallion:after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.95) 0, rgba(255,255,255,.58) 34%, rgba(255,255,255,0) 70%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.55), rgba(255,255,255,0) 55%)!important;
  opacity:.78!important;
}
body .annoying-level-medallion > span{
  color:#fff!important;
  display:inline-block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  line-height:1!important;
  position:relative!important;
  text-shadow:
    0 1px 0 rgba(145,76,16,.55),
    0 0 2px rgba(255,255,255,.65)!important;
  -webkit-text-stroke:.25px rgba(255,255,255,.40)!important;
}
body .annoying-level-medallion > span:before{
  background:linear-gradient(180deg, #fff7a8, var(--annoying-level-ring) 52%, var(--annoying-level-deep))!important;
  border-radius:1px!important;
  box-shadow:0 0 2px rgba(255,238,124,.55)!important;
  content:""!important;
  height:7px!important;
  left:50%!important;
  opacity:.92!important;
  pointer-events:none!important;
  position:absolute!important;
  top:-9px!important;
  transform:translateX(-50%)!important;
  width:13px!important;
  z-index:-1!important;
  clip-path:polygon(0 100%,10% 38%,28% 72%,50% 0,72% 72%,90% 38%,100% 100%)!important;
}
body .annoying-level-title{
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 42%),
    linear-gradient(90deg, var(--annoying-level-mid), var(--annoying-level-main) 62%, color-mix(in srgb, var(--annoying-level-main) 82%, #fff 18%))!important;
  box-shadow:
    0 1px 2px rgba(136,76,23,.12),
    0 0 0 1px rgba(255,255,255,.24) inset,
    0 -1px 0 rgba(159,82,23,.10) inset!important;
  text-shadow:0 1px 1px rgba(118,65,16,.18)!important;
}


/* annoying svg level asset v1.5.35 */
body .annoying-level-medallion.annoying-level-medallion-asset{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:inline-flex!important;
  filter:drop-shadow(0 1px 1px rgba(142,80,21,.18)) drop-shadow(0 0 4px var(--annoying-level-glow))!important;
  margin-right:-8px!important;
  overflow:visible!important;
  padding:0!important;
}
body .annoying-level-medallion.annoying-level-medallion-asset:before,
body .annoying-level-medallion.annoying-level-medallion-asset:after,
body .annoying-level-medallion.annoying-level-medallion-asset > span:before{
  content:none!important;
  display:none!important;
}
body .annoying-level-medallion-img{
  display:block!important;
  height:30px!important;
  max-height:none!important;
  max-width:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  width:30px!important;
}
body .annoying-level-title{
  padding-left:12px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion.annoying-level-medallion-asset{
    margin-right:-8px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-medallion-img{
    height:29px!important;
    width:29px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-level-title{
    padding-left:12px!important;
  }
}


/* annoying level svg square fix v1.5.36 */
body .annoying-medal-inline-badge-level .annoying-level-medallion-img{
  aspect-ratio:1/1!important;
  min-height:0!important;
  min-width:0!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion-img{
  height:30px!important;
  width:30px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion-img{
    height:29px!important;
    width:29px!important;
  }
}


/* annoying level svg hard size lock v1.5.38 */
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 30px!important;
  height:30px!important;
  max-height:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  min-width:30px!important;
  width:30px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  aspect-ratio:1/1!important;
  flex:0 0 30px!important;
  height:30px!important;
  max-height:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  min-width:30px!important;
  object-fit:contain!important;
  width:30px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:29px!important;
    height:29px!important;
    max-height:29px!important;
    max-width:29px!important;
    min-height:29px!important;
    min-width:29px!important;
    width:29px!important;
  }
}


/* annoying flat reference level pill v1.5.39 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  align-items:center!important;
  filter:none!important;
  height:20px!important;
}
body .annoying-level-pill-gold{
  --annoying-level-main:#ffb35f;
  --annoying-level-mid:#ffc875;
  --annoying-level-deep:#f09a43;
  --annoying-level-light:#fff4bd;
  --annoying-level-ring:#ffe77c;
  --annoying-level-glow:rgba(255,179,95,.20);
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 1px rgba(205,123,34,.14))!important;
  flex:0 0 26px!important;
  height:26px!important;
  margin-right:-7px!important;
  max-height:26px!important;
  max-width:26px!important;
  min-height:26px!important;
  min-width:26px!important;
  overflow:visible!important;
  width:26px!important;
  z-index:2!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  aspect-ratio:1/1!important;
  display:block!important;
  flex:0 0 26px!important;
  height:26px!important;
  max-height:26px!important;
  max-width:26px!important;
  min-height:26px!important;
  min-width:26px!important;
  object-fit:contain!important;
  width:26px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb35f!important;
  background-image:linear-gradient(180deg,#ffc26e 0%,#ffad58 100%)!important;
  border-radius:0 999px 999px 0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:500!important;
  height:20px!important;
  line-height:20px!important;
  max-width:98px!important;
  padding:0 11px 0 13px!important;
  text-shadow:none!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:26px!important;
    height:26px!important;
    max-height:26px!important;
    max-width:26px!important;
    min-height:26px!important;
    min-width:26px!important;
    width:26px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:12px!important;
    height:20px!important;
    line-height:20px!important;
    max-width:98px!important;
  }
}


/* annoying flatter reference match v1.5.41 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  align-items:center!important;
  filter:none!important;
  height:22px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 31px!important;
  height:31px!important;
  margin-right:-10px!important;
  max-height:31px!important;
  max-width:31px!important;
  min-height:31px!important;
  min-width:31px!important;
  width:31px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex:0 0 31px!important;
  height:31px!important;
  max-height:31px!important;
  max-width:31px!important;
  min-height:31px!important;
  min-width:31px!important;
  width:31px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb160!important;
  background-image:none!important;
  border-radius:0 14px 14px 0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  height:23px!important;
  letter-spacing:0!important;
  line-height:23px!important;
  max-width:116px!important;
  padding:0 13px 0 17px!important;
  text-shadow:none!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:31px!important;
    height:31px!important;
    max-height:31px!important;
    max-width:31px!important;
    min-height:31px!important;
    min-width:31px!important;
    width:31px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:13px!important;
    height:23px!important;
    line-height:23px!important;
    max-width:116px!important;
  }
}


/* annoying reference overlap match v1.5.42 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  align-items:center!important;
  filter:none!important;
  height:22px!important;
  overflow:visible!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 30px!important;
  height:30px!important;
  margin-right:-11px!important;
  max-height:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  min-width:30px!important;
  overflow:visible!important;
  width:30px!important;
  z-index:3!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex:0 0 30px!important;
  height:30px!important;
  max-height:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  min-width:30px!important;
  object-fit:contain!important;
  width:30px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb35f!important;
  background-image:none!important;
  border-radius:0 15px 15px 0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:400!important;
  height:23px!important;
  line-height:23px!important;
  max-width:122px!important;
  padding:0 13px 0 18px!important;
  text-shadow:none!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:30px!important;
    height:30px!important;
    max-height:30px!important;
    max-width:30px!important;
    min-height:30px!important;
    min-width:30px!important;
    width:30px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:13px!important;
    height:23px!important;
    line-height:23px!important;
    max-width:122px!important;
  }
}


/* annoying reference compact detail v1.5.43 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  height:20px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 26px!important;
  height:26px!important;
  margin-right:-9px!important;
  max-height:26px!important;
  max-width:26px!important;
  min-height:26px!important;
  min-width:26px!important;
  width:26px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex:0 0 26px!important;
  height:26px!important;
  max-height:26px!important;
  max-width:26px!important;
  min-height:26px!important;
  min-width:26px!important;
  width:26px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb35f!important;
  border-radius:0 13px 13px 0!important;
  font-size:12px!important;
  font-weight:400!important;
  height:20px!important;
  line-height:20px!important;
  max-width:104px!important;
  padding:0 11px 0 15px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:26px!important;
    height:26px!important;
    max-height:26px!important;
    max-width:26px!important;
    min-height:26px!important;
    min-width:26px!important;
    width:26px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:12px!important;
    height:20px!important;
    line-height:20px!important;
    max-width:104px!important;
  }
}


/* annoying tiny reference label v1.5.44 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  height:19px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 24px!important;
  height:24px!important;
  margin-right:-8px!important;
  max-height:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  min-width:24px!important;
  width:24px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex:0 0 24px!important;
  height:24px!important;
  max-height:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  min-width:24px!important;
  width:24px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb25f!important;
  border-radius:0 12px 12px 0!important;
  font-size:11px!important;
  font-weight:400!important;
  height:18px!important;
  line-height:18px!important;
  max-width:82px!important;
  padding:0 9px 0 12px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:24px!important;
    height:24px!important;
    max-height:24px!important;
    max-width:24px!important;
    min-height:24px!important;
    min-width:24px!important;
    width:24px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:11px!important;
    height:18px!important;
    line-height:18px!important;
    max-width:82px!important;
  }
}


/* annoying reference join fix v1.5.45 */
body .annoying-medal-inline-badge-level .annoying-level-title{
  border-radius:999px!important;
  margin-left:-1px!important;
  padding-left:17px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-12px!important;
  transform:translateX(-1px)!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  transform:scale(.94)!important;
  transform-origin:center!important;
}


/* annoying level profile and card fit v1.5.46 */
body .annoying-medal-inline-badge-level .annoying-level-pill{
  align-items:center!important;
  display:inline-flex!important;
  filter:none!important;
  height:19px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  flex:0 0 24px!important;
  height:24px!important;
  margin-right:-8px!important;
  max-height:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  min-width:24px!important;
  overflow:visible!important;
  transform:translateX(-1px)!important;
  width:24px!important;
  z-index:3!important;
}
body .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  aspect-ratio:1/1!important;
  display:block!important;
  flex:0 0 24px!important;
  height:24px!important;
  max-height:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  min-width:24px!important;
  object-fit:contain!important;
  transform:scale(.92)!important;
  transform-origin:center!important;
  width:24px!important;
}
body .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb25f!important;
  background-image:none!important;
  border-radius:999px!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:11px!important;
  font-weight:400!important;
  height:18px!important;
  letter-spacing:0!important;
  line-height:18px!important;
  margin-left:-1px!important;
  max-width:82px!important;
  overflow:hidden!important;
  padding:0 9px 0 13px!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}

/* profile/mobile user header: keep readable without stretching */
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
    height:19px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
    flex-basis:24px!important;
    height:24px!important;
    max-height:24px!important;
    max-width:24px!important;
    min-height:24px!important;
    min-width:24px!important;
    width:24px!important;
  }
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    font-size:11px!important;
    height:18px!important;
    line-height:18px!important;
    max-width:82px!important;
  }
}

/* annoying reference-like level badge tune v1.5.50 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
  height:24px!important;
  max-height:24px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:31px!important;
  height:31px!important;
  max-height:31px!important;
  max-width:31px!important;
  min-height:31px!important;
  min-width:31px!important;
  width:31px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-13px!important;
  transform:translateX(-2px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  background:#ffb25f!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:400!important;
  height:23px!important;
  line-height:23px!important;
  max-height:23px!important;
  max-width:116px!important;
  min-height:23px!important;
  padding:0 12px 0 18px!important;
}
@media (max-width:575.98px){
  body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
    max-width:116px!important;
  }
}

/* annoying reference-like level badge refine v1.5.52 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
  height:26px!important;
  max-height:26px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:34px!important;
  height:34px!important;
  max-height:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  min-width:34px!important;
  width:34px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-15px!important;
  transform:translateX(-3px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  font-size:14px!important;
  font-weight:400!important;
  height:25px!important;
  line-height:25px!important;
  max-height:25px!important;
  max-width:116px!important;
  min-height:25px!important;
  padding:0 13px 0 20px!important;
}

/* annoying reference badge geometry v1.5.53 */
body .annoying-level-pill-gold .annoying-level-title{background:#ffb25f!important;}
body .annoying-level-pill-pink .annoying-level-title{background:#fa83c2!important;}
body .annoying-level-pill-blue .annoying-level-title{background:#55bcf3!important;}

body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:38px!important;
  height:34px!important;
  max-height:34px!important;
  max-width:38px!important;
  min-height:34px!important;
  min-width:38px!important;
  width:38px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-17px!important;
  transform:translateX(-3px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  border-radius:999px!important;
  height:25px!important;
  line-height:25px!important;
  max-height:25px!important;
  min-height:25px!important;
  padding:0 13px 0 22px!important;
}

/* annoying compass badge tune v1.5.55 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:40px!important;
  height:34px!important;
  max-height:34px!important;
  max-width:40px!important;
  min-height:34px!important;
  min-width:40px!important;
  width:40px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-18px!important;
  transform:translateX(-4px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  padding-left:23px!important;
}

/* annoying fine reference badge tune v1.5.56 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:39px!important;
  height:34px!important;
  max-height:34px!important;
  max-width:39px!important;
  min-height:34px!important;
  min-width:39px!important;
  width:39px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-16px!important;
  transform:translateX(-4px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  padding-left:21px!important;
  border-top-left-radius:999px!important;
  border-bottom-left-radius:999px!important;
}

/* annoying reference proportion tune v1.5.57 */
body .annoying-level-pill{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  letter-spacing:0!important;
}
body .annoying-level-pill-gold .annoying-level-title{background:#ffb25f!important;}
body .annoying-level-pill-pink .annoying-level-title{background:#fa83c2!important;}
body .annoying-level-pill-blue .annoying-level-title{background:#55bcf3!important;}

body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
  height:25px!important;
  max-height:25px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:37px!important;
  height:33px!important;
  max-height:33px!important;
  max-width:37px!important;
  min-height:33px!important;
  min-width:37px!important;
  width:37px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-15px!important;
  transform:translateX(-3px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:400!important;
  height:24px!important;
  line-height:24px!important;
  max-height:24px!important;
  max-width:116px!important;
  min-height:24px!important;
  padding:0 13px 0 20px!important;
}

/* annoying overlap fidelity tune v1.5.58 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-24px!important;
  transform:translateX(-3px)!important;
  z-index:4!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  padding-left:30px!important;
  border-top-left-radius:999px!important;
  border-bottom-left-radius:999px!important;
}

/* annoying reference overlap and scale tune v1.5.59 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-28px!important;
  transform:translateX(-2px)!important;
  z-index:5!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  height:24px!important;
  line-height:24px!important;
  font-size:14px!important;
  padding:0 13px 0 34px!important;
  max-width:118px!important;
  border-radius:999px!important;
}

/* annoying crown reference icon tune v1.5.60 */
body .annoying-level-medallion-img{
  object-fit:contain!important;
}

/* annoying clearer center badge tune v1.5.61 */
body .annoying-level-medallion-img{
  object-fit:contain!important;
}

/* annoying reference scale tune v1.5.62 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
  height:29px!important;
  max-height:29px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:44px!important;
  height:39px!important;
  max-height:39px!important;
  max-width:44px!important;
  min-height:39px!important;
  min-width:44px!important;
  width:44px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-31px!important;
  transform:translateX(-3px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  height:28px!important;
  line-height:28px!important;
  max-height:28px!important;
  min-height:28px!important;
  max-width:136px!important;
  font-size:16px!important;
  font-weight:400!important;
  padding:0 15px 0 38px!important;
  border-radius:999px!important;
}

/* annoying png reference overlap tune v1.5.64 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-18px!important;
  transform:translateX(-4px)!important;
  z-index:5!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  padding-left:26px!important;
  max-width:124px!important;
}

/* annoying png reference final proportion v1.5.65 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-pill{
  height:26px!important;
  max-height:26px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset,
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset > img.annoying-level-medallion-img{
  flex-basis:40px!important;
  height:35px!important;
  max-height:35px!important;
  max-width:40px!important;
  min-height:35px!important;
  min-width:40px!important;
  width:40px!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-medallion.annoying-level-medallion-asset{
  margin-right:-18px!important;
  transform:translateX(-4px)!important;
}
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  height:25px!important;
  line-height:25px!important;
  max-height:25px!important;
  min-height:25px!important;
  max-width:120px!important;
  font-size:14px!important;
  padding:0 12px 0 27px!important;
}

/* annoying text start tune v1.5.67 */
body .x-card.card:has(.avatar-wrap-xl) .annoying-medal-inline-badge-level .annoying-level-title{
  padding-left:21px!important;
  max-width:114px!important;
}
@media (max-width: 767.98px) {
  body ul.threadlist {
    margin-left: -2px !important;
    margin-right: -2px !important;
  }
}
@media (max-width: 767.98px) {
  html body #body ul.threadlist.x-card.card,
  html body #body ul.threadlist {
    width: calc(100% + 4px) !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}
@media (max-width: 767.98px) {
  html body #body ul.threadlist.x-card.card,
  html body #body ul.threadlist {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
  }
}

/* bbs.lc desktop layout balance final v1.5.74 */
@media (min-width: 1200px) {
  html body #body > .container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1365px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

  html body #body > .container > .row.g-4,
  html body #body > .container > .row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    width: 1277px !important;
    max-width: 1277px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #body > .container > .row > .col-lg-2,
  html body #body > .container > .row > .col-xl-2 {
    box-sizing: border-box !important;
    width: 240px !important;
    flex: 0 0 240px !important;
    max-width: 240px !important;
    margin-top: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html body #body > .container > .row > .col-lg-10.col-xl-7 {
    box-sizing: border-box !important;
    width: 765px !important;
    flex: 0 0 765px !important;
    max-width: 765px !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body #body > .container > .row > .col-xl-3 {
    box-sizing: border-box !important;
    width: 272px !important;
    flex: 0 0 272px !important;
    max-width: 272px !important;
    margin-top: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}


@media (max-width: 767.98px) {
  html body #body ul.threadlist.x-card.card,
  html body #body ul.threadlist {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* bbs.lc lightdao article card transplant v1.5.132 */
#body ul.threadlist > li.thread-list-item.lc-lightdao-post{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;color:#1f1f1f!important;overflow:visible!important}
#body ul.threadlist > li.thread-list-item.lc-lightdao-post:hover{box-shadow:0 8px 22px rgba(16,24,40,.055)!important}
#body ul.threadlist > li.thread-list-item.lc-lightdao-post + li.thread-list-item.lc-lightdao-post{margin-top:12px!important}
#body .lc-lightdao-head{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px!important;column-gap:12px!important;align-items:start!important;min-width:0!important;margin:0 0 10px!important}
#body .lc-lightdao-avatar,#body .lc-lightdao-avatar .avatar-wrap,#body .lc-lightdao-avatar .avatar-component,#body .lc-lightdao-avatar .avatar,#body .lc-lightdao-avatar .avatar-md,#body .lc-lightdao-avatar img{display:block!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:6px!important;object-fit:cover!important;overflow:hidden!important}
#body .lc-lightdao-avatar .avatar-group-icon,#body .lc-lightdao-avatar .avatar-badge,#body .lc-lightdao-avatar [class*="annoying-medal-avatar"]{display:none!important}
#body .lc-lightdao-author{min-width:0!important;width:100%!important}
#body .lc-lightdao-author-row{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;height:22px!important;overflow:hidden!important}
#body .lc-lightdao-username{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;color:#1f1f1f!important;font-size:14px!important;font-weight:700!important;line-height:20px!important;text-decoration:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#body .lc-lightdao-admin{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:20px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(254,44,85,.10)!important;color:#b42318!important;font-size:11px!important;font-weight:700!important;line-height:20px!important}
#body .lc-lightdao-level{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:20px!important;padding:0 7px!important;border-radius:4px!important;background:#fe2c55!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:20px!important}
#body .lc-lightdao-meta{display:flex!important;align-items:center!important;gap:10px!important;margin-top:3px!important;color:#98a2b3!important;font-size:12px!important;line-height:18px!important}
#body .lc-lightdao-meta span{display:inline-flex!important;align-items:center!important;gap:3px!important}
#body .lc-lightdao-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;color:#a0a7b2!important;font-size:18px!important}
#body .lc-lightdao-content{min-width:0!important;margin-left:56px!important}
#body .lc-lightdao-title{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:5px 7px!important;min-width:0!important;margin:0 0 8px!important;padding:0!important;color:#1f1f1f!important;font-size:17px!important;font-weight:760!important;line-height:1.45!important}
#body .lc-lightdao-title a{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;color:#1f1f1f!important;font-size:17px!important;font-weight:760!important;line-height:1.45!important;text-decoration:none!important;word-break:break-word!important}
#body .lc-lightdao-title a:hover{color:#fe2c55!important}
#body .lc-lightdao-title .badge,#body .lc-lightdao-title .lc-thread-topic-tag,#body .lc-lightdao-tag{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:20px!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:rgba(102,112,133,.09)!important;color:#667085!important;font-size:11px!important;font-weight:700!important;line-height:20px!important;text-transform:none!important}
#body .lc-lightdao-title .lc-thread-topic-tag-new,#body .lc-lightdao-tag-new{background:rgba(254,44,85,.09)!important;color:#fe2c55!important}
#body .lc-lightdao-title .lc-thread-topic-tag-digest,#body .lc-lightdao-title .lc-thread-topic-tag-fixed,#body .lc-lightdao-title .lc-thread-pin-badge,#body .lc-lightdao-tag-digest,#body .lc-lightdao-tag-fixed,#body .lc-lightdao-pin{background:rgba(254,44,85,.12)!important;color:#fe2c55!important}
#body .lc-lightdao-title .lc-thread-topic-tag-hot,#body .lc-lightdao-title .lc-thread-topic-tag-reward,#body .lc-lightdao-title .lc-thread-topic-tag-scheduled,#body .lc-lightdao-tag-hot,#body .lc-lightdao-tag-reward,#body .lc-lightdao-tag-scheduled{background:rgba(247,144,9,.12)!important;color:#b54708!important}
#body .lc-lightdao-title .lc-thread-topic-tag-need,#body .lc-lightdao-title .lc-thread-topic-tag-video,#body .lc-lightdao-title .badge.bg-warning,#body .lc-lightdao-title .badge.bg-danger,#body .lc-lightdao-tag-need,#body .lc-lightdao-tag-video{background:rgba(217,45,32,.10)!important;color:#b42318!important}
#body .lc-lightdao-title .lc-thread-topic-tag-image,#body .lc-lightdao-title .lc-thread-topic-tag-discuss,#body .lc-lightdao-tag-image,#body .lc-lightdao-tag-discuss{background:rgba(22,119,255,.10)!important;color:#175cd3!important}
#body .lc-lightdao-text{margin:0 0 10px!important;padding:0!important;color:#606978!important;font-size:14px!important;line-height:1.65!important;overflow:hidden!important}
#body .lc-lightdao-text a{display:-webkit-box!important;color:inherit!important;text-decoration:none!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#body .lc-lightdao-expand{display:inline-flex!important;margin:-2px 0 8px!important;color:#98a2b3!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important}
#body .lc-lightdao-cover{position:relative!important;margin:10px 0 0!important;overflow:hidden!important;border-radius:10px!important;background:#f2f3f5!important}
#body .lc-lightdao-cover a{display:block!important}
#body .lc-lightdao-cover img{display:block!important;width:100%!important;max-height:360px!important;aspect-ratio:16/9!important;object-fit:cover!important}
#body .lc-thread-cover-badges{position:absolute!important;left:8px!important;bottom:8px!important;display:inline-flex!important;gap:6px!important}
#body .lc-thread-cover-badge{display:inline-flex!important;align-items:center!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(17,24,39,.72)!important;color:#fff!important;font-size:11px!important;font-weight:750!important;line-height:22px!important}
#body .lc-lightdao-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:10px 0 0 56px!important;padding:9px 0 0!important;border-top:1px solid rgba(16,24,40,.07)!important;color:#858b98!important;font-size:12px!important;font-weight:650!important;line-height:18px!important;overflow:hidden!important;white-space:nowrap!important}
#body .lc-lightdao-actions a,#body .lc-lightdao-actions span{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;height:18px!important;color:#858b98!important;text-decoration:none!important}
#body .lc-lightdao-forum{flex:0 1 auto!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important}
#body .lc-lightdao-actions .lc-lightdao-status{color:#fe2c55!important}
#body .lc-lightdao-action-spacer{flex:1 1 auto!important}
#body .lc-lightdao-action i,#body .lc-lightdao-actions i{color:#a6adba!important;font-size:15px!important}
#body .lc-lightdao-actions .lc-lightdao-status i{color:#fe2c55!important}
#body .lc-lightdao-like i{color:#fe2c55!important}
@media(max-width:767.98px){#body,#body>.container,.index-threadlist,.bbs-lc-white-home{background:#f5f6f8!important}#body ul.threadlist.x-card.card,#body ul.threadlist{gap:10px!important}#body ul.threadlist>li.thread-list-item.lc-lightdao-post{padding:14px 15px!important;border-radius:10px!important}#body .lc-lightdao-head{grid-template-columns:40px minmax(0,1fr) 22px!important;column-gap:12px!important;margin-bottom:9px!important}#body .lc-lightdao-avatar,#body .lc-lightdao-avatar .avatar-wrap,#body .lc-lightdao-avatar .avatar-component,#body .lc-lightdao-avatar .avatar,#body .lc-lightdao-avatar .avatar-md,#body .lc-lightdao-avatar img{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}#body .lc-lightdao-content,#body .lc-lightdao-actions{margin-left:52px!important}#body .lc-lightdao-title a{flex:1 1 100%!important;display:-webkit-box!important;font-size:16px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}#body .lc-lightdao-title .badge,#body .lc-lightdao-title .lc-thread-topic-tag,#body .lc-lightdao-tag{height:19px!important;padding:0 6px!important;font-size:10.5px!important;line-height:19px!important}#body .lc-lightdao-text{font-size:13px!important;line-height:1.58!important}#body .lc-lightdao-actions{gap:9px!important;margin-top:8px!important;padding-top:7px!important}#body .lc-lightdao-forum{max-width:82px!important}}
/* /bbs.lc lightdao article card transplant v1.5.132 */

/* zibll-style article card interface aliases v5 */
html body #body ul.threadlist.x-card.card,
html body #body ul.threadlist {
    width: 100% !important;
    max-width: 100% !important;
}
html body #body ul.threadlist > li.d-flex.thread-list-item.lc-feed-card,
html body #body ul.threadlist > li.thread-list-item {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden !important;
}
#body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .045) !important;
}
#body .lc-feed-avatar,
#body .lc-feed-avatar .avatar-wrap,
#body .lc-feed-avatar .avatar-component,
#body .lc-feed-avatar .avatar,
#body .lc-feed-avatar .avatar-md,
#body .lc-feed-avatar img {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}
#body .lc-thread-title-link {
    color: #1f1f1f !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}
#body .lc-thread-title-link:hover {
    color: #f04494 !important;
}
#body .lc-thread-topic-tag,
#body .lc-thread-topic-tag-new {
    display: inline-flex !important;
    align-items: center !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(240, 68, 148, .1) !important;
    color: #f04494 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}
#body .lc-mobile-thread-brief {
    font-size: 14px !important;
    line-height: 1.65 !important;
}
#body .lc-thread-cover-wrap {
    border-radius: 10px !important;
    overflow: hidden !important;
}
#body .lc-thread-cover-wrap img,
#body img.lc-thread-cover-img {
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}
#body .lc-feed-actions {
    display: flex !important;
    align-items: center !important;
}
#body .lc-feed-share,
#body .lc-mobile-like {
    display: inline-flex !important;
    align-items: center !important;
}
#body .lc-mobile-like {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    html body #body ul.threadlist > li.thread-list-item.lc-feed-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        border-radius: 16px !important;
    }
    #body .lc-thread-cover-wrap img {
        max-height: 320px !important;
    }
}
/* mobile/tablet article avatar question-mark fix */
@media (max-width: 991.98px) {
    #body .lc-feed-avatar,
    #body .lc-feed-avatar .avatar-wrap,
    #body .lc-feed-avatar .avatar-component,
    #body .lc-feed-avatar .avatar,
    #body .lc-feed-avatar .avatar-md,
    #body .lc-feed-avatar img {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        object-fit: cover !important;
        border-radius: 50% !important;
    }
    #body .lc-feed-avatar .avatar-group-icon,
    #body .lc-feed-avatar .avatar-badge,
    #body .lc-feed-avatar [class*="annoying-medal-avatar"] {
        display: none !important;
    }
    #body .lc-mobile-like {
        display: inline-flex !important;
    }
}
/* /zibll-style article card interface aliases v5 */

/* zibll-style article detail + feed card polish v6 */
html body #body .card-thread.lc-article-detail {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
    overflow: hidden !important;
}
html body #body .card-thread.lc-article-detail:hover {
    box-shadow: 0 10px 28px rgba(116, 116, 116, .12) !important;
}
#body .lc-article-shell {
    padding: 22px 24px 20px !important;
}
#body .lc-article-title {
    margin: 0 0 14px !important;
    color: #222 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}
#body .lc-article-title .badge,
#body .lc-article-title .badg {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(240, 68, 148, .10) !important;
    color: #f04494 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    vertical-align: 4px !important;
}
#body .lc-article-copy-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 24px !important;
    margin-left: 8px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(136, 136, 136, .10) !important;
    color: #888 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 24px !important;
}
#body .lc-article-copy-link:hover {
    background: rgba(240, 68, 148, .10) !important;
    color: #f04494 !important;
}
#body .lc-article-meta {
    gap: 14px !important;
    margin: 0 0 18px !important;
    padding: 10px 0 15px !important;
    border-bottom: 1px solid rgba(50, 50, 50, .06) !important;
    color: #999 !important;
}
#body .lc-article-author {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-width: 0 !important;
}
#body .lc-article-username a,
#body .lc-article-author .username a {
    color: #4e5358 !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}
#body .lc-article-author .badge {
    display: inline-flex !important;
    align-items: center !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(41, 151, 247, .10) !important;
    color: #2997f7 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
#body .lc-article-forum-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}
#body .lc-article-forum {
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(136, 136, 136, .08) !important;
    color: #777 !important;
    font-weight: 650 !important;
}
#body .lc-article-forum:hover {
    background: rgba(240, 68, 148, .10) !important;
    color: #f04494 !important;
}
#body .lc-article-body {
    margin: 0 !important;
}
#body .lc-article-content {
    color: #4e5358 !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
}
#body .lc-article-content h1,
#body .lc-article-content h2,
#body .lc-article-content h3 {
    color: #222 !important;
    font-weight: 800 !important;
}
#body .lc-article-content img:not(.avatar):not(.avatar-badge):not(.smilie-icon) {
    border-radius: 8px !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
}
#body .lc-article-content blockquote {
    margin: 16px 0 !important;
    padding: 14px 18px !important;
    border-left: 4px solid rgba(240, 68, 148, .42) !important;
    border-radius: 8px !important;
    background: rgba(240, 68, 148, .06) !important;
    color: #666 !important;
}
#body .lc-article-actions {
    justify-content: center !important;
    margin-top: 20px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(50, 50, 50, .06) !important;
}
#body .thread-action-chip.lc-article-action-chip,
#body .lc-article-actions .thread-action-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(136, 136, 136, .10) !important;
    color: #777 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
#body .thread-action-chip.lc-article-action-chip i,
#body .lc-article-actions .thread-action-chip i {
    font-size: 17px !important;
}
#body .thread-action-chip.lc-article-action-chip.is-active,
#body .lc-article-actions .thread-action-chip.is-active,
#body .thread-action-chip.lc-article-action-chip:hover,
#body .lc-article-actions .thread-action-chip:hover {
    background: rgba(240, 68, 148, .10) !important;
    color: #f04494 !important;
}
#body .lc-article-plugin-row {
    margin: 12px 0 0 !important;
    padding: 10px 4px !important;
    border-radius: 12px !important;
    background: rgba(136, 136, 136, .06) !important;
}
#body .card-postlist.lc-article-comments {
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
    overflow: hidden !important;
}
#body .card-postlist.lc-article-comments > .card-body {
    padding: 18px 20px !important;
}
#body .lc-article-comments-head {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(50, 50, 50, .06) !important;
    color: #222 !important;
}
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
    border: 1px solid rgba(50, 50, 50, .05) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease !important;
}
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post:hover {
    border-color: rgba(240, 68, 148, .12) !important;
    box-shadow: 0 12px 28px rgba(116, 116, 116, .14) !important;
    transform: translateY(-2px) !important;
}
#body .lc-lightdao-level {
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ff77bd 10%, #f04494 100%) !important;
    box-shadow: 0 4px 10px rgba(240, 68, 148, .22) !important;
}
#body .lc-lightdao-cover {
    border: 1px solid rgba(50, 50, 50, .06) !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .06) !important;
}
#body .lc-lightdao-actions {
    min-height: 34px !important;
}
@media (max-width: 767.98px) {
    html body #body .card-thread.lc-article-detail {
        border-radius: 12px !important;
    }
    #body .lc-article-shell {
        padding: 17px 15px 16px !important;
    }
    #body .lc-article-title {
        font-size: 21px !important;
        line-height: 1.45 !important;
    }
    #body .lc-article-meta {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 9px !important;
        margin-bottom: 14px !important;
        padding-bottom: 12px !important;
    }
    #body .lc-article-forum-actions {
        justify-content: flex-start !important;
        width: 100% !important;
    }
    #body .lc-article-content {
        font-size: 15px !important;
        line-height: 1.82 !important;
    }
    #body .lc-article-actions {
        justify-content: flex-start !important;
        gap: 8px !important;
        margin-top: 16px !important;
        padding-top: 14px !important;
    }
    #body .thread-action-chip.lc-article-action-chip,
    #body .lc-article-actions .thread-action-chip {
        min-height: 32px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }
    html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
        border-radius: 12px !important;
        box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
        transform: none !important;
    }
}
/* /zibll-style article detail + feed card polish v6 */

/* live mobile feed overflow guard v6.1 */
@media (max-width: 767.98px) {
    html body #body,
    html body #body > .container,
    html body #body .index-threadlist,
    html body #body .bbs-lc-white-home,
    html body #body ul.threadlist,
    html body #body ul.threadlist.x-card.card {
        box-sizing: border-box !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: calc(100vw - 20px) !important;
        overflow: hidden !important;
    }
    html body #body .lc-lightdao-content,
    html body #body .lc-lightdao-actions {
        box-sizing: border-box !important;
        width: calc(100% - 52px) !important;
        max-width: calc(100% - 52px) !important;
        min-width: 0 !important;
    }
    html body #body .lc-lightdao-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 10px !important;
        margin-left: 52px !important;
        padding-top: 8px !important;
        overflow: hidden !important;
        white-space: normal !important;
    }
    html body #body .lc-lightdao-actions a,
    html body #body .lc-lightdao-actions span {
        flex: 0 1 auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }
    html body #body .lc-lightdao-action-spacer {
        display: none !important;
    }
    html body #body .lc-feed-share,
    html body #body .lc-lightdao-action:nth-last-child(1) {
        display: none !important;
    }
    html body #body .lc-lightdao-forum {
        max-width: 96px !important;
    }
}
/* /live mobile feed overflow guard v6.1 */

/* zibll-style article feed card effect v7 */
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
    position: relative !important;
    display: block !important;
    padding: 18px 18px 14px !important;
    border: 1px solid rgba(50, 50, 50, .06) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 0 10px rgba(116, 116, 116, .08) !important;
    overflow: hidden !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    height: 3px !important;
    background: linear-gradient(90deg, rgba(240, 68, 148, .95), rgba(41, 151, 247, .72), rgba(24, 160, 88, .62)) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post:hover {
    border-color: rgba(240, 68, 148, .13) !important;
    box-shadow: 0 10px 28px rgba(116, 116, 116, .15) !important;
    transform: translateY(-2px) !important;
}
#body .lc-lightdao-head {
    margin-bottom: 12px !important;
}
#body .lc-lightdao-author-row {
    gap: 7px !important;
}
#body .lc-lightdao-username {
    color: #2b2f33 !important;
    font-weight: 700 !important;
}
#body .lc-lightdao-meta {
    color: #9aa0a6 !important;
}
#body .lc-lightdao-level {
    height: 19px !important;
    padding: 0 8px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, #ff77bd 0%, #f04494 72%, #e93882 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(240, 68, 148, .22) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}
#body .lc-lightdao-admin {
    height: 19px !important;
    padding: 0 8px !important;
    border-radius: 99px !important;
    background: rgba(41, 151, 247, .1) !important;
    color: #2678c9 !important;
}
#body .lc-lightdao-content {
    min-width: 0 !important;
}
@media (min-width: 768px) {
    #body .lc-feed-card.lc-feed-has-cover .lc-lightdao-content {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 210px !important;
        grid-template-areas:
            "title cover"
            "excerpt cover"
            "expand cover" !important;
        gap: 7px 16px !important;
        align-items: start !important;
    }
    #body .lc-feed-card.lc-feed-has-cover .lc-lightdao-title {
        grid-area: title !important;
        margin-bottom: 0 !important;
    }
    #body .lc-feed-card.lc-feed-has-cover .lc-lightdao-text {
        grid-area: excerpt !important;
        margin-bottom: 0 !important;
    }
    #body .lc-feed-card.lc-feed-has-cover .lc-lightdao-expand {
        grid-area: expand !important;
        margin: 0 !important;
    }
    #body .lc-feed-card.lc-feed-has-cover .lc-lightdao-cover {
        grid-area: cover !important;
        margin: 0 !important;
        width: 210px !important;
        min-height: 138px !important;
    }
}
#body .lc-lightdao-title {
    gap: 6px 8px !important;
}
#body .lc-thread-title-link,
#body .lc-lightdao-title a {
    color: #2b2f33 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}
#body .lc-thread-title-link:hover,
#body .lc-lightdao-title a:hover {
    color: #f04494 !important;
}
#body .lc-lightdao-title .badge,
#body .lc-lightdao-title .lc-thread-topic-tag,
#body .lc-lightdao-tag {
    height: 21px !important;
    padding: 0 8px !important;
    border-radius: 99px !important;
    background: rgba(136, 136, 136, .1) !important;
    color: #777 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}
#body .lc-lightdao-title .lc-thread-topic-tag-new {
    background: rgba(240, 68, 148, .1) !important;
    color: #f04494 !important;
}
#body .lc-lightdao-text {
    color: #6c737f !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
}
#body .lc-lightdao-text a {
    -webkit-line-clamp: 2 !important;
}
#body .lc-lightdao-expand {
    color: #a0a7b2 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
#body .lc-lightdao-expand:hover {
    color: #f04494 !important;
}
#body .lc-lightdao-cover {
    position: relative !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #f5f6f7 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
#body .lc-lightdao-cover::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, .08), transparent 45%, rgba(0, 0, 0, .16)) !important;
    opacity: .35 !important;
    pointer-events: none !important;
    transition: opacity .22s ease !important;
}
#body .lc-feed-card:hover .lc-lightdao-cover::after {
    opacity: .5 !important;
}
#body .lc-lightdao-cover img,
#body .lc-thread-cover-wrap img,
#body img.lc-thread-cover-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 138px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: transform .28s ease !important;
}
#body .lc-feed-card:hover .lc-lightdao-cover img {
    transform: scale(1.045) !important;
}
#body .lc-thread-cover-badges {
    left: 8px !important;
    top: 8px !important;
    bottom: auto !important;
    z-index: 2 !important;
}
#body .lc-thread-cover-badge {
    height: 22px !important;
    padding: 0 9px !important;
    border-radius: 99px !important;
    background: rgba(255, 255, 255, .9) !important;
    color: #f04494 !important;
    box-shadow: 0 4px 10px rgba(116, 116, 116, .14) !important;
    backdrop-filter: blur(8px) !important;
}
#body .lc-lightdao-actions {
    gap: 8px !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(50, 50, 50, .06) !important;
    color: #8b929b !important;
    overflow: visible !important;
}
#body .lc-lightdao-actions a,
#body .lc-lightdao-actions span {
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 99px !important;
    background: rgba(136, 136, 136, .08) !important;
    color: #7c838d !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    transition: color .2s ease, background .2s ease, transform .2s ease !important;
}
#body .lc-lightdao-actions .lc-lightdao-action-spacer {
    height: 1px !important;
    padding: 0 !important;
    background: transparent !important;
}
#body .lc-lightdao-actions a:hover,
#body .lc-lightdao-actions span:not(.lc-lightdao-action-spacer):hover {
    background: rgba(240, 68, 148, .1) !important;
    color: #f04494 !important;
    transform: translateY(-1px) !important;
}
#body .lc-lightdao-actions i {
    color: currentColor !important;
    font-size: 15px !important;
}
#body .lc-lightdao-forum {
    max-width: 170px !important;
    background: rgba(41, 151, 247, .09) !important;
    color: #2678c9 !important;
}
#body .lc-lightdao-status,
#body .lc-lightdao-actions .lc-lightdao-status,
#body .lc-lightdao-like {
    background: rgba(240, 68, 148, .1) !important;
    color: #f04494 !important;
}
@media (max-width: 767.98px) {
    html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post {
        padding: 15px 14px 13px !important;
        border-radius: 10px !important;
        transform: none !important;
    }
    html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-lightdao-post:hover {
        transform: none !important;
    }
    #body .lc-lightdao-content {
        display: block !important;
    }
    #body .lc-lightdao-cover {
        width: 100% !important;
        min-height: 0 !important;
        margin-top: 10px !important;
    }
    #body .lc-lightdao-cover img,
    #body .lc-thread-cover-wrap img,
    #body img.lc-thread-cover-img {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
    }
    #body .lc-thread-title-link,
    #body .lc-lightdao-title a {
        font-size: 16px !important;
    }
    #body .lc-lightdao-actions {
        overflow: hidden !important;
    }
    #body .lc-lightdao-actions a,
    #body .lc-lightdao-actions span {
        height: 26px !important;
        padding: 0 9px !important;
        line-height: 26px !important;
    }
}
/* /zibll-style article feed card effect v7 */

/* zibll-style no-cover article card effect v7.1 */
html body #body ul.threadlist > li.thread-list-item.lc-feed-card.lc-feed-no-cover {
    background:
        linear-gradient(180deg, rgba(240, 68, 148, .035), rgba(255, 255, 255, 0) 64px),
        #fff !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-content {
    position: relative !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-title {
    position: relative !important;
    padding-left: 12px !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: .38em !important;
    width: 4px !important;
    height: 18px !important;
    border-radius: 99px !important;
    background: linear-gradient(180deg, #f04494, #2997f7) !important;
    box-shadow: 0 4px 10px rgba(240, 68, 148, .22) !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-text {
    margin-top: 9px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(50, 50, 50, .045) !important;
    border-radius: 8px !important;
    background: rgba(245, 246, 247, .86) !important;
    color: #667085 !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-expand {
    margin-top: 7px !important;
}
#body .lc-feed-card.lc-feed-no-cover .lc-lightdao-actions {
    background: linear-gradient(90deg, rgba(245, 246, 247, .72), rgba(255, 255, 255, 0)) !important;
    border-radius: 0 0 8px 8px !important;
}
@media (max-width: 767.98px) {
    #body .lc-feed-card.lc-feed-no-cover .lc-lightdao-title {
        padding-left: 10px !important;
    }
    #body .lc-feed-card.lc-feed-no-cover .lc-lightdao-title::before {
        top: .34em !important;
        height: 17px !important;
    }
    #body .lc-feed-card.lc-feed-no-cover .lc-lightdao-text {
        padding: 10px 12px !important;
        border-radius: 8px !important;
    }
}
/* /zibll-style no-cover article card effect v7.1 */