:root {
    --color-primary: #0066ff;
    --color-primary-dark: #0052cc;
    --color-yellow: #ffc107;
    --color-yellow-dark: #e6ac00;
    --color-text: #333;
    --color-text-light: #666;
    --color-border: #e8e8e8;
    --color-bg: #f5f6f8;
    --color-white: #fff;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow-md: 0 2px 8px rgba(0,0,0,.1);
    --radius: 12px;
    --header-h: 64px;
    --top-gap: 16px;
    --layout-gap: 16px;
    --sidebar-left-w: 220px;
    --sidebar-right-w: 320px;
    --max-content: 800px;
    --border: 1px solid rgba(0, 0, 0, 0.05);
}

@font-face {
  font-family: OPPOSans2;
  src: url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.woff2) format("woff2"),
       url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.woff) format("woff"),
       url(https://dsfs.oppo.com/store/public/font/OPPOSans-Regular.ttf) format("truetype");
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0px;
    font-family: OPPOSans2;
    font-size: 14px;
    color: var(--color-text);
    background: var(--color-bg);
    line-height: 1.5;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

button {
    font-family: inherit;
    cursor: pointer;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
}

.kehua-header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: var(--header-h);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 100;
}

.kehua-header-inner {
    max-width: 1350px;
    margin: 0px auto;
    padding: 0px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 32px;
}

.kehua-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.kehua-logo-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
}

.kehua-logo-img {
    max-height: 36px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}

.kehua-nav-main {
    display: flex;
    gap: 0px;
    flex: 1 1 0%;
    height: 100%;
    align-items: stretch;
}

.kehua-nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0px 16px;
    font-size: 15px;
    color: var(--color-text-light);
    border-radius: 0px;
    position: relative;
    text-decoration: none;
    transition: color 0.2s, background 0.2s;
}

.kehua-nav-ri {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    speak: none;
    width: 1em;
    min-width: 1em;
    height: 1em;
    flex-shrink: 0;
    color: inherit;
    vertical-align: -0.15em;
    -webkit-font-smoothing: antialiased;
    font-family: remixicon !important;
}

.kehua-nav-link .kehua-nav-link-txt {
    display: inline-block;
    line-height: 1.2;
}

.kehua-header-nav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    margin-left: 6px;
    font-size: 8px;
    letter-spacing: 0.04em;
    text-transform: none;
    color: rgb(255, 255, 255);
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
    vertical-align: middle;
    background: rgb(239, 68, 68);
    box-shadow: rgba(15, 23, 42, 0.15) 0px 1px 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.kehua-header-nav-badge::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: 2s linear 0s infinite normal none running kehua-badge-shine;
}

@keyframes kehua-badge-shine {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.kehua-header-nav-badge--drawer {
    margin-left: 0px;
}

.kehua-nav-link.kehua-active {
    color: var(--color-primary);
    font-weight: 500;
    letter-spacing: 0.01em;
}

.kehua-nav-link.kehua-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 26px;
    height: 3px;
    margin-left: -13px;
    border-radius: 999px;
    background: var(--color-primary);
    opacity: 0.9;
}

.kehua-nav-link--has-ico.kehua-active::after {
    content: none;
    display: none;
}

.kehua-nav-link.kehua-active:hover {
    color: var(--color-primary);
}

.kehua-header-actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

.kehua-icon-btn {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-text-light);
    transition: color 0.2s, background 0.2s;
}

.kehua-icon-btn:hover {
    color: var(--color-primary);
    background: rgba(0, 102, 255, 0.08);
}

.kehua-icon-btn svg {
    width: 18px;
    height: 18px;
}

.kehua-mobile-sign {
    display: block;
}

@media (max-width: 768px) {
    .kehua-mobile-sign {
        display: none !important;
    }
}

.kehua-header-desktop-post svg {
    width: 22px;
    height: 22px;
}

.kehua-icon-btn--msgs {
    position: relative;
}

.kehua-header-msg-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    padding: 0px 4px;
    box-sizing: border-box;
    line-height: 16px;
    font-size: 10px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(229, 57, 53);
    border-radius: 8px;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
    pointer-events: none;
    z-index: 1;
}

.kehua-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: transparent;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
    transition: color 0.2s, background-color 0.2s;
}

.kehua-user-avatar--signed {
    padding: 0px;
    overflow: hidden;
    background-image: none !important;
}

.kehua-user-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-user-avatar.kehua-user-avatar--signed {
    position: relative;
    line-height: 0;
}

.kehua-user-avatar.kehua-user-avatar--signed.kehua-user-avatar--vip, .kehua-user-avatar.kehua-user-avatar--signed.kehua-header-user-avatar--group-custom {
    overflow: visible;
}

.kehua-user-avatar.kehua-user-avatar--signed.kehua-user-avatar--vip .kehua-user-avatar-photo {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-header-user-avatar--group-pendant .kehua-user-avatar-photo {
    position: relative;
    z-index: 1;
}

.kehua-header-nav-avatar-group-pendant {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 14px;
    height: 14px;
    max-width: none;
    object-fit: contain;
    pointer-events: none;
    z-index: 3;
}

.kehua-header-user-avatar--group-pendant .kehua-header-nav-avatar-vip-corner {
    z-index: 4;
}

.kehua-header-nav-avatar-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.kehua-header-nav-avatar-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

.kehua-user-avatar:hover {
    color: var(--color-primary);
    background-color: rgba(0, 102, 255, 0.08);
}

@media (min-width: 993px) {
    .kehua-header-user-pop {
        position: relative;
        z-index: 6;
    }

    .kehua-header-user-pop::before {
        content: "";
        position: absolute;
        left: -10px;
        right: -10px;
        top: 100%;
        height: 14px;
    }

    .kehua-header-user-pop__panel {
        position: absolute;
        right: 0px;
        top: calc(100% + 15px);
        width: min(320px, -40px + 100vw);
        background: rgb(255, 255, 255);
        border-radius: var(--radius);
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(6px);
        transition: opacity 0.18s, transform 0.18s, visibility 0.18s;
    }

    .kehua-header-user-pop:hover .kehua-header-user-pop__panel, .kehua-header-user-pop:focus-within .kehua-header-user-pop__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0px);
    }

    .kehua-header-user-pop__head {
        position: relative;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 16px 14px;
        overflow: visible;
        border-radius: 14px 14px 0px 0px;
    }

    .kehua-header-user-pop__head-bg {
        position: absolute;
        inset: 0px;
        border-radius: 14px 14px 0px 0px;
        pointer-events: none;
        background: linear-gradient(0deg, rgb(255, 255, 255) 10%, rgb(236, 243, 251) 100%);
    }

    .kehua-header-user-pop__head-avatar-wrap {
        position: relative;
        flex-shrink: 0;
        line-height: 0;
    }

    .kehua-header-user-pop__head-avatar-wrap .kehua-header-user-pop__head-avatar {
        position: relative;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
        box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 2px;
        z-index: 0;
    }

    .kehua-header-user-pop__head-avatar-wrap--vip .kehua-header-user-pop__head-avatar {
        box-sizing: border-box;
        border: 2px solid rgb(229, 57, 53);
        box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.95) 0px 0px 0px 2px;
    }

    .kehua-header-pop-head-avatar-group-pendant {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 22px;
        height: 22px;
        max-width: none;
        object-fit: contain;
        pointer-events: none;
        z-index: 3;
    }

    .kehua-header-pop-head-avatar-vip-corner {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: rgb(229, 57, 53);
        box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
        border: 1.5px solid rgb(255, 255, 255);
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 4;
    }

    .kehua-header-pop-head-avatar-vip-corner__crown {
        display: block;
        margin-top: -1px;
    }

    .kehua-header-user-pop__head-text {
        position: relative;
        min-width: 0px;
        flex: 1 1 0%;
    }

    .kehua-header-user-pop__name {
        font-size: 16px;
        font-weight: 700;
        color: var(--color-text);
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kehua-header-user-pop__meta {
        margin-top: 4px;
        font-size: 12px;
        color: var(--color-text-light);
        line-height: 1.35;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kehua-header-user-pop__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 6px 12px 10px;
    }

    .kehua-header-user-pop__foot {
        padding: 0px 12px 14px;
        border-top: 1px solid rgba(15, 23, 42, 0.06);
    }

    .kehua-header-user-pop__logout, .kehua-header-user-pop__admin {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        margin-top: 10px;
        min-height: 44px;
        padding: 0px 12px;
        box-sizing: border-box;
        border-radius: 8px;
        background: rgb(245, 247, 250);
        color: rgb(231, 76, 60);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        transition: background 0.15s, color 0.15s;
    }

    .kehua-header-user-pop__admin + .kehua-header-user-pop__logout {
        margin-top: 8px;
    }

    .kehua-header-user-pop__logout .kehua-header-user-pop__ico, .kehua-header-user-pop__admin .kehua-header-user-pop__ico {
        color: rgb(231, 76, 60);
    }

    .kehua-header-user-pop__logout:hover, .kehua-header-user-pop__admin:hover {
        background: rgb(254, 242, 242);
        color: rgb(220, 38, 38);
    }

    .kehua-header-user-pop__logout:hover .kehua-header-user-pop__ico, .kehua-header-user-pop__admin:hover .kehua-header-user-pop__ico {
        color: rgb(220, 38, 38);
    }

    .kehua-header-user-pop__cell {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0px 10px;
        border-radius: 8px;
        background: rgb(245, 247, 250);
        color: rgb(71, 85, 105);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        transition: background 0.15s, color 0.15s;
    }

    .kehua-header-user-pop__cell:hover {
        background: rgb(232, 236, 241);
        color: var(--color-text);
    }

    .kehua-header-user-pop__ico {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: rgb(100, 116, 139);
        display: block;
    }

    .kehua-header-user-pop__cell:hover .kehua-header-user-pop__ico {
        color: var(--color-primary);
    }
}

@media (min-width: 993px) and (prefers-reduced-motion: reduce) {
    .kehua-header-user-pop__panel {
        transition: none;
        transform: none;
    }

    .kehua-header-user-pop:hover .kehua-header-user-pop__panel, .kehua-header-user-pop:focus-within .kehua-header-user-pop__panel {
        transform: none;
    }
}

@media (max-width: 992px) {
    .kehua-header-user-pop__panel {
        display: none !important;
    }
}

.kehua-user-avatar svg {
    width: 18px;
    height: 18px;
}

.kehua-header-spacer {
    display: none;
}

.kehua-header-mobile-tools {
    display: none;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.kehua-header-desktop-search-bell {
    display: contents;
}

.kehua-header-menu-btn {
    display: none;
}

.kehua-mobile-drawer {
    display: none;
}

@media (max-width: 992px) {
    .kehua-mobile-drawer {
        display: block;
        position: fixed;
        inset: 0px;
        z-index: 950;
        pointer-events: none;
        visibility: hidden;
        transition: visibility 0.32s;
    }

    .kehua-mobile-drawer.kehua-mobile-drawer-open {
        pointer-events: auto;
        visibility: visible;
    }

    .kehua-mobile-drawer-backdrop {
        position: absolute;
        inset: 0px;
        background: rgba(15, 23, 42, 0.48);
        opacity: 0;
        transition: opacity 0.32s;
        cursor: pointer;
    }

    .kehua-mobile-drawer-open .kehua-mobile-drawer-backdrop {
        opacity: 1;
    }

    .kehua-mobile-drawer-panel {
        --drawer-blue: color-mix(in srgb, var(--color-primary) 58%, #b8c5d8);
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 260px;
        max-width: 100%;
        background: linear-gradient(165deg, rgba(255, 255, 255, 0.85) 0%, rgba(240, 248, 255, 0.76) 45%, rgba(232, 242, 255, 0.72) 100%);
        backdrop-filter: blur(28px) saturate(135%);
        border: 0px;
        box-shadow: 12px 0 36px color-mix(in srgb, var(--color-primary) 12%, rgba(0, 0, 0, 0.04));
        transform: translate3d(-100%, 0px, 0px);
        transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        outline: none;
        border-radius: 0px;
    }

    .kehua-mobile-drawer-open .kehua-mobile-drawer-panel {
        transform: translate3d(0px, 0px, 0px);
    }

    .kehua-mobile-drawer-body {
        flex: 1 1 0%;
        min-height: 0px;
        overflow-y: auto;
        padding: calc(8px + env(safe-area-inset-top, 0px)) 0 20px;
    }

    .kehua-mobile-drawer-brand {
        display: block;
        padding: 4px 22px 18px;
        font-size: 26px;
        font-weight: 800;
        letter-spacing: 0.04em;
        color: var(--drawer-blue);
        line-height: 1.2;
    }

    .kehua-mobile-drawer-brand:active {
        opacity: 0.85;
    }

    .kehua-mobile-drawer-brand--logo {
        font-size: 0px;
        line-height: 0;
    }

    .kehua-mobile-drawer-brand-img {
        display: block;
        max-height: 40px;
        max-width: 220px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .kehua-mobile-drawer-nav {
        padding: 0px 0px 8px;
    }

    .kehua-mobile-drawer-item {
        display: flex;
        align-items: center;
        gap: 14px;
        margin: 0px 12px 6px;
        padding: 12px 14px;
        border-radius: 8px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        font-size: 15px;
        font-weight: 500;
        color: var(--color-text-light, #64748b);
        transition: background 0.2s, color 0.2s, backdrop-filter 0.2s;
    }

    .kehua-mobile-drawer-item-main {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1 1 0%;
        min-width: 0px;
    }

    .kehua-mobile-drawer-item-txt {
        flex: 1 1 0%;
        min-width: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kehua-mobile-drawer-item:not(.kehua-active):active {
        background: rgba(51, 65, 85, 0.1);
    }

    .kehua-drawer-ri {
        display: inline-block;
        font-size: 22px;
        line-height: 1;
        font-style: normal;
        font-weight: normal;
        speak: none;
        width: 1em;
        min-width: 1em;
        height: 1em;
        flex-shrink: 0;
        color: inherit;
        vertical-align: -0.15em;
        -webkit-font-smoothing: antialiased;
        font-family: remixicon !important;
    }

    .kehua-drawer-ico-placeholder {
        display: block;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        border-radius: 4px;
        background: color-mix(in srgb, var(--color-primary) 10%, rgba(0, 0, 0, 0.04));
    }

    .kehua-mobile-drawer-item.kehua-active {
        background: rgba(255, 255, 255, 0);
        backdrop-filter: blur(16px) saturate(1.15);
        color: var(--color-primary);
        font-weight: 500;
        box-shadow: none;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
    }

    .kehua-mobile-drawer-item.kehua-active:active {
        background: rgba(255, 255, 255, 0.52);
    }

    .kehua-mobile-drawer-divider {
        height: 1px;
        margin: 14px 22px 16px;
        background: color-mix(in srgb, var(--color-primary) 14%, rgba(0, 0, 0, 0.06));
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
    }

    .kehua-mobile-drawer-rec {
        padding: 12px 16px 8px;
    }

    .kehua-mobile-drawer-rec-title {
        margin: 0px 0px 12px 6px;
        font-size: 14px;
        font-weight: 600;
        color: rgb(153, 153, 153);
        letter-spacing: 0.06em;
    }

    .kehua-mobile-drawer-rec-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .kehua-mobile-drawer-rec-card {
        position: relative;
        display: block;
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 3 / 1;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
    }

    .kehua-mobile-drawer-rec-img {
        position: absolute;
        inset: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        object-position: center center;
        z-index: 0;
        pointer-events: none;
        filter: blur(10px) brightness(0.95) saturate(0.85);
        transform: scale(1.5);
    }

    .kehua-mobile-drawer-rec-card::after {
        content: "";
        position: absolute;
        inset: 0px;
        background: linear-gradient(rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.58) 100%);
        pointer-events: none;
    }

    .kehua-mobile-drawer-rec-label {
        position: absolute;
        inset: 0px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 12px;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 15px;
        font-weight: 600;
        text-shadow: rgba(0, 0, 0, 0.45) 0px 1px 10px;
        pointer-events: none;
    }

    .kehua-mobile-drawer-foot {
        margin-top: 16px;
        padding: 0px 22px 4px;
        border: 0px;
        font-size: 13px;
        line-height: 1.55;
        color: rgb(153, 153, 153);
        text-align: center;
    }

    .kehua-mobile-drawer-foot::before {
        content: "";
        display: block;
        height: 1px;
        margin: 0px 0px 16px;
        background: rgb(229, 229, 229);
    }

    .kehua-header .kehua-logo {
        display: none;
    }

    .kehua-header-actions .kehua-header-desktop-post {
        display: none;
    }

    .kehua-header-spacer {
        display: block;
        flex: 1 1 0%;
        min-width: 0px;
    }

    .kehua-header-mobile-tools {
        display: flex;
    }

    .kehua-header-menu-btn {
        display: flex;
    }

    .kehua-header-desktop-search-bell {
        display: none;
    }

    .kehua-header-inner {
        gap: 10px;
    }

    .kehua-header-actions {
        gap: 6px;
        flex-shrink: 0;
    }
}

.kehua-layout {
    display: flex;
    max-width: 1350px;
    margin: 0px auto;
    padding: calc(var(--header-h) + var(--top-gap)) 20px 80px;
    gap: var(--layout-gap);
}

body.kehua-index-classic-list .kehua-header-inner, body.kehua-index-card-list .kehua-header-inner, body.kehua-forum-classic-list .kehua-header-inner, body.kehua-forum-card-list .kehua-header-inner {
    max-width: 1350px;
}

body.kehua-index-classic-list .kehua-layout, body.kehua-index-card-list .kehua-layout, body.kehua-forum-classic-list .kehua-layout, body.kehua-forum-card-list .kehua-layout {
    max-width: 1350px;
}

body.kehua-discovery-route .kehua-header-inner {
    max-width: 1350px;
}

body.kehua-discovery-route .kehua-layout.kehua-layout-no-left {
    max-width: 1350px;
}

body.kehua-page-read {
    --kehua-read-layout-max: 1350px;
}

html:has(body.kehua-page-read) {
    scrollbar-gutter: stable;
}

/* 页脚 */
.kehua-site-footer {
  width: 100%;
  background-color: #000;
  color: var(--color-text);
  padding: 50px 0;
  font-size: 14px;
  flex-shrink: 0;
  border-top: var(--border);
}
.kehua-footer-container {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.kehua-footer-left .links {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 2;
}
.kehua-footer-left .links a {
  color: var(--color-border);
  text-decoration: none;
  margin-right: 10px;
  position: relative;
  padding-right: 15px;
}
.kehua-footer-left .links a::after {
  content: "|";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  font-weight: 100;
  font-size: 14px;
  color: var(--color-white);
}
.kehua-footer-left .links a:last-child::after {
  display: none;
}
.kehua-footer-left .links a:hover {
  color: var(--color-primary);
}
.kehua-footer-left .copyright {
  color: var(--color-text-light);
  font-size: 14px;
  margin: 0;
}
.kehua-footer-right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.social-item {
  position: relative;
  width: 50px;
  height: 50px;
  background: var(--color-text);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  color: #fff;
  font-size: 20px;
  box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 3px;
}
.social-item:hover {
  background: var(--color-primary);
}
.qrcode-box {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 170px;
  background: #fff;
  border-radius: 8px;
  display: none;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  z-index: 99;
  text-align: center;
  color: #ccc;
  font-size: 13px;
  line-height: 1;
}
.social-item:hover .qrcode-box {
  display: block;
}
.qrcode-box img {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin: 10px auto 0;
}
.qrcode-box .qr-text {
  margin: 10px 0;
  display: block;
}
.contact-info {
  padding-left: 20px;
  border-left: 1px solid #333;
}
.contact-info .contact-title {
  font-size: 12px;
  color: var(--color-text-light);
  margin-bottom: 4px;
}
.contact-info .contact-mobile {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-white);
}

/* 手机端隐藏 */
@media (max-width: 1024px) {
  .kehua-site-footer {
    display: none !important;
  }
}

.kehua-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.kehua-social-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kehua-social-item .kehua-social-link--nohref {
    pointer-events: auto;
}

.kehua-social-qr-pop {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    padding: 8px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s, visibility 0.18s, transform 0.18s;
    z-index: 50;
}

.kehua-social-qr-pop::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: rgb(255, 255, 255) transparent transparent;
    border-image: initial;
}

.kehua-social-qr-pop img {
    display: block;
    width: 120px;
    height: auto;
    max-height: 160px;
    object-fit: contain;
    vertical-align: top;
}

.kehua-social-item:hover .kehua-social-qr-pop, .kehua-social-item:focus-within .kehua-social-qr-pop {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.kehua-social-link {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-decoration: none;
    font-size: 1.2rem;
}

.kehua-social-link:hover {
    background: rgba(255, 255, 255, 0.2);
    color: rgb(255, 255, 255);
}

.kehua-social-link--nohref {
    cursor: default;
    pointer-events: none;
}

.kehua-footer-social-img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
}

.kehua-contact {
    margin: 6px 0px 0px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--kehua-footer-text);
}

.kehua-footer-copy {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 16px 0px 24px;
    text-align: center;
    font-size: 13px;
    color: rgb(136, 136, 136);
}

.kehua-footer-copy p {
    margin: 0px;
}

@media (max-width: 640px) {
    .kehua-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .kehua-footer {
        padding-top: 28px;
    }
}

@media (max-width: 768px) {
    footer.kehua-footer {
        display: none !important;
    }
}

body.kehua-page-read .kehua-header-inner {
    max-width: var(--kehua-read-layout-max);
}

@media (min-width: 993px) {
    body.kehua-index-classic-list .kehua-layout-shell > .kehua-layout-rail, body.kehua-index-card-list .kehua-layout-shell > .kehua-layout-rail, body.kehua-forum-classic-list .kehua-layout-shell > .kehua-layout-rail, body.kehua-forum-card-list .kehua-layout-shell > .kehua-layout-rail, body.kehua-discovery-route .kehua-layout-shell > .kehua-layout-rail {
        --kehua-rail-left: calc( (100vw + min(1350px, 100vw - 48px)) / 2 + var(--layout-gap) );
    }

    body.kehua-page-read .kehua-layout-shell > .kehua-layout-rail {
        --kehua-rail-left: calc( (100vw + min(var(--kehua-read-layout-max), 100vw - 48px)) / 2 + var(--layout-gap) );
    }
}

.kehua-layout-no-left {
    padding-left: 20px;
}

.kehua-layout-shell {
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 769px) {
    .kehua-layout-shell {
        /* shell 从文档顶部起算，顶栏为 fixed 不占流；此前减 header 会使外壳比视口短，页脚下方多出空白带 */
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        background: var(--color-bg);
    }

    /* flex 子项上 margin:auto 会按“内容宽度”收缩，导致 .kehua-layout / .kehua-my-wrap 异常变窄 */
    .kehua-layout-shell > .kehua-layout,
    .kehua-layout-shell > .kehua-read-layout,
    .kehua-layout-shell > .kehua-my-wrap {
        flex: 0 0 auto;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    /* 内容不足一屏时把全站页脚压到 shell 底部（视口底边） */
    footer.kehua-footer {
        margin-top: auto;
    }

    .kehua-layout-shell > .kehua-layout-rail {
        flex: 0 0 auto;
    }
}

@media (min-width: 993px) {
    .kehua-layout-shell > .kehua-layout, .kehua-layout-shell > .kehua-read-layout {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 992px) {
    .kehua-layout-shell > .kehua-layout, .kehua-layout-shell > .kehua-read-layout {
        margin-left: auto;
        margin-right: auto;
    }
}

body.kehua-index-masonry .kehua-slider-wrap--index-hero {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: var(--header-h);
    width: 100%;
    max-width: none;
    border-radius: 0px;
    box-sizing: border-box;
}

body.kehua-index-masonry .kehua-slider-wrap--index-hero .kehua-slider--index-hero {
    aspect-ratio: 21 / 8;
    max-height: min(52vh, 560px);
}

body.kehua-index-masonry .kehua-layout.kehua-layout-index-masonry {
    max-width: 1350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: calc(var(--header-h) + var(--top-gap)) 20px 80px;
    box-sizing: border-box;
}

body.kehua-index-masonry:has(.kehua-slider-wrap--index-hero) .kehua-layout.kehua-layout-index-masonry {
    padding-top: 20px;
}

body.kehua-forum-masonry {
    overflow-x: hidden;
}

body.kehua-forum-masonry .kehua-layout.kehua-layout-forum-masonry {
    max-width: 1350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 80px;
    box-sizing: border-box;
}

body.kehua-forum-masonry .kehua-layout-forum-masonry .kehua-main.kehua-forum-main--masonry {
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0px;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry {
    position: relative;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: var(--header-h);
    margin-bottom: 20px;
    height: auto;
    min-height: 0px;
    border-radius: 0px;
    box-shadow: none;
    overflow: hidden;
    aspect-ratio: 21 / 6.5;
    max-height: min(40vh, 420px);
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-mask {
    background: linear-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 100%);
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 1350px;
    margin: 0px auto;
    padding: clamp(14px, 3.5vw, 32px) 20px clamp(16px, 3.2vw, 28px);
    box-sizing: border-box;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
    color: rgb(255, 255, 255);
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-title {
    margin: 0px 0px 8px;
    font-size: clamp(24px, 3.2vw, 34px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 20px;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-brief {
    margin: 0px 0px 14px;
    max-width: 36em;
    font-size: 14px;
    line-height: 1.55;
    opacity: 0.95;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 12px;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 20px;
    margin: 0px 0px 14px;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 8px;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-stats span {
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    backdrop-filter: none;
    border: 0px;
    box-shadow: none;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-mods {
    margin-top: 0px;
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    backdrop-filter: none;
    border: 0px;
    box-shadow: none;
    justify-content: flex-start;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-mods-label {
    background: rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-weight: 600;
    padding: 5px 12px;
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-mod {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-mod:hover {
    background: rgba(255, 255, 255, 0.22);
}

body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-mod-empty {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

body.kehua-forum-masonry #kehua-forum-feed.kehua-up-masonry-wrap--forum-3 {
    gap: 12px;
}

body.kehua-forum-masonry #kehua-forum-feed.kehua-up-masonry-wrap--forum-3 .kehua-up-masonry-col {
    gap: 12px;
}

@media (max-width: 900px) {
    body.kehua-forum-masonry #kehua-forum-feed.kehua-up-masonry-wrap--forum-3 {
        flex-wrap: wrap;
        align-content: flex-start;
    }

    body.kehua-forum-masonry #kehua-forum-feed.kehua-up-masonry-wrap--forum-3 .kehua-up-masonry-col {
        flex: 0 1 calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0px;
    }
}

body.kehua-index-masonry .kehua-layout-index-masonry .kehua-main {
    max-width: none;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0px;
}

body.kehua-index-masonry #kehua-index-feed.kehua-up-masonry-wrap--index-3 {
    gap: 12px;
}

body.kehua-index-masonry #kehua-index-feed.kehua-up-masonry-wrap--index-3 .kehua-up-masonry-col {
    gap: 12px;
}

@media (max-width: 900px) {
    body.kehua-index-masonry #kehua-index-feed.kehua-up-masonry-wrap--index-3 {
        flex-wrap: wrap;
        align-content: flex-start;
    }

    body.kehua-index-masonry #kehua-index-feed.kehua-up-masonry-wrap--index-3 .kehua-up-masonry-col {
        flex: 0 1 calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0px;
    }
}

.kehua-sidebar-left {
    width: var(--sidebar-left-w);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: flex-start;
    position: sticky;
    top: calc(var(--header-h) + var(--top-gap));
    max-height: none;
    overflow: hidden visible;
    box-sizing: border-box;
}

.kehua-sidebar-left::-webkit-scrollbar {
    display: none;
}

.kehua-sidebar-left-panel {
    flex: 0 1 auto;
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 14px 12px 16px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
}

.kehua-sidebar-left-ad-card {
    flex: 0 0 auto;
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 12px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px;
}

.kehua-sidebar-board-row.is-active::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 28px;
    background: rgb(37, 99, 235);
    border-radius: 0px 0.75rem 0.75rem 0px;
    pointer-events: none;
    z-index: 2;
}

.kehua-sidebar-boards {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: unset;
    max-height: none;
}

.kehua-sidebar-boards-nav {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 4px 2px 0px;
    height: auto !important;
    overflow: visible !important;
}

.kehua-sidebar-board-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400;
    transition: background 0.15s, color 0.15s;
}

.kehua-sidebar-board-row:hover {
    background: var(--color-bg);
    color: var(--color-primary);
}

.kehua-sidebar-board-row.is-active {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-white));
    color: var(--color-primary);
    font-weight: 600;
}

.kehua-sidebar-board-ico--latest {
    color: inherit;
}

.kehua-sidebar-latest-ico {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kehua-sidebar-latest-ico svg {
    width: 22px;
    height: 22px;
    color: inherit;
    flex-shrink: 0;
}

.kehua-sidebar-board-ico {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kehua-sidebar-board-ico--home {
    color: rgb(139, 150, 168);
}

.kehua-sidebar-board-row:hover .kehua-sidebar-board-ico--home, .kehua-sidebar-board-row.is-active .kehua-sidebar-board-ico--home {
    color: var(--color-primary);
}

.kehua-sidebar-board-img {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    background: var(--color-bg);
}

.kehua-sidebar-board-label {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-sidebar-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.06);
    margin: 10px 4px 12px;
    flex-shrink: 0;
}

.kehua-sidebar-section-title {
    margin: 0px 4px 8px;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-light);
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.kehua-sidebar-left .kehua-sidebar-nav--secondary {
    margin-bottom: 14px;
    flex-shrink: 0;
}

.kehua-sidebar-left .kehua-sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0px 16px;
    border-radius: 22px;
    color: var(--color-text);
    font-size: 14px;
    transition: background 0.2s, color 0.2s;
}

.kehua-sidebar-left .kehua-sidebar-link:hover {
    background: var(--color-bg);
    color: var(--color-primary);
}

.kehua-sidebar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    font-size: 18px;
    color: inherit;
}

.kehua-sidebar-left .kehua-sidebar-link .kehua-sidebar-icon {
    color: var(--color-text-light);
}

.kehua-sidebar-left .kehua-sidebar-link:hover .kehua-sidebar-icon {
    color: var(--color-primary);
}

.kehua-sidebar-left .kehua-sidebar-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
    flex-shrink: 0;
}

.kehua-sidebar-left .kehua-sidebar-buttons .kehua-btn {
    height: 42px;
    padding: 0px 20px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-btn {
    padding: 10px 16px;
    border-radius: var(--radius);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: background 0.2s, color 0.2s;
}

.kehua-btn-full {
    width: 100%;
}

.kehua-btn-primary {
    background: var(--color-primary);
    color: var(--color-white);
}

.kehua-btn-primary:hover {
    background: var(--color-primary-dark);
    color: var(--color-white);
}

.kehua-btn-primary.kehua-btn-disabled, .kehua-btn-primary:disabled {
    background: rgb(217, 217, 217);
    color: rgb(136, 136, 136);
    cursor: not-allowed;
}

.kehua-btn-primary.kehua-btn-disabled:hover, .kehua-btn-primary:disabled:hover {
    background: rgb(217, 217, 217);
    color: rgb(136, 136, 136);
}

.kehua-btn-dark {
    background: rgb(51, 51, 51);
    color: var(--color-white);
}

.kehua-btn-dark:hover {
    background: rgb(85, 85, 85);
}

.kehua-btn-secondary {
    background: rgb(224, 224, 224);
    color: var(--color-text);
}

.kehua-btn-secondary:hover {
    background: rgb(208, 208, 208);
}

.kehua-btn-yellow {
    background: var(--color-yellow);
    color: rgb(51, 51, 51);
}

.kehua-btn-yellow:hover {
    background: var(--color-yellow-dark);
}

.kehua-btn-outline {
    background: transparent;
    border: 1px solid var(--color-border);
    color: var(--color-text);
}

.kehua-btn-outline:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.kehua-btn-outline.kehua-btn-small:hover {
    color: var(--color-white);
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.kehua-sidebar-login-box {
    margin-top: 12px;
    padding: 16px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-sidebar-login-title {
    margin: 0px 0px 12px;
    font-weight: 600;
    color: var(--color-text);
    font-size: 14px;
}

.kehua-sidebar-login-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.kehua-sidebar-login-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.kehua-sidebar-login-list li:last-child {
    margin-bottom: 0px;
}

.kehua-sidebar-login-list .kehua-sidebar-icon {
    margin-top: 2px;
    color: var(--color-text-light);
}

.kehua-sidebar-login-box.kehua-sidebar-custom > :first-child {
    margin-top: 0px;
}

.kehua-sidebar-login-box.kehua-sidebar-custom > :last-child {
    margin-bottom: 0px;
}

.kehua-sidebar-login-box.kehua-sidebar-custom h1, .kehua-sidebar-login-box.kehua-sidebar-custom h2, .kehua-sidebar-login-box.kehua-sidebar-custom h3, .kehua-sidebar-login-box.kehua-sidebar-custom h4 {
    margin: 0px 0px 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
}

.kehua-sidebar-login-box.kehua-sidebar-custom ul, .kehua-sidebar-login-box.kehua-sidebar-custom ol {
    margin: 0px;
    padding-left: 1.2em;
}

.kehua-sidebar-login-box.kehua-sidebar-custom li {
    margin-bottom: 6px;
}

.kehua-sidebar-login-box.kehua-sidebar-custom a {
    color: var(--color-primary);
}

.kehua-sidebar-section {
    margin-bottom: 20px;
}

.kehua-sidebar-title {
    font-size: 13px;
    color: var(--color-text-light);
    margin: 0px 0px 10px;
    padding: 0px 12px;
}

.kehua-main {
    flex: 1 1 0%;
    min-width: 0px;
    max-width: var(--max-content);
}

body.kehua-index-classic-list .kehua-layout .kehua-main, body.kehua-index-card-list .kehua-layout .kehua-main, body.kehua-forum-classic-list .kehua-layout .kehua-main, body.kehua-forum-card-list .kehua-layout .kehua-main {
    max-width: none;
    flex: 1 1 auto;
    min-width: 0px;
}

/* 排行榜：主布局与顶栏 .kehua-header-inner 同为 1350px + 20px 内边距，避免视觉上左右不齐 */
/* 避免祖先 transform/filter 使 position:fixed 的包含块脱离视口，导致左栏随正文滚动 */
body.kehua-ranklist-route #body,
body.kehua-ranklist-route .kehua-layout-shell,
body.kehua-ranklist-route .kehua-layout,
body.kehua-ranklist-route .kehua-main {
	transform: none;
	filter: none;
	perspective: none;
	backdrop-filter: none;
}
body.kehua-ranklist-route .kehua-layout {
	max-width: 1350px;
	box-sizing: border-box;
}
body.kehua-ranklist-route .kehua-layout .kehua-main {
    max-width: none;
    flex: 1 1 auto;
    min-width: 0px;
    background: #F5F7FA;
}

/* 排行榜：左右侧栏均为 sticky，与主栏同步滚动、顶栏下对齐（与 .kcr-rank-aside--right 一致） */
body.kehua-ranklist-route {
	--sidebar-left-w: 220px;
}

/* 排行榜左侧广告：独立白卡片（.kehua-sidebar-left-ad-card），与菜单卡片之间的缝露页面灰底，由侧栏 flex gap 控制 */
body.kehua-ranklist-route .kcr-rank-left-sidebar-ads {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
	align-self: stretch;
	width: 100%;
	box-sizing: border-box;
}
body.kehua-ranklist-route .kcr-rank-left-sidebar-ad {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	line-height: 0;
}
body.kehua-ranklist-route .kcr-rank-left-sidebar-ad a {
	display: block;
	line-height: 0;
}
body.kehua-ranklist-route .kcr-rank-left-sidebar-ad img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radius);
	vertical-align: top;
}

/* 排行榜桌面：三栏 grid；左右侧栏 position: sticky */
@media (min-width: 993px) {
	body.kehua-ranklist-route .kcr-grid,
	body.kehua-ranklist-route .kcr-center-col,
	body.kehua-ranklist-route .kcr-center-card {
		overflow: visible;
	}

	body.kehua-ranklist-route .kcr-grid {
		display: grid;
		grid-template-columns: var(--sidebar-left-w) minmax(0, 1fr) var(--sidebar-right-w);
		gap: var(--layout-gap);
		align-items: stretch;
		min-width: 0;
	}

	/* 与首页 .kehua-layout 下的 .kehua-sidebar-left 一致：占位层 display:contents，sticky 落在 aside 本体 */
	body.kehua-ranklist-route .kcr-aside-slot--left {
		display: contents;
	}

	/* 与首页 .kehua-sidebar-left 相同的粘顶与伸缩规则（宽度仍用 body.kehua-ranklist-route 下的 --sidebar-left-w: 220px） */
	html.kcr-ranklist-html body.kehua-ranklist-route #kcr-rank-aside-left.kcr-rank-aside--left,
	body.kehua-ranklist-route #kcr-rank-aside-left.kcr-rank-aside--left {
		width: var(--sidebar-left-w);
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-self: flex-start;
		position: -webkit-sticky;
		position: sticky;
		top: calc(var(--header-h) + var(--top-gap));
		max-height: none;
		overflow: hidden visible;
		box-sizing: border-box;
		min-width: 0;
		height: auto;
		min-height: 0;
		max-width: 100%;
		left: auto;
		right: auto;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}

	body.kehua-ranklist-route #kcr-rank-aside-left.kcr-rank-aside--left::-webkit-scrollbar {
		display: none;
	}

	body.kehua-ranklist-route .kcr-rank-sidebar-sticky {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0;
		align-self: stretch;
		position: static;
		top: auto;
		max-height: none;
		overflow: visible;
		box-sizing: border-box;
		width: 100%;
		min-height: 0;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}

	body.kehua-ranklist-route .kcr-center-col {
		min-width: 0;
		width: auto;
	}

	body.kehua-ranklist-route .kcr-rank-aside--right {
		align-self: start;
		position: -webkit-sticky;
		position: sticky;
		top: calc(var(--header-h) + var(--top-gap));
		max-height: none;
		overflow: visible;
		box-sizing: border-box;
		min-height: 0;
		z-index: 1;
	}
}

@media (max-width: 992px) {
	body.kehua-ranklist-route .kcr-grid {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: stretch;
		grid-template-columns: none;
		gap: 0;
	}

	/* 手机端仅保留中间主榜（领奖台 + 列表），左右侧栏不参与排版 */
	body.kehua-ranklist-route .kcr-aside-slot--left {
		display: none !important;
	}

	body.kehua-ranklist-route .kcr-rank-aside--right {
		display: none !important;
	}
}

.kehua-slider-wrap {
    margin-bottom: 20px;
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--color-white);
}

.kehua-index-notice {
    margin-bottom: 16px;
    --kehua-notice-bar-h: 60px;
}

.kehua-index-notice[hidden] {
    display: none !important;
}

.kehua-index-notice__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px 14px;
    min-height: var(--kehua-notice-bar-h);
    height: var(--kehua-notice-bar-h);
    background: rgb(238, 246, 254);
    border: 1px solid rgb(208, 227, 247);
    border-radius: 10px;
    color: rgb(24, 119, 242);
    box-sizing: border-box;
    transition: background-color 0.22s, border-color 0.22s, box-shadow 0.22s;
}

.kehua-index-notice:hover .kehua-index-notice__inner {
    background: rgb(227, 238, 251);
    border-color: rgb(195, 216, 242);
    box-shadow: rgba(24, 119, 242, 0.06) 0px 0px 0px 1px inset;
}

.kehua-index-notice__ico {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: inherit;
}

.kehua-index-notice__ico svg {
    width: 22px;
    height: 22px;
    display: block;
}

.kehua-index-notice__viewport {
    flex: 1 1 0%;
    min-width: 0px;
    align-self: stretch;
    height: auto;
    overflow: hidden;
}

.kehua-index-notice__strip {
    transition: transform 0.45s;
}

@media (prefers-reduced-motion: reduce) {
    .kehua-index-notice__strip {
        transition: none;
    }
}

.kehua-index-notice__line {
    height: var(--kehua-notice-bar-h);
    display: flex;
    align-items: center;
    margin: 0px;
    font-size: 14px;
    line-height: 1.4;
    color: inherit;
}

.kehua-index-notice__line a, .kehua-index-notice__text {
    color: inherit;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-decoration: none !important;
}

.kehua-index-notice__line a:hover, .kehua-index-notice__line a:focus-visible {
    opacity: 0.92;
    text-decoration: none !important;
}

.kehua-index-notice__line--clone {
    pointer-events: none;
    user-select: none;
}

.kehua-index-notice__close {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    margin: 0px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.75;
}

.kehua-index-notice__close:hover {
    opacity: 1;
    background: rgba(24, 119, 242, 0.08);
}

.kehua-slider {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7;
    max-height: 400px;
    touch-action: pan-y;
}

.kehua-slider-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kehua-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
}

.kehua-slide.kehua-slide-active {
    opacity: 1;
    pointer-events: auto;
}

.kehua-slide-placeholder {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.kehua-slide-link {
    display: block;
    width: 100%;
    height: 100%;
}

.kehua-slide-has-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-slide-bg-1 {
    background: linear-gradient(135deg, rgb(224, 232, 240) 0%, rgb(200, 212, 224) 100%);
}

.kehua-slide-bg-2 {
    background: linear-gradient(135deg, rgb(168, 192, 255) 0%, rgb(194, 233, 251) 100%);
}

.kehua-slide-bg-3 {
    background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%);
}

.kehua-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.5);
    color: rgb(255, 255, 255);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s, visibility 0.2s, background 0.15s;
}

.kehua-slider-nav:hover {
    background: rgba(15, 23, 42, 0.72);
}

.kehua-slider-nav__icon {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentcolor;
}

.kehua-slider-nav--prev {
    left: 10px;
}

.kehua-slider-nav--next {
    right: 10px;
}

@media (hover: hover) and (pointer: fine) {
    .kehua-slider:hover .kehua-slider-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.kehua-slider-nav:focus-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    outline: rgb(56, 189, 248) solid 2px;
    outline-offset: 2px;
}

.kehua-slider-dots {
    position: absolute;
    bottom: 16px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}

.kehua-slider-dots .kehua-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    padding: 0px;
    transition: background 0.2s, transform 0.2s;
}

.kehua-slider-dots .kehua-dot:hover {
    background: rgba(255, 255, 255, 0.8);
}

.kehua-slider-dots .kehua-dot.kehua-active {
    background: var(--color-white);
    transform: scale(1.2);
}

.kehua-tabs {
    display: flex;
    gap: 4px;
    border-bottom: var(--border);
}

.kehua-tab {
    padding: 12px 20px;
    color: var(--color-text-light);
    position: relative;
    transition: color 0.2s;
}

.kehua-tab:hover, .kehua-tab.kehua-active {
    color: var(--color-primary);
}

.kehua-tab.kehua-active::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    height: 2px;
    background: var(--color-primary);
}
.kehua-feed-card {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: rgba(15, 23, 42, 0.043) 0px 3px 5px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.kehua-feed-card__head .kehua-tabs {
    border-bottom: var(--border);
    gap: 2px;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--color-white);
}

.kehua-feed-card__head .kehua-tab {
    padding: 15px 24px;
    background: transparent;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: currentcolor currentcolor transparent;
    border-image: initial;
    margin-bottom: -1px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(100, 116, 139);
    text-decoration: none;
    transition: 0.2s;
    position: relative;
    box-sizing: border-box;
}

.kehua-feed-card__head .kehua-tab:hover {
    color: var(--color-primary);
}

.kehua-feed-card__head .kehua-tab.kehua-active {
    color: var(--color-primary);
}

.kehua-feed-card__head .kehua-tab.kehua-active::after {
    content: "";
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 32px;
    min-width: 24px;
    bottom: -1px;
    height: 5px;
    border-radius: 3px 3px 0px 0px;
    background: var(--color-primary);
}

.kehua-feed-card__body {
    padding: 0px 16px 16px;
}

.kehua-feed-card__body:has(> .kehua-feed--list-classic) {
    padding-left: 0px;
    padding-right: 0px;
}

body.kehua-index-card-list .kehua-feed-card, body.kehua-forum-card-list .kehua-feed-card {
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
    border-radius: 0px;
    overflow: visible;
}

body.kehua-index-card-list .kehua-feed-card__head, body.kehua-forum-card-list .kehua-feed-card__head {
    background: transparent;
}

body.kehua-index-card-list .kehua-feed-card__body, body.kehua-forum-card-list .kehua-feed-card__body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
}

body.kehua-index-card-list .kehua-feed-card__head .kehua-tabs, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tabs {
    gap: 4px;
    flex-wrap: wrap;
    align-items: flex-end;
    border-bottom: var(--border);
    background: var(--color-white);
    border-radius: var(--radius);
}

body.kehua-index-card-list .kehua-feed-card__head .kehua-tab, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tab {
    padding: 15px 16px 13px;
    margin-bottom: -1px;
    font-size: 15px;
    font-weight: 500;
    color: rgb(100, 116, 139);
    letter-spacing: 0.01em;
}

body.kehua-index-card-list .kehua-feed-card__head .kehua-tab:hover, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tab:hover {
    color: rgb(51, 65, 85);
}

body.kehua-index-card-list .kehua-feed-card__head .kehua-tab.kehua-active, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tab.kehua-active {
    color: var(--color-primary);
    font-weight: 600;
}

body.kehua-index-card-list .kehua-feed-card__head .kehua-tab.kehua-active::after, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tab.kehua-active::after {
    width: 40px;
    min-width: 28px;
    height: 3px;
    border-radius: 3px 3px 0px 0px;
    bottom: -1px;
}

.kehua-main > .kehua-inf-footer--outside-card {
    margin-top: 16px;
    text-align: center;
    padding: 4px 16px 8px;
    box-sizing: border-box;
}

.kehua-feed-card .kehua-feed.kehua-feed--list-classic {
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    overflow: visible;
}

.kehua-feed-card__body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) {
    padding-top: 0px;
    margin-top: 0px;
    gap: 12px;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-card, body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-card {
    border: var(--border);
    box-shadow: none;
}

body.kehua-index-masonry #kehua-index-tabs.kehua-tabs, body.kehua-forum-masonry #kehua-forum-tabs.kehua-tabs {
    display: flex;
    width: auto;
    max-width: min(100%, 320px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 4px;
    gap: 2px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38);
    backdrop-filter: blur(14px) saturate(160%);
    box-shadow: rgba(255, 255, 255, 0.65) 0px 1px 1px inset, rgba(15, 23, 42, 0.06) 0px 4px 20px, rgba(255, 255, 255, 0.35) 0px 0px 0px 1px;
    box-sizing: border-box;
}

body.kehua-index-masonry #kehua-index-tabs .kehua-tab, body.kehua-forum-masonry #kehua-forum-tabs .kehua-tab {
    flex: 1 1 0%;
    min-width: 0px;
    text-align: center;
    padding: 9px 12px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: rgba(55, 55, 55, 0.52);
    text-decoration: none;
    position: relative;
    z-index: 0;
    transition: color 0.22s, background 0.22s, box-shadow 0.22s;
}

body.kehua-index-masonry #kehua-index-tabs .kehua-tab:hover, body.kehua-forum-masonry #kehua-forum-tabs .kehua-tab:hover {
    color: rgba(30, 30, 30, 0.85);
}

body.kehua-index-masonry #kehua-index-tabs .kehua-tab.kehua-active, body.kehua-forum-masonry #kehua-forum-tabs .kehua-tab.kehua-active {
    color: rgb(255, 255, 255);
    background: var(--color-primary);
    backdrop-filter: none;
    box-shadow: rgba(0, 102, 255, 0.22) 0px 1px 2px, rgba(0, 102, 255, 0.18) 0px 2px 10px;
}

body.kehua-index-masonry #kehua-index-tabs .kehua-tab.kehua-active::after, body.kehua-forum-masonry #kehua-forum-tabs .kehua-tab.kehua-active::after {
    display: none;
}

.kehua-feed {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kehua-feed.kehua-up-masonry-wrap.kehua-up-masonry-feed {
    flex-flow: row;
    align-items: flex-start;
    gap: 18px;
    width: 100%;
}

.kehua-feed.kehua-up-masonry-wrap .kehua-up-masonry-col {
    flex: 1 1 0px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-card {
    margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    border: var(--border);
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-desc, .kehua-feed.kehua-up-masonry-feed .kehua-post-footer {
    margin-left: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-width: 0px;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    min-width: 0px;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-actions {
    margin-right: 0px !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-thumb-single {
    margin-left: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-thumb-single .kehua-post-image.kehua-post-image--single {
    width: 100% !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-image.kehua-post-image--grid {
    margin-left: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-image-link--grid {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-image-grid {
    max-width: 100%;
    gap: 6px;
    width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb, .kehua-feed.kehua-up-masonry-feed .kehua-post-card > a.kehua-post-image-link--bili {
    margin-left: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-media--video {
    margin-left: 0px;
    max-width: 100%;
}

.kehua-feed.kehua-up-masonry-feed .kehua-post-avatar.kehua-post-avatar--img {
    width: 40px;
    height: 40px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card.kehua-up-masonry-wrap {
    gap: 10px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card.kehua-up-masonry-wrap .kehua-up-masonry-col {
    gap: 12px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card {
    margin-bottom: 0px;
    padding: 0px;
    overflow: hidden;
    border-radius: 14px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media:empty {
    display: none;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media:not(:empty) {
    width: 100%;
    margin: 0px;
    line-height: 0;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single {
    width: 100%;
    margin: 0px !important;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-image-link {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-image.kehua-post-image--single {
    border-radius: 0px;
    aspect-ratio: auto;
    max-height: none;
    overflow: hidden;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single .kehua-post-cover-img, .kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single .kehua-bili-cover-img {
    min-height: 0px;
    object-position: center center;
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

body.kehua-masonry-vmax-on .kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single img.kehua-post-cover-img.kehua-masonry-vertical-crop, body.kehua-masonry-vmax-on .kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single img.kehua-bili-cover-img.kehua-masonry-vertical-crop, body.kehua-masonry-vmax-on .kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-media .kehua-post-thumb-single img.kehua-netease-cover-img.kehua-masonry-vertical-crop {
    max-height: var(--kehua-masonry-vertical-cover-max) !important;
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
    height: auto !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-thumb--cover-count .kehua-post-img-count-badge {
    left: 8px;
    right: auto;
    top: 8px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-title {
    margin: 0px;
    padding: 10px 12px 0px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-desc {
    font-size: 13px;
    color: rgb(169, 169, 169);
    margin: 6px 0px 8px;
    padding: 0px 12px;
    box-sizing: border-box;
    max-width: 100% !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-desc a {
    color: inherit;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px 12px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0px;
    flex: 1 1 0%;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author .kehua-post-author {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    font-size: 12px;
    margin-top: 0px !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-footer .kehua-post-views {
    line-height: 30px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-footer .kehua-post-actions {
    display: none !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card--no-media .kehua-user-card-title {
    padding-top: 14px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card--no-media .kehua-post-desc {
    line-height: 1.55;
    margin-top: 6px;
    margin-bottom: 6px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card--no-media .kehua-user-card-bottom {
    margin-top: 2px;
    padding-top: 8px;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-title {
    font-size: 15px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-card:not(.kehua-user-thread-card) .kehua-post-desc {
    font-size: 13px;
    margin-bottom: 8px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-footer {
    font-size: 12px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-image-grid {
    gap: 4px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-avatar.kehua-post-avatar--img {
    width: 36px;
    height: 36px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-post-avatar-img {
    width: 36px !important;
    height: 36px !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar.kehua-post-avatar--img {
    width: 30px;
    height: 30px;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar-img {
    width: 30px !important;
    height: 30px !important;
}

/* 瀑布流 user-thread-card：match-classic + VIP/用户组挂件专用，避免与全局 46px 冲突；头像略小于图文列表，底部与昵称垂直居中 */
.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author .kehua-post-avatar.kehua-feed-avatar--match-classic {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0;
    align-self: center;
    box-sizing: border-box;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author .kehua-post-avatar.kehua-feed-avatar--match-classic .kehua-post-avatar-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar-group-pendant {
    width: 16px !important;
    height: 16px !important;
    right: -6px !important;
    bottom: -6px !important;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar--vip {
    position: relative;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar--vip.kehua-post-avatar--img {
    overflow: visible;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar--vip .kehua-post-avatar-img {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar-vip-corner {
    position: absolute;
    width: 14px !important;
    height: 14px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1px solid rgb(255, 255, 255) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 4;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-avatar-vip-corner__crown {
    width: 8px !important;
    height: 8px !important;
    display: block;
    margin-top: 0;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author {
    align-items: center;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-user-card-author .kehua-post-author {
    line-height: 1.35;
    display: inline-flex;
    align-items: center;
}

.kehua-feed.kehua-up-masonry-feed--mobile-card .kehua-user-thread-card .kehua-post-footer .kehua-post-views {
    line-height: 1.35 !important;
}

.kehua-feed.kehua-feed--list-classic {
    gap: 0px;
    padding: 0px;
    background: var(--color-white);
    border-radius: var(--radius);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 3px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card:not(.kehua-post-card--classic-row) {
    margin: 0px;
    padding: 22px 18px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    border-radius: var(--radius);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 12px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    padding: 14px 16px;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs):hover {
    box-shadow: rgba(15, 23, 42, 0.09) 0px 4px 18px;
    border-color: rgba(0, 0, 0, 0.09);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-avatar.kehua-post-avatar {
    width: 48px;
    height: 48px;
    border-radius: 8px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-avatar .kehua-post-avatar-img {
    border-radius: 8px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-body {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-title {
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    overflow: hidden;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: rgb(30, 58, 95);
    text-decoration: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-title a:hover {
    color: var(--color-primary);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    font-size: 13px;
    line-height: 1.45;
    color: rgb(156, 163, 175);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-meta-main {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-meta .kehua-post-author {
    font-weight: 500;
    color: rgb(107, 114, 128);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-time {
    color: rgb(156, 163, 175);
    white-space: nowrap;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-trace {
    margin: 0px 2px 0px 4px;
    color: rgb(196, 196, 196);
    font-size: 12px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-lastuser {
    color: rgb(107, 114, 128);
    font-weight: 500;
    text-decoration: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) a.kehua-post-classic-lastuser:hover {
    color: var(--color-primary);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-meta-replies {
    flex-shrink: 0;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-classic-ico {
    width: 16px;
    height: 16px;
    opacity: 0.85;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) a.kehua-post-classic-meta-link {
    color: inherit;
    text-decoration: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) a.kehua-post-classic-meta-link:hover {
    color: var(--color-primary);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-thumb-single, .kehua-feed.kehua-feed--list-classic .kehua-post-image-link--grid, .kehua-feed.kehua-feed--list-classic .kehua-post-image-grid, .kehua-feed.kehua-feed--list-classic .kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb, .kehua-feed.kehua-feed--list-classic .kehua-post-card > a.kehua-post-image-link--bili {
    display: none !important;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row-bbs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    border-radius: 0px;
    box-shadow: none;
    border-top-width: medium;
    border-right-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-left-color: currentcolor;
    border-image: initial;
    border-bottom: var(--border);
    margin-bottom: 0px;
    padding: 16px 18px;
    transition: background-color 0.15s;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row-bbs:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row-bbs:hover {
    background: rgb(250, 251, 252);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-avatar.kehua-post-avatar {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border-radius: 50%;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-avatar .kehua-post-avatar-img {
    border-radius: 50%;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-avatar.kehua-post-avatar--vip.kehua-post-avatar--img {
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-avatar.kehua-post-avatar--vip .kehua-post-avatar-img {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-avatar-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-avatar.kehua-post-avatar--vip {
    position: relative;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-avatar-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

/* 首页/版块 · 图文列表：头像尺寸、用户组挂件、VIP 角标与传统列表一致（瀑布流单独见下方） */
body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-header .kehua-post-avatar.kehua-feed-avatar--match-classic,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-header .kehua-post-avatar.kehua-feed-avatar--match-classic {
    width: 46px;
    height: 46px;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-group-pendant,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-group-pendant {
    width: 22px;
    height: 22px;
    right: -5px;
    bottom: -5px;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip.kehua-post-avatar--img,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip.kehua-post-avatar--img {
    overflow: visible;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip .kehua-post-avatar-img,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip .kehua-post-avatar-img {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--vip {
    position: relative;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-vip-corner,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 4;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-vip-corner__crown,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--group-pendant .kehua-post-avatar-vip-corner,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-avatar--group-pendant .kehua-post-avatar-vip-corner {
    z-index: 4;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-body {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px 8px;
    min-width: 0px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0px;
    flex: 1 1 0%;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main .kehua-post-card--classic-title {
    flex: 0 1 auto;
    max-width: 100%;
    min-width: 0px;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-tag-inline {
    display: inline-block;
    flex-shrink: 0;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.02em;
    color: rgb(255, 255, 255);
    border-radius: 4px;
    vertical-align: middle;
    box-shadow: rgba(15, 23, 42, 0.12) 0px 1px 2px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-tag-inline--top {
    background: linear-gradient(135deg, rgb(59, 130, 246), rgb(37, 99, 235));
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-tag-inline--digest {
    background: linear-gradient(135deg, rgb(245, 158, 11), rgb(217, 119, 6));
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-tag-inline--recommend {
    background: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74));
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-tag-inline--hot {
    background: linear-gradient(135deg, rgb(239, 68, 68), rgb(220, 38, 38));
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tags {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    min-width: 0px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    border: 1px solid transparent;
    white-space: nowrap;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs a.kehua-thread-forum-tag {
    text-decoration: none;
    cursor: pointer;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs a.kehua-thread-forum-tag:hover {
    filter: brightness(0.96);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--primary {
    background: rgba(232, 241, 255, 0.98);
    color: rgb(13, 110, 253);
    border-color: rgb(182, 212, 254);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--success {
    background: rgba(231, 247, 238, 0.98);
    color: rgb(25, 135, 84);
    border-color: rgb(184, 224, 200);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--danger {
    background: rgba(253, 232, 234, 0.98);
    color: rgb(220, 53, 69);
    border-color: rgb(245, 194, 199);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--warning {
    background: rgba(255, 246, 218, 0.98);
    color: rgb(180, 83, 9);
    border-color: rgb(253, 230, 138);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--secondary, .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--dark {
    background: rgba(241, 245, 249, 0.98);
    color: rgb(71, 85, 105);
    border-color: rgb(226, 232, 240);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--white, .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--light {
    background: rgb(255, 255, 255);
    color: rgb(55, 65, 81);
    border-color: rgb(255, 255, 255);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 0px 0px 1px;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tag.kehua-forum-tag-pill--info {
    background: rgba(239, 246, 255, 0.98);
    color: rgb(29, 78, 216);
    border-color: rgb(191, 219, 254);
}

@media (max-width: 992px) {
    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tags {
        display: none !important;
    }

    body.kehua-feed-mobile-title-tags-on .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-thread-forum-tags {
        display: inline-flex !important;
    }
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title {
    min-width: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    overflow: hidden;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    min-width: 0px;
    max-width: 100%;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a {
    flex: 0 1 auto;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: rgb(17, 24, 39);
    text-decoration: none;
    transition: color 0.2s;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a:hover {
    color: var(--color-primary);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > .kehua-thread-tag-inline {
    flex-shrink: 0;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > .kehua-thread-pending-badge {
    flex-shrink: 0;
    white-space: nowrap;
    margin-left: 8px;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title-row {
    align-items: flex-start;
    gap: 4px 6px;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main {
    align-items: flex-start;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main .kehua-post-card--classic-title {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core {
    position: relative;
    display: block;
    max-width: 100%;
    min-width: 0px;
    flex: 1 1 auto;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a {
    display: block;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    max-width: 100%;
    min-width: 0px;
    font-weight: 400;
    color: rgb(17, 24, 39);
    text-decoration: none;
    transition: color 0.2s;
    box-sizing: border-box;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a:hover {
    color: var(--color-primary);
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines {
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    gap: 6px;
    max-width: 100%;
    min-width: 0px;
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-tail {
    flex: 1 1 auto;
    min-width: 0px;
    display: block;
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-flow {
    display: flex;
    flex-flow: row;
    align-items: flex-end;
    gap: 6px;
    min-width: 0px;
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-text {
    order: 1;
    flex: 1 1 auto;
    min-width: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.35;
    max-height: calc(2.7em);
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow > .kehua-thread-pending-badge--classic-flow-tail {
    order: 2;
    flex-shrink: 0;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    white-space: nowrap;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow--js-split {
    display: block;
    position: relative;
    overflow: visible;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow--js-split > .kehua-thread-pending-badge--classic-flow-tail {
    float: none;
    clear: none;
    margin: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    white-space: nowrap;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    order: 1;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    max-height: none;
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    flex: 0 0 auto !important;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--1 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--2 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--kh-badge-tail-reserve, 0px);
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--2.kehua-is-empty {
    display: none !important;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--1.kehua-classic-subject-line--tail-gap {
    padding-right: var(--kh-badge-tail-reserve, 0px);
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 {
    grid-template-columns: auto minmax(0px, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 0px 6px;
    display: grid !important;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-thread-tag-inline {
    grid-area: 1 / 1;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-classic-subject-tail {
    grid-area: 1 / 2;
    min-width: 0px;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-classic-subject-line--2-outside {
    grid-area: 2 / 1 / auto / -1;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    box-sizing: border-box;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: var(--kh-badge-tail-reserve, 0px);
    margin: 0px;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-lines > .kehua-thread-tag-inline {
    flex-shrink: 0;
    margin-top: 0.12em;
    float: none;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-thread-forum-tags {
    flex-wrap: wrap;
    row-gap: 4px;
    white-space: normal;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-title {
    flex-wrap: wrap;
    align-items: flex-start;
}

.kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card.kehua-post-card--classic-row:not(.kehua-post-card--classic-row-bbs) .kehua-post-card--classic-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-meta {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    font-size: 13px;
    line-height: 1.45;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-meta-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    min-width: 0px;
    flex: 1 1 0%;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-meta .kehua-post-author {
    font-size: inherit;
    font-weight: 500;
    color: rgb(107, 114, 128);
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-posted {
    color: rgb(156, 163, 175);
    white-space: nowrap;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-stats {
    flex-shrink: 0;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    font-size: 13px;
    color: rgb(184, 192, 204);
    line-height: 1.2;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-stat {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: inherit;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-stats .kehua-post-classic-ico {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: currentcolor;
    opacity: 0.92;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs a.kehua-post-classic-meta-link {
    color: inherit;
    text-decoration: none;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs a.kehua-post-classic-meta-link:hover {
    color: var(--color-primary);
}

.kehua-thread-last-reply {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    font-size: 12px;
    color: rgb(100, 116, 139);
    line-height: 1;
}

.kehua-reply-icon {
    color: rgb(148, 163, 184);
}

.kehua-last-user {
    color: rgb(71, 85, 105);
}

.kehua-last-meta {
    display: flex;
    align-items: center;
    gap: 4px;
}

.kehua-comment-icon {
    width: 14px;
    height: 14px;
    color: rgb(148, 163, 184);
}

.kehua-last-time {
    color: rgb(148, 163, 184);
    margin-left: 2px;
}

.kehua-sign-btn {
    display: none !important;
}

@media (max-width: 768px) {
    .kehua-sign-btn {
        align-items: center;
        justify-content: center;
        gap: 4px;
        white-space: nowrap;
        background: var(--color-primary);
        height: 25px;
        line-height: 25px;
        margin-right: 10px;
        color: rgb(255, 255, 255);
        padding: 0px 10px;
        border-radius: 5px;
        font-size: 12px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        cursor: pointer;
        display: inline-flex !important;
    }

    .kehua-sign-btn svg {
        flex-shrink: 0;
    }
}

@media (max-width: 640px) {
    .kehua-feed.kehua-feed--list-classic .kehua-post-card.kehua-post-card--classic-row-bbs {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title-row {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main {
        flex-wrap: nowrap;
        min-width: 0px;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title {
        overflow: hidden;
        min-width: 0px;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a {
        flex: 0 1 auto;
        min-width: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-meta {
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-meta-main {
        flex-wrap: nowrap;
        min-width: 0px;
        overflow: hidden;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-classic-meta-main .kehua-post-author {
        flex-shrink: 1;
        min-width: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-stats {
        width: auto;
        flex-shrink: 0;
        margin-left: 0px;
        justify-content: flex-end;
    }

    .kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-card--classic-stats > span.kehua-post-classic-stat {
        display: none !important;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-classic-title-main {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title {
        overflow: visible;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a {
        display: block;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        flex: 1 1 auto;
        min-width: 0px;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a:hover {
        color: var(--color-primary);
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 6px;
        max-width: 100%;
        min-width: 0px;
        overflow: visible;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 {
        grid-template-columns: auto minmax(0px, 1fr);
        grid-template-rows: auto auto;
        align-items: start;
        gap: 0px 6px;
        display: grid !important;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-thread-tag-inline {
        grid-area: 1 / 1;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-classic-subject-tail {
        grid-area: 1 / 2;
        min-width: 0px;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-lines--split-line2 > .kehua-classic-subject-line--2-outside {
        grid-area: 2 / 1 / auto / -1;
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        box-sizing: border-box;
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: var(--kh-badge-tail-reserve, 0px);
        margin: 0px;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-tail {
        flex: 1 1 auto;
        min-width: 0px;
        display: block;
        overflow: visible;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-flow {
        display: flex;
        flex-flow: row;
        align-items: flex-end;
        gap: 6px;
        min-width: 0px;
        overflow: visible;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-post-classic-title-core > a .kehua-classic-subject-text {
        order: 1;
        flex: 1 1 auto;
        min-width: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-word;
        overflow-wrap: anywhere;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 1.35;
        max-height: calc(2.7em);
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow > .kehua-thread-pending-badge--classic-flow-tail {
        order: 2;
        flex-shrink: 0;
        float: none;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        white-space: nowrap;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow--js-split {
        display: block;
        position: relative;
        overflow: visible;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-flow--js-split > .kehua-thread-pending-badge--classic-flow-tail {
        float: none;
        clear: none;
        margin: 0px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 1;
        white-space: nowrap;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split {
        display: flex;
        flex-direction: column;
        gap: 0px;
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        order: 1;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: visible;
        max-height: none;
        word-break: normal;
        overflow-wrap: normal;
        white-space: normal;
        flex: 0 0 auto !important;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--1 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--2 {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        line-height: 1.35;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: var(--kh-badge-tail-reserve, 0px);
    }

    .kehua-feed.kehua-feed--list-classic.kehua-feed--classic-title-2lines .kehua-post-card--classic-row-bbs .kehua-post-card--classic-title .kehua-classic-subject-text--split > .kehua-classic-subject-line--2.kehua-is-empty {
        display: none !important;
    }
}

.kehua-post-card {
    position: relative;
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 20px;
    overflow: hidden;
}

.kehua-corner-badge {
    position: absolute;
    top: 8px;
    right: -32px;
    width: 110px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 1.4;
    letter-spacing: 2px;
    transform: rotate(45deg);
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
}

.kehua-badge-top {
    background: linear-gradient(135deg, rgb(59, 130, 246), rgb(37, 99, 235));
}

.kehua-badge-recommend {
    background: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74));
}

.kehua-feed-no-corner-badge .kehua-corner-badge {
    display: none;
}

.kehua-badge-digest {
    background: linear-gradient(135deg, rgb(245, 158, 11), rgb(217, 119, 6));
}

.kehua-badge-hot {
    background: linear-gradient(135deg, rgb(239, 68, 68), rgb(220, 38, 38));
}

.kehua-post-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.kehua-post-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kehua-post-avatar.kehua-post-avatar--img {
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    background-image: none !important;
}

.kehua-post-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-post-avatar.kehua-post-avatar--group-pendant {
    position: relative;
}

.kehua-post-avatar.kehua-post-avatar--group-pendant.kehua-post-avatar--img {
    overflow: visible;
}

.kehua-post-avatar--group-pendant .kehua-post-avatar-img {
    position: relative;
    z-index: 1;
}

.kehua-post-avatar-group-pendant {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    max-width: none;
    object-fit: contain;
    pointer-events: none;
    z-index: 3;
    display: block;
}

.kehua-post-avatar--group-pendant .kehua-post-avatar-vip-corner {
    z-index: 4;
}

.kehua-feed.kehua-feed--list-classic .kehua-post-card--classic-row-bbs .kehua-post-avatar-group-pendant {
    width: 22px;
    height: 22px;
    right: -5px;
    bottom: -5px;
}

.kehua-post-avatar-1 {
    background: linear-gradient(135deg, rgb(255, 154, 86), rgb(255, 107, 107));
}

.kehua-post-avatar-2 {
    background: linear-gradient(135deg, rgb(79, 172, 254), rgb(0, 242, 254));
}

.kehua-post-avatar-kehua {
    background: var(--color-primary);
    border: 1px solid var(--color-border);
}

.kehua-post-meta {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kehua-post-meta .kehua-post-title {
    margin-top: 8px;
}

.kehua-post-author {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
}

.kehua-post-author .kehua-post-author-link {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
    min-width: 0px;
}

.kehua-post-author .kehua-post-author-link:hover {
    color: var(--color-primary);
}

.kehua-badge {
    display: inline-block;
    padding: 0px 6px;
    font-size: 11px;
    background: var(--color-yellow);
    color: rgb(51, 51, 51);
    border-radius: 4px;
    margin-left: 4px;
}

.kehua-post-title {
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.kehua-post-title a {
    color: var(--color-text);
    transition: color 0.2s;
}

.kehua-post-title a:hover {
    color: var(--color-primary);
}

.kehua-post-desc, .kehua-post-image, .kehua-post-footer {
    margin-left: 56px;
    max-width: calc(100% - 80px);
}

.kehua-post-desc {
    margin-top: 0px;
    margin-bottom: 12px;
    margin-right: 0px;
    color: var(--color-text-light);
    font-size: 14px;
    line-height: 1.5;
}

.kehua-post-thumb-single {
    margin-left: 56px;
    margin-bottom: 10px;
    max-width: calc(100% - 80px);
    box-sizing: border-box;
}

.kehua-post-thumb-single .kehua-post-image {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    max-width: none !important;
}

.kehua-post-thumb-single .kehua-post-image-link {
    text-decoration: none;
    color: inherit;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.kehua-post-thumb-single .kehua-post-image.kehua-post-image--single {
    border-radius: var(--radius);
    box-sizing: border-box;
    display: block !important;
    width: 80% !important;
    max-width: 80% !important;
    position: relative !important;
    overflow: hidden !important;
}

.kehua-post-thumb-single .kehua-post-image.kehua-post-image--single.kehua-post-image--lazy {
    background-color: transparent;
}

.kehua-post-thumb-single .kehua-post-cover-img, .kehua-post-thumb-single .kehua-bili-cover-img {
    border: 0px;
    vertical-align: top;
    object-fit: contain;
    object-position: center center;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}

.kehua-post-thumb--cover-count .kehua-post-img-count-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    min-width: 1.5em;
    padding: 3px 9px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.55);
    border-radius: 999px;
    pointer-events: none;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

.kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb, .kehua-post-card > a.kehua-post-image-link.kehua-post-image-link--bili {
    display: block !important;
    width: 100% !important;
    max-width: calc(100% - 80px) !important;
}

.kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb .kehua-post-image:not(.kehua-post-image--grid), .kehua-post-card > a.kehua-post-image-link--bili .kehua-post-image:not(.kehua-post-image--grid) {
    width: 80% !important;
    max-width: 80% !important;
    position: relative !important;
    overflow: hidden !important;
}

.kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb .kehua-post-image:not(.kehua-post-image--grid).kehua-post-image--lazy {
    background-color: transparent;
}

.kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb .kehua-post-cover-img, .kehua-post-card > a.kehua-post-image-link--bili .kehua-bili-cover-img {
    object-fit: contain;
    object-position: center center;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}

.kehua-post-image {
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: var(--radius);
}

.kehua-post-image--lazy {
    padding: 0px;
    overflow: hidden;
    background-color: rgb(236, 239, 241);
    background-image: none !important;
}

.kehua-post-image-link--bili {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
}

.kehua-post-image-link--bili:focus, .kehua-post-image-link--bili:focus-visible {
    outline: none;
}

.kehua-post-image-link--bili .kehua-post-image {
    position: relative;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
}

.kehua-post-image-link--bili .kehua-bili-cover-img {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    vertical-align: top;
}

.kehua-post-image-link--bili .kehua-post-image::after {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    padding-left: 4px;
    pointer-events: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
}

.kehua-post-image-link--bili-fallback .kehua-bili-cover-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    background: linear-gradient(135deg, rgb(251, 114, 153) 0%, rgb(35, 173, 229) 100%);
}

.kehua-bili-cover-fallback-text {
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.kehua-post-image-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.kehua-post-image-link--grid {
    margin-left: 56px;
    max-width: calc(100% - 80px);
    box-sizing: border-box;
}

.kehua-post-image-link--grid .kehua-post-image {
    margin-left: 0px !important;
}

.kehua-post-image.kehua-post-image--grid {
    width: 100%;
    max-width: 100%;
    border-radius: 0px;
    background: transparent;
    aspect-ratio: auto;
    height: auto;
    min-height: 0px;
}

.kehua-post-image.kehua-post-image--grid.kehua-post-image--lazy {
    overflow: visible;
    background-color: transparent;
}

.kehua-post-image--grid {
    height: auto;
    min-height: 0px;
    aspect-ratio: auto;
}

.kehua-post-image-grid {
    display: grid;
    gap: 5px;
    width: 80%;
    max-width: 100%;
}

.kehua-post-image-grid--c2 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}

.kehua-post-image-grid--c3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
}

@media (max-width: 992px) {
    .kehua-post-image-grid {
        width: 100%;
    }

    .kehua-post-thumb-single .kehua-post-image.kehua-post-image--single {
        width: 100% !important;
        max-width: 100% !important;
    }

    .kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb .kehua-post-image:not(.kehua-post-image--grid), .kehua-post-card > a.kehua-post-image-link--bili .kehua-post-image:not(.kehua-post-image--grid) {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.kehua-post-grid-cell {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 6px;
    background: rgb(236, 239, 241);
}

.kehua-post-grid-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-post-grid-more {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255);
    font-size: clamp(16px, 4vw, 24px);
    font-weight: 700;
    letter-spacing: 0.02em;
    pointer-events: none;
}

.kehua-post-media--video {
    margin-top: 8px;
}

.kehua-article-body video, .kehua-post-video-wrap video {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    background: rgb(0, 0, 0);
}

.kehua-post-desc a {
    display: inline;
    color: inherit;
}

.kehua-post-desc a:hover {
    color: var(--color-primary);
}

.kehua-userpage {
    width: 100%;
}

.kehua-usercard {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 18px;
    margin-bottom: 14px;
}

.kehua-usercard-head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.kehua-usercard-avatar {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background-size: cover;
    background-position: center center;
    flex: 0 0 auto;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px;
}

.kehua-usercard-meta {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-usercard-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
}

.kehua-usercard-sub {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-usercard-actions {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.kehua-usercard-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.kehua-userstat {
    text-align: center;
}

.kehua-userstat-num {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.kehua-userstat-label {
    display: block;
    font-size: 12px;
    color: var(--color-text-light);
    margin-top: 2px;
}

.kehua-usersection-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 6px 0px 10px;
}

.kehua-usersection-title {
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
}

.kehua-usersection-more {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-usersection-more:hover {
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .kehua-usercard-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .kehua-usercard-avatar {
        width: 56px;
        height: 56px;
        border-radius: 16px;
    }
}

.kehua-userzh {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    box-sizing: border-box;
}

.kehua-layout .kehua-userzh {
    flex: 1 1 auto;
    min-width: 0px;
}

.kehua-userzh-card {
    margin-top: 0px;
    padding: 0px 0px 12px;
}

.kehua-userzh-card-no-cover {
    padding-top: 0px;
}

.kehua-userzh-card-inner {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 18px;
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}

.kehua-userzh-avatar-wrap {
    flex: 0 0 auto;
}

.kehua-userzh-avatar {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    border: 4px solid var(--color-white);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 30px;
    margin-top: 0px;
}

.kehua-userzh-avatar.kehua-userzh-avatar--img {
    overflow: hidden;
    padding: 0px;
    line-height: 0;
    box-sizing: border-box;
    background-image: none !important;
}

.kehua-userzh-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-userzh-uid {
    font-size: 13px;
    color: var(--color-text-light);
    display: block;
    margin-top: 2px;
}

.kehua-userzh-info {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-userzh-name {
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 6px;
}

.kehua-userzh-sub {
    font-size: 13px;
    color: var(--color-text-light);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.kehua-userzh-dot {
    opacity: 0.6;
}

.kehua-userzh-meta {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kehua-userzh-meta-item {
    font-size: 12px;
    color: var(--color-text-light);
    background: rgb(244, 246, 251);
    border: 1px solid rgb(238, 241, 247);
    border-radius: 999px;
    padding: 4px 10px;
}

.kehua-userzh-actions {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.kehua-userzh-btn {
    height: 36px;
    padding: 0px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}

.kehua-userzh-btn-primary {
    background: var(--color-primary);
    color: rgb(255, 255, 255);
}

.kehua-userzh-btn-primary:hover {
    background: var(--color-primary-dark);
}

.kehua-userzh-btn-ghost {
    background: rgb(255, 255, 255);
    border-color: var(--color-border);
    color: var(--color-text);
}

.kehua-userzh-btn-ghost:hover {
    background: rgb(247, 248, 251);
}

/* 用户简版卡（如 digest、TA 的关注粉丝顶栏）：关注主色蓝；私信为白底描边次操作 */
.kehua-userzh-actions .kehua-userzh-btn-primary.js-haya-follow-add {
    background: #2563eb;
    color: #fff;
    border-color: transparent;
}

.kehua-userzh-actions .kehua-userzh-btn-primary.js-haya-follow-add:hover {
    background: #1d4ed8;
}

.kehua-userzh-actions .kehua-userzh-btn-ghost.js-haya-follow-del {
    background: #6b7280;
    color: #fff;
    border-color: #6b7280;
}

.kehua-userzh-actions .kehua-userzh-btn-ghost.js-haya-follow-del:hover {
    background: #4b5563;
    border-color: #4b5563;
}

.kehua-userzh-actions .kehua-userzh-btn-ghost.js-kehua-sx-modal {
    background: rgb(255, 255, 255);
    color: var(--color-text);
    border-color: var(--color-border);
}

.kehua-userzh-actions .kehua-userzh-btn-ghost.js-kehua-sx-modal:hover {
    background: rgb(247, 248, 251);
    border-color: rgb(209, 213, 219);
    color: var(--color-text);
}

.kehua-userzh-tabs {
    margin-top: 12px;
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    overflow-x: auto;
}

.kehua-userzh-tab {
    padding: 10px 20px;
    font-size: 14px;
    color: var(--color-text-light);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    white-space: nowrap;
    text-decoration: none;
    transition: 0.2s;
}

.kehua-userzh-tab:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background: rgba(0, 102, 255, 0.06);
}

.kehua-userzh-tab.kehua-active {
    color: rgb(255, 255, 255);
    background: var(--color-primary);
    border-color: var(--color-primary);
    font-weight: 600;
}

.kehua-userzh-tab.kehua-active::after {
    display: none;
}

.kehua-userzh-body {
    margin-top: 12px;
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 320px);
    gap: var(--layout-gap);
    align-items: start;
    width: 100%;
    min-width: 0px;
}

.kehua-userzh-block {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 16px;
}

.kehua-userzh-block-feed {
    background: transparent;
    box-shadow: none;
    padding: 0px;
}

.kehua-userzh .kehua-feed {
    min-width: 0px;
    max-width: 100%;
}

.kehua-userzh .kehua-post-title a, .kehua-userzh .kehua-post-desc a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.kehua-userzh-block-follow {
    padding: 16px;
}

.kehua-userzh-block-title {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
}

.kehua-userzh-sidecard {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 16px;
    position: sticky;
    top: calc(var(--header-h) + var(--top-gap));
}

.kehua-userzh-sidecard-title {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
}

.kehua-userzh-sideitem {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0px;
    border-top: 1px solid rgb(240, 242, 246);
    font-size: 13px;
}

.kehua-userzh-sideitem:first-of-type {
    border-top: 0px;
    padding-top: 0px;
}

.kehua-userzh-sideitem .k {
    color: var(--color-text-light);
}

.kehua-userzh-sideitem .v {
    flex: 1 1 0%;
    min-width: 0px;
    color: var(--color-text);
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.kehua-userzh-empty {
    padding: 50px 0px;
    text-align: center;
    color: var(--color-text-light);
}

.kehua-userzh-btn-danger {
    background: rgb(255, 255, 255);
    border-color: rgb(245, 108, 108);
    color: rgb(245, 108, 108);
}

.kehua-userzh-btn-danger:hover {
    background: rgb(245, 108, 108);
    color: rgb(255, 255, 255);
}

.kehua-userzh-thread {
    display: flex;
    gap: 14px;
    padding: 14px 0px;
    border-bottom: 1px solid rgb(240, 242, 246);
}

.kehua-userzh-thread:first-child {
    padding-top: 0px;
}

.kehua-userzh-thread:last-child {
    border-bottom: 0px;
}

.kehua-userzh-thread-cover {
    width: 120px;
    height: 80px;
    border-radius: 8px;
    background-size: cover;
    background-position: center center;
    flex: 0 0 auto;
}

.kehua-userzh-thread-body {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.kehua-userzh-thread-title {
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kehua-userzh-thread-title a {
    color: var(--color-text);
}

.kehua-userzh-thread-title a:hover {
    color: var(--color-primary);
}

.kehua-userzh-thread-excerpt {
    margin: 0px;
    font-size: 13px;
    color: var(--color-text-light);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kehua-userzh-thread-foot {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-userzh-thread-tag {
    background: rgb(240, 243, 255);
    color: var(--color-primary);
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}

.kehua-userzh-pagination {
    padding: 16px 0px 4px;
    text-align: center;
}

@media (max-width: 768px) {
    .kehua-userzh-thread-cover {
        width: 90px;
        height: 64px;
    }
}

.kehua-followlist {
    display: flex;
    flex-direction: column;
}

.kehua-followitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0px;
    border-bottom: 1px solid rgb(240, 242, 246);
}

.kehua-followitem:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-followitem-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0px;
    flex: 1 1 0%;
}

.kehua-followitem-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: center center / cover rgb(238, 238, 238);
    flex: 0 0 auto;
}

.kehua-followitem-info {
    display: flex;
    flex-direction: column;
    min-width: 0px;
    gap: 2px;
}

.kehua-followitem-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-followitem-sub {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-followitem-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 768px) {
    .kehua-followitem {
        padding: 10px 0px;
    }

    .kehua-followitem-avatar {
        width: 40px;
        height: 40px;
    }

    .kehua-followitem-actions .kehua-userzh-btn {
        height: 34px;
        padding: 0px 12px;
    }
}

@media (max-width: 1200px) {
    .kehua-userzh-body {
        grid-template-columns: minmax(0px, 1fr);
    }

    .kehua-userzh-sidecard {
        position: static;
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .kehua-userzh {
        overflow-x: hidden;
    }

    .kehua-userzh-card-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 32px 24px 24px;
        border-radius: 16px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px;
    }

    .kehua-userzh-avatar-wrap {
        width: 96px;
        height: 96px;
        margin: 0px auto 14px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid var(--color-primary);
        box-shadow: rgba(56, 132, 244, 0.18) 0px 4px 16px;
    }

    .kehua-userzh-avatar {
        width: 100%;
        height: 100%;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
    }

    .kehua-userzh-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .kehua-userzh-name {
        font-size: 18px;
        font-weight: 700;
        color: var(--color-heading);
        margin-bottom: 4px;
    }

    .kehua-userzh-uid {
        display: inline-block;
        background: linear-gradient(135deg, var(--color-primary), #60a5fa);
        color: rgb(255, 255, 255);
        font-size: 11px;
        font-weight: 600;
        padding: 2px 10px;
        border-radius: 10px;
        margin-bottom: 16px;
    }

    .kehua-userzh-actions {
        width: 100%;
    }

    .kehua-userzh-btn {
        flex: 1 1 0%;
    }
}

.kehua-post-img-1 {
    background: linear-gradient(135deg, rgb(168, 192, 255) 0%, rgb(194, 233, 251) 100%);
}

.kehua-post-img-2 {
    background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%);
}

.kehua-post-img-3 {
    background: linear-gradient(135deg, rgb(240, 147, 251) 0%, rgb(245, 87, 108) 100%);
}

.kehua-post-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    color: var(--color-text-light);
    font-size: 13px;
}

.kehua-post-views {
    color: var(--color-text-light);
}
.kehua-post-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}

.kehua-article-actions .kehua-post-actions {
    margin-top: 20px;
    justify-content: center;
    gap: 20px;
    font-size: 1.0625rem;
}

.kehua-article-actions .kehua-post-actions > span, .kehua-article-actions .kehua-post-actions > a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    min-width: 70px;
    color: rgb(102, 102, 102);
    text-decoration: none;
    cursor: pointer;
    gap: 6px;
}

.kehua-article-actions .kehua-post-actions > span:hover, .kehua-article-actions .kehua-post-actions > a:hover {
    border-color: rgb(153, 153, 153);
    color: rgb(51, 51, 51);
}

.kehua-article-actions .kehua-post-actions svg {
    border-radius: 999px;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
}

.kehua-article-actions .kehua-post-actions span, .kehua-article-actions .kehua-post-actions a {
    font-size: 14px;
    line-height: 1;
}
@media (min-width: 993px) {
    .kehua-post-actions {
        margin-right: -26px;
    }

    .kehua-article-actions .kehua-post-actions {
        margin-right: 0px;
    }

    .kehua-article-actions {
        display: none !important;
    }
}

.kehua-article-rail {
    display: none;
}

@media (min-width: 993px) {
    body.kehua-page-read .kehua-article-rail {
        display: block;
        position: fixed;
        z-index: 39;
        padding-top: clamp(200px, 28vh, 420px);
        padding-bottom: 16px;
        --kehua-ar-left: max( 8px, calc((100vw - min(var(--kehua-read-layout-max), 100vw - 48px)) / 2 - var(--layout-gap) - 45px) );
        left: var(--kehua-ar-left);
        pointer-events: none;
        box-sizing: border-box;
    }

    body.kehua-page-read .kehua-article-rail__card {
        pointer-events: auto;
        width: 64px;
        padding: 6px 0;
        background: var(--color-white);
        border-radius: 12px;
        border: none;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.kehua-page-read .kehua-article-rail__sep {
        height: 1px;
        margin: 0 10px;
        background: rgba(0, 0, 0, 0.06);
        flex-shrink: 0;
    }

    body.kehua-page-read .kehua-article-rail__item {
        flex-shrink: 0;
    }

    body.kehua-page-read .kehua-article-rail__hit {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        padding: 10px 4px;
        margin: 0;
        box-sizing: border-box;
        cursor: pointer;
        color: #64748b;
        text-decoration: none;
        outline: none;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
        transition: color 0.2s, background 0.2s;
        border: none;
        background: transparent;
        font: inherit;
    }

    body.kehua-page-read .kehua-article-rail__hit--link {
        cursor: pointer;
    }

    body.kehua-page-read .kehua-article-rail__hit:hover {
        color: var(--color-primary);
    }

    body.kehua-page-read .kehua-article-rail__ico-wrap {
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    body.kehua-page-read .kehua-article-rail__svg {
        width: 26px;
        height: 26px;
        display: block;
        flex-shrink: 0;
    }

    body.kehua-page-read .kehua-article-rail__badge {
        position: absolute;
        top: -5px;
        right: -8px;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
        text-align: center;
        box-sizing: border-box;
        pointer-events: none;
    }

    body.kehua-page-read .kehua-article-rail__label {
        font-size: 12px;
        line-height: 1.2;
        color: inherit;
        pointer-events: none;
    }

    body.kehua-page-read .kehua-article-rail .kehua-liked,
    body.kehua-page-read .kehua-article-rail .kehua-liked .kehua-article-rail__svg {
        color: #e74c3c !important;
    }

    body.kehua-page-read .kehua-article-rail .kehua-favorited,
    body.kehua-page-read .kehua-article-rail .kehua-favorited .kehua-article-rail__svg {
        color: var(--color-yellow) !important;
    }

    body:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) .kehua-article-rail {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

.kehua-post-actions span, .kehua-post-actions a {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s;
    color: var(--color-text-light);
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.kehua-post-actions span:focus, .kehua-post-actions a:focus {
    outline: none;
}

.kehua-post-actions span:active, .kehua-post-actions a:active {
    outline: none;
}

.kehua-post-actions span.js-kehua-like:active, .kehua-post-actions span.js-kehua-favorite:active, .kehua-post-actions a[href]:active {
    color: var(--color-primary);
}

.kehua-post-actions .kehua-liked:active, .kehua-post-actions .kehua-liked:active svg {
    color: rgb(231, 76, 60) !important;
}

.kehua-post-actions .kehua-favorited:active, .kehua-post-actions .kehua-favorited:active svg {
    color: var(--color-yellow) !important;
}

.kehua-post-actions .kehua-liked, .kehua-post-actions .kehua-liked svg {
    color: rgb(231, 76, 60) !important;
}

.kehua-post-actions .kehua-favorited, .kehua-post-actions .kehua-favorited svg {
    color: var(--color-yellow) !important;
}

.kehua-post-actions svg {
    width: 42px;
    height: 42px;
}

/* 首页/版块图文列表：与参考主题一致的行内图标尺寸与默认色（仅 .kehua-feed-card__body 内信息流，不影响瀑布流/传统列表/阅读页等） */
body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions svg,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions svg {
    width: 24px;
    height: 24px;
}

body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions span:not(.kehua-liked):not(.kehua-favorited),
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions span:not(.kehua-liked):not(.kehua-favorited),
body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions a,
body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions a {
    color: #666;
}

@media (max-width: 768px) {
    body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions,
    body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions {
        gap: 14px;
        margin-right: 0;
        max-width: 100%;
    }

    body.kehua-index-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions svg,
    body.kehua-forum-card-list .kehua-feed-card__body > .kehua-feed .kehua-post-footer .kehua-post-actions svg {
        width: 20px;
        height: 20px;
    }
}

.kehua-post-actions .js-kehua-like > svg, .kehua-post-actions .js-kehua-like > .js-like-num, .kehua-post-actions .js-kehua-favorite > svg, .kehua-post-actions .js-kehua-favorite > .js-fav-num {
    pointer-events: none;
    & .kehua-post-actions {
        display: flex;
        align-items: center;
        gap: 18px;
        flex-shrink: 0;
    }

    & .kehua-article-actions {
        margin-top: 20px;
        padding-top: 18px;
        padding-bottom: 4px;
        border-top: 1px solid rgb(240, 240, 240);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
    }

    & .kehua-article-actions .kehua-post-actions {
        margin-right: 0px;
        justify-content: center;
        gap: 26px;
        font-size: 1.0625rem;
    }

    & .kehua-article-actions .kehua-post-actions > span, & .kehua-article-actions .kehua-post-actions > a {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(229, 229, 229);
        border-radius: 8px;
        padding: 10px 12px;
        min-width: 70px;
        color: rgb(102, 102, 102);
        text-decoration: none;
        cursor: pointer;
        gap: 6px;
    }

    & .kehua-article-actions .kehua-post-actions > span: hover, & .kehua-article-actions .kehua-post-actions > a:hover {
        border-color: rgb(153, 153, 153);
        color: rgb(51, 51, 51);
    }

    & .kehua-article-actions .kehua-post-actions svg {
        width: 30px;
        height: 30px;
    }

    & .kehua-article-actions .kehua-post-actions span, & .kehua-article-actions .kehua-post-actions a {
        font-size: 14px;
        line-height: 1;
    }
}

.kehua-sidebar-right {
    width: var(--sidebar-right-w);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: flex-start;
    position: sticky;
    top: calc(var(--header-h) + var(--top-gap));
    max-height: none;
    overflow: hidden visible;
    box-sizing: border-box;
}

.kehua-widget {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 16px;
}

.kehua-widget-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px 12px;
    color: var(--color-text);
    line-height: 1.3;
}

.kehua-hot-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.kehua-hot-list li {
    padding: 6px 0px;
}

.kehua-hot-list a {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.3;
    transition: color 0.2s;
}

.kehua-hot-list .kehua-hot-num {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--color-text-light);
}

.kehua-hot-list .kehua-hot-num-top {
    color: rgb(230, 92, 0);
}

.kehua-hot-list a:hover {
    color: var(--color-primary);
}

.kehua-widget--index-hot, .kehua-widget--forum-hot, .kehua-widget.kehua-sidebar-rec, .kehua-widget--index-friendlinks-desktop-only {
    padding: 0px;
    overflow: hidden;
}

.kehua-widget--index-hot .kehua-widget-title, .kehua-widget--index-friendlinks-desktop-only > .kehua-widget-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kehua-widget--index-hot .kehua-widget-title, .kehua-widget--forum-hot .kehua-widget-title, .kehua-widget.kehua-sidebar-rec > .kehua-widget-title, .kehua-widget--index-friendlinks-desktop-only > .kehua-widget-title {
    margin: 0px;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
    border-bottom: var(--border);
}

.kehua-widget--index-hot .kehua-widget-title, .kehua-widget--index-friendlinks-desktop-only > .kehua-widget-title {
    font-weight: 400;
}

.kehua-widget--index-hot .kehua-hot-list--index, .kehua-widget--forum-hot .kehua-hot-list--index {
    padding: 5px 0px;
}

.kehua-widget--index-hot .kehua-hot-list--index li, .kehua-widget--forum-hot .kehua-hot-list--index li {
    padding: 0px 0px 5px;
}

.kehua-widget--index-hot .kehua-hot-list--index a, .kehua-widget--forum-hot .kehua-hot-list--index a {
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    line-height: 1.3;
}

.kehua-widget--index-hot .kehua-hot-list--index .kehua-hot-num, .kehua-widget--forum-hot .kehua-hot-list--index .kehua-hot-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}

.kehua-widget--index-hot .kehua-hot-num--1, .kehua-widget--forum-hot .kehua-hot-num--1 {
    color: rgb(255, 255, 255);
    background: rgb(99, 102, 241) !important;
}

.kehua-widget--index-hot .kehua-hot-num--2, .kehua-widget--forum-hot .kehua-hot-num--2 {
    color: rgb(255, 255, 255);
    background: rgb(139, 92, 246) !important;
}

.kehua-widget--index-hot .kehua-hot-num--3, .kehua-widget--forum-hot .kehua-hot-num--3 {
    color: rgb(255, 255, 255);
    background: rgb(167, 139, 250) !important;
}

.kehua-widget--index-hot .kehua-hot-list--index .kehua-hot-num--rest, .kehua-widget--forum-hot .kehua-hot-list--index .kehua-hot-num--rest {
    background: rgb(226, 232, 240);
    color: rgb(102, 102, 102);
}

.kehua-widget--index-hot .kehua-hot-title, .kehua-widget--forum-hot .kehua-hot-title {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(31, 41, 55);
    transition: color 0.2s;
}

.kehua-widget--index-hot .kehua-hot-list--index a:hover .kehua-hot-title, .kehua-widget--forum-hot .kehua-hot-list--index a:hover .kehua-hot-title {
    color: var(--color-primary);
}

.kehua-discovery-read .kehua-hot-list--index {
    padding: 10px 0px;
}

.kehua-discovery-read .kehua-hot-list--index li {
    padding: 0px;
}

.kehua-discovery-read .kehua-hot-list--index a {
    align-items: center;
    gap: 10px;
    padding: 6px 14px;
    line-height: 1.5;
}

.kehua-discovery-read .kehua-hot-list--index .kehua-hot-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0px 4px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
}

.kehua-discovery-read .kehua-hot-num--1 {
    color: rgb(255, 255, 255);
    background: rgb(99, 102, 241) !important;
}

.kehua-discovery-read .kehua-hot-num--2 {
    color: rgb(255, 255, 255);
    background: rgb(139, 92, 246) !important;
}

.kehua-discovery-read .kehua-hot-num--3 {
    color: rgb(255, 255, 255);
    background: rgb(167, 139, 250) !important;
}

.kehua-discovery-read .kehua-hot-list--index .kehua-hot-num--rest {
    background: rgb(226, 232, 240);
    color: rgb(102, 102, 102);
}

.kehua-discovery-read .kehua-hot-title {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(31, 41, 55);
    transition: color 0.2s;
}

.kehua-discovery-read .kehua-hot-list--index a:hover .kehua-hot-title {
    color: var(--color-primary);
}

.kehua-discovery-read__hot-empty {
    padding: 16px 14px;
    margin: 0px;
    font-size: 13px;
    color: rgb(148, 163, 184);
    text-align: center;
    list-style: none;
}

.kehua-widget.kehua-sidebar-rec .kehua-sidebar-rec-list {
    padding: 4px 16px 12px;
}

.kehua-sidebar-rec-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kehua-sidebar-rec-card {
    position: relative;
    display: block;
    border-radius: var(--radius);
    overflow: hidden;
    aspect-ratio: 3 / 1;
    box-shadow: none;
    border: 1px solid rgba(15, 23, 42, 0.08);
    transition: opacity 0.2s, border-color 0.2s;
}

.kehua-sidebar-rec-card:hover {
    opacity: 0.96;
    border-color: rgba(15, 23, 42, 0.14);
}

.kehua-sidebar-rec-img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-sidebar-rec-card::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.55) 100%);
    pointer-events: none;
}

.kehua-sidebar-rec-label {
    position: absolute;
    inset: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
    text-shadow: rgba(0, 0, 0, 0.45) 0px 1px 8px;
    pointer-events: none;
    line-height: 1.3;
}

.kehua-friend-links {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    align-items: center;
}

.kehua-friend-links li {
    padding: 0px;
    margin: 0px;
    flex: 0 0 auto;
    max-width: 100%;
}

.kehua-friend-links a {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.01em;
    color: var(--color-text);
    text-decoration: none;
    padding: 6px 14px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.65);
    box-sizing: border-box;
    word-break: break-word;
    transition: color 0.25s, border-color 0.25s, background-color 0.25s, box-shadow 0.25s, transform 0.25s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.kehua-friend-links a:hover {
    color: var(--color-primary);
    border-color: rgba(0, 102, 255, 0.38);
    background: rgba(0, 102, 255, 0.07);
    box-shadow: rgba(0, 102, 255, 0.14) 0px 4px 14px;
    transform: translateY(-2px);
}

.kehua-friend-links a:active {
    transform: translateY(0px);
    box-shadow: rgba(0, 102, 255, 0.1) 0px 2px 6px;
    transition-duration: 0.12s;
}

.kehua-friend-links a:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.kehua-widget--index-friendlinks-desktop-only .kehua-friend-links {
    padding: 12px 16px;
}

.kehua-widget--index-rankboard {
    padding: 0px;
    overflow: hidden;
}

.kehua-rankboard-tabs {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.kehua-rankboard-tab {
    flex: 1 1 0%;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 0;
}

.kehua-rankboard-tab-inner {
    flex: 0 0 auto;
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    padding: 16px 6px 12px;
    font-size: 15px;
    font-weight: 400;
    color: rgb(100, 116, 139);
    line-height: 1.3;
    position: relative;
    transition: color 0.15s;
}

.kehua-rankboard-tab:hover .kehua-rankboard-tab-inner {
    color: rgb(51, 65, 85);
}

.kehua-rankboard-tab[aria-selected="true"] .kehua-rankboard-tab-inner {
    color: rgb(37, 99, 235);
}

.kehua-rankboard-tab[aria-selected="true"] .kehua-rankboard-tab-inner::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 45px;
    height: 4px;
    transform: translateX(-50%);
    background: rgb(37, 99, 235);
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}

.kehua-rankboard-panel {
    padding: 0px 0px 6px;
}

.kehua-rankboard-panel[hidden] {
    display: none !important;
}

.kehua-rankboard-empty {
    margin: 0px;
    padding: 20px 16px;
    font-size: 13px;
    color: rgb(148, 163, 184);
    text-align: center;
}

.kehua-rankboard-list {
    margin: 0px;
    padding: 4px 0px 0px;
    list-style: none;
}

.kehua-rankboard-item {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.1);
}

.kehua-rankboard-item:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-rankboard-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    text-decoration: none;
    color: inherit;
    transition: background 0.2s;
}

.kehua-rankboard-avatar-wrap {
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    transition: transform 0.32s cubic-bezier(0.34, 1.25, 0.64, 1), box-shadow 0.28s;
}

.kehua-rankboard-avatar {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    background: rgb(241, 245, 249);
    transition: transform 0.32s cubic-bezier(0.34, 1.25, 0.64, 1);
}

.kehua-rankboard-avatar-wrap--vip {
    position: relative;
    overflow: visible;
}

.kehua-rankboard-avatar-wrap--vip .kehua-rankboard-avatar {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-rankboard-avatar-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.kehua-rankboard-avatar-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

.kehua-rankboard-avatar-wrap--group-custom {
    position: relative;
    overflow: visible;
}

.kehua-rankboard-avatar-wrap--group-pendant .kehua-rankboard-avatar {
    position: relative;
    z-index: 1;
}

.kehua-rankboard-avatar-group-pendant {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    max-width: none;
    object-fit: contain;
    pointer-events: none;
    z-index: 3;
    display: block;
}

.kehua-rankboard-avatar-wrap--group-pendant .kehua-rankboard-avatar-vip-corner {
    z-index: 4;
}

.kehua-rankboard-row:hover .kehua-rankboard-avatar-wrap {
    transform: scale(1.07);
    box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 2px, rgba(0, 102, 255, 0.22) 0px 4px 14px;
}

.kehua-rankboard-row:hover .kehua-rankboard-avatar {
    transform: scale(1.06);
}

.kehua-rankboard-meta-ico, .kehua-rankboard-trophy {
    display: block;
    flex-shrink: 0;
    transform-origin: 50% 50%;
    transition: transform 0.3s cubic-bezier(0.34, 1.35, 0.64, 1), color 0.22s, opacity 0.22s;
}

.kehua-rankboard-row:hover .kehua-rankboard-meta-ico {
    color: var(--color-primary);
    opacity: 1;
    transform: scale(1.12) translateY(-1px);
}

.kehua-rankboard-row:hover .kehua-rankboard-trophy {
    transform: scale(1.14) rotate(-10deg);
}

.kehua-rankboard-main {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kehua-rankboard-name {
    font-size: 14px;
    font-weight: 400;
    color: rgb(17, 24, 39);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-rankboard-row:hover .kehua-rankboard-name.kehua-vip-username {
    color: rgb(154, 27, 42) !important;
}

.kehua-rankboard-meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: rgb(148, 163, 184);
    line-height: 1.3;
}

.kehua-rankboard-meta-ico {
    opacity: 0.85;
}

.kehua-rankboard-rank {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 13px;
    font-weight: 700;
}

.kehua-rankboard-rank--n1 {
    color: rgb(225, 29, 72);
}

.kehua-rankboard-rank--n2 {
    color: rgb(234, 88, 12);
}

.kehua-rankboard-rank--n3 {
    color: rgb(37, 99, 235);
}

.kehua-rankboard-rank--rest {
    color: rgb(148, 163, 184);
}

@media (prefers-reduced-motion: reduce) {
    .kehua-rankboard-avatar-wrap, .kehua-rankboard-avatar, .kehua-rankboard-meta-ico, .kehua-rankboard-trophy {
        transition-duration: 0.01ms !important;
    }

    .kehua-rankboard-row:hover .kehua-rankboard-avatar-wrap, .kehua-rankboard-row:hover .kehua-rankboard-avatar, .kehua-rankboard-row:hover .kehua-rankboard-meta-ico, .kehua-rankboard-row:hover .kehua-rankboard-trophy {
        transform: none;
    }

    .kehua-rankboard-row:hover .kehua-rankboard-avatar-wrap {
        box-shadow: none;
    }
}

.kehua-announce-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.kehua-announce-list li {
    padding: 6px 0px;
}

.kehua-announce-list a {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.4;
    transition: color 0.2s;
}

.kehua-announce-icon {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    background: rgb(230, 92, 0);
    border-radius: 50%;
}

.kehua-announce-num-n {
    flex-shrink: 0;
    color: var(--color-text-light);
    font-weight: 500;
}

.kehua-announce-list a:hover {
    color: var(--color-primary);
}

.kehua-widget-footer {
    background: var(--color-white);
    padding: 20px;
}

.kehua-widget-footer .kehua-footer-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 16px;
    color: var(--color-text);
}

.kehua-widget-footer .kehua-footer-subtitle {
    font-size: 13px;
    color: var(--color-text);
    margin: 0px 0px 8px;
}

.kehua-widget-footer .kehua-footer-contact {
    font-size: 13px;
    color: var(--color-text);
    margin: 0px 0px 20px;
}

.kehua-widget-footer .kehua-footer-legal {
    font-size: 12px;
    color: var(--color-text-light);
    line-height: 1.6;
}

.kehua-widget-footer .kehua-footer-legal p {
    margin: 0px 0px 4px;
}

.kehua-widget-footer .kehua-footer-legal p:last-child {
    margin-bottom: 0px;
}

.kehua-promo-widget p {
    margin: 0px 0px 10px;
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-promo-img {
    width: 100%;
    height: 100px;
    background: linear-gradient(135deg, rgb(212, 228, 247) 0%, rgb(232, 240, 248) 100%);
    border-radius: var(--radius);
    margin-bottom: 12px;
}

.kehua-btn-small {
    padding: 6px 12px;
    font-size: 12px;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 6px;
}

.kehua-quick-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.kehua-quick-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 8px;
    font-size: 12px;
    color: var(--color-text);
    background: var(--color-bg);
    border-radius: var(--radius);
    transition: background 0.2s, color 0.2s;
}

.quick-link:hover {
    background: rgba(0, 102, 255, 0.08);
    color: var(--color-primary);
}

.kehua-ql-icon {
    width: 28px;
    height: 28px;
    background: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border: 1px solid var(--color-border);
}

.kehua-fab {
    position: fixed;
    right: 24px;
    bottom: calc(48px + env(safe-area-inset-bottom, 0px));
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-text);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 12px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s, visibility 0.25s, background 0.2s, transform 0.2s;
}

.kehua-fab.kehua-fab-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.kehua-fab:hover {
    background: rgb(240, 240, 240);
    transform: scale(1.05);
}

.kehua-fab svg {
    width: 22px;
    height: 22px;
}

.kehua-layout-rail {
    display: none;
}

@media (min-width: 993px) {
    .kehua-layout-shell > .kehua-layout-rail {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 44px;
        box-sizing: border-box;
        padding-top: clamp(250px, 32vh, 480px);
        padding-bottom: 16px;
        position: fixed;
        z-index: 40;
        top: calc(var(--header-h) + var(--top-gap));
        margin: 0px;
        --kehua-rail-left: calc( (100vw + min(1350px, 100vw - 48px)) / 2 + var(--layout-gap) );
        left: min(var(--kehua-rail-left), calc(100vw - 58px));
        pointer-events: none;
    }

    .kehua-layout-shell > .kehua-layout-rail > * {
        pointer-events: auto;
    }

    .kehua-fab {
        display: none !important;
    }

    .kehua-layout-rail__btn {
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        margin: 0px;
        padding: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        border-radius: 10px;
        background: var(--color-white);
        color: rgb(100, 116, 139);
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none;
        transition: background 0.2s, color 0.2s, transform 0.2s;
    }

    .kehua-layout-rail__btn:hover {
        background: rgb(248, 250, 252);
        box-shadow: none;
    }

    .kehua-layout-rail__wechat-wrap:hover .kehua-layout-rail__wechat, .kehua-layout-rail__wechat-wrap:focus-within .kehua-layout-rail__wechat {
        background: var(--color-primary);
        color: rgb(255, 255, 255);
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        filter: brightness(1.04);
    }

    .kehua-layout-rail__post:hover, .kehua-layout-rail__post:focus-visible, .kehua-layout-rail__top:hover, .kehua-layout-rail__top:focus-visible {
        background: var(--color-primary);
        color: rgb(255, 255, 255);
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        filter: brightness(1.04);
    }

    .kehua-layout-rail__top {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.25s, visibility 0.25s, transform 0.2s;
    }

    .kehua-layout-rail__top.kehua-layout-rail__top--visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .kehua-layout-rail__ico {
        display: block;
        width: 26px;
        height: 26px;
    }

    .kehua-layout-rail__wechat-wrap {
        position: relative;
    }

    .kehua-layout-rail__qr-pop {
        position: absolute;
        right: calc(100% + 12px);
        top: 0px;
        width: 200px;
        padding: 14px 14px 12px;
        border-radius: 12px;
        background: var(--color-primary);
        box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 28px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.2s, visibility 0.2s;
        z-index: 100;
    }

    .kehua-layout-rail__wechat-wrap:hover .kehua-layout-rail__qr-pop, .kehua-layout-rail__wechat-wrap:focus-within .kehua-layout-rail__qr-pop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .kehua-layout-rail__qr-inner {
        background: rgb(255, 255, 255);
        border-radius: 8px;
        padding: 8px;
        line-height: 0;
    }

    .kehua-layout-rail__qr-inner img {
        display: block;
        width: 100%;
        height: auto;
        vertical-align: top;
    }

    .kehua-layout-rail__qr-hint {
        margin: 10px 0px 0px;
        font-size: 13px;
        line-height: 1.45;
        color: rgb(255, 255, 255);
        text-align: center;
    }

    body:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) .kehua-layout-rail {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

body.xn-gnp-pad .kehua-fab {
    bottom: calc(48px + var(--xn-gnp-height, 70px) + 12px + env(safe-area-inset-bottom, 0px));
}

.kehua-mobile-tabbar {
    display: none;
}

@media (max-width: 1200px) {
    .kehua-sidebar-right {
        width: 220px;
    }
}

@media (max-width: 992px) {
    :root {
        --sidebar-left-w: 0;
        --sidebar-right-w: 0;
    }

    .kehua-layout {
        flex-wrap: wrap;
        padding-left: 16px;
        padding-right: 16px;
    }

    .kehua-sidebar-left {
        display: none;
    }

    .kehua-sidebar-right {
        width: 100%;
        position: static;
        flex-flow: wrap;
        gap: 16px;
    }

    .kehua-widget {
        flex: 1 1 0%;
        min-width: 200px;
    }

    .kehua-widget--forum-hot-desktop-only, .kehua-widget--index-hot-desktop-only, .kehua-widget--index-rec-desktop-only, .kehua-widget--index-rankboard-desktop-only, .kehua-widget--index-friendlinks-desktop-only, .kehua-widget--index-sidebar-ad-desktop-only {
        display: none !important;
    }

    .kehua-page-read .kehua-read-sidebar {
        display: none !important;
    }

    .kehua-main {
        max-width: 100%;
        order: -1;
        width: 100%;
    }

    .kehua-nav-main {
        display: none;
    }
}

@media (max-width: 768px) {
    .kehua-header {
        background: rgba(255, 255, 255, 0.42);
        backdrop-filter: blur(22px) saturate(185%);
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    .kehua-header-inner {
        padding: 0px 12px;
        gap: 16px;
    }

    .kehua-logo-text {
        font-size: 14px;
    }

    .kehua-layout {
        padding-top: calc(var(--header-h) + var(--top-gap));
        padding-bottom: 70px;
    }

    body.kehua-index-masonry .kehua-layout.kehua-layout-index-masonry, body.kehua-forum-masonry .kehua-layout.kehua-layout-forum-masonry {
        padding-left: calc(10px + env(safe-area-inset-left, 0px));
        padding-right: calc(10px + env(safe-area-inset-right, 0px));
    }

    body.kehua-mobile-tabbar-on .kehua-layout {
        padding-bottom: calc(70px + 54px + env(safe-area-inset-bottom, 0px));
    }

    body.kehua-mobile-tabbar-on .kehua-fab {
        bottom: calc(40px + 54px + env(safe-area-inset-bottom, 0px));
    }

    .kehua-slider {
        aspect-ratio: 16 / 7;
        max-height: 160px;
    }

    body.kehua-index-masonry .kehua-slider-wrap--index-hero .kehua-slider--index-hero {
        aspect-ratio: 16 / 9;
        max-height: min(38vh, 240px);
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry {
        aspect-ratio: unset;
        max-height: none;
        min-height: 176px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-inner {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        max-width: none;
        min-height: 0px;
        padding: 18px 16px;
        box-sizing: border-box;
        text-align: left;
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-title, body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-brief {
        text-align: left;
        width: 100%;
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-stats, body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-mods {
        width: 100%;
        justify-content: flex-start;
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-brief {
        margin-bottom: 12px;
    }

    body.kehua-forum-masonry .kehua-forum-hero--masonry .kehua-forum-hero-stats {
        margin-bottom: 12px;
    }

    .kehua-tabs {
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    #kehua-index-tabs {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .kehua-tabs::-webkit-scrollbar {
        display: none;
        width: 0px;
        height: 0px;
    }

    body.kehua-index-masonry #kehua-index-tabs.kehua-tabs, body.kehua-forum-masonry #kehua-forum-tabs.kehua-tabs {
        max-width: min(100%, 300px);
        margin-left: auto;
        margin-right: auto;
        padding: 3px;
        margin-bottom: 16px;
        border-radius: 999px;
    }

    body.kehua-index-masonry #kehua-index-tabs .kehua-tab, body.kehua-forum-masonry #kehua-forum-tabs .kehua-tab {
        padding: 8px;
        font-size: 13px;
        border-radius: 999px;
    }

    .kehua-tab {
        white-space: nowrap;
        padding: 10px 16px;
        font-size: 13px;
    }

    .kehua-feed-card__head .kehua-tabs {
        padding: 0px 8px;
        overflow-x: visible;
        flex-wrap: wrap;
    }

    .kehua-feed-card__head .kehua-tab {
        padding: 12px 10px 11px;
        font-size: 14px;
    }

    .kehua-feed-card__body {
        padding: 0px 12px 14px;
    }

    body.kehua-index-card-list .kehua-feed-card__body, body.kehua-forum-card-list .kehua-feed-card__body {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 12px;
    }

    body.kehua-index-card-list .kehua-feed-card__head .kehua-tabs, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tabs {
        padding: 0px 12px;
    }

    body.kehua-index-card-list .kehua-feed-card__head .kehua-tab, body.kehua-forum-card-list .kehua-feed-card__head .kehua-tab {
        padding: 13px 12px 12px;
        font-size: 14px;
    }

    .kehua-main > .kehua-inf-footer--outside-card {
        padding-left: 12px;
        padding-right: 12px;
    }

    .kehua-post-card {
        padding: 16px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .kehua-post-desc, .kehua-post-image, .kehua-post-image-link, .kehua-post-footer, .kehua-post-thumb-single {
        margin-left: 0px;
        max-width: 100%;
    }

    .kehua-post-image-link--grid {
        margin-left: 0px;
        max-width: 100%;
    }

    .kehua-post-footer {
        min-width: 0px;
        gap: 10px;
    }

    .kehua-post-views {
        flex: 1 1 auto;
        min-width: 0px;
    }

    .kehua-post-thumb-single .kehua-post-image-link {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .kehua-post-card > a.kehua-post-image-link.kehua-lightbox-thumb, .kehua-post-card > a.kehua-post-image-link.kehua-post-image-link--bili {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .kehua-post-image.kehua-post-image--grid {
        aspect-ratio: auto;
        height: auto;
    }

    .sidebar-right .kehua-widget {
        min-width: 100%;
    }

    .kehua-quick-links {
        grid-template-columns: repeat(3, 1fr);
    }

    .kehua-fab {
        right: 16px;
        bottom: calc(40px + env(safe-area-inset-bottom, 0px));
        width: 44px;
        height: 44px;
    }

    body.xn-gnp-pad .kehua-fab {
        bottom: calc(40px + var(--xn-gnp-height, 70px) + 12px + env(safe-area-inset-bottom, 0px));
    }

    body.kehua-mobile-tabbar-on.xn-gnp-pad .kehua-fab {
        bottom: calc(40px + 54px + var(--xn-gnp-height, 70px) + 12px + env(safe-area-inset-bottom, 0px));
    }

    .kehua-mobile-tabbar {
        display: block;
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 90;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        pointer-events: none;
    }

    .kehua-mobile-tabbar-inner {
        pointer-events: auto;
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        gap: 2px;
        min-height: 54px;
        padding: 6px 4px 8px;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(24px) saturate(180%);
        border-top: 1px solid rgba(15, 23, 42, 0.08);
        box-shadow: rgba(15, 23, 42, 0.06) 0px -4px 24px;
    }

    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
        .kehua-mobile-tabbar-inner {
            background: rgba(255, 255, 255, 0.94);
        }
    }

    body.kehua-mobile-tabbar-on:has(.kehua-msg-shell):not(:has(.kehua-msg-shell--chat-open)) .kehua-mobile-tabbar-inner {
        background: rgb(255, 255, 255);
        backdrop-filter: none;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
        box-shadow: none;
    }

    .kehua-mobile-tabbar-item {
        flex: 1 1 0%;
        min-width: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        gap: 4px;
        padding: 4px 2px;
        text-decoration: none;
        color: rgb(191, 191, 191);
        font-size: 11px;
        line-height: 1.2;
        -webkit-tap-highlight-color: transparent;
        transition: color 0.15s, transform 0.12s;
    }

    .kehua-mobile-tabbar-item:visited {
        color: rgb(191, 191, 191);
    }

    .kehua-mobile-tabbar-item:active {
        transform: scale(0.96);
    }

    .kehua-mobile-tabbar-item--active {
        color: rgb(44, 44, 44);
    }

    .kehua-mobile-tabbar-item--active:visited {
        color: rgb(44, 44, 44);
    }

    .kehua-mobile-tabbar-ico {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
    }

    .kehua-mobile-tabbar-badge {
        position: absolute;
        top: -4px;
        right: -6px;
        min-width: 16px;
        height: 16px;
        padding: 0px 4px;
        box-sizing: border-box;
        line-height: 16px;
        font-size: 10px;
        font-weight: 700;
        color: rgb(255, 255, 255);
        text-align: center;
        background: rgb(229, 57, 53);
        border-radius: 8px;
        box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
        pointer-events: none;
        z-index: 1;
    }

    .kehua-mobile-tabbar-ico img {
        width: 24px;
        height: 24px;
        object-fit: contain;
        opacity: 1;
        transition: opacity 0.15s;
    }

    .kehua-mobile-tabbar-ico-ph {
        display: block;
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: rgba(100, 116, 139, 0.2);
    }

    .kehua-mobile-tabbar-label {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    body.kehua-mobile-tabbar-on .kehua-my-wrap {
        padding-bottom: calc(24px + 64px + env(safe-area-inset-bottom, 0px));
    }

    body.kehua-mobile-tabbar-on .kehua-my-wrap:has(.kehua-msg-shell):not(:has(.kehua-msg-shell--chat-open)) {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    }

    .kehua-mobile-tabbar-inner--dense .kehua-mobile-tabbar-label {
        font-size: 10px;
    }

    .kehua-mobile-tabbar-inner--dense .kehua-mobile-tabbar-ico {
        width: 24px;
        height: 24px;
    }

    .kehua-mobile-tabbar-inner--dense .kehua-mobile-tabbar-ico img {
        width: 22px;
        height: 22px;
    }
}

.kehua-discover {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    background: transparent;
}

.kehua-discover-inner {
    padding: 10px 12px 20px;
    box-sizing: border-box;
}

body.kehua-mobile-tabbar-on .kehua-discover-inner {
    padding-bottom: calc(20px + 64px + env(safe-area-inset-bottom, 0px));
}

.kehua-discover-scroller {
    overflow: auto hidden;
    scroll-snap-type: x;
    scrollbar-width: none;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
}

.kehua-discover-scroller::-webkit-scrollbar {
    display: none;
}

.kehua-discover-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-flow: row;
    align-items: stretch;
    gap: 12px;
    width: max-content;
}

.kehua-discover-item {
    margin: 0px;
    padding: 0px;
    flex: 0 0 auto;
    width: 280px;
    max-width: 85vw;
    scroll-snap-align: start;
}

.kehua-discover-card {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: none;
    overflow: hidden;
}

.kehua-discover-card-head {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 14px 16px 16px;
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}

.kehua-discover-card-head:active {
    background: rgba(248, 250, 252, 0.9);
}

.kehua-discover-thumb {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(145deg, rgb(226, 232, 240), rgb(248, 250, 252));
    box-shadow: rgba(15, 23, 42, 0.06) 0px 0px 0px 1px inset;
}

.kehua-discover-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-discover-card-main {
    flex: 1 1 0%;
    min-width: 0px;
    padding-right: 4px;
}

.kehua-discover-card-title {
    margin: 0px 0px 6px;
    font-size: 17px;
    font-weight: 700;
    color: rgb(15, 23, 42);
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.kehua-discover-card-desc {
    margin: 0px 0px 8px;
    font-size: 13px;
    line-height: 1.5;
    color: rgb(71, 85, 105);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-discover-card-desc--muted {
    color: rgb(148, 163, 184);
}

.kehua-discover-card-stat {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: rgb(100, 116, 139);
    letter-spacing: 0.02em;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgb(248, 250, 252);
}

.kehua-discover-card-go {
    flex-shrink: 0;
    align-self: center;
    color: rgb(203, 213, 225);
    display: flex;
    margin-top: 2px;
}

.kehua-discover-latest {
    padding: 12px 16px 14px;
    background: linear-gradient(rgba(248, 250, 252, 0.9) 0%, rgb(248, 250, 252) 100%);
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.kehua-discover-latest-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: rgb(148, 163, 184);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.kehua-discover-latest-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kehua-discover-latest-li {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.kehua-discover-latest-link {
    flex: 1 1 0%;
    min-width: 0px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(30, 41, 59);
    line-height: 1.4;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.kehua-discover-latest-link:active {
    color: rgb(37, 99, 235);
}

.kehua-discover-latest-time {
    flex-shrink: 0;
    font-size: 11px;
    color: rgb(148, 163, 184);
    white-space: nowrap;
    margin-top: 3px;
}

.kehua-discover-latest-link::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgb(59, 130, 246);
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
}

.kehua-discover-empty {
    margin: 32px 16px;
    text-align: center;
    font-size: 14px;
    color: rgb(148, 163, 184);
}

body.kehua-discover-vertical {
    overflow-x: hidden;
    background: var(--color-bg);
    --kehua-discover-slide-h: calc(100vh - var(--header-h));
}

@supports (height: 100dvh) {
    body.kehua-discover-vertical {
        --kehua-discover-slide-h: calc(100dvh - var(--header-h));
    }
}

@media (max-width: 900px) {
    body.kehua-mobile-tabbar-on.kehua-discover-vertical {
        --kehua-discover-slide-h: calc(100vh - var(--header-h) - 54px - env(safe-area-inset-bottom, 0px));
    }

    @supports (height: 100dvh) {
        body.kehua-mobile-tabbar-on.kehua-discover-vertical {
            --kehua-discover-slide-h: calc(100dvh - var(--header-h) - 54px - env(safe-area-inset-bottom, 0px));
        }
    }
}

body.kehua-discover-vertical .kehua-layout.kehua-layout-no-left {
    min-height: 100dvh;
    max-width: none;
    width: 100%;
    margin: 0px;
    padding-top: ;
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

body.kehua-discover-vertical .kehua-main.kehua-discover--vertical {
    flex: 1 1 auto;
    min-height: 0px;
    max-width: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: var(--color-bg);
}

.kehua-discover-vscroll {
    box-sizing: border-box;
    width: 100%;
    max-width: 520px;
    margin: 0px auto;
    height: var(--kehua-discover-slide-h);
    min-height: var(--kehua-discover-slide-h);
    max-height: var(--kehua-discover-slide-h);
    overflow: hidden auto;
    scroll-snap-type: y mandatory;
    scroll-padding: 0px;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
    background: var(--color-bg);
    padding: 0px;
    touch-action: pan-y;
}

.kehua-discover-vscroll::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
}

.kehua-discover-vscroll-sentinel {
    height: 1px;
    width: 100%;
    flex-shrink: 0;
    pointer-events: none;
    scroll-snap-align: none;
}

.kehua-discover-vscroll--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    scroll-snap-type: none;
    height: var(--kehua-discover-slide-h);
    min-height: var(--kehua-discover-slide-h);
}

.kehua-discover-vscroll--empty .kehua-discover-empty {
    margin: 32px 20px;
    color: var(--color-text-light);
}

body.kehua-discovery-route .kehua-layout.kehua-layout-no-left {
    padding-top: var(--header-h);
}

.kehua-main.kehua-discovery-page {
    max-width: none;
    width: 100%;
}

.kehua-discovery-page {
    width: 100%;
    max-width: none;
    margin: 0px;
    padding: var(--top-gap) 0 28px;
    box-sizing: border-box;
}

.kehua-discovery-forums {
    margin-top: 24px;
    width: 100%;
    box-sizing: border-box;
}

.kehua-discovery-forums__layout {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

.kehua-discovery-forums__primary {
    flex: 1 1 auto;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
}

.kehua-discovery-forums__main {
    flex: 1 1 auto;
    min-width: 0px;
    background: rgb(255, 255, 255);
    border-radius: 14px;
    padding: 18px 18px 20px;
    box-sizing: border-box;
}

.kehua-discovery-forums__main--multi-panel {
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;
}

.kehua-discovery-forums__panel {
    background: rgb(255, 255, 255);
    border-radius: 14px;
    box-sizing: border-box;
}

.kehua-discovery-forums__sections {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.kehua-discovery-forums__main--multi-panel .kehua-discovery-forums__sections {
    gap: 20px;
}

.kehua-discovery-forums__sec {
    margin-bottom: 0px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.kehua-discovery-forums__sec:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding-bottom: 0px;
}

.kehua-discovery-forums__main--multi-panel .kehua-discovery-forums__panel .kehua-discovery-forums__sec {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding-bottom: 0px;
}

.kehua-discovery-forums__group-desc {
    margin: 0px 0px 14px;
    font-size: 13px;
    color: var(--color-text-light);
    line-height: 1.5;
}

.kehua-discovery-forums__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: var(--border);
}

.kehua-discovery-forums__title {
    margin: 0px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 12px;
}

.kehua-discovery-forums__head.kehua-discovery-forums__head--group {
    margin-top: 4px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    border-bottom: var(--border);
    text-align: left;
    width: 100%;
    align-self: stretch;
    padding: 15px 20px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .kehua-discovery-forums__head.kehua-discovery-forums__head--group {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .kehua-discovery-forums__title {
        margin-right: auto;
    }

    .kehua-discovery-forums__group-desc {
        width: auto !important;
        margin-left: auto;
    }
}

.kehua-discovery-forums__head.kehua-discovery-forums__head--group .kehua-discovery-forums__title, .kehua-discovery-forums__head.kehua-discovery-forums__head--group .kehua-discovery-forums__group-desc {
    text-align: left;
    width: 50%;
}

.kehua-discovery-forums__head.kehua-discovery-forums__head--group .kehua-discovery-forums__group-desc {
    margin: 0px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .kehua-discovery-forums__group-desc {
        display: none !important;
    }
}

.kehua-discovery-forums__main--no-main-title .kehua-discovery-forums__sections > .kehua-discovery-forums__sec:first-child .kehua-discovery-forums__head.kehua-discovery-forums__head--group, .kehua-discovery-forums__main--no-main-title.kehua-discovery-forums__main--multi-panel .kehua-discovery-forums__sections > .kehua-discovery-forums__panel:first-child .kehua-discovery-forums__head.kehua-discovery-forums__head--group {
    margin-top: 0px;
}

.kehua-discovery-forums__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px 18px;
    padding: 15px;
}

.kehua-discovery-forums__card {
    --board-accent: var(--color-primary, #0052d9);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 250, 252) 100%);
    border: 1px solid rgb(232, 237, 242);
    text-decoration: none;
    color: inherit;
    transition: transform 0.25s, border-color 0.25s, background 0.25s;
    overflow: hidden;
    isolation: isolate;
}

.kehua-discovery-forums__card:nth-child(6n+1) {
    --board-accent: #0052d9;
}

.kehua-discovery-forums__card:nth-child(6n+2) {
    --board-accent: #2ba471;
}

.kehua-discovery-forums__card:nth-child(6n+3) {
    --board-accent: #e37318;
}

.kehua-discovery-forums__card:nth-child(6n+4) {
    --board-accent: #ef4444;
}

.kehua-discovery-forums__card:nth-child(6n+5) {
    --board-accent: #8b5cf6;
}

.kehua-discovery-forums__card:nth-child(6n+6) {
    --board-accent: #06b6d4;
}

.kehua-discovery-forums__card:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--board-accent) 50%, #e8edf2);
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 250, 252) 100%);
}

.kehua-discovery-forums__card::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 0px 9999px 9999px 0px;
    background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--board-accent) 40%, transparent) 30%, var(--board-accent) 50%, color-mix(in srgb, var(--board-accent) 40%, transparent) 70%, transparent 100%);
    opacity: 0;
    transform: scaleY(0.2);
    transform-origin: center center;
    transition: opacity 0.24s, transform 0.3s;
    pointer-events: none;
    z-index: 2;
}

.kehua-discovery-forums__card:hover::before {
    opacity: 0.9;
    transform: scaleY(1);
}

.kehua-discovery-forums__card::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 9999px 0px 0px 9999px;
    background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--board-accent) 40%, transparent) 30%, var(--board-accent) 50%, color-mix(in srgb, var(--board-accent) 40%, transparent) 70%, transparent 100%);
    opacity: 0;
    transform: scaleY(0.2);
    transform-origin: center center;
    transition: opacity 0.24s, transform 0.3s;
    pointer-events: none;
    z-index: 2;
}

.kehua-discovery-forums__card:hover::after {
    opacity: 0.9;
    transform: scaleY(1);
}

.kehua-discovery-forums__card-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0px;
    position: relative;
    z-index: 1;
}

.kehua-discovery-forums__card-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(243, 244, 246);
    flex-shrink: 0;
    transition: transform 0.25s, border-color 0.25s;
}

.kehua-discovery-forums__card:hover .kehua-discovery-forums__card-icon {
    transform: translateY(-1px) scale(1.04) rotate(-5deg);
    border-color: color-mix(in srgb, var(--board-accent) 30%, #e8edf2);
}

.kehua-discovery-forums__card-icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kehua-discovery-forums__card-info {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kehua-discovery-forums__card-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text, #111);
    line-height: 1.35;
    transition: color 0.25s;
}

.kehua-discovery-forums__card:hover .kehua-discovery-forums__card-name {
    color: var(--board-accent);
}

.kehua-discovery-forums__card-stats {
    font-size: 12px;
    color: rgb(100, 116, 139);
}

.kehua-discovery-forums__card-desc {
    font-size: 12px;
    line-height: 1.55;
    color: rgb(71, 85, 105);
    background: rgb(255, 255, 255);
    border-radius: 10px;
    border: 1px solid rgb(232, 237, 242);
    padding: 10px 11px;
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: border-color 0.25s;
}

.kehua-discovery-forums__card:hover .kehua-discovery-forums__card-desc {
    border-color: color-mix(in srgb, var(--board-accent) 20%, #e8edf2);
}

.kehua-discovery-forums__card-desc--muted {
    color: rgb(148, 163, 184);
}

.kehua-discovery-forums__empty {
    margin: 0px;
    font-size: 14px;
    color: rgb(148, 163, 184);
}

.kehua-discovery-forums__aside {
    flex: 0 0 280px;
    width: 280px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
}

.kehua-discovery-forums__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--color-primary, #2563eb);
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: filter 0.15s, opacity 0.15s;
    color: rgb(255, 255, 255) !important;
}

.kehua-discovery-forums__cta:hover {
    filter: brightness(1.05);
    color: rgb(255, 255, 255) !important;
}

.kehua-discovery-forums__rec {
    background: rgb(255, 255, 255);
    border-radius: 14px;
    box-sizing: border-box;
}

.kehua-discovery-forums__rec-heading {
    margin: 0px;
    padding: 15px 20px;
    border-bottom: var(--border);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 12px;
}

.kehua-discovery-forums__rec-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex-shrink: 0;
    height: 18px;
}

.kehua-discovery-forums__rec-mark::before, .kehua-discovery-forums__rec-mark::after {
    content: "";
    width: 4px;
    border-radius: 999px;
    transform: skewX(-14deg);
    transform-origin: center center;
}

.kehua-discovery-forums__rec-mark::before {
    height: 18px;
    background: linear-gradient(rgb(29, 78, 216) 0%, rgb(37, 99, 235) 100%);
}

.kehua-discovery-forums__rec-mark::after {
    height: 16px;
    background: linear-gradient(rgba(59, 130, 246, 0.45) 0%, rgba(96, 165, 250, 0.38) 100%);
}

.kehua-discovery-forums__rec-list {
    list-style: none;
    margin: 0px;
    padding: 15px;
}

.kehua-discovery-forums__rec-item {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.kehua-discovery-forums__rec-item:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-discovery-forums__rec-link {
    display: block;
    padding: 10px 0px;
    text-decoration: none;
    color: inherit;
    outline: none;
}

.kehua-discovery-forums__rec-link:hover .kehua-discovery-forums__rec-subject {
    color: var(--color-primary);
}

.kehua-discovery-forums__rec-row1 {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}

.kehua-discovery-forums__rec-num {
    flex: 0 0 auto;
    min-width: 1.25rem;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.kehua-discovery-forums__rec-num--1 {
    color: rgb(220, 38, 38);
}

.kehua-discovery-forums__rec-num--2 {
    color: rgb(234, 88, 12);
}

.kehua-discovery-forums__rec-num--3 {
    color: rgb(22, 163, 74);
}

.kehua-discovery-forums__rec-num--def {
    color: rgb(100, 116, 139);
    font-weight: 700;
}

.kehua-discovery-forums__rec-subject {
    flex: 1 1 auto;
    min-width: 0px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--color-text);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.kehua-discovery-forums__rec-row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-left: calc(8px + 1.25rem);
}

.kehua-discovery-forums__rec-user {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0px;
}

.kehua-discovery-forums__rec-av {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
}

.kehua-discovery-forums__rec-name {
    font-size: 11px;
    color: rgb(100, 116, 139);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 7rem;
}

.kehua-discovery-forums__rec-views {
    flex: 0 0 auto;
    font-size: 11px;
    color: rgb(148, 163, 184);
}

.kehua-discovery-forums__rec-empty {
    margin: 0px;
    font-size: 13px;
    color: rgb(148, 163, 184);
}

@media (max-width: 991px) {
    .kehua-discovery-forums__layout {
        flex-direction: column;
        gap: 16px;
    }

    .kehua-discovery-forums__aside {
        display: none;
    }

    .kehua-discovery-forums__grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 12px;
    }

    body.kehua-discovery-route .kehua-layout .kehua-main.kehua-discovery-page {
        overflow-x: hidden;
        max-width: 100%;
        min-width: 0px;
    }

    body.kehua-discovery-route .kehua-discovery-forums, body.kehua-discovery-route .kehua-discovery-forums__primary {
        max-width: 100%;
        min-width: 0px;
    }

    body.kehua-discovery-route .kehua-discovery-forums__main, body.kehua-discovery-route .kehua-discovery-forums__panel {
        max-width: 100%;
        min-width: 0px;
    }

    .kehua-discovery-active-members__list {
        display: flex;
        flex-flow: row;
        list-style: none;
        margin: 0px;
        padding: 0px;
        gap: 5px !important;
    }
}

@media (max-width: 520px) {
    .kehua-discovery-forums__grid {
        grid-template-columns: 1fr;
    }
}

.kehua-discovery-forums__primary .kehua-discovery-active-members {
    margin-top: 0px;
    margin-bottom: 0px;
}

.kehua-discovery-active-members {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    box-sizing: border-box;
    margin: 16px 0px 0px;
}

.kehua-discovery-active-members__inner {
    background: rgb(255, 255, 255);
    border-radius: 14px;
    overflow: hidden;
    max-width: 100%;
    min-width: 0px;
    box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 12px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

.kehua-discovery-active-members__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-bottom: var(--border);
}

.kehua-discovery-active-members__title {
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--color-text);
}

.kehua-discovery-active-members__scroller {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    padding: 15px 12px;
    box-sizing: border-box;
    scrollbar-width: none;
}

.kehua-discovery-active-members__scroller::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
}

.kehua-discovery-active-members__list {
    display: flex;
    flex-flow: row;
    gap: 7.5px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.kehua-discovery-active-members__item {
    flex: 0 0 auto;
}

.kehua-discovery-active-members__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 72px;
    min-width: 72px;
    text-decoration: none;
    color: inherit;
    gap: 5px;
    border-radius: 12px;
    transition: transform 0.28s cubic-bezier(0.34, 1.25, 0.64, 1);
}

.kehua-discovery-active-members__card:hover {
    transform: translateY(-4px);
}

.kehua-discovery-active-members__card:active {
    transform: translateY(-1px) scale(0.98);
    transition-duration: 0.1s;
}

.kehua-discovery-active-members__avatar-wrap {
    width: 60px;
    height: 60px;
    border-radius: var(--radius);
    overflow: hidden;
    flex-shrink: 0;
    background: transparent;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: none;
    transition: transform 0.28s cubic-bezier(0.34, 1.25, 0.64, 1), box-shadow 0.28s, border-color 0.22s;
}

.kehua-discovery-active-members__card:hover .kehua-discovery-active-members__avatar-wrap {
    transform: scale(1.08);
    box-shadow: rgba(37, 99, 235, 0.18) 0px 10px 24px;
    border-color: rgba(37, 99, 235, 0.22);
}

.kehua-discovery-active-members__avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--radius);
    transition: transform 0.3s cubic-bezier(0.34, 1.25, 0.64, 1);
}

.kehua-discovery-active-members__card:hover .kehua-discovery-active-members__avatar {
    transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
    .kehua-discovery-active-members__card, .kehua-discovery-active-members__avatar-wrap, .kehua-discovery-active-members__avatar {
        transition: none;
    }

    .kehua-discovery-active-members__card:hover {
        transform: none;
    }

    .kehua-discovery-active-members__card:hover .kehua-discovery-active-members__avatar-wrap {
        transform: none;
        box-shadow: none;
        border-color: rgba(148, 163, 184, 0.35);
    }

    .kehua-discovery-active-members__card:hover .kehua-discovery-active-members__avatar {
        transform: none;
    }

    .kehua-discovery-active-members__card:active {
        transform: none;
    }

    .kehua-discovery-active-members__card:focus-visible:not(:hover) {
        transform: none;
    }
}

.kehua-discovery-active-members__name {
    font-size: 13px;
    font-weight: 400;
    color: rgb(17, 24, 39);
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.22s;
}

.kehua-discovery-active-members__card:hover .kehua-discovery-active-members__name {
    color: rgb(37, 99, 235);
}

.kehua-discovery-active-members__card:focus-visible {
    outline: rgba(37, 99, 235, 0.45) solid 2px;
    outline-offset: 3px;
}

.kehua-discovery-active-members__card:focus-visible:not(:hover) {
    transform: translateY(-2px);
}

.kehua-discovery-active-members__time {
    font-size: 11px;
    font-weight: 400;
    color: rgb(148, 163, 184);
    line-height: 1.25;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-discovery-desktop {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .kehua-main.kehua-discovery-page {
        display: grid;
        grid-template-columns: minmax(0px, 1fr) 320px;
        grid-template-rows: 400px auto;
        gap: 24px 16px;
        align-items: start;
    }

    .kehua-discovery-desktop {
        display: contents;
    }

    .kehua-discovery-hero {
        grid-area: 1 / 1;
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0px;
        display: flex;
        flex-direction: column;
        min-height: 0px;
        align-self: stretch;
        height: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .kehua-discovery-read {
        grid-area: 1 / 2;
        flex: 0 0 auto;
        width: 320px;
        max-width: 100%;
        min-width: 0px;
        align-self: stretch;
        height: 100%;
        min-height: 0px;
        max-height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding: 0px;
        box-shadow: rgba(15, 23, 42, 0.08) 0px 10px 28px;
    }

    .kehua-discovery-read__panel[role="tabpanel"]:not(.kehua-discovery-read__panel--hidden) {
        flex: 1 1 auto;
        min-height: 0px;
        overflow: hidden auto;
    }

    .kehua-discovery-forums {
        display: contents;
        margin-top: 0px;
    }

    .kehua-discovery-forums__layout {
        display: contents;
    }

    .kehua-discovery-forums__primary {
        grid-area: 2 / 1;
        display: flex;
        flex-direction: column;
        gap: 24px;
        min-width: 0px;
        align-self: start;
    }

    .kehua-discovery-forums__main {
        flex: 0 0 auto;
        width: auto;
        min-width: 0px;
        margin-right: 0px;
        position: relative;
        z-index: 0;
    }

    .kehua-discovery-forums__aside {
        grid-area: 2 / 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0px;
        align-self: start;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }

    .kehua-discovery-forums__cta, .kehua-discovery-forums__rec {
        box-sizing: border-box;
        width: 320px;
        max-width: 100%;
    }
}

.kehua-discovery-hero {
    position: relative;
    min-height: 220px;
    background: transparent;
    box-shadow: none;
}

.kehua-discovery-carousel {
    position: relative;
    height: 100%;
    min-height: 220px;
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

@media (min-width: 992px) {
    .kehua-discovery-hero > .kehua-discovery-carousel {
        flex: 1 1 auto;
        min-height: 0px;
        width: 100%;
        height: 100%;
        max-height: 400px;
        aspect-ratio: unset;
        border-radius: 14px;
        box-shadow: rgba(15, 23, 42, 0.08) 0px 10px 28px;
    }
}

@media (max-width: 991px) {
    .kehua-discovery-hero {
        min-height: 0px;
    }

    .kehua-discovery-hero > .kehua-discovery-carousel, .kehua-discovery-carousel {
        flex: 0 0 auto;
        height: clamp(148px, 46vw, 210px);
        min-height: 0px;
    }
}

.kehua-discovery-carousel__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    touch-action: pan-y;
}

.kehua-discovery-carousel__track {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
    min-height: inherit;
    will-change: transform;
}

.kehua-discovery-carousel__slide {
    position: relative;
    flex: 0 0 auto;
    min-width: 0px;
    display: block;
    text-decoration: none;
    color: inherit;
    outline: none;
    align-self: stretch;
}

.kehua-discovery-carousel__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    display: block;
}

.kehua-discovery-carousel__slide--placeholder {
    background: rgb(232, 236, 241);
}

.kehua-discovery-carousel__slide--empty {
    cursor: default;
    background: rgb(238, 241, 245);
    border: 1px dashed rgb(209, 217, 227);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
}

.kehua-discovery-carousel[data-empty="1"] .kehua-discovery-carousel__track {
    width: 100%;
}

.kehua-discovery-carousel__empty-inner {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    text-align: center;
    padding: 24px;
    max-width: min(22rem, 100% - 32px);
    width: 100%;
    box-sizing: border-box;
}

.kehua-discovery-carousel__empty-title {
    margin: 0px 0px 8px;
    font-size: 16px;
    font-weight: 700;
    color: rgb(51, 65, 85);
}

.kehua-discovery-carousel__empty-text {
    margin: 0px;
    font-size: 13px;
    line-height: 1.65;
    color: rgb(100, 116, 139);
}

.kehua-discovery-carousel__shade {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 52%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.kehua-discovery-carousel__slide--empty .kehua-discovery-carousel__shade {
    display: none;
}

.kehua-discovery-carousel__caption {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 18px 56px 20px 18px;
    z-index: 1;
}

.kehua-discovery-carousel__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 2px;
}

.kehua-discovery-carousel__slide--placeholder .kehua-discovery-carousel__shade {
    display: none;
}

.kehua-discovery-carousel__slide--placeholder .kehua-discovery-carousel__caption {
    padding-bottom: 48px;
}

.kehua-discovery-carousel__slide--placeholder .kehua-discovery-carousel__title {
    color: rgb(30, 41, 59);
    text-shadow: none;
}

.kehua-discovery-carousel__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.5);
    color: rgb(255, 255, 255);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s, visibility 0.2s, background 0.15s;
}

.kehua-discovery-carousel__nav:hover {
    background: rgba(15, 23, 42, 0.72);
}

.kehua-discovery-carousel__nav-icon {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentcolor;
}

.kehua-discovery-carousel__nav--prev {
    left: 10px;
}

.kehua-discovery-carousel__nav--next {
    right: 10px;
}

@media (hover: hover) and (pointer: fine) {
    .kehua-discovery-carousel:hover .kehua-discovery-carousel__nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

.kehua-discovery-carousel__nav:focus-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    outline: rgb(56, 189, 248) solid 2px;
    outline-offset: 2px;
}

.kehua-discovery-carousel__dots {
    position: absolute;
    right: 14px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
}

.kehua-discovery-carousel__dot {
    width: 7px;
    height: 7px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: width 0.2s, background 0.2s, opacity 0.2s;
}

.kehua-discovery-carousel__dot:hover {
    background: rgba(255, 255, 255, 0.7);
}

.kehua-discovery-carousel__dot--active {
    width: 22px;
    background: rgb(255, 255, 255);
}

.kehua-discovery-read {
    display: flex;
    flex-direction: column;
    padding: 0px;
    min-height: 0px;
    background: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 14px;
    box-shadow: rgba(15, 23, 42, 0.07) 0px 4px 20px;
    box-sizing: border-box;
}

.kehua-discovery-read__head {
    flex-shrink: 0;
    margin: 0px;
    padding: 0px;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

@media (max-width: 991px) {
    .kehua-discovery-read__tabs {
        flex-wrap: nowrap;
        overflow: auto hidden;
        scrollbar-width: none;
    }

    .kehua-discovery-read__tabs::-webkit-scrollbar {
        display: none;
    }

    .kehua-discovery-read__tab {
        flex: 1 0 auto;
        min-width: 5.5em;
    }
}

.kehua-discovery-read__tabs {
    display: flex;
    align-items: stretch;
    width: 100%;
    border-bottom: var(--border);
    box-sizing: border-box;
}

.kehua-discovery-read__tab {
    flex: 1 1 0%;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font: inherit;
}

.kehua-discovery-read__tab-inner {
    flex: 0 0 auto;
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    padding: 15px 0px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(17, 24, 39);
    line-height: 1.3;
    position: relative;
    transition: color 0.15s;
}

.kehua-discovery-read__tab:hover .kehua-discovery-read__tab-inner {
    color: rgb(51, 65, 85);
}

.kehua-discovery-read__tab--active .kehua-discovery-read__tab-inner {
    color: var(--color-primary);
}

.kehua-discovery-read__tab--active .kehua-discovery-read__tab-inner::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 3px;
    background: var(--color-primary);
    border-radius: 3px 3px 0px 0px;
}

@media (max-width: 991px) {
    .kehua-discovery-read {
        width: 100%;
        max-width: 100%;
    }
}

.kehua-discovery-read__panel--hidden {
    display: none !important;
}

.kehua-discovery-read__featured {
    display: block;
    text-decoration: none;
    color: inherit;
    margin-bottom: 14px;
}

.kehua-discovery-read__featured:hover .kehua-discovery-read__featured-title {
    color: var(--color-primary);
}

.kehua-discovery-read__featured-title {
    margin: 0px 0px 10px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    color: var(--color-text);
    transition: color 0.15s;
}

#kh-discovery-panel-jinri .kehua-discovery-read__featured-title {
    color: rgb(255, 105, 81);
}

#kh-discovery-panel-jinri .kehua-discovery-read__featured:hover .kehua-discovery-read__featured-title {
    color: rgb(255, 105, 81);
}

.kehua-discovery-read__featured-excerpt {
    margin: 0px;
    font-size: 13px;
    line-height: 1.65;
    color: rgb(148, 163, 184);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kehua-discovery-read__featured-stats {
    margin: 6px 0px 0px;
    font-size: 12px;
    line-height: 1.4;
    color: rgb(148, 163, 184);
    font-weight: 500;
}

.kehua-discovery-read__rule {
    height: 0px;
    margin: 6px 0px 10px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-discovery-read__list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.kehua-discovery-read__li {
    position: relative;
    margin: 0px 0px 10px;
    padding-left: 14px;
    line-height: 1.45;
}

.kehua-discovery-read__li:last-child, .kehua-discovery-read__li--empty {
    margin-bottom: 0px;
}

.kehua-discovery-read__li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgb(203, 213, 225);
}

.kehua-discovery-read__li--empty {
    padding-left: 0px;
    color: rgb(148, 163, 184);
    font-size: 14px;
}

.kehua-discovery-read__li--empty::before {
    display: none;
}

.kehua-discovery-read__link {
    font-size: 14px;
    color: rgb(71, 85, 105);
    text-decoration: none;
    display: block;
    transition: color 0.15s;
}

.kehua-discovery-read__link-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: inherit;
}

.kehua-discovery-read__link-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px 10px;
    min-width: 0px;
}

.kehua-discovery-read__link-title--row {
    flex: 1 1 auto;
    min-width: 0px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

.kehua-discovery-read__link-author {
    flex: 0 0 auto;
    max-width: 42%;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: rgb(100, 116, 139);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-discovery-read__link-meta {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    color: rgb(148, 163, 184);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-discovery-read__link:hover, .kehua-discovery-read__link:hover .kehua-discovery-read__link-title, .kehua-discovery-read__link:hover .kehua-discovery-read__link-author {
    color: var(--color-primary);
}

.kehua-discover-vslide {
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    height: var(--kehua-discover-slide-h);
    min-height: var(--kehua-discover-slide-h);
    max-height: var(--kehua-discover-slide-h);
    scroll-snap-align: start;
    scroll-snap-stop: always; overflow: hidden;
    background: var(--color-white);
    border-bottom: 1px solid var(--color-border);
    border-radius: 0px;
    box-shadow: none;
}

.kehua-discover-vslide--media {
    box-shadow: none;
    background: rgb(10, 10, 10);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-discover-vslide--media .kehua-discover-vslide-panel {
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding-top: 18px;
    padding-right: 62px;
    padding-left: 18px;
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
}

.kehua-discover-vslide--media .kehua-discover-vslide-title {
    color: rgb(255, 255, 255);
    font-size: 19px;
    text-shadow: rgba(0, 0, 0, 0.65) 0px 1px 2px, rgba(0, 0, 0, 0.45) 0px 2px 16px;
}

.kehua-discover-vslide--media .kehua-discover-vslide-text {
    color: rgba(255, 255, 255, 0.92);
    text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 2px, rgba(0, 0, 0, 0.35) 0px 1px 10px;
    -webkit-line-clamp: 5;
}

.kehua-discover-vslide--media .kehua-discover-vslide-meta {
    margin-top: 10px;
    margin-bottom: 0px;
}

.kehua-discover-vslide--media .kehua-discover-vslide-user {
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.55) 0px 1px 2px;
}

.kehua-discover-vslide--media .kehua-discover-vslide-avatar {
    box-shadow: rgba(255, 255, 255, 0.45) 0px 0px 0px 2px, rgba(0, 0, 0, 0.35) 0px 2px 10px;
}

.kehua-discover-actions {
    position: absolute;
    right: max(10px, env(safe-area-inset-right, 0px));
    top: 50%;
    transform: translateY(-45%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    pointer-events: auto;
}

.kehua-discover-action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 48px;
    padding: 0px;
    margin: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    color: rgb(255, 255, 255);
    -webkit-tap-highlight-color: transparent;
    font: inherit;
}

.kehua-discover-action-item img {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 1px 3px);
}

.kehua-discover-action-count {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.15;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 2px, rgba(0, 0, 0, 0.35) 0px 0px 12px;
}

.kehua-discover-action-comment:focus-visible {
    outline: rgba(255, 255, 255, 0.85) solid 2px;
    outline-offset: 3px;
    border-radius: 6px;
}

.kehua-discover-actions--inline {
    position: static;
    right: auto;
    top: auto;
    transform: none;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 50px;
    flex-shrink: 0;
    pointer-events: auto;
}

.kehua-discover-actions--inline .kehua-discover-action-item {
    min-width: 0px;
    gap: 2px;
}

.kehua-discover-actions--inline .kehua-discover-action-item img {
    width: 28px;
    height: 28px;
    filter: none;
}

.kehua-discover-vslide--no-media .kehua-discover-actions--inline .kehua-discover-action-count {
    color: rgb(100, 116, 139);
    text-shadow: none;
    font-size: 11px;
    font-weight: 600;
}

.kehua-discover-vslide--no-media .kehua-discover-actions--inline .kehua-discover-action-comment:focus-visible {
    outline: rgba(0, 102, 255, 0.85) solid 2px;
    outline-offset: 2px;
}

.kehua-discover-vslide--no-media {
    display: flex;
    flex-direction: column;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-hit {
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-panel {
    position: relative;
    inset: auto;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 28px;
    padding-right: 22px;
    padding-left: 22px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(rgb(241, 245, 249) 0%, rgb(255, 255, 255) 28%);
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    overflow-y: auto;
    z-index: 2;
    pointer-events: none;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-panel::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-primary), rgba(0, 102, 255, 0.35));
    margin-bottom: 18px;
    flex-shrink: 0;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-panel .kehua-discover-vslide-user {
    pointer-events: auto;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-meta {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
    margin-bottom: 0px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-user {
    min-width: 0px;
    flex: 1 1 auto;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-title {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-text {
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
    font-size: 15px;
    line-height: 1.65;
    color: rgb(71, 85, 105);
    margin-bottom: 0px;
}

.kehua-discover-vslide--no-media .kehua-discover-vslide-avatar {
    width: 36px;
    height: 36px;
}

.kehua-discover-vslide-media {
    position: absolute;
    inset: 0px;
    background: rgb(232, 235, 240);
    overflow: hidden;
}

.kehua-discover-vslide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-discover-vslide-gallery {
    position: absolute;
    inset: 0px;
}

.kehua-discover-vslide-gallery .kehua-discover-vslide-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 0;
    transition: opacity 0.95s ease-in-out;
    pointer-events: none;
    backface-visibility: hidden;
    transform-origin: center center;
}

.kehua-discover-vslide-gallery .kehua-discover-vslide-img:not(.kehua-discover-vslide-img--active) {
    animation: auto ease 0s 1 normal none running none;
    transform: scale(1);
}

.kehua-discover-vslide-gallery .kehua-discover-vslide-img--active {
    opacity: 1;
    z-index: 1;
    animation: 16s ease-in-out 0s infinite alternate none running kehua-discover-cover-breathe;
}

@keyframes kehua-discover-cover-breathe {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.07);
    }
}

.kehua-discover-vslide--media .kehua-discover-vslide-media > img.kehua-discover-vslide-img {
    transform-origin: center center;
    backface-visibility: hidden;
    animation: 16s ease-in-out 0s infinite alternate none running kehua-discover-cover-breathe;
}

@media (prefers-reduced-motion: reduce) {
    .kehua-discover-vslide--media .kehua-discover-vslide-media > img.kehua-discover-vslide-img {
        animation: auto ease 0s 1 normal none running none;
    }

    .kehua-discover-vslide-gallery .kehua-discover-vslide-img {
        transition-duration: 0.12s;
    }

    .kehua-discover-vslide-gallery .kehua-discover-vslide-img--active {
        animation: auto ease 0s 1 normal none running none;
        transform: scale(1);
    }
}

.kehua-discover-vslide-video {
    position: absolute;
    inset: 0px;
}

.kehua-discover-vslide-video video, .kehua-discover-vslide-video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0px;
    position: absolute;
    inset: 0px;
}

.kehua-discover-vslide-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(145deg, rgb(238, 241, 246) 0%, rgb(223, 229, 239) 100%);
}

.kehua-discover-vslide-scrim {
    position: absolute;
    inset: 0px;
    pointer-events: none;
    background: linear-gradient(transparent 45%, rgba(0, 0, 0, 0.22) 100%);
}

.kehua-discover-vslide-hit {
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.kehua-discover-vslide-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-discover-vslide-panel .kehua-discover-vslide-user {
    pointer-events: auto;
}

.kehua-discover-vslide-title {
    margin: 0px 0px 8px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--color-text);
    letter-spacing: -0.02em;
    text-shadow: none;
}

.kehua-discover-vslide-text {
    margin: 0px 0px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-light);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: none;
}

.kehua-discover-vslide-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 10px;
}

.kehua-discover-vslide-user {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 600;
}

.kehua-discover-vslide-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

@media (max-width: 900px) {
    body.kehua-mobile-tabbar-on.kehua-discover-vertical .kehua-layout.kehua-layout-no-left {
        padding-bottom: calc(54px + env(safe-area-inset-bottom, 0px));
    }

    .kehua-discover-vscroll {
        max-width: none;
    }

    .kehua-discover-vslide-panel {
        padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    }

    .kehua-discover-vslide--media .kehua-discover-vslide-panel {
        padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 480px) {
    .kehua-logo-text {
        display: none;
    }

    .kehua-post-footer {
        flex-wrap: wrap;
        gap: 8px;
    }

    .kehua-quick-links {
        grid-template-columns: 1fr 1fr;
    }
}

.kehua-page-read .kehua-read-layout {
    max-width: var(--kehua-read-layout-max);
    margin: 0px auto;
    padding: calc(var(--header-h) + var(--top-gap)) 20px 80px;
    display: flex;
    gap: var(--layout-gap);
    align-items: flex-start;
}

.kehua-forum-main {
    width: 100%;
}

/* 个人主页：仅瀑布流（#kehua-user-masonry-wrap.kehua-up-masonry-wrap）为内容区留白，不影响图文 card / 经典列表 */
.kehua-user-profile-new .kehua-content-feed:has(#kehua-user-masonry-wrap.kehua-up-masonry-wrap) {
    padding: 20px;
    box-sizing: border-box;
    background: var(--color-white);
    border-radius: var(--radius);
}

@media (max-width: 768px) {
    /* 横向不再叠加 padding：与 Tab、侧栏卡片同为 .kehua-layout 一层边距，避免列表比上面板块更窄 */
    .kehua-user-profile-new .kehua-content-feed:has(#kehua-user-masonry-wrap.kehua-up-masonry-wrap) {
        padding: 12px 0 20px;
    }
}

/* 个人主页瀑布流：去掉 Tab+列表外层的整张大白底，瀑布卡片直接铺在页面灰底上（:has 限定，其它列表样式保持原 .kehua-feed-card 白底） */
.kehua-user-profile-new .kehua-feed-card:has(#kehua-user-masonry-wrap.kehua-up-masonry-wrap) {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    overflow: visible;
}

.kehua-user-profile-new .kehua-feed-card:has(#kehua-user-masonry-wrap.kehua-up-masonry-wrap) .kehua-feed-card__head {
    background: transparent;
}

/* 个人主页瀑布流：底部「没有更多了」等不设白底条 */
.kehua-user-profile-new .kehua-content-feed:has(#kehua-user-masonry-wrap.kehua-up-masonry-wrap) .kehua-fav-infinite-footer {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}

.kehua-forum-hero {
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    min-height: 180px;
    height: auto;
    box-shadow: var(--shadow-sm);
    margin-bottom: 14px;
}

.kehua-forum-hero-bg {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
    pointer-events: none;
}

.kehua-forum-hero-mask {
    position: absolute;
    inset: 0px;
    z-index: 1;
    background: linear-gradient(rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.kehua-forum-hero-inner {
    position: relative;
    z-index: 2;
    padding: 22px 22px 24px;
    color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.kehua-forum-hero-title {
    margin: 0px 0px 6px;
    font-size: 22px;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, 0.45) 0px 2px 10px;
}

.kehua-forum-hero-brief {
    margin: 0px 0px 10px;
    max-width: 820px;
    font-size: 13px;
    opacity: 0.92;
    line-height: 1.55;
    text-shadow: rgba(0, 0, 0, 0.45) 0px 2px 10px;
}

.kehua-forum-hero-stats {
    display: flex;
    gap: 14px;
    font-size: 12px;
    opacity: 0.92;
    text-shadow: rgba(0, 0, 0, 0.45) 0px 2px 10px;
}

.kehua-forum-hero-mods {
    margin-top: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.kehua-forum-hero-mods-label {
    font-size: 12px;
    opacity: 0.92;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(6px);
}

.kehua-forum-mod {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    color: rgb(255, 255, 255);
    transition: background 0.15s;
}

.kehua-forum-mod:hover {
    background: rgba(255, 255, 255, 0.18);
}

.kehua-forum-mod-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px;
    flex: 0 0 auto;
}

.kehua-forum-mod-avatar-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.kehua-forum-mod-name {
    font-size: 12px;
    opacity: 0.95;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-forum-mod-empty {
    font-size: 12px;
    opacity: 0.9;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
}

.kehua-forum-hero-inner .kehua-forum-tags {
    margin-top: 14px;
    margin-bottom: 2px;
    max-width: 100%;
    flex-shrink: 0;
}

.kehua-forum-hero-inner .kehua-forum-tags-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kehua-forum-hero-inner .kehua-forum-tag-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
}

.kehua-forum-hero-inner .kehua-forum-tag-group-label {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.88);
    min-width: 3em;
    padding-top: 5px;
    text-shadow: rgba(0, 0, 0, 0.35) 0px 1px 6px;
}

.kehua-forum-hero-inner .kehua-forum-tag-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    flex: 1 1 auto;
    min-width: 0px;
}

.kehua-forum-hero-inner .kehua-forum-tag-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.3;
    border: 1px solid transparent;
    transition: transform 0.12s, background 0.12s, border-color 0.12s;
    flex-shrink: 0;
    white-space: nowrap;
}

.kehua-forum-hero-inner .kehua-forum-tag-pill--all.kehua-forum-tag-pill--off {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.95);
}

.kehua-forum-hero-inner .kehua-forum-tag-pill--off {
    background: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.95);
    border-color: rgba(255, 255, 255, 0.22);
}

.kehua-forum-hero-inner .kehua-forum-tag-pill--off:hover {
    background: rgba(255, 255, 255, 0.26);
    border-color: rgba(255, 255, 255, 0.4);
    color: rgb(255, 255, 255);
}

.kehua-forum-hero-inner a.kehua-forum-tag-pill.kehua-forum-tag-pill--on {
    background: rgb(255, 255, 255);
    color: var(--color-primary);
    border-color: rgba(255, 255, 255, 0.85);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;
}

.kehua-forum-hero-inner a.kehua-forum-tag-pill.kehua-forum-tag-pill--on:hover {
    filter: brightness(1.02);
    transform: translateY(-1px);
}

.kehua-forum-tabs .kehua-tab {
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .kehua-forum-hero {
        height: auto;
        min-height: 148px;
    }

    .kehua-forum-hero-inner {
        padding: 16px 16px 15px;
    }

    .kehua-forum-hero-title {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .kehua-forum-hero-brief {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 1.5;
    }

    .kehua-forum-hero-stats {
        font-size: 11px;
        gap: 12px;
    }

    .kehua-forum-hero-mods {
        margin-top: 10px;
        row-gap: 8px;
    }

    .kehua-forum-hero-inner .kehua-forum-tag-group {
        flex-flow: row;
        align-items: center;
        gap: 6px 8px;
    }

    .kehua-forum-hero-inner .kehua-forum-tag-group-label {
        padding-top: 0px;
        align-self: center;
    }

    .kehua-forum-hero-inner .kehua-forum-tag-pills {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        min-width: 0px;
        overflow: auto visible;
        overscroll-behavior-x: contain;
        padding-bottom: 8px;
        scrollbar-width: thin;
    }

    .kehua-forum-hero-inner .kehua-forum-tag-pills::-webkit-scrollbar {
        height: 4px;
    }

    .kehua-forum-hero-inner .kehua-forum-tag-pills::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 4px;
    }
}

.kehua-page-read .kehua-read-main {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: transparent;
}

.kehua-read-main .kehua-content-block, .kehua-read-main .kehua-comment-block {
    background: var(--color-white);
    border-radius: var(--radius);
    --kehua-read-card-pad-x: 40px;
    --kehua-read-card-pad-y: 32px;
    min-width: 0px;
}

.kehua-read-main .kehua-thread-nav {
    display: flex;
    gap: 16px;
}

.kehua-read-main .kehua-thread-nav-btn {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 20px 24px;
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    border-radius: 12px;
    text-decoration: none;
    transition: 0.2s;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
}

.kehua-read-main .kehua-thread-nav-btn svg {
    width: 16px;
    height: 16px;
}

.kehua-read-main .kehua-thread-nav-btn:hover .kehua-thread-nav-title {
    color: rgb(45, 111, 255);
}

.kehua-read-main .kehua-thread-nav-prev {
    align-items: flex-start;
}

.kehua-read-main .kehua-thread-nav-next {
    align-items: flex-end;
    text-align: right;
}

.kehua-read-main .kehua-thread-nav-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.kehua-read-main .kehua-thread-nav-title {
    font-size: 14px;
    line-height: 1.4;
    transition: color 0.2s;
}

.kehua-read-main .kehua-thread-nav-disabled {
    opacity: 1;
    pointer-events: none;
}

@media (max-width: 768px) {
    .kehua-read-main .kehua-thread-nav {
        flex-direction: row !important;
    }

    .kehua-read-main .kehua-thread-nav-title {
        display: none !important;
    }

    .kehua-read-main .kehua-thread-nav-btn {
        padding: 15px 20px;
    }
}

.kehua-read-main .kehua-reply-login-gate-outer {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px;
    min-width: 0px;
}

.kehua-read-main .kehua-reply-login-gate-outer .kehua-reply-login-gate {
    margin-top: 0px;
}

.kehua-read-main .kehua-comment-block .kehua-comment-block__replies-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    box-sizing: border-box;
    margin-bottom: 0px;
    padding: 20px;
    line-height: 1;
    color: rgb(17, 24, 39);
    border-bottom: var(--border);
}

.kehua-read-main .kehua-comment-block .kehua-comment-block__replies-title .kehua-discovery-forums__rec-mark {
    align-self: center;
}

.kehua-read-main .kehua-comment-block .kehua-comment-block__replies-title .kehua-comment-block__replies-heading-main {
    min-width: 0px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.kehua-read-main .kehua-comment-block .kehua-article + .kehua-thread-pagination.kehua-my-pagination {
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
}

.kehua-page-read .kehua-article {padding: 20px;}

.kehua-page-read .kehua-article-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2em 0.45em;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-text);
}

.kehua-page-read .kehua-article-head {
    margin-bottom: 20px;
}

.kehua-page-read .kehua-article-head-avatar {
    display: none;
}

.kehua-page-read .kehua-article-head-avatar-photo {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--color-bg, #f0f0f0);
}

.kehua-page-read .kehua-article-head-avatar.kehua-article-head-avatar--img {
    position: relative;
}

.kehua-page-read .kehua-article-head-avatar.kehua-article-head-avatar--vip.kehua-article-head-avatar--img {
    overflow: visible;
}

.kehua-page-read .kehua-article-head-avatar--vip .kehua-article-head-avatar-photo {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-page-read .kehua-article-head-avatar .kehua-article-head-avatar-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.kehua-page-read .kehua-article-head-avatar .kehua-article-head-avatar-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

.kehua-page-read .kehua-article-head-avatar--img.kehua-read-avatar-wrap--group-custom, .kehua-page-read .kehua-author-avatar--thread-side.kehua-read-avatar-wrap--group-custom {
    overflow: visible;
}

.kehua-page-read .kehua-read-avatar-wrap--group-pendant .kehua-article-head-avatar-photo, .kehua-page-read .kehua-read-avatar-wrap--group-pendant .kehua-read-reply-avatar-photo, .kehua-page-read .kehua-author-avatar--thread-side.kehua-read-avatar-wrap--group-pendant .kehua-author-avatar-photo {
    position: relative;
    z-index: 1;
}

.kehua-page-read .kehua-read-avatar-group-pendant {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    max-width: none;
    object-fit: contain;
    pointer-events: none;
    z-index: 3;
    display: block;
}

.kehua-page-read .kehua-author-avatar--thread-side.kehua-read-avatar-wrap--group-pendant .kehua-read-avatar-group-pendant {
    width: 28px;
    height: 28px;
}

.kehua-page-read .kehua-read-avatar-wrap--group-pendant .kehua-article-head-avatar-vip-corner, .kehua-page-read .kehua-read-avatar-wrap--group-pendant .kehua-read-reply-vip-corner, .kehua-page-read .kehua-read-avatar-wrap--group-pendant .kehua-read-author-vip-corner {
    z-index: 4;
}

.kehua-page-read .kehua-article-author-name {
    display: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    color: var(--color-text);
}

.kehua-page-read .kehua-article-meta {
    margin-bottom: 0px;
    font-size: 13px;
    color: var(--color-text-light);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
}

.kehua-page-read .kehua-article-meta .kehua-meta-sep {
    margin: 0px 10px;
    opacity: 0.55;
    user-select: none;
}

.kehua-article-meta .kehua-article-forum {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.kehua-article-meta .kehua-article-forum:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.kehua-page-read .kehua-article-meta .kehua-article-meta-edit {
    color: var(--color-text-light);
    text-decoration: none;
    flex-shrink: 0;
}

.kehua-page-read .kehua-article-meta .kehua-article-meta-edit:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.kehua-page-read .kehua-article-meta > span + span {
    margin-left: 0px;
}

.kehua-page-read .kehua-article-body, .kehua-read-main .kehua-article-body {
    font-size: 15px;
    line-height: 1.75;
    color: var(--color-text);
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
    overflow-x: auto;
}

.kehua-page-read .kehua-article-body p {
    margin: 0px 0px 1em;
}

.kehua-page-read .kehua-article-body p:last-child {
    margin-bottom: 0px;
}

.kehua-page-read .kehua-article-body img, .kehua-read-main .kehua-article-body img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.kehua-page-read .kehua-article-body pre, .kehua-read-main .kehua-article-body pre, .kehua-post-message pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    box-sizing: border-box;
}

.kehua-post-message {
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
    overflow-x: auto;
}

.kehua-post-message blockquote.blockquote, .kehua-article-body blockquote.blockquote, blockquote.blockquote {
    position: relative;
    margin: 10px 0px 12px;
    padding: 10px 56px 10px 12px;
    border-radius: 4px;
    font-size: 13px;
    color: var(--color-text-light);
    line-height: 1.5;
    background: rgb(242, 242, 242) !important;
    border: 1px dashed rgb(204, 204, 204) !important;
}

.kehua-post-message blockquote.blockquote::after, .kehua-article-body blockquote.blockquote::after, blockquote.blockquote::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url("../images/quote.png") center center / contain no-repeat;
}

.kehua-post-message blockquote.blockquote .avatar-1, .kehua-article-body blockquote.blockquote .avatar-1, blockquote.blockquote .avatar-1 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
    object-fit: cover;
}

.kehua-post-message blockquote.blockquote .user, .kehua-article-body blockquote.blockquote .user, blockquote.blockquote .user {
    display: inline;
    font-size: 12px;
    text-decoration: none;
    margin-right: 6px;
    color: rgb(102, 102, 102) !important;
}

.kehua-post-item {
    padding: 20px;
    border-bottom: var(--border);
    min-height: 100px;
    box-sizing: border-box;
}

.kehua-page-read .kehua-comment-block .kehua-post-item {
    scroll-margin-top: calc(var(--header-h) + 16px);
}

.kehua-post-item:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-post-item.kehua-post-target-flash {
    animation: 3s ease-out 0s 1 normal forwards running kehua-post-target-flash;
    border-radius: 8px;
}

@keyframes kehua-post-target-flash {
    0% {
        background-color: rgba(0, 102, 255, 0.16);
        box-shadow: rgba(0, 102, 255, 0.35) 0px 0px 0px 1px inset;
    }

    35% {
        background-color: rgba(0, 102, 255, 0.1);
        box-shadow: rgba(0, 102, 255, 0.2) 0px 0px 0px 1px inset;
    }

    100% {
        background-color: transparent;
        box-shadow: none;
    }
}

.kehua-page-read .kehua-read-reply-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.kehua-page-read .kehua-read-reply-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.kehua-page-read .kehua-read-reply-avatar.kehua-read-reply-avatar--img {
    padding: 0px;
    overflow: hidden;
    line-height: 0;
}

.kehua-page-read .kehua-read-reply-avatar.kehua-read-reply-avatar--vip.kehua-read-reply-avatar--img {
    position: relative;
    overflow: visible;
}

.kehua-page-read .kehua-read-reply-avatar-photo {
    width: 36px;
    height: 36px;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%;
    display: block;
}

.kehua-page-read .kehua-read-reply-avatar--vip .kehua-read-reply-avatar-photo {
    box-sizing: border-box;
    border: 2px solid rgb(229, 57, 53);
    box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
}

.kehua-page-read .kehua-read-reply-vip-corner {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(229, 57, 53);
    box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
    border: 1.5px solid rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.kehua-page-read .kehua-read-reply-vip-corner__crown {
    display: block;
    margin-top: -1px;
}

.kehua-page-read .kehua-read-reply-avatar.kehua-read-reply-avatar--img.kehua-read-avatar-wrap--group-custom {
    position: relative;
    overflow: visible;
}

.kehua-page-read .kehua-read-reply-avatar.kehua-read-avatar-wrap--group-pendant .kehua-read-avatar-group-pendant {
    width: 18px;
    height: 18px;
}

.kehua-post-reply {
    color: rgb(153, 153, 153);
    font-size: 12px;
}

.kehua-post-reply:hover {
    color: var(--color-primary);
}

.kehua-comment-block .kehua-post-mod-action.post_delete:hover {
    color: rgb(220, 53, 69);
}

.kehua-link-muted {
    color: var(--color-text-light);
}

.kehua-link-muted:hover {
    color: var(--color-primary);
}

.kehua-reply-to-hint {
    display: none !important;
}

.kehua-reply-box {
    padding: 20px;
    position: relative;
}

.kehua-reply-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.kehua-reply-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: ;
    background-size: cover;
}

.kehua-reply-avatar.kehua-reply-avatar--img {
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    background-image: none !important;
}

.kehua-reply-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-reply-username {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text);
}

.kehua-reply-floor {
    margin-left: auto;
    padding: 4px 10px;
    font-size: 12px;
    color: var(--color-text-light);
    background: var(--color-bg);
    border-radius: 999px;
}

.kehua-btn-cancel-reply {
    padding: 8px 14px;
    font-size: 13px;
    color: var(--color-text-light);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.kehua-btn-cancel-reply:hover {
    color: var(--color-text);
    background: rgb(232, 234, 239);
}

.kehua-reply-textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.kehua-reply-textarea:focus {
    outline: none;
    border-color: var(--color-primary);
}

.kehua-reply-textarea::placeholder {
    color: rgb(170, 170, 170);
}

.kehua-reply-actions {
    display: block;
    margin-top: 12px;
    min-width: 0px;
    width: 100%;
}

.kehua-reply-submit-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.kehua-reply-row-primary {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    flex: 1 1 0px;
    min-width: 0px;
    width: 0px;
    box-sizing: border-box;
}

.kehua-reply-actions-left {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    min-width: 0px;
}

@media (min-width: 769px) {
    .kehua-reply-advanced {
        margin-left: auto;
        flex-shrink: 0;
    }
}

@media (max-width: 768px) {
    .kehua-reply-actions-left {
        flex-flow: column;
        align-items: stretch;
    }

    .kehua-reply-row-primary {
        width: 100%;
        flex: 0 0 auto;
    }

    .kehua-reply-advanced {
        margin-left: 0px !important;
    }
}

.kehua-reply-inline-tools {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0px;
    flex: 1 1 0px;
    width: auto;
    box-sizing: border-box;
}

.kehua-reply-inline-tools .emotion {
    flex: 0 0 auto;
}

.kehua-reply-quick {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0px;
    box-sizing: border-box;
    flex: 1 1 auto;
}

@media (min-width: 769px) {
    .kehua-reply-quick {
        width: 198px;
        max-width: 198px;
        flex: 0 0 198px;
    }
}

.kehua-reply-quick__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    margin: 0px;
    padding: 6px 10px 6px 12px;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    color: var(--color-text);
    background: rgb(255, 255, 255);
    border: 1px solid var(--color-border, #e2e4e8);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s, color 0.2s;
}

.kehua-reply-quick--open .kehua-reply-quick__btn, .kehua-reply-quick__btn:hover {
    border-color: rgb(207, 212, 220);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px;
}

.kehua-reply-quick__btn:focus {
    outline: none;
    border-color: rgb(196, 202, 212);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 2px;
}

.kehua-reply-quick__text {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(102, 102, 102);
}

.kehua-reply-quick__caret {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-left: 8px;
    color: var(--color-text-light);
    transition: transform 0.2s, color 0.2s;
}

.kehua-reply-quick--open .kehua-reply-quick__caret {
    color: rgb(102, 102, 102);
    transform: rotate(180deg);
}

.kehua-reply-quick__menu {
    position: absolute;
    z-index: 10050;
    left: 0px;
    right: 0px;
    min-width: 100%;
    top: calc(100% + 4px);
    margin: 0px;
    padding: 4px 0px;
    list-style: none;
    max-height: min(50vh, 280px);
    overflow: hidden auto;
    background: rgb(255, 255, 255);
    border: 1px solid var(--color-border, #e2e4e8);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px;
    box-sizing: border-box;
}

.kehua-reply-quick__opt {
    padding: 9px 12px 9px 14px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text);
    word-break: break-word;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.kehua-reply-quick__opt:hover, .kehua-reply-quick__opt:focus {
    background: rgb(240, 242, 245);
    color: var(--color-text);
    outline: none;
}

.kehua-reply-submit {
    flex: 0 0 auto;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 8px;
}

.kehua-reply-advanced {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0px;
    font-size: 13px;
    color: var(--color-text-light);
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}

.kehua-reply-advanced:hover {
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .kehua-reply-advanced {
        max-width: none;
        white-space: normal;
        line-height: 1.4;
    }
}

@media (max-width: 600px) {
    .kehua-reply-submit {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .kehua-reply-actions-left {
        gap: 6px;
    }

    .kehua-reply-row-primary {
        gap: 6px;
    }

    .kehua-reply-inline-tools {
        gap: 6px;
    }
}

/* ---------- 评论头像悬停资料卡（恢复初版视觉：大圆角、横幅底白渐变、深色标签、统计居中、私信绿边 / 关注药丸） ---------- */
.kehua-hover-user-card-root {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10060;
    margin: 0;
    padding: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.kehua-hover-user-card-root.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .kehua-hover-user-card-root {
        transition: none;
    }
}

.kehua-hover-user-card__inner {
    --kh-hover-r: 12px;
    --kh-hover-pad-x: 18px;
    position: relative;
    width: 320px;
    max-width: calc(100vw - 24px);
    background: var(--color-white);
    border-radius: var(--kh-hover-r);
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.14);
    border: 1px solid var(--color-border);
    overflow: hidden;
    pointer-events: auto;
    box-sizing: border-box;
}

.kehua-hover-user-card__inner--loading {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-hover-user-card__load {
    padding: 20px;
    font-size: 13px;
    color: var(--color-text-light);
    text-align: center;
}

.kehua-hover-user-card__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.kehua-hover-user-card__close:hover {
    background: rgba(0, 0, 0, 0.58);
    color: #fff;
}

.kehua-hover-user-card__banner {
    position: relative;
    height: 86px;
    background: linear-gradient(120deg, rgb(100, 116, 139), rgb(148, 163, 184));
}

.kehua-hover-user-card__banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 52px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    pointer-events: none;
}

.kehua-hover-user-card__banner--custom {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.kehua-hover-user-card__body {
    position: relative;
    padding: 10px var(--kh-hover-pad-x) 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.kehua-hover-user-card__row1 {
    display: flex;
    align-items: center;
    gap: 14px;
    /* 整体上移叠到横幅上；负边距只写在头像上会破坏与右侧信息块的垂直居中对齐 */
    margin-top: -36px;
}

.kehua-hover-user-card__avatar {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    margin-top: 0;
    border-radius: 50%;
    border: 3px solid var(--color-white);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    background: var(--color-white);
    position: relative;
    z-index: 2;
}

.kehua-hover-user-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-hover-user-card__nameblock {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 0;
    justify-content: center;
}

.kehua-hover-user-card__name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.kehua-hover-user-card__name {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.3;
}

.kehua-hover-user-card__name a {
    color: inherit;
    text-decoration: none;
}

.kehua-hover-user-card__name a:hover {
    color: var(--color-primary);
}

.kehua-hover-user-card__badges {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kehua-hover-user-card__badges .kehua-vip-badge {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.kehua-hover-user-card__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    line-height: 1;
}

.kehua-hover-user-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    background: #1e293b;
    color: #fff;
}

.kehua-hover-user-card__uid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    background: rgb(243, 244, 246);
    color: var(--color-text-light);
}

.kehua-hover-user-card__stats {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    gap: 8px;
    margin-top: 14px;
    margin-left: calc(-1 * var(--kh-hover-pad-x));
    margin-right: calc(-1 * var(--kh-hover-pad-x));
    padding: 14px var(--kh-hover-pad-x) 0;
    text-align: center;
}

.kehua-hover-user-card__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex: 1 1 0;
    min-width: 0;
}

.kehua-hover-user-card__stat-num {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.2;
}

.kehua-hover-user-card__stat-label {
    font-size: 12px;
    color: var(--color-text-light);
    font-weight: 400;
}

.kehua-hover-user-card-root .kehua-ur-card__actions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    margin-top: 16px;
}

.kehua-hover-user-card-root .kehua-ur-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.kehua-hover-user-card-root .kehua-ur-card__btn--pm {
    flex: 0 1 auto;
    border-radius: 12px;
    border: 1px solid rgb(34, 197, 94);
    background: var(--color-white);
    color: rgb(22, 163, 74);
}

.kehua-hover-user-card-root .kehua-ur-card__btn--pm:hover {
    background: rgb(240, 253, 244);
    color: rgb(21, 128, 61);
}

.kehua-hover-user-card-root .kehua-ur-card__btn--pm .kehua-ur-card__ic {
    color: rgb(34, 197, 94);
    flex-shrink: 0;
}

.kehua-hover-user-card-root .kehua-ur-card__btn--follow {
    flex: 1 1 0;
    min-width: 0;
    border: none;
    border-radius: 999px;
    background: var(--color-primary);
    color: var(--color-white);
}

.kehua-hover-user-card-root .kehua-ur-card__btn--follow:hover {
    background: var(--color-primary-dark);
}

.kehua-hover-user-card-root .kehua-ur-card__btn--followed {
    flex: 1 1 0;
    min-width: 0;
    border: none;
    border-radius: 999px;
    background: rgb(229, 231, 235);
    color: var(--color-text);
}

.kehua-hover-user-card-root .kehua-ur-card__btn--followed:hover {
    background: rgb(209, 213, 219);
}

.kehua-reply-closed-tip {
    margin: 20px;
    padding: 16px 18px;
    border-radius: var(--radius);
    background: var(--color-white);
    text-align: center;
}

.kehua-reply-closed-tip-text {
    margin: 0px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--color-text-light);
}

.kehua-reply-login-gate {
    margin-top: 24px;
}

.kehua-reply-login-gate-card {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 1.25rem 1.35rem;
    border-radius: var(--radius, 12px);
    background: linear-gradient(145deg, rgb(250, 252, 251) 0%, rgb(240, 244, 242) 100%);
    border: 1px solid var(--color-border);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 14px;
}

.kehua-reply-login-gate-icon {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(61, 155, 92, 0.12);
    color: var(--color-primary);
}

.kehua-reply-login-gate-text {
    flex: 1 1 0%;
    min-width: 160px;
}

.kehua-reply-login-gate-title {
    margin: 0px 0px 6px;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
    letter-spacing: 0.02em;
}

.kehua-reply-login-gate-desc {
    margin: 0px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--color-text-light);
}

.kehua-reply-login-gate-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: transform 0.15s, box-shadow 0.2s;
    box-shadow: rgba(61, 155, 92, 0.28) 0px 2px 10px;
}

.kehua-reply-login-gate-btn:hover {
    transform: translateY(-1px);
    box-shadow: rgba(61, 155, 92, 0.35) 0px 4px 14px;
}

@media (max-width: 640px) {
    .kehua-reply-login-gate-card {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .kehua-reply-login-gate-icon {
        margin: 0px auto;
    }

    .kehua-reply-login-gate-btn {
        width: 100%;
        box-sizing: border-box;
    }
}

.kehua-page-read .kehua-read-sidebar {
    width: 320px;
    flex-shrink: 0;
    top: calc(var(--header-h) + var(--top-gap));
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: var(--radius);
    position: sticky;
}

.kehua-page-read .kehua-read-sidebar-widget {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 16px;
}

.kehua-page-read .kehua-read-sidebar-widget.kehua-widget--index-hot {
    padding: 0px;
    overflow: hidden;
}

.kehua-page-read .kehua-thread-sidebar-ad, .kehua-sidebar-right .kehua-index-sidebar-ad, .kehua-sidebar-left .kehua-index-left-sidebar-ad {
    margin: 0px;
    padding: 0px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    line-height: 0;
}

.kehua-page-read .kehua-thread-sidebar-ad a, .kehua-sidebar-right .kehua-index-sidebar-ad a, .kehua-sidebar-left .kehua-index-left-sidebar-ad a {
    display: block;
    line-height: 0;
}

.kehua-page-read .kehua-thread-sidebar-ad img, .kehua-sidebar-right .kehua-index-sidebar-ad img, .kehua-sidebar-left .kehua-index-left-sidebar-ad img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius);
    vertical-align: top;
}

.kehua-sidebar-right .kehua-index-right-sidebar-ads {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0px;
    padding: 0px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-index-left-sidebar-ads {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0px;
    padding: 0px;
}

.kehua-sidebar-ad-html {
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    word-break: break-word;
}

.kehua-page-read .kehua-author-card {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 20px;
}

.kehua-page-read .kehua-author-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.kehua-page-read .kehua-author-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgb(255, 154, 86), rgb(255, 107, 107));
}

.kehua-page-read .kehua-author-head-text {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-page-read .kehua-author-name {
    margin: 0px 0px 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.3;
}

.kehua-page-read .kehua-author-uid {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-page-read .kehua-author-actions {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.kehua-page-read .kehua-author-btn {
    flex: 1 1 0%;
    height: 36px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.kehua-page-read .kehua-author-btn-follow {
    background: var(--color-primary);
    color: var(--color-white);
}

.kehua-page-read .kehua-author-btn-follow:hover {
    background: var(--color-primary-dark);
}

.kehua-page-read .kehua-author-btn-msg {
    background: var(--color-bg);
    color: var(--color-text);
}

.kehua-page-read .kehua-author-btn-msg:hover {
    background: rgb(232, 234, 239);
}

.kehua-page-read .kehua-author-stats {
    display: flex;
    align-items: stretch;
    border-top: 1px solid var(--color-border);
    padding-top: 14px;
}

.kehua-page-read .kehua-author-stat {
    flex: 1 1 0%;
    text-align: center;
    padding: 0px 4px;
}

.kehua-page-read .kehua-author-stat:not(:last-child) {
    border-right: 1px solid var(--color-border);
}

.kehua-page-read .kehua-author-stat-num {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 2px;
}

.kehua-page-read .kehua-author-stat-label {
    font-size: 12px;
    color: var(--color-text-light);
}

@media (min-width: 993px) {
    .kehua-page-read .kehua-author-card--thread-side {
        padding: 0px;
        overflow: hidden;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        position: relative;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-banner {
        flex-shrink: 0;
        min-height: 140px;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: var(--radius) var(--radius) 0 0;
        position: relative;
    }
    .kehua-page-read .kehua-author-card--thread-side .kehua-author-lz{
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    z-index: 9;
}
    .kehua-page-read .kehua-author-card--thread-side .kehua-author-banner::after {
        content: "";
        position: absolute;
        inset: 0px;
        height: auto;
        background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.55) 60%, rgb(255, 255, 255) 95%);
        pointer-events: none;
    
    }
    .kehua-page-read .kehua-author-card--thread-side .kehua-author-card-main {
        position: relative;
        z-index: 1;
        text-align: center;
        margin-top: 0px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side {
        display: block;
        width: 80px;
        height: 80px;
        max-width: 80px;
        margin: -74px auto 10px;
        padding: 0px;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
        flex-shrink: 0;
        position: relative;
        z-index: 2;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side .kehua-author-avatar-photo {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        object-fit: cover;
        border-radius: 50%;
        display: block;
    }

    /* 阅读页侧栏作者头像：与评论区一致的 VIP 红边 + 红冠（覆盖 --img 的 overflow:hidden） */
    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side.kehua-author-avatar--vip.kehua-author-avatar--img {
        overflow: visible;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side.kehua-author-avatar--vip .kehua-author-avatar-photo {
        box-sizing: border-box;
        border: 2px solid rgb(229, 57, 53);
        box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side .kehua-read-author-vip-corner {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: rgb(229, 57, 53);
        box-shadow: rgba(15, 23, 42, 0.22) 0px 1px 3px;
        border: 1.5px solid rgb(255, 255, 255);
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 4;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-avatar--thread-side .kehua-read-author-vip-corner__crown {
        display: block;
        margin-top: -1px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-id-block {
        margin-bottom: 4px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-name-row {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 6px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-name-row .kehua-author-name {
        margin: 0px;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.3;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-role {
        margin: 0px 0px 16px;
        font-size: 13px;
        color: rgb(227, 93, 42);
        line-height: 1.4;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-stats--thread-side {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        margin: 0px 20px 15px;
        padding: 10px 0px;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
        background: var(--color-bg);
        border-radius: var(--radius);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-stats--thread-side .kehua-author-stat {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1 1 0%;
        padding: 0px 8px;
        min-width: 0px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-stats--thread-side .kehua-author-stat:not(:last-child) {
        border-right: 1px dashed rgba(0, 0, 0, 0.08);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-stats--thread-side .kehua-author-stat-label {
        font-size: 12px;
        color: rgb(153, 153, 153);
        margin-bottom: 6px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-stats--thread-side .kehua-author-stat-num {
        margin: 0px;
        font-size: 17px;
        font-weight: 600;
        color: var(--color-text);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side {
        display: flex;
        gap: 12px;
        margin: 0px 20px 20px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side .kehua-author-btn {
        flex: 1 1 0%;
        height: auto;
        min-height: 42px;
        line-height: 1.25;
        padding: 10px 12px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        text-decoration: none;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side .kehua-author-btn-follow {
        background: rgb(43, 140, 255);
        color: rgb(255, 255, 255);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side .kehua-author-btn-follow:hover {
        background: rgb(26, 127, 232);
        color: rgb(255, 255, 255);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side .kehua-author-btn-msg {
        background: rgb(255, 122, 92);
        color: rgb(255, 255, 255);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-actions--thread-side .kehua-author-btn-msg:hover {
        background: rgb(255, 107, 73);
        color: rgb(255, 255, 255);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-list {
        list-style: none;
        margin: 15px 20px;
        padding: 0px;
        text-align: left;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-item {
        font-size: 12px;
        position: relative;
        overflow-wrap: break-word;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        box-sizing: border-box;
        margin: 15px 0px;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-item:last-child {
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-link {
        min-width: 0px;
        text-decoration: none;
        color: inherit;
        transition: opacity 0.2s;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 15px;
        box-sizing: border-box;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-link:hover {
        opacity: 0.85;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-title {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: var(--color-text);
        line-height: 1.45;
        max-width: 75%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-recent-date {
        display: block;
        font-size: 12px;
        color: rgb(170, 170, 170);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-more-threads {
        display: block;
        font-size: 13px;
        text-align: end;
        text-decoration: none;
        transition: color 0.2s;
        border-top: var(--border);
        padding: 15px;
        color: var(--color-primary);
    }

    .kehua-page-read .kehua-author-card--thread-side .kehua-author-more-threads:hover {
        color: var(--color-primary);
    }
}

@media (max-width: 768px) {
    .kehua-page-read .kehua-read-layout {
        flex-direction: column;
        align-items: stretch;
        padding-left: 16px;
        padding-right: 16px;
        overflow-x: visible;
    }

    .kehua-page-read .kehua-read-main {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
        box-sizing: border-box;
    }

    .kehua-page-read .kehua-read-sidebar {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
        position: static;
    }

    .kehua-page-read .kehua-read-main .kehua-content-block, .kehua-page-read .kehua-read-main .kehua-comment-block {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .kehua-page-read .kehua-read-main .kehua-reply-login-gate-outer {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0px;
    }

    .kehua-page-read .kehua-mod-bar {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .kehua-page-read .kehua-article-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.2em 0.4em;
        font-size: 18px;
        margin-bottom: 14px;
    }

    .kehua-page-read .kehua-article-head {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 20px;
    }

    .kehua-page-read .kehua-article-head-avatar {
        display: block;
        flex-shrink: 0;
        line-height: 0;
    }

    .kehua-page-read .kehua-article-head-main {
        flex: 1 1 0%;
        min-width: 0px;
    }

    .kehua-page-read .kehua-article-author-name {
        display: block;
        margin-bottom: 4px;
    }

    .kehua-page-read .kehua-article-meta {
        font-size: 12px;
        line-height: 1.4;
    }

    .kehua-page-read .kehua-article-meta .kehua-meta-sep {
        margin: 0px 6px;
    }
}

.kehua-main.kehua-read-main {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: transparent;
}

.kehua-main.kehua-read-main .kehua-content-block, .kehua-main.kehua-read-main .kehua-comment-block {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 32px 40px;
    --kehua-read-card-pad-x: 40px;
    --kehua-read-card-pad-y: 32px;
    min-width: 0px;
}

.kehua-article-title {
    margin: 0px 0px 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-text);
}

.kehua-article-meta {
    margin-bottom: 24px;
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-article-meta span + span {
    margin-left: 16px;
}

.kehua-article-body {
    font-size: 15px;
    line-height: 1.75;
    color: var(--color-text);
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

.kehua-article-body p {
    margin: 0px 0px 1em;
}

.kehua-article-body p:last-child {
    margin-bottom: 0px;
}

.kehua-article-body img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.kehua-article-copyright {

    line-height: 1.8em;
    padding: 15px;
    background: rgb(238, 247, 255);
    border: 1px dashed rgba(12, 123, 254, 0.19);
    border-radius: var(--radius);
}

.kehua-article-copyright p {
    margin: 0px 0px 0.6em;
}

.kehua-article-copyright p:last-child {
    margin-bottom: 0px;
}

.kehua-read-main img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.kehua-sidebar-right .kehua-author-card {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 20px;
}

.kehua-author-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.kehua-author-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgb(255, 154, 86), rgb(255, 107, 107));
}

.kehua-author-avatar.kehua-author-avatar--img {
    padding: 0px;
    overflow: hidden;
    line-height: 0;
    background: none !important;
}

.kehua-author-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-author-head-text {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-author-name {
    margin: 0px 0px 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.3;
}

.kehua-author-uid {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-author-actions {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
}

.kehua-author-btn {
    flex: 1 1 0%;
    height: 36px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
}

.kehua-author-btn-follow {
    background: var(--color-primary);
    color: var(--color-white);
}

.kehua-author-btn-follow:hover {
    background: var(--color-primary-dark);
    color: var(--color-white);
}

.kehua-author-stats {
    display: flex;
    align-items: stretch;
    border-top: 1px solid var(--color-border);
    padding-top: 14px;
}

.kehua-author-stat {
    flex: 1 1 0%;
    text-align: center;
    padding: 0px 4px;
}

.kehua-author-stat:not(:last-child) {
    border-right: 1px solid var(--color-border);
}

.kehua-author-stat-num {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 2px;
}

.kehua-author-stat-label {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-read-sidebar-widget {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 16px;
}

.kehua-mod-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 14px 24px;
    background: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: var(--radius);
}

.kehua-mod-bar .kehua-mod-btn {
    flex: 1 1 0%;
    max-width: 100px;
    padding: 8px 16px;
    font-size: 14px;
    color: var(--color-text);
    text-align: center;
    text-decoration: none;
    transition: color 0.2s;
}

.kehua-mod-bar .kehua-mod-btn:hover {
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .kehua-mod-bar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        padding: 0px;
        overflow: hidden;
        border-radius: var(--radius);
        background: var(--color-border);
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
    }

    .kehua-mod-bar .kehua-mod-btn {
        padding: 14px 12px;
        max-width: none;
        margin: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        border-radius: 0px;
        background: var(--color-white);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        box-sizing: border-box;
    }

    .kehua-mod-bar .kehua-mod-btn:not(:last-child) {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
    }

    .kehua-mod-bar .kehua-mod-btn:hover {
        background: rgb(247, 248, 250);
        color: var(--color-primary);
    }

    .kehua-mod-bar .kehua-mod-btn:last-child:nth-child(2n+1) {
        grid-column: 1 / -1;
    }
}

.kehua-post-main {
    max-width: none;
}

.kehua-post-page {
    width: 100%;
    padding: 0px;
}

.kehua-post-form {
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.kehua-post-layout {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.kehua-post-left {
    align-self: start;
    min-width: 0px;
    margin: 0px;
    padding: 0px;
}

.kehua-post-right {
    align-self: stretch;
    min-width: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0px;
    box-sizing: border-box;
}

.kehua-post-side-sticky {
    width: 100%;
    margin: 0px;
    padding: 0px;
    flex-shrink: 0;
    align-self: flex-start;
    box-sizing: border-box;
}

.kehua-post-card {
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 20;
}

.kehua-post-page-title {
    margin: 0px 0px 24px;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text);
    text-align: center;
}

.kehua-form-group {
    margin-bottom: 20px;
}

.kehua-form-group:last-child {
    margin-bottom: 0px;
}

.kehua-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
}

.kehua-label-dot::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
    margin-right: 6px;
    vertical-align: 0.15em;
}

.kehua-input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
}

.kehua-editor-textarea {
    width: 100%;
    min-height: 360px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
    resize: vertical;
    box-sizing: border-box;
}

.kehua-post-collapse > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
}

.kehua-post-collapse > summary:focus {
    outline: none;
}

.kehua-post-collapse > summary:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: 6px;
}

.kehua-post-collapse > summary::-webkit-details-marker {
    display: none;
}

.kehua-post-collapse > summary::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: auto;
    border-right: 2px solid var(--color-text-light);
    border-bottom: 2px solid var(--color-text-light);
    transform: rotate(-45deg);
    flex-shrink: 0;
    opacity: 0.55;
    transition: transform 0.2s, opacity 0.2s;
}

.kehua-post-collapse[open] > summary::after {
    transform: rotate(45deg);
    margin-top: 2px;
    opacity: 0.85;
}

details.kehua-post-collapse--paylink > summary::after {
    border-right-color: rgb(99, 102, 241);
    border-bottom-color: rgb(99, 102, 241);
    opacity: 0.7;
}

details.kehua-post-collapse--paylink[open] > summary::after {
    opacity: 1;
}

details.kehua-hidden-post-wrap.kehua-post-collapse > summary::after {
    border-right-color: rgb(99, 102, 241);
    border-bottom-color: rgb(99, 102, 241);
    opacity: 0.7;
}

details.kehua-hidden-post-wrap.kehua-post-collapse[open] > summary::after {
    opacity: 1;
}

.kehua-post-collapse__body {
    padding-top: 4px;
}

.kehua-hidden-post-wrap {
    margin: 18px 0px 8px;
    padding: 12px 18px 16px;
    border-radius: 14px;
    border: 1px dashed rgb(199, 210, 254);
    background: linear-gradient(145deg, rgb(238, 242, 255) 0%, rgb(255, 255, 255) 55%, rgb(245, 243, 255) 100%);
    box-sizing: border-box;
}

.kehua-hidden-post-wrap > summary {
    padding: 6px 0px 4px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(55, 48, 163);
}

.kehua-hidden-post-wrap .kehua-post-collapse__body {
    padding-top: 8px;
}

.kehua-hidden-post-row {
    margin-bottom: 10px;
}

.kehua-hidden-post-label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 6px;
}

.kehua-hidden-select {
    max-width: 340px;
}

.kehua-hidden-mode-radios {
    display: flex;
    flex-flow: row;
    gap: 10px;
    margin-top: 2px;
}

.kehua-hidden-mode-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-white);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    font-size: 14px;
    color: var(--color-text);
    flex: 1 1 0px;
    min-width: 0px;
    box-sizing: border-box;
}

.kehua-hidden-mode-item:hover {
    border-color: rgba(0, 102, 255, 0.35);
    background: rgba(0, 102, 255, 0.04);
}

.kehua-hidden-mode-item:has(.kehua-hidden-mode-radio:checked) {
    border-color: var(--color-primary);
    background: rgba(0, 102, 255, 0.08);
}

.kehua-hidden-mode-radio {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 0px;
    accent-color: var(--color-primary);
    cursor: pointer;
}

.kehua-hidden-mode-text {
    flex: 1 1 0%;
    min-width: 0px;
    line-height: 1.45;
    text-align: left;
}

.kehua-hidden-textarea {
    min-height: 120px;
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
}

.kehua-hidden-hint {
    font-size: 12px;
    color: var(--color-text-light);
    margin: 8px 0px 0px;
    line-height: 1.55;
}

.kehua-hidden-inline-hint {
    font-size: 13px;
    color: var(--color-text);
    margin: 0px 0px 10px;
    line-height: 1.6;
}

.kehua-hidden-snippet-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0px 0px 8px;
}

.kehua-hidden-snippet-btn {
    font-size: 13px;
}

.kehua-hidden-block {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: var(--radius);
    background: rgb(245, 247, 250);
    border: 1px solid var(--color-border);
}

.kehua-hidden-body {
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-text);
    word-break: break-word;
}

.kehua-hidden-block--locked {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: var(--radius, 12px);
    background: linear-gradient(145deg, rgb(250, 252, 251) 0%, rgb(240, 244, 242) 100%);
    border: 1px solid var(--color-border);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 14px;
}

.kehua-hidden-lock-strip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    font-size: 13px;
    line-height: 1.65;
    color: var(--color-text-light);
}

.kehua-hidden-lock-line {
    display: inline;
    color: inherit;
}

.kehua-post-plugin-bottom {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.kehua-post-submit-wrap {
    margin-top: 20px;
    text-align: right;
}

.kehua-btn-post-submit {
    padding: 10px 28px;
    font-size: 15px;
}

.kehua-fid-hidden {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.kehua-post-toast {
    position: fixed;
    left: 50%;
    bottom: 88px;
    transform: translateX(-50%) translateY(16px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
    z-index: 10050;
    pointer-events: none;
}

.kehua-post-toast.kehua-post-toast-visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.kehua-post-toast-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--radius);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 40px;
    max-width: min(92vw, 400px);
}

.kehua-post-toast-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--color-primary);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.kehua-post-toast-body {
    min-width: 0px;
}

.kehua-post-toast-text {
    font-weight: 600;
    color: var(--color-text);
    font-size: 15px;
    line-height: 1.4;
}

.kehua-post-toast-sub {
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-post-success-overlay {
    position: fixed;
    inset: 0px;
    z-index: 100500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
    pointer-events: none;
}

.kehua-post-success-overlay.kehua-post-success-overlay--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.kehua-post-success-overlay-backdrop {
    position: absolute;
    inset: 0px;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(4px);
}

.kehua-post-success-overlay-panel {
    position: relative;
    width: 100%;
    max-width: 380px;
    padding: 32px 28px 28px;
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: rgba(0, 0, 0, 0.18) 0px 20px 60px;
    text-align: center;
    transform: translateY(8px) scale(0.98);
    transition: transform 0.25s;
}

.kehua-post-success-overlay--visible .kehua-post-success-overlay-panel {
    transform: translateY(0px) scale(1);
}

.kehua-post-success-overlay-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0px auto 16px;
    border-radius: 50%;
    background: var(--color-primary);
    color: rgb(255, 255, 255);
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.kehua-post-success-overlay-text {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.45;
}

.kehua-post-success-overlay-sub {
    margin-top: 12px;
    font-size: 13px;
    color: var(--color-text-light);
    line-height: 1.5;
}

.kehua-post-success-overlay--notice .kehua-post-success-overlay-icon {
    background: linear-gradient(145deg, rgb(245, 158, 11) 0%, rgb(234, 88, 12) 100%);
    font-size: 28px;
    font-weight: 800;
}

.kehua-post-success-overlay-btn {
    display: block;
    width: 100%;
    margin-top: 22px;
    padding: 12px 16px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: var(--radius);
    background: var(--color-primary);
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
}

.kehua-post-success-overlay-btn:hover {
    opacity: 0.92;
}

.kehua-post-success-overlay-btn:active {
    transform: scale(0.98);
}

@media (max-width: 992px) {
    .kehua-post-page, .kehua-post-main {
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        box-sizing: border-box;
    }

    .kehua-post-layout {
        grid-template-columns: 1fr;
        gap: 16px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .kehua-post-left, .kehua-post-right {
        width: 100%;
        max-width: 100%;
        min-width: 0px;
        box-sizing: border-box;
    }

    .kehua-post-right {
        position: static;
        top: auto;
        max-height: none;
        overflow: visible;
    }

    .kehua-post-side-sticky {
        position: static;
        top: auto;
        align-self: stretch;
    }

    .kehua-post-side-card {
        position: static;
        top: auto;
        margin-top: 0px;
        max-height: none;
        overflow-y: visible;
        padding: 16px;
    }

    .kehua-post-card {
        padding: 16px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .kehua-post-page-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
}

.kehua-post-side-card {
    width: 100%;
    margin: 0px;
    background: var(--color-white);
    border-radius: var(--radius);
    padding: 20px;
    box-sizing: border-box;
}

@media (min-width: 993px) {
    .kehua-post-side-sticky {
        position: sticky;
        top: calc(var(--header-h) + var(--top-gap));
    }

    .kehua-post-side-card {
        max-height: calc(100vh - var(--header-h) - var(--top-gap) - 16px);
        overflow-y: auto;
    }
}

.kehua-post-tabs {
    display: flex;
    gap: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
}

.kehua-post-tab {
    margin: 0px 0px -1px;
    padding: 10px 16px;
    font-size: 14px;
    color: var(--color-text-light);
    background: none;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: currentcolor currentcolor transparent;
    border-image: initial;
    cursor: pointer;
}

.kehua-post-tab.kehua-active {
    color: var(--color-primary);
    font-weight: 500;
    border-bottom-color: var(--color-primary);
}

.kehua-post-tab-panel {
    display: none;
}

.kehua-post-tab-panel.kehua-active {
    display: block;
}

.kehua-forum-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 8px;
}

.kehua-forum-card {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0px;
    padding: 10px 16px 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.kehua-forum-card:hover {
    border-color: var(--color-primary);
    background: rgba(0, 102, 255, 0.04);
}

.kehua-forum-card-selected {
    border-color: var(--color-primary);
    background: rgba(0, 102, 255, 0.08);
}

.kehua-forum-card-icon {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: var(--color-bg);
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-forum-card-icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.kehua-forum-card-selected .kehua-forum-card-icon {
    background: var(--color-bg);
}

.kehua-forum-card-name {
    flex: 1 1 auto;
    min-width: 4.25rem;
    font-size: 14px;
    line-height: 1.35;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kehua-forum-radio {
    margin: 0px 2px 0px 0px;
    flex-shrink: 0;
    align-self: center;
    width: 13px;
    height: 13px;
    accent-color: var(--color-primary);
}

.kehua-post-tag-panel {
    margin-top: 4px;
}

.kehua-post-tag-inner {
    min-height: 0px;
}

.kehua-tag-group {
    margin-bottom: 14px;
}

.kehua-tag-group:last-child {
    margin-bottom: 0px;
}

.kehua-tag-cate-name {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-light);
    margin-bottom: 8px;
}

.kehua-tag-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kehua-tag-chip-wrap {
    display: inline-flex;
    align-items: stretch;
    vertical-align: middle;
}

.kehua-tag-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 6px 14px;
    min-height: 32px;
    font-size: 13px;
    line-height: 1.3;
    border-radius: 999px;
    border: 1px solid transparent;
    background: rgb(243, 244, 246);
    color: rgb(55, 65, 81);
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.kehua-tag-chip:focus, .kehua-tag-chip:focus-visible {
    outline: none;
    box-shadow: none;
}

.kehua-tag-chip:hover:not(.is-active) {
    background: rgb(229, 231, 235);
    color: rgb(31, 41, 55);
}

.kehua-tag-chip.is-active {
    border-color: rgb(0, 102, 255);
    background: rgba(0, 102, 255, 0.1);
    color: rgb(0, 102, 255);
    font-weight: 500;
}

.kehua-tag-chip.is-active:hover {
    background: rgba(0, 102, 255, 0.14);
    color: rgb(0, 82, 204);
    border-color: rgb(0, 82, 204);
}

..kehua-tag-add:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.kehua-page-read .kehua-article-body .kehua-article-tags,
.kehua-read-main .kehua-article-body .kehua-article-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 20px 0;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag {
  background: #f3f4f6;
  border-color: #e5e7eb;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--secondary,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--secondary {
  background: #f3f4f6;
  color: #374151 !important;
  border-color: #e5e7eb;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--primary,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--primary {
  background: rgba(0,102,255,0.1);
  color: #0066ff !important;
  border-color: rgba(0,102,255,0.35);
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--danger,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--danger {
  background: rgba(253,232,234,.95);
  color: #dc3545 !important;
  border-color: #f5c2c7;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--warning,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--warning {
  background: rgba(255,153,0,0.1);
  color: #FF9900 !important;
  border-color: rgba(255,153,0,0.3);
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--success,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--success {
  background: rgba(0,181,91,0.1);
  color: #00B55B !important;
  border-color: rgba(0,181,91,0.3);
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--info,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--info {
  background: rgba(26,187,226,0.1);
  color: #1ABBE2 !important;
  border-color: rgba(26,187,226,0.3);
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--dark,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--dark {
  background: rgba(30,30,30,0.9);
  color: #ffffff !important;
  border-color: #444444;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--light,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--light {
  background: #f9fafb;
  color: #4b5563 !important;
  border-color: #e5e7eb;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag--white,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag--white {
  background: #ffffff;
  color: #111111 !important;
  border-color: #e5e7eb;
}
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  min-height: 30px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(15,23,42,0.06);
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .15s;
  -webkit-tap-highlight-color: transparent;
}

.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag:hover,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag:hover,
.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag:focus-visible,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag:focus-visible {
  text-decoration: none !important;
  background: rgb(249, 250, 251);
  color: var(--color-text, rgb(55, 65, 81)) !important;
  border-color: rgb(209, 213, 219);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
}

.kehua-page-read .kehua-article-body .kehua-article-tags a.kehua-article-tag:focus-visible,
.kehua-read-main .kehua-article-body .kehua-article-tags a.kehua-article-tag:focus-visible {
  outline: 2px solid rgba(75, 85, 99, 0.22);
  outline-offset: 2px;
}

.kehua-add-attach {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 20px;
    border: 1px dashed var(--color-border);
    border-radius: 8px;
    background: var(--color-bg);
    color: var(--color-text-light);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    transition: border-color 0.2s, color 0.2s;
}

.kehua-add-attach:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.kehua-add-attach-text {
    white-space: nowrap;
}

.kehua-add-attach input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

fieldset.fieldset.kehua-attach-fieldset, fieldset.fieldset:has(ul.attachlist), .attachlist_parent > fieldset.fieldset {
    margin-top: 14px;
    padding: 14px 12px 12px;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: linear-gradient(165deg, rgb(248, 250, 252) 0%, rgb(255, 255, 255) 55%);
    box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 2px, rgba(15, 23, 42, 0.04) 0px 4px 18px;
    font-size: 13px;
    min-width: 0px;
}

.kehua-attach-fieldset-legend, fieldset.fieldset:has(ul.attachlist) > legend {
    padding: 0px 8px;
    margin: 0px 0px 0px 2px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    letter-spacing: 0.02em;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist, fieldset.fieldset:has(ul.attachlist) ul.attachlist, .attachlist_parent ul.attachlist {
    list-style: none;
    padding: 0px;
    margin: 8px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li, .attachlist_parent ul.attachlist > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    padding: 10px 12px;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    background: var(--color-white, #fff);
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset;
    transition: border-color 0.2s, box-shadow 0.2s;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li:hover, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li:hover, .attachlist_parent ul.attachlist > li:hover {
    border-color: rgba(0, 102, 255, 0.22);
    box-shadow: rgba(0, 102, 255, 0.06) 0px 2px 10px;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > a:first-of-type, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > a:first-of-type, .attachlist_parent ul.attachlist > li > a:first-of-type {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 0%;
    min-width: 0px;
    text-decoration: none;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    word-break: break-all;
    transition: color 0.2s;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > a:first-of-type:hover, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > a:first-of-type:hover, .attachlist_parent ul.attachlist > li > a:first-of-type:hover {
    color: var(--color-primary);
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > .kehua-attach-meta, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > .kehua-attach-meta, .attachlist_parent ul.attachlist > li > .kehua-attach-meta, ul.attachlist > li > .kehua-attach-meta {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--color-text-light);
    white-space: nowrap;
}

.kehua-attach-meta-sep {
    opacity: 0.5;
    padding: 0px 3px;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist .icon.filetype, fieldset.fieldset:has(ul.attachlist) ul.attachlist .icon.filetype, .attachlist_parent ul.attachlist .icon.filetype, ul.attachlist .icon.filetype {
    display: none !important;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist a.delete, fieldset.fieldset:has(ul.attachlist) ul.attachlist a.delete, .attachlist_parent ul.attachlist a.delete {
    margin-left: 0.75rem;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    background: rgba(185, 28, 28, 0.08);
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    flex-shrink: 0;
    color: rgb(185, 28, 28) !important;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete, fieldset.fieldset:has(ul.attachlist) ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete, .attachlist_parent ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete {
    margin-left: auto;
}

fieldset.fieldset.kehua-attach-fieldset ul.attachlist a.delete:hover, fieldset.fieldset:has(ul.attachlist) ul.attachlist a.delete:hover, .attachlist_parent ul.attachlist a.delete:hover {
    background: rgba(185, 28, 28, 0.14);
    color: rgb(153, 27, 27) !important;
}

.kehua-post-right .fieldset:not(.kehua-attach-fieldset) {
    margin-top: 12px;
    font-size: 13px;
}

.kehua-post-right fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li, .kehua-post-right fieldset.fieldset:has(ul.attachlist) ul.attachlist > li, .kehua-post-right .attachlist_parent ul.attachlist > li {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: start;
    gap: 4px 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.kehua-post-right fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > a:first-of-type, .kehua-post-right fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > a:first-of-type, .kehua-post-right .attachlist_parent ul.attachlist > li > a:first-of-type {
    grid-area: 1 / 1;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    min-width: 0px;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.kehua-post-right fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > .kehua-attach-meta, .kehua-post-right fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > .kehua-attach-meta, .kehua-post-right .attachlist_parent ul.attachlist > li > .kehua-attach-meta {
    grid-area: 2 / 1;
    place-self: center start;
    margin: 0px;
    font-size: 11px;
    line-height: 1.35;
    opacity: 0.92;
}

.kehua-post-right fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li > a.delete, .kehua-post-right fieldset.fieldset:has(ul.attachlist) ul.attachlist > li > a.delete, .kehua-post-right .attachlist_parent ul.attachlist > li > a.delete {
    grid-area: 1 / 2 / -1;
    place-self: center end;
    margin: 0px;
}

.kehua-post-right fieldset.fieldset.kehua-attach-fieldset ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete, .kehua-post-right fieldset.fieldset:has(ul.attachlist) ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete, .kehua-post-right .attachlist_parent ul.attachlist > li:not(:has(.kehua-attach-meta)) > a.delete {
    grid-area: 1 / 2;
    align-self: center;
}

.kehua-article-body .kehua-attach-guard:not(.kehua-attach-fieldset), .kehua-post-message .kehua-attach-guard:not(.kehua-attach-fieldset) {
    border-radius: 8px;
    padding: 12px 14px;
    margin: 12px 0px;
    background: var(--color-bg, #f8f9fa);
    border: 1px dashed var(--color-border, #ddd);
}

fieldset.fieldset.kehua-attach-fieldset.kehua-attach-guard {
    border-style: solid;
    border-color: var(--color-border);
    background: linear-gradient(165deg, rgb(248, 250, 252) 0%, rgb(255, 255, 255) 55%);
    box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 2px, rgba(15, 23, 42, 0.04) 0px 4px 18px;
}

ul.attachlist > li.kehua-attach-guard-item {
    cursor: default;
}

ul.attachlist > li.kehua-attach-guard-item:hover {
    border-color: rgba(0, 0, 0, 0.06);
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset;
}

.kehua-attach-guard-hint {
    display: block;
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-light, #666);
    line-height: 1.5;
}

.kehua-search-overlay {
    position: fixed;
    inset: 0px;
    z-index: 1100;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 80px 20px 40px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
}

.kehua-search-overlay.kehua-search-open {
    opacity: 1;
    visibility: visible;
}

.kehua-search-backdrop {
    position: absolute;
    inset: 0px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
}

.kehua-search-content {
    position: relative;
    width: 100%;
    max-width: 560px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kehua-search-close {
    position: absolute;
    top: -48px;
    right: 0px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
    border-radius: 50%;
    transition: color 0.2s, background 0.2s;
}

.kehua-search-close:hover {
    color: var(--color-text);
    background: rgba(0, 0, 0, 0.06);
}

.kehua-search-close svg {
    width: 22px;
    height: 22px;
}

.kehua-search-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.kehua-search-tabs {
    display: flex;
    align-items: center;
    padding: 4px;
    gap: 4px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 9999px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px;
    backdrop-filter: blur(16px) saturate(150%);
}

.kehua-search-tab {
    padding: 8px 18px;
    font-size: 14px;
    color: var(--color-text-light);
    border-radius: 9999px;
    transition: 0.2s;
}

.kehua-search-tab:hover {
    color: var(--color-text);
}

.kehua-search-tab.kehua-active {
    background: var(--color-white);
    color: var(--color-text);
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px;
}

.kehua-search-form {
    width: 100%;
}

.kehua-search-input-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px 12px 20px;
    background: var(--color-white);
    border: 2px solid rgb(232, 232, 232);
    border-radius: 9999px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.kehua-search-input-wrap:focus-within {
    border-color: var(--color-primary);
    box-shadow: rgba(0, 102, 255, 0.15) 0px 0px 0px 3px;
}

.kehua-search-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    color: var(--color-text-light);
}

.kehua-search-input {
    flex: 1 1 0%;
    min-width: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 16px;
    color: var(--color-text);
    background: transparent;
    outline: none;
}

.kehua-search-input::placeholder {
    color: rgb(170, 170, 170);
}

.kehua-search-submit {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 50%;
    transition: background 0.2s;
}

.kehua-search-submit:hover {
    background: var(--color-primary-dark);
}

.kehua-search-submit svg {
    width: 20px;
    height: 20px;
}

.kehua-search-history, .kehua-search-recommend {
    width: 100%;
}

.kehua-search-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    color: var(--color-text-light);
}

.kehua-search-section-icon {
    width: 18px;
    height: 18px;
    color: var(--color-text-light);
}

.kehua-search-icon-fire {
    color: rgb(249, 115, 22);
}

.kehua-search-clear {
    margin-left: auto;
    padding: 0px;
    font-size: 13px;
    color: rgb(153, 153, 153);
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    transition: color 0.2s;
}

.kehua-search-clear:hover {
    color: var(--color-text);
}

.kehua-search-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kehua-search-tag {
    padding: 6px 14px;
    font-size: 13px;
    color: var(--color-text);
    background: var(--color-white);
    border: 1px solid rgb(232, 232, 232);
    border-radius: 9999px;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}

.kehua-search-tag:hover {
    border-color: var(--color-primary);
    background: rgba(0, 102, 255, 0.04);
}

/* 搜索结果页（与 xiuno8.2 参考主题一致） */
.kehua-search-page {
    max-width: 900px;
    margin: 0 auto;
}

.kehua-main.kehua-search-page .kehua-search-user-body {
    width: 100%;
    min-width: 0;
}

.kehua-main.kehua-search-page .kehua-search-user-body .kehua-up-feed {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.kehua-search-result-hero {
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.06) 0%, rgba(0, 102, 255, 0.02) 100%);
    border-radius: var(--radius);
    padding: 28px 24px;
    margin-bottom: 24px;
    border: 1px solid rgba(0, 102, 255, 0.08);
}

.kehua-search-result-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 16px;
    color: var(--color-text);
    letter-spacing: -0.02em;
}

.kehua-search-result-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.kehua-search-result-form {
    flex: 1;
    min-width: 0;
}

.kehua-search-result-input-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 14px 10px 16px;
    background: var(--color-white);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.kehua-search-result-input-wrap:focus-within {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.12);
}

.kehua-search-result-input-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--color-text-light);
}

.kehua-search-result-input {
    flex: 1;
    min-width: 0;
    border: none;
    font-size: 14px;
    color: var(--color-text);
    background: transparent;
    outline: none;
}

.kehua-search-result-input::placeholder {
    color: #9ca3af;
}

.kehua-search-result-submit {
    flex-shrink: 0;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: var(--color-primary);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.kehua-search-result-submit:hover {
    background: var(--color-primary-dark);
}

@media (max-width: 600px) {
    .kehua-search-result-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .kehua-search-result-tabs {
        align-self: flex-start;
    }

    .kehua-search-result-form {
        min-width: 0;
        width: 100%;
    }
}

.kehua-search-keyword {
    color: var(--color-primary);
    font-weight: 800;
}

/* 搜索结果：标题/摘要内关键词标红（覆盖 .kehua-post-title a 等链接着色） */
.kehua-main.kehua-search-page .kehua-search-hit {
    color: #e53935 !important;
    font-weight: 700;
}

.kehua-search-result-tabs {
    display: inline-flex;
    align-items: center;
    padding: 4px;
    gap: 4px;
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07);
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
}

.kehua-search-result-tab {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-light);
    border-radius: 8px;
    transition: all 0.2s;
}

.kehua-search-result-tab:hover {
    color: var(--color-text);
    background: rgba(0, 0, 0, 0.04);
}

.kehua-search-result-tab.kehua-active {
    background: var(--color-primary);
    color: #fff;
}

.kehua-search-result-hint {
    margin: 0;
    font-size: 15px;
    color: var(--color-text-light);
}

.kehua-search-feed {
    margin-top: 0;
}

/* 搜索结果-用户：双列网格（勿用 kehua-feed--list-classic：会破坏关系卡 padding） */
.kehua-main.kehua-search-page #kehua-search-user-relations-wrap.kehua-feed.kehua-up-feed--user-relations {
    display: grid !important;
    flex-direction: unset;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
    align-items: start;
}

@media (max-width: 768px) {
    .kehua-main.kehua-search-page #kehua-search-user-relations-wrap.kehua-feed.kehua-up-feed--user-relations {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }
}

.kehua-main.kehua-search-page #kehua-search-user-relations-wrap.kehua-up-feed--user-relations .kehua-user-relation-card.kehua-post-card {
    padding: 0 !important;
}

.kehua-main.kehua-search-page #kehua-search-user-relations-wrap.kehua-up-feed--user-relations .kehua-user-relation-card {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
}

.kehua-main.kehua-search-page #kehua-search-user-relations-wrap.kehua-up-feed--user-relations > article.kehua-post-card:not(.kehua-user-relation-card) {
    grid-column: 1 / -1;
    justify-self: stretch;
}

.kehua-main.kehua-search-page .kehua-user-relation-card.kehua-post-card {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1);
    border: 1px solid rgba(226, 232, 240, 0.95);
    padding: 0;
    background: #fff;
}

.kehua-main.kehua-search-page .kehua-user-relation-card .kehua-up-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    background: #f3f4f6;
    color: #374151;
}

.kehua-main.kehua-search-page .kehua-user-relation-card .kehua-up-tag-dark {
    background: #111827;
    color: #fff;
}

.kehua-main.kehua-search-page .kehua-ur-card__banner {
    display: block;
    position: relative;
    height: 112px;
    background-color: #ffffff;
    background-size: cover;
    background-position: center bottom;
    background-image: none;
}

.kehua-main.kehua-search-page .kehua-ur-card__banner.kehua-ur-card__banner--custom {
    background-image: none;
    background-color: #ffffff;
}

.kehua-main.kehua-search-page .kehua-ur-card__banner.kehua-ur-card__banner--custom::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.5) 50%, #fff 92%);
    pointer-events: none;
}

.kehua-main.kehua-search-page .kehua-ur-card__body {
    position: relative;
    padding: 0 18px 18px;
    margin-top: -40px;
}

.kehua-main.kehua-search-page .kehua-ur-card__row1 {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    min-height: 48px;
}

.kehua-main.kehua-search-page .kehua-ur-card__avatar {
    flex-shrink: 0;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    background: #fff;
    overflow: hidden;
}

.kehua-main.kehua-search-page .kehua-ur-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-main.kehua-search-page .kehua-ur-card__nameblock {
    flex: 1;
    min-width: 0;
    padding-bottom: 4px;
}

.kehua-main.kehua-search-page .kehua-ur-card__name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.kehua-main.kehua-search-page .kehua-ur-card__name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    letter-spacing: -0.02em;
    line-height: 1.25;
    min-width: 0;
}

.kehua-main.kehua-search-page .kehua-ur-card__name a {
    color: inherit;
    text-decoration: none;
}

.kehua-main.kehua-search-page .kehua-ur-card__name a:hover {
    color: #2563eb;
}

.kehua-main.kehua-search-page .kehua-ur-card__badges-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kehua-main.kehua-search-page .kehua-ur-card__badges-inline .kehua-vip-badge {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-left: 0;
}

.kehua-main.kehua-search-page .kehua-ur-card__badges-inline .kehua-vip-badge--active {
    color: #c6303e;
}

.kehua-main.kehua-search-page .kehua-ur-card__badges-inline .kehua-vip-badge--inactive {
    color: #9ca3af;
}

.kehua-main.kehua-search-page .kehua-ur-card__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.kehua-main.kehua-search-page .kehua-ur-card__uid {
    font-size: 12px;
    color: #9ca3af;
}

.kehua-main.kehua-search-page .kehua-ur-card__stats {
    display: flex;
    align-items: stretch;
    margin-top: 16px;
    padding: 4px 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.kehua-main.kehua-search-page .kehua-ur-card__stat {
    flex: 1;
    min-width: 0;
    text-align: center;
    border: none;
    border-left: 1px solid #e8ecf1;
}

.kehua-main.kehua-search-page .kehua-ur-card__stat:first-child {
    border-left: none;
}

.kehua-main.kehua-search-page .kehua-ur-card__stat-num {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.kehua-main.kehua-search-page .kehua-ur-card__stat-label {
    margin-top: 4px;
    font-size: 12px;
    color: #8b95a1;
}

.kehua-main.kehua-search-page .kehua-ur-card__actions {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #111827;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn:hover {
    background: #f9fafb;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn--pm .kehua-ur-card__ic {
    color: #22c55e;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn--follow {
    border: none;
    background: var(--color-primary);
    color: var(--color-white);
}

.kehua-main.kehua-search-page .kehua-ur-card__btn--follow:hover {
    background: var(--color-primary-dark);
    color: var(--color-white);
}

/* 覆盖作者页关系卡全局流光 ::after，与桌面参考包搜索页一致 */
.kehua-main.kehua-search-page .kehua-ur-card__btn--follow::after {
    content: none;
    display: none;
    animation: none;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn--followed {
    border: none;
    background: #e5e7eb;
    color: #374151;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn--followed:hover {
    background: #d1d5db;
}

.kehua-main.kehua-search-page .kehua-ur-card__btn .haya-follow-btn {
    pointer-events: none;
}

.kehua-search-empty {
    color: var(--color-text-light);
    padding: 40px 0;
    margin: 0;
    font-size: 15px;
    text-align: center;
}

.modal {
    display: none;
    position: fixed;
    inset: 0px;
    z-index: 12000;
    width: 100%;
    height: 100%;
    overflow: hidden auto;
    outline: 0px;
}

.modal.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal.show {
    display: block;
    opacity: 1;
}

.modal-dialog {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 1.75rem auto;
    pointer-events: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background: var(--color-white);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: var(--radius);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
}

.modal-backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 11990;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-header {
    background: rgb(240, 240, 240);
    border-bottom: 1px solid var(--color-border);
    border-radius: var(--radius) var(--radius) 0 0;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.modal-header .modal-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
    margin: 0px;
}

.modal-header .close {
    font-size: 24px;
    color: rgb(153, 153, 153);
    opacity: 1;
    padding: 0px 4px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    line-height: 1;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 20px 24px 24px;
}

.modal-body h5 {
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    line-height: 1.5;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px 20px;
    border-top: 1px solid var(--color-border);
    background: rgb(250, 250, 250);
    border-radius: 0 0 var(--radius) var(--radius);
}

.modal-footer .btn {
    display: inline-block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 8px;
    cursor: pointer;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: background 0.2s;
}

.modal-footer .btn-primary {
    background: var(--color-primary);
    color: rgb(255, 255, 255);
}

.modal-footer .btn-primary:hover {
    background: var(--color-primary-dark);
    color: rgb(255, 255, 255);
}

.modal-footer .btn-secondary {
    background: rgb(232, 232, 232);
    color: var(--color-text);
}

.modal-footer .btn-secondary:hover {
    background: rgb(221, 221, 221);
    color: var(--color-text);
}

.modal .kehua-sx-page {
    padding: 0px;
}

.kehua-sx-page {
    padding: 24px 28px;
}

.kehua-sx-page .kehua-sx-to {
    margin: 0px 0px 16px;
    font-size: 14px;
    color: var(--color-text-light);
}

.kehua-sx-page .kehua-sx-to strong {
    color: var(--color-text);
}

.kehua-sx-page textarea.kehua-input {
    min-height: 140px;
    resize: vertical;
    border: 1px solid rgb(204, 204, 238);
}

.kehua-sx-page .kehua-btn {
    width: 100%;
    margin-top: 12px;
    border-radius: 9999px;
}

.modal .kehua-sx-page textarea.kehua-input {
    margin-bottom: 4px;
}

.modal .kehua-sx-page .kehua-btn {
    margin-top: 16px;
    border-radius: 9999px;
}

.kehua-mod-form {
    padding: 8px 0px;
}

.kehua-mod-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 14px;
    color: var(--color-text);
}

.kehua-mod-row:last-of-type {
    margin-bottom: 24px;
}

.kehua-mod-label {
    color: var(--color-text-light);
    flex-shrink: 0;
}

.kehua-mod-value {
    font-weight: 600;
    color: rgb(229, 62, 62);
}

.kehua-mod-select {
    padding: 8px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    font-size: 14px;
    min-width: 140px;
    background: rgb(255, 255, 255);
}

.kehua-mod-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
}

.kehua-mod-radio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: 400;
    color: var(--color-text);
}

.kehua-mod-radio input {
    margin: 0px;
    cursor: pointer;
}

.kehua-mod-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}

.kehua-mod-btn {
    padding: 10px 24px;
    font-size: 14px;
    border-radius: 8px;
    cursor: pointer;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transition: background 0.2s;
    min-width: 72px;
    white-space: nowrap;
}

.kehua-mod-form .kehua-btn-primary {
    background: var(--color-primary);
    color: rgb(255, 255, 255);
}

.kehua-mod-form .kehua-btn-primary:hover {
    background: var(--color-primary-dark);
    color: rgb(255, 255, 255);
}

.kehua-mod-form .kehua-btn-secondary {
    background: rgb(232, 232, 232);
    color: var(--color-text);
}

.kehua-mod-form .kehua-btn-secondary:hover {
    background: rgb(221, 221, 221);
    color: var(--color-text);
}

.kehua-my-wrap {
    display: flex;
    gap: 20px;
    max-width: 1350px;
    margin: 0px auto;
    padding: calc(var(--header-h) + 20px) 20px 30px;
}

.kehua-my-sidebar {
    width: 280px;
    flex-shrink: 0;
}

.kehua-my-content {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-my-wrap > .kehua-my-drawer:not(.kehua-my-drawer-floating) {
    width: 280px;
    flex-shrink: 0;
    align-self: flex-start;
    position: relative;
}

.kehua-my-wrap > .kehua-my-drawer:not(.kehua-my-drawer-floating) .kehua-my-drawer-backdrop {
    display: none;
}

.kehua-my-wrap > .kehua-my-drawer:not(.kehua-my-drawer-floating) .kehua-my-drawer-panel {
    position: static;
    width: 100%;
    max-height: none;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    display: block;
    overflow: visible;
    transform: none !important;
}

.kehua-my-drawer-floating {
    position: fixed;
    inset: 0px;
    z-index: 960;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0.32s;
    width: 0px !important;
    height: 0px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    flex: 0 0 0px !important;
}

.kehua-my-drawer-floating.kehua-my-drawer-open {
    pointer-events: auto;
    visibility: visible;
}

.kehua-my-drawer-floating .kehua-my-drawer-backdrop {
    display: block;
    position: fixed;
    inset: 0px;
    background: rgba(15, 23, 42, 0.38);
    opacity: 0;
    transition: opacity 0.32s;
    cursor: pointer;
    backdrop-filter: blur(6px);
}

.kehua-my-drawer-floating.kehua-my-drawer-open .kehua-my-drawer-backdrop {
    opacity: 1;
}

.kehua-my-drawer-floating .kehua-my-drawer-panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: min(90vw, 300px);
    max-width: 100%;
    overflow: hidden;
    outline: none;
    border-radius: 0px;
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border-color: rgba(255, 255, 255, 0.38) currentcolor rgba(255, 255, 255, 0.38) rgba(255, 255, 255, 0.38);
    border-image: initial;
    box-shadow: rgba(15, 23, 42, 0.14) -16px 0px 44px;
    background: linear-gradient(200deg, rgba(255, 255, 255, 0.82) 0%, rgba(240, 248, 255, 0.72) 42%, rgba(232, 242, 255, 0.7) 100%);
    backdrop-filter: blur(26px) saturate(140%);
    transform: translate3d(100%, 0px, 0px);
    transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}

.kehua-my-drawer-floating.kehua-my-drawer-open .kehua-my-drawer-panel {
    transform: translate3d(0px, 0px, 0px) !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .kehua-my-drawer-floating .kehua-my-drawer-panel {
        background: rgba(248, 250, 252, 0.97);
    }
}

.kehua-my-drawer-floating .kehua-my-drawer-panel .kehua-my-sidebar {
    width: 100%;
    flex: 1 1 0%;
    min-height: 0px;
    overflow-y: auto;
    padding: calc(12px + env(safe-area-inset-top, 0px)) 10px calc(16px + env(safe-area-inset-bottom, 0px));
}

.kehua-my-drawer-floating .kehua-my-drawer-panel .kehua-my-usercard {
    background: rgba(255, 255, 255, 0.72);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 4px 20px;
}

.kehua-my-drawer-floating .kehua-my-drawer-panel .kehua-my-nav {
    background: rgba(255, 255, 255, 0.62);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 4px 20px;
}

.kehua-my-usercard {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px;
    padding: 32px 0;
    text-align: center;
    margin-bottom: 16px;
}

.kehua-my-avatar-wrap {
    width: 96px;
    height: 96px;
    margin: 0px auto 14px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--color-primary);
    box-shadow: rgba(56, 132, 244, 0.18) 0px 4px 16px;
}

.kehua-my-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-my-username {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-heading);
    margin-bottom: 4px;
}

.kehua-my-uid {
    display: inline-block;
    background: linear-gradient(135deg, var(--color-primary), #60a5fa);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
    margin-bottom: 16px;
}

.kehua-my-stats {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding-top: 20px;
    border-top: 1px solid rgb(240, 240, 240);
}

.kehua-my-stat {
    text-align: center;
}

.kehua-my-stat-num {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-heading);
    line-height: 1.2;
}

.kehua-my-stat-label {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-my-nav {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px;
    overflow: hidden;
}

.kehua-my-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    font-size: 14px;
    color: var(--color-text);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: 0.2s;
}

.kehua-my-nav a:hover {
    background: rgb(246, 248, 252);
    color: var(--color-primary);
}

.kehua-my-nav a.kehua-my-nav-active {
    color: var(--color-primary);
    background: rgb(238, 244, 255);
    border-left-color: var(--color-primary);
    font-weight: 600;
}

.kehua-my-nav-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.65;
}

.kehua-my-nav a.kehua-my-nav-active .kehua-my-nav-icon {
    opacity: 1;
}

.kehua-my-nav-logout {
    border-top: 1px solid rgb(240, 240, 240);
    color: rgb(231, 76, 60) !important;
}

.kehua-my-nav-logout:hover {
    background: rgb(254, 242, 242) !important;
    color: rgb(220, 38, 38) !important;
}

.kehua-my-nav-logout .kehua-my-nav-icon {
    opacity: 0.8;
}

.kehua-my-panel {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px;
    overflow: hidden;
}

.kehua-my-panel.kehua-my-purchase-panel {
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.kehua-my-tabs {
    display: flex;
    gap: 0px;
    border-bottom: var(--border);
    margin-bottom: 0px;
    background: rgb(255, 255, 255);
    border-radius: var(--radius) var(--radius) 0 0;
}

.kehua-my-tab {
    padding: 15px 24px;
    background: transparent;
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: currentcolor currentcolor transparent;
    border-image: initial;
    margin-bottom: -1px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(100, 116, 139);
    text-decoration: none;
    transition: 0.2s;
    position: relative;
}

.kehua-my-tab:hover {
    color: var(--color-primary);
}

.kehua-my-tab.kehua-active {
    color: var(--color-primary);
}

.kehua-my-tab.kehua-active::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    height: 4px;
    background: var(--color-primary);
    border-radius: 0.75rem 0.75rem 0px 0px;
    width: 30px;
}

@media (max-width: 768px) {
    .kehua-my-tabs {
        display: flex;
        width: 100%;
    }

    .kehua-my-tab {
        flex: 1 1 0%;
        text-align: center;
        padding: 15px 20px;
    }
}

@media (max-width: 768px) {
    .kehua-my-wrap .kehua-my-panel > .kehua-my-tabs {
        display: block !important;
        padding: 15px 20px !important;
    }

    /* 基本资料 / 密码 / 头像 等资料子页顶栏：手机隐藏（入口在「我的」头图宫格）；不影响积分/帖子等其它 Tab */
    .kehua-my-wrap .kehua-my-panel > .kehua-my-tabs.kehua-my-tabs--profile-nav {
        display: none !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
}

.kehua-my-tabs-sub {
    border-bottom-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: currentcolor !important;
    padding: 0px 0px 16px !important;
}

.kehua-points-subtabs {
    padding: 16px 28px 12px;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-my-tabs.kehua-thread-subtabs {
    position: relative;
    align-items: stretch;
    gap: 0px;
    padding: 0px 24px;
    border-bottom: 1px solid rgb(232, 236, 241);
    flex-wrap: nowrap;
    background: rgb(255, 255, 255);
}

.kehua-my-tabs.kehua-thread-subtabs::after {
    display: none;
}

.kehua-my-tabs.kehua-thread-subtabs .kehua-my-tab {
    position: relative;
    padding: 16px 0px;
    margin-right: 28px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    color: rgb(100, 116, 139);
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
}

.kehua-my-tabs.kehua-thread-subtabs .kehua-my-tab:last-child {
    margin-right: 0px;
}

.kehua-my-tabs.kehua-thread-subtabs .kehua-my-tab:hover {
    color: var(--color-primary, #0066ff);
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-my-tabs.kehua-thread-subtabs .kehua-my-tab.kehua-active {
    color: var(--color-primary, #0066ff);
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

@media (max-width: 480px) {
    .kehua-my-tabs.kehua-thread-subtabs {
        padding: 0px 16px;
    }

    .kehua-my-tabs.kehua-thread-subtabs .kehua-my-tab {
        font-size: 14px;
        padding: 14px 0px;
    }

    .kehua-my-tab.kehua-active::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -3px;
        height: 4px;
        background: var(--color-primary);
        border-radius: 0.75rem 0.75rem 0px 0px;
        width: 30px;
    }
}

.kehua-points-record-body {
    padding-top: 20px;
}

.kehua-points-record-empty {
    margin: 0px;
    font-size: 14px;
    line-height: 1.65;
    color: var(--color-text-light);
}

.kehua-points-record-table-wrap {
    overflow-x: auto;
}

.kehua-points-record-table .kehua-points-record-time {
    white-space: nowrap;
}

.kehua-points-record-table .kehua-points-record-memo {
    max-width: min(320px, 48vw);
    word-break: break-word;
}

.kehua-points-record-pager {
    margin-top: 20px;
}

.kehua-purchase-ui {
    --kh-x-text: #0f172a;
    --kh-x-dim: #64748b;
    --kh-x-edge: #e2e8f0;
    --kh-x-soft: #f8fafc;
}

.kehua-my-purchase-panel > .kehua-my-body.kehua-purchase-ui {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.kehua-purchase-ux {
    max-width: 100%;
}

.kehua-purchase-ux__masthead {
    position: relative;
    padding: 22px 22px 26px;
    margin-bottom: 16px;
    border-radius: 14px;
    border: 1px solid rgba(0, 102, 255, 0.12);
    background: radial-gradient(120% 80% at 100% 0%, rgba(0, 102, 255, 0.09) 0%, transparent 55%), radial-gradient(90% 70% at 0% 100%, rgba(99, 102, 241, 0.07) 0%, transparent 50%), linear-gradient(165deg, rgb(248, 250, 252) 0%, rgb(241, 245, 249) 100%);
    overflow: hidden;
}

.kehua-purchase-ux__masthead::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -30px;
    width: 120px;
    height: 120px;
    border-radius: 32px;
    background: rgba(0, 102, 255, 0.06);
    transform: rotate(18deg);
    pointer-events: none;
}

.kehua-purchase-ux__title {
    position: relative;
    z-index: 1;
    margin: 0px 0px 8px;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: var(--kh-x-text);
}

.kehua-purchase-ux__lead {
    position: relative;
    z-index: 1;
    margin: 0px;
    max-width: none;
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--kh-x-dim);
    word-break: normal;
    overflow-wrap: break-word;
}

.kehua-purchase-ux__sheet {
    background: rgb(255, 255, 255);
    border: 1px solid var(--kh-x-edge);
    border-radius: 14px;
    box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(15, 23, 42, 0.07) 0px 12px 36px;
    overflow: hidden;
}

.kehua-purchase-ux__filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 20px;
    padding: 16px 22px 18px;
    background: var(--kh-x-soft);
    border-bottom: 1px solid var(--kh-x-edge);
}

.kehua-purchase-ux__filter-title {
    flex: 0 0 100%;
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
    color: var(--kh-x-text);
}

@media (min-width: 640px) {
    .kehua-purchase-ux__filter-title {
        flex: 0 0 auto;
        align-self: center;
        margin-right: 6px;
        padding-bottom: 2px;
    }
}

.kehua-purchase-ux__filter-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 16px;
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-purchase-ux__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0px;
    min-width: 0px;
}

.kehua-purchase-ux__field-label {
    font-size: 11px;
    font-weight: 600;
    color: rgb(148, 163, 184);
}

.kehua-purchase-ux__input {
    padding: 9px 11px;
    font-size: 13px;
    color: var(--kh-x-text);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(203, 213, 225);
    border-radius: 9px;
    min-width: 8.75rem;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.kehua-purchase-ux__input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: rgba(0, 102, 255, 0.14) 0px 0px 0px 3px;
}

.kehua-purchase-ux__filter-go {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-left: auto;
}

.kehua-purchase-ux__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 9px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.kehua-purchase-ux__btn--go {
    color: rgb(255, 255, 255);
    background: var(--color-primary);
    box-shadow: rgba(0, 102, 255, 0.28) 0px 2px 8px;
}

.kehua-purchase-ux__btn--go:hover {
    color: rgb(255, 255, 255);
    background: var(--color-primary-dark);
}

.kehua-purchase-ux__btn--muted {
    padding: 9px 12px;
    color: var(--kh-x-dim);
    background: transparent;
    border: 1px solid var(--kh-x-edge);
    font-weight: 500;
}

.kehua-purchase-ux__btn--muted:hover {
    color: var(--color-primary);
    border-color: rgba(0, 102, 255, 0.35);
    background: rgb(255, 255, 255);
}

@media (max-width: 639px) {
    .kehua-purchase-ux__filter-go {
        margin-left: 0px;
        width: 100%;
    }

    .kehua-purchase-ux__btn--go {
        flex: 1 1 0%;
    }
}

.kehua-purchase-ux__list {
    list-style: none;
    margin: 0px;
    padding: 12px 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 640px) {
    .kehua-purchase-ux__list {
        padding: 14px 16px 10px;
        gap: 14px;
    }
}

.kehua-purchase-ux__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgb(232, 236, 241);
    border-radius: 12px;
    background: rgb(252, 252, 253);
    align-items: start;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.kehua-purchase-ux__row--attach {
    background: rgb(248, 250, 252);
    border-color: rgb(226, 232, 240);
}

@media (min-width: 800px) {
    .kehua-purchase-ux__row {
        grid-template-columns: 1fr auto;
        gap: 20px 28px;
        padding: 18px 22px;
        align-items: center;
    }

    .kehua-purchase-ux__row:hover {
        background: rgb(247, 248, 250);
        border-color: rgb(221, 227, 234);
        box-shadow: rgba(15, 23, 42, 0.05) 0px 2px 10px;
    }

    .kehua-purchase-ux__row--attach:hover {
        background: rgb(241, 245, 249);
    }
}

.kehua-purchase-ux__body {
    min-width: 0px;
}

.kehua-purchase-ux__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 10px;
}

.kehua-purchase-ux__time {
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--kh-x-dim);
    letter-spacing: 0.01em;
}

.kehua-purchase-ux__kind {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 9px;
    border-radius: 7px;
    background: rgba(5, 150, 105, 0.1);
    color: rgb(4, 120, 87);
}

.kehua-purchase-ux__row--attach .kehua-purchase-ux__kind {
    background: rgba(37, 99, 235, 0.12);
    color: rgb(29, 78, 216);
}

.kehua-purchase-ux__name {
    margin: 0px 0px 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.48;
    color: var(--kh-x-text);
    word-break: break-word;
}

@media (min-width: 800px) {
    .kehua-purchase-ux__name {
        font-size: 15px;
        margin-bottom: 6px;
    }
}

.kehua-purchase-ux__sub {
    margin: 0px;
    font-size: 13px;
    line-height: 1.55;
    color: rgb(100, 116, 139);
    word-break: break-word;
}

.kehua-purchase-ux__aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding-top: 14px;
    margin-top: 2px;
    border-top: 1px solid rgb(232, 236, 241);
}

@media (min-width: 800px) {
    .kehua-purchase-ux__aside {
        grid-area: 1 / 2;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        padding-top: 0px;
        margin-top: 0px;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
        margin-left: 0px;
        text-align: right;
        min-width: 9rem;
        gap: 12px;
    }
}

.kehua-purchase-ux__price {
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--kh-x-text);
    padding: 6px 13px;
    border-radius: 999px;
    background: rgb(241, 245, 249);
    border: 1px solid rgb(226, 232, 240);
}

.kehua-purchase-ux__acts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.kehua-purchase-ux__act {
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    color: var(--color-primary);
    background: rgba(0, 102, 255, 0.08);
    border: 1px solid rgba(0, 102, 255, 0.18);
    transition: background 0.15s, border-color 0.15s;
}

.kehua-purchase-ux__act:hover {
    background: rgba(0, 102, 255, 0.12);
    border-color: rgba(0, 102, 255, 0.35);
    text-decoration: none;
    color: var(--color-primary-dark);
}

.kehua-purchase-ux__act--primary {
    color: rgb(255, 255, 255);
    background: var(--color-primary);
    border-color: transparent;
    box-shadow: rgba(0, 102, 255, 0.25) 0px 2px 6px;
}

.kehua-purchase-ux__act--primary:hover {
    color: rgb(255, 255, 255);
    background: var(--color-primary-dark);
}

.kehua-purchase-ux__actna {
    font-size: 14px;
    color: rgb(203, 213, 225);
}

.kehua-purchase-ux__pager {
    padding: 16px 22px 20px;
    background: var(--kh-x-soft);
    border-top: 1px solid var(--kh-x-edge);
}

.kehua-purchase-ux__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 44px 22px 48px;
    text-align: center;
}

.kehua-purchase-ux__empty-graphic {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgb(226, 232, 240), rgb(241, 245, 249));
    opacity: 0.85;
    position: relative;
}

.kehua-purchase-ux__empty-graphic::after {
    content: "";
    position: absolute;
    inset: 14px;
    border: 2px dashed rgb(148, 163, 184);
    border-radius: 10px;
    opacity: 0.7;
}

.kehua-purchase-ux__empty-text {
    margin: 0px;
    max-width: 24rem;
    font-size: 14px;
    line-height: 1.65;
    color: var(--kh-x-dim);
}

.kehua-my-purchase-panel:has(.kehua-purchase-ux__empty) {
    display: flex;
    flex-direction: column;
    min-height: min(50vh, 480px);
}

.kehua-my-purchase-panel:has(.kehua-purchase-ux__empty) > .kehua-my-body.kehua-points-record-body {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-height: 0px;
    padding-top: 0px;
}

.kehua-my-purchase-panel .kehua-purchase-ux__sheet:has(.kehua-purchase-ux__empty) .kehua-purchase-ux__empty {
    flex: 1 1 0%;
    min-height: min(32vh, 300px);
}

@media (max-width: 768px) {
    .kehua-my-purchase-panel:has(.kehua-purchase-ux__empty) {
        min-height: min(42vh, 400px);
    }

    .kehua-purchase-ux__title {
        font-size: 1.25rem;
    }
}

.kehua-my-body {
    padding: 20px;
}

.kehua-my-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
}

.kehua-my-info-item {
    display: flex;
    align-items: center;
    padding: 14px 0px;
    border-bottom: 1px solid rgb(245, 245, 245);
    font-size: 14px;
}

.kehua-my-info-label {
    width: 90px;
    flex-shrink: 0;
    color: var(--color-text-light);
}

.kehua-my-info-value {
    color: var(--color-heading);
    font-weight: 500;
}

.kehua-my-account-audit {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    line-height: 1.5;
}

.kehua-my-account-audit--pending {
    background: rgb(239, 246, 255);
    border-color: rgb(191, 219, 254);
    color: rgb(30, 58, 95);
}

.kehua-my-account-audit--reject {
    background: rgb(254, 242, 242);
    border-color: rgb(254, 202, 202);
    color: rgb(127, 29, 29);
}

.kehua-my-account-audit__ico {
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.9;
}

.kehua-my-account-audit__title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;
}

.kehua-my-account-audit__desc {
    margin: 0px;
    font-size: 13px;
    opacity: 0.92;
}

.kehua-my-mhero {
    display: none;
}

.kehua-my-mhero {
    position: relative;
    color: rgb(15, 23, 42);
}

.kehua-my-mhero-banner {
    position: relative;
    height: calc(152px + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    box-sizing: border-box;
    border-radius: 0px;
    background-color: rgb(143, 168, 188);
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 360\" preserveAspectRatio=\"xMidYMax slice\"><defs><linearGradient id=\"g\" x1=\"0%25\" y1=\"0%25\" x2=\"0%25\" y2=\"100%25\"><stop offset=\"0%25\" stop-color=\"%23c5d4e2\"/><stop offset=\"55%25\" stop-color=\"%238fa3b5\"/><stop offset=\"100%25\" stop-color=\"%235d7285\"/></linearGradient></defs><rect width=\"1200\" height=\"360\" fill=\"url(%23g)\"/><path fill=\"%234a5f72\" opacity=\"0.35\" d=\"M0 360 L180 200 L320 280 L480 160 L620 240 L780 120 L920 200 L1080 80 L1200 140 L1200 360 Z\"/></svg>");
    background-size: cover;
    background-position: center bottom;
}

.kehua-my-mhero-banner--custom {
    background-image: none;
    background-color: rgb(255, 255, 255);
    background-size: cover;
    background-position: center center;
}

.kehua-my-mhero-banner::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 72%;
    background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.75) 55%, rgb(241, 245, 249) 100%);
    pointer-events: none;
}

.kehua-my-mhero-profile {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: -40px 16px 12px;
}

.kehua-my-mhero-avatar {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 24px;
    background: rgb(255, 255, 255);
}

.kehua-my-mhero-avatar-hit {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}

.kehua-my-mhero-avatar-hit:active {
    opacity: 0.92;
}

.kehua-my-mhero-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-my-mhero-id {
    min-width: 0px;
}

.kehua-my-mhero-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 20px;
    font-weight: 800;
    color: rgb(15, 23, 42);
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.kehua-my-mhero-name-link {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    word-break: break-word;
}

.kehua-my-mhero-name-link:active {
    opacity: 0.88;
}

.kehua-my-mhero-meta {
    margin-top: 4px;
    font-size: 12px;
    color: rgb(100, 116, 139);
    line-height: 1.35;
}

.kehua-my-mhero-vip-strip {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 8px 12px 10px;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    color: rgb(250, 243, 224);
    background: linear-gradient(118deg, rgb(20, 20, 19) 0%, rgb(10, 10, 11) 45%, rgb(18, 17, 16) 100%);
    border: 1px solid rgba(201, 162, 72, 0.32);
    box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.12) 0px 8px 22px;
    -webkit-tap-highlight-color: transparent;
    transition: filter 0.12s, background 0.12s;
}

.kehua-my-mhero-vip-strip:active {
    filter: brightness(1.06);
}

.kehua-my-mhero-vip-strip-ico {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(201, 162, 72, 0.5);
    background: linear-gradient(145deg, rgba(32, 28, 20, 0.95) 0%, rgba(14, 12, 9, 0.98) 100%);
    box-shadow: rgba(255, 220, 150, 0.1) 0px 1px 0px inset;
    color: rgb(232, 197, 71);
}

.kehua-my-mhero-vip-strip-ico .kehua-my-nav-icon {
    width: 22px;
    height: 22px;
    opacity: 1;
    filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 1px 2px);
}

.kehua-my-mhero-vip-strip-copy {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kehua-my-mhero-vip-strip-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgb(250, 243, 224);
    line-height: 1.25;
}

.kehua-my-mhero-vip-strip-sub {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    color: rgba(214, 188, 128, 0.88);
}

.kehua-my-mhero-vip-strip--member .kehua-my-mhero-vip-strip-sub {
    color: rgba(200, 175, 95, 0.9);
}

.kehua-my-mhero-vip-strip-chevron {
    flex-shrink: 0;
    display: block;
    opacity: 0.65;
    color: rgb(201, 162, 39);
}

.kehua-my-mhero-quick {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    margin: 4px 12px 0px;
    padding: 14px 10px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.kehua-my-mhero-quick-item {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 6px 4px;
    border-radius: 12px;
    text-decoration: none;
    color: rgb(51, 65, 85);
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s;
}

.kehua-my-mhero-quick-item:active {
    background: rgb(241, 245, 249);
}

.kehua-my-mhero-quick-item .kehua-my-nav-icon {
    width: 22px;
    height: 22px;
    opacity: 0.72;
    color: rgb(71, 85, 105);
}

.kehua-my-mhero-quick-label {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.kehua-my-mhero-more {
    margin: 10px 12px 0px;
    padding: 0px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.kehua-my-mhero-more-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 10px 6px;
    padding: 14px 10px;
    overflow: visible;
}

.kehua-my-mhero-more-grid .kehua-my-mhero-quick-item {
    flex: initial;
    width: auto;
    min-width: 0px;
    min-height: 66px;
    justify-content: flex-start;
    padding-left: 2px;
    padding-right: 2px;
}

.kehua-my-mhero-logout-wrap {
    margin: 16px 12px 0px;
}

.kehua-my-mhero-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    color: rgb(231, 76, 60);
    text-decoration: none;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s, color 0.15s;
}

.kehua-my-mhero-logout .kehua-my-nav-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.85;
}

.kehua-my-mhero-logout:active {
    background: rgb(254, 242, 242);
    color: rgb(220, 38, 38);
}

.kehua-my-form-group {
    margin-bottom: 20px;
}

.kehua-my-form-label {
    display: block;
    font-size: 14px;
    color: var(--color-text-light);
    margin-bottom: 8px;
    font-weight: 500;
}

.kehua-my-input {
    width: 100%;
    max-width: 400px;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 10px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: rgb(250, 251, 252);
    color: var(--color-text);
}

.kehua-my-input:focus {
    border-color: var(--color-primary);
    box-shadow: rgba(56, 132, 244, 0.1) 0px 0px 0px 3px;
    background: rgb(255, 255, 255);
}

.kehua-my-email-code-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    max-width: 400px;
}

.kehua-my-email-code-row .kehua-my-input {
    flex: 1 1 160px;
    width: auto;
    max-width: none;
    min-width: 0px;
}

.kehua-my-email-code-row .kehua-auth-send-code {
    height: 40px;
    border-radius: 10px;
}

.kehua-my-email-hint {
    margin: 8px 0px 0px;
    font-size: 12px;
    color: var(--color-text-light);
    line-height: 1.5;
}

.kehua-my-btn {
    display: inline-block;
    padding: 10px 32px;
    font-size: 14px;
    font-weight: 600;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.kehua-my-btn-primary {
    background: var(--color-primary);
    color: rgb(255, 255, 255);
}

.kehua-my-btn-primary:hover {
    background: var(--color-primary-dark);
    transform: translateY(-1px);
    box-shadow: rgba(56, 132, 244, 0.25) 0px 4px 12px;
}

.kehua-my-avatar-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.kehua-my-avatar-preview {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgb(232, 232, 232);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
    position: relative;
    cursor: pointer;
}

.kehua-my-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-my-avatar-overlay {
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 500;
}

.kehua-my-avatar-preview:hover .kehua-my-avatar-overlay {
    opacity: 1;
}

.kehua-my-avatar-progress {
    width: 200px;
    height: 6px;
    background: rgb(238, 238, 238);
    border-radius: 3px;
    overflow: hidden;
    display: none;
}

.kehua-my-avatar-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--color-primary), #60a5fa);
    border-radius: 3px;
    width: 0px;
    transition: width 0.3s;
}

.kehua-my-thread-feed {
    padding: 16px 24px;
}

.kehua-my-body .kehua-feed, .kehua-my-body .kehua-my-feed-list {
    padding: 0px 0px 24px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kehua-my-body .kehua-feed .kehua-post-card, .kehua-my-body .kehua-my-feed-list .kehua-post-card {
    padding: 14px 16px;
    margin: 0px;
    border-radius: 10px;
    background: rgb(250, 251, 252);
    border: 1px solid rgb(240, 242, 245);
    box-shadow: none;
    transition: background 0.2s, border-color 0.2s;
}

.kehua-my-body .kehua-feed .kehua-post-card:hover, .kehua-my-body .kehua-my-feed-list .kehua-post-card:hover {
    background: rgb(255, 255, 255);
    border-color: rgb(232, 234, 239);
}

.kehua-my-body .kehua-feed .kehua-post-card:last-child, .kehua-my-body .kehua-my-feed-list .kehua-post-card:last-child {
    border-bottom: 1px solid rgb(240, 242, 245);
}

.kehua-my-wrap--thread-tabs .kehua-my-panel {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    overflow: hidden;
}

.kehua-my-wrap--thread-tabs .kehua-my-tabs.kehua-thread-subtabs {
    background: rgb(255, 255, 255);
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(232, 236, 241);
    border-image: initial;
    box-shadow: none;
}

.kehua-my-wrap--thread-tabs .kehua-my-body {
    padding: 0px;
}

.kehua-my-wrap--thread-tabs .kehua-my-body .kehua-feed {
    gap: 0px;
    padding: 0px;
    margin: 0px;
}

.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed.kehua-feed--list-classic {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(255, 255, 255);
}

.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed.kehua-up-masonry-wrap {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    background: transparent;
}

/* 个人中心「我的帖子/点赞/收藏」瀑布流：与个人主页一致——去掉 Tab+列表外整块白底板，内容区留白；仅限 #kehua-my-thread-feed 瀑布流，不影响图文/经典列表 */
.kehua-my-wrap--thread-tabs .kehua-my-panel:has(#kehua-my-thread-feed.kehua-up-masonry-wrap) {
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    overflow: visible;
}

.kehua-my-wrap--thread-tabs .kehua-my-panel:has(#kehua-my-thread-feed.kehua-up-masonry-wrap) .kehua-my-tabs.kehua-thread-subtabs {
    background: transparent;
}

.kehua-my-wrap--thread-tabs .kehua-my-body:has(#kehua-my-thread-feed.kehua-up-masonry-wrap) {
    padding: 16px 16px 24px;
    box-sizing: border-box;
}

.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed.kehua-up-masonry-wrap .kehua-post-card {
    background: var(--color-white);
    border: var(--border);
    box-shadow: none;
    padding: 0;
    overflow: hidden;
}

.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed.kehua-up-masonry-wrap .kehua-post-card:hover {
    background: var(--color-white);
    border-color: var(--color-border);
}

@media (max-width: 768px) {
    .kehua-my-wrap--thread-tabs .kehua-my-body:has(#kehua-my-thread-feed.kehua-up-masonry-wrap) {
        padding: 12px 0 20px;
    }
}

/* 瀑布流：底部「没有更多了」等与页面灰底一致，不用白底条 */
.kehua-my-wrap--thread-tabs .kehua-my-body:has(#kehua-my-thread-feed.kehua-up-masonry-wrap) .kehua-fav-infinite-footer {
    background: transparent;
    padding: 12px 0 16px;
}

.kehua-my-wrap--thread-tabs .kehua-my-body .kehua-feed .kehua-post-card.kehua-post-card--classic-row-bbs {
    background: transparent;
    border-radius: 0px;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(232, 234, 237);
    border-image: initial;
    box-shadow: none;
    margin: 0px;
}

.kehua-my-wrap--thread-tabs .kehua-my-body .kehua-feed .kehua-post-card.kehua-post-card--classic-row-bbs:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-my-wrap--thread-tabs .kehua-my-body .kehua-feed > .kehua-post-card:not(.kehua-post-card--classic-row-bbs) {
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    padding: 24px 18px;
}

/* 个人中心「我的帖子/点赞/收藏」：仅图文（card）列表在卡片之间加分隔线；瀑布流与传统列表保持原样 */
.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) > .kehua-post-card:not(.kehua-post-card--classic-row-bbs) + .kehua-post-card:not(.kehua-post-card--classic-row-bbs) {
    border-top: 1px solid rgb(232, 234, 237);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* 同上：图文列表底部互动图标与首页/版块信息流一致（勿用全局 42px）；仅非瀑布流、非传统列表 */
.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions svg {
    width: 24px;
    height: 24px;
}

.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions span:not(.kehua-liked):not(.kehua-favorited),
.kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions a {
    color: #666;
}

@media (max-width: 768px) {
    .kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions {
        gap: 14px;
        margin-right: 0;
        max-width: 100%;
    }

    .kehua-my-wrap--thread-tabs .kehua-my-body > .kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions svg {
        width: 20px;
        height: 20px;
    }
}

/* 个人主页右侧动态：仅图文（card）列表——卡片间分隔线 + 底部点赞/收藏/评论图标尺寸（#kehua-user-masonry-wrap 与首页结构不同，单独限定；排除瀑布流/传统列表） */
#kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) > article.kehua-post-card:not(.kehua-post-card--classic-row-bbs) + article.kehua-post-card:not(.kehua-post-card--classic-row-bbs) {
    border-top: 1px solid rgb(232, 234, 237);
}

#kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions svg {
    width: 24px;
    height: 24px;
}

#kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions span:not(.kehua-liked):not(.kehua-favorited),
#kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions a {
    color: #666;
}

@media (max-width: 768px) {
    #kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions {
        gap: 14px;
        margin-right: 0;
        max-width: 100%;
    }

    #kehua-user-masonry-wrap.kehua-feed:not(.kehua-feed--list-classic):not(.kehua-up-masonry-wrap) .kehua-post-footer .kehua-post-actions svg {
        width: 20px;
        height: 20px;
    }
}

.kehua-my-wrap--thread-tabs .kehua-fav-infinite-footer {
    padding: 12px 16px 20px;
    background: rgb(255, 255, 255);
}

.kehua-timeline-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0px;
}

.kehua-timeline-header .kehua-post-meta {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 10px;
}

.kehua-timeline-header .kehua-post-author {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
}

.kehua-timeline-time {
    font-size: 12px;
    color: var(--color-text-light);
}

.kehua-timeline-desc {
    margin-left: 56px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.6;
}

.kehua-timeline-hint {
    color: var(--color-text-light);
    font-size: 13px;
}

.kehua-timeline-title {
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    margin: 0px 2px;
}

.kehua-timeline-title:hover {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

.kehua-timeline-reply {
    color: var(--color-text);
    font-size: 14px;
    margin-left: 2px;
}

.kehua-timeline-reply:hover {
    color: var(--color-primary);
}

.kehua-timeline-emoji {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.kehua-my-pagination {
    padding: 16px 0px;
    text-align: center;
}

.kehua-pagination {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex !important;
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.kehua-pagination .page-item {
    margin: 0px !important;
}

.kehua-pagination .page-link {
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-light);
    border-radius: 8px;
    transition: 0.2s;
    display: flex !important;
    margin: 0px !important;
    background: var(--color-bg) !important;
    border: 1px solid var(--color-border) !important;
    text-decoration: none !important;
}

.kehua-pagination .page-link:hover {
    color: var(--color-primary);
    background: rgba(0, 102, 255, 0.08) !important;
    border-color: var(--color-primary) !important;
}

.kehua-pagination .page-item.active .page-link {
    color: rgb(255, 255, 255) !important;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.kehua-pager-wrap {
    padding: 16px;
    text-align: center;
}

.kehua-follow-card .kehua-post-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.kehua-follow-card .kehua-post-meta {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-follow-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* 关注列表（我关注的 / 关注我的 / TA 的关注与粉丝列表行）：取关、已关注 — 浅灰底 */
.kehua-follow-card .kehua-btn-outline.js-haya-follow-del {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

.kehua-follow-card .kehua-btn-outline.js-haya-follow-del:hover {
    background: #d1d5db !important;
    border-color: #9ca3af !important;
    color: #1f2937 !important;
}

.kehua-followitem-actions .kehua-userzh-btn-ghost.js-haya-follow-del {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

.kehua-followitem-actions .kehua-userzh-btn-ghost.js-haya-follow-del:hover {
    background: #d1d5db !important;
    border-color: #9ca3af !important;
    color: #1f2937 !important;
}

@media (max-width: 900px) {
    .kehua-post-layout {
        grid-template-columns: 1fr;
    }

    .kehua-post-right {
        width: 100%;
        max-width: 100%;
    }

    .kehua-my-wrap {
        flex-direction: column;
        gap: 16px;
        padding: calc(var(--header-h) + 16px) 12px 24px;
        margin: 0px auto;
    }

    .kehua-my-wrap--profile-hero:not(:has(.kehua-msg-shell)) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .kehua-my-wrap > .kehua-my-drawer:not(.kehua-my-drawer-floating), .kehua-my-wrap > .kehua-my-drawer:not(.kehua-my-drawer-floating).kehua-my-drawer-open {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    .kehua-my-wrap:has(.kehua-msg-shell) {
        padding-top: var(--header-h);
    }

    .kehua-my-wrap:has(.kehua-msg-shell) {
        gap: 0px !important;
    }

    .kehua-my-info-grid {
        grid-template-columns: 1fr;
    }

    .kehua-my-body {
        padding: 15px;
    }

    .kehua-my-wrap--thread-tabs .kehua-my-body {
        padding: 0px;
    }

    .kehua-my-tabs {
        padding: 16px;
    }

    .kehua-my-tabs.kehua-thread-subtabs {
        padding: 0px 16px;
    }
}

@media (max-width: 992px) {
    #kehua-my-drawer.kehua-my-drawer-floating {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

.kehua-auth-overlay {
    position: fixed;
    inset: 0px;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.kehua-auth-overlay.kehua-auth-open {
    opacity: 1;
    visibility: visible;
}

.kehua-auth-modal {
    width: 420px;
    max-width: calc(-32px + 100vw);
    max-height: calc(-32px + 100vh);
    background: rgb(255, 255, 255);
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 24px 80px;
    padding: 36px 32px 32px;
    position: relative;
    transform: translateY(24px) scale(0.96);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
}

.kehua-auth-open .kehua-auth-modal {
    transform: translateY(0px) scale(1);
}

.kehua-auth-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgb(240, 242, 245);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(102, 102, 102);
    transition: 0.2s;
}

.kehua-auth-close:hover {
    background: rgb(228, 230, 235);
    color: rgb(51, 51, 51);
    transform: rotate(90deg);
}

.kehua-auth-header {
    text-align: center;
    margin-bottom: 24px;
}

.kehua-auth-logo {
    width: 56px;
    height: 56px;
    margin: 0px auto 14px;
    background: linear-gradient(135deg, var(--color-primary), #60a5fa);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 800;
    box-shadow: rgba(56, 132, 244, 0.25) 0px 6px 20px;
}

.kehua-auth-logo.kehua-auth-logo--img {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
}

.kehua-auth-logo.kehua-auth-logo--img img {
    display: block;
    max-width: 180px;
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0px auto;
}

.kehua-auth-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-heading);
    margin: 0px 0px 4px;
}

.kehua-auth-desc {
    font-size: 13px;
    color: var(--color-text-light);
    margin: 0px;
}

.kehua-auth-tabs {
    display: flex;
    background: rgb(240, 242, 245);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 24px;
}

.kehua-auth-tab {
    flex: 1 1 0%;
    height: 40px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: rgb(136, 136, 136);
    cursor: pointer;
    transition: 0.25s;
}

.kehua-auth-tab.kehua-active {
    background: rgb(255, 255, 255);
    color: var(--color-primary);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px;
}

.kehua-auth-field {
    display: flex;
    align-items: center;
    border: 1.5px solid rgb(228, 230, 235);
    border-radius: 12px;
    padding: 0px 14px;
    margin-bottom: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.kehua-auth-field:focus-within {
    border-color: var(--color-primary);
    box-shadow: rgba(56, 132, 244, 0.1) 0px 0px 0px 3px;
}

.kehua-auth-field svg {
    width: 20px;
    height: 20px;
    color: rgb(176, 176, 176);
    flex-shrink: 0;
}

.kehua-auth-field:focus-within svg {
    color: var(--color-primary);
}

.kehua-auth-field input {
    flex: 1 1 0%;
    height: 48px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    font-size: 14px;
    padding: 0px 12px;
    outline: none;
    color: var(--color-text);
    min-width: 0px;
}

.kehua-auth-field input::placeholder {
    color: rgb(170, 170, 170);
}

.kehua-auth-field--readonly {
    background: rgb(248, 249, 251);
    border-color: rgb(232, 234, 238);
}

.kehua-auth-field--readonly:focus-within {
    border-color: rgb(216, 219, 224);
    box-shadow: none;
}

.kehua-auth-field--readonly input[readonly] {
    color: var(--color-text-light);
    cursor: default;
}

.kehua-auth-field-code {
    flex-wrap: nowrap;
}

.kehua-auth-send-code {
    flex-shrink: 0;
    height: 34px;
    padding: 0px 14px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: var(--color-primary);
    color: rgb(255, 255, 255);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: 0.2s;
}

.kehua-auth-send-code:hover:not(:disabled) {
    background: var(--color-primary-dark);
}

.kehua-auth-send-code:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.kehua-auth-error {
    background: rgb(254, 242, 242);
    color: rgb(220, 38, 38);
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 14px;
    display: none;
    line-height: 1.5;
}

.kehua-auth-error.kehua-show {
    display: block;
}

.kehua-auth-submit {
    width: 100%;
    height: 48px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: linear-gradient(135deg, var(--color-primary), #60a5fa);
    color: rgb(255, 255, 255);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.25s;
    margin-top: 4px;
    letter-spacing: 0.5px;
}

.kehua-auth-submit:hover:not(:disabled) {
    box-shadow: rgba(56, 132, 244, 0.35) 0px 6px 20px;
    transform: translateY(-1px);
}

.kehua-auth-submit:active:not(:disabled) {
    transform: translateY(0px);
}

.kehua-auth-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.kehua-auth-submit.kehua-auth-success {
    background: linear-gradient(135deg, rgb(34, 197, 94), rgb(74, 222, 128));
}

.kehua-auth-footer {
    text-align: center;
    margin-top: 16px;
    font-size: 13px;
}

.kehua-auth-footer a {
    color: var(--color-primary);
    text-decoration: none;
}

.kehua-auth-footer a:hover {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .kehua-auth-modal {
        padding: 28px 20px 24px;
        border-radius: 20px;
        max-width: calc(-24px + 100vw);
    }

    .kehua-auth-logo:not(.kehua-auth-logo--img) {
        width: 48px;
        height: 48px;
        font-size: 18px;
        border-radius: 14px;
    }

    .kehua-auth-logo.kehua-auth-logo--img img {
        max-height: 46px;
    }

    .kehua-auth-title {
        font-size: 18px;
    }
}

.kehua-auth-page {
    min-height: calc(-56px + 100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px 48px;
    background: linear-gradient(165deg, rgb(238, 244, 255) 0%, rgb(248, 250, 252) 42%, rgb(240, 242, 245) 100%);
}

.kehua-auth-modal-static {
    transform: none !important;
    margin-top: 0px;
}

.kehua-auth-modal-wide {
    width: 440px;
    max-width: calc(-32px + 100vw);
}

.kehua-auth-back {
    display: inline-block;
    font-size: 13px;
    color: var(--color-text-light);
    text-decoration: none;
    margin-bottom: 16px;
    transition: color 0.2s;
}

.kehua-auth-back:hover {
    color: var(--color-primary);
}

.kehua-auth-page .kehua-auth-modal {
    position: relative;
}

.kehua-auth-page-links {
    text-align: center;
    margin-top: 18px;
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-auth-page-links a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
}

.kehua-auth-page-links a:hover {
    text-decoration: underline;
}

.kehua-auth-page-dot {
    margin: 0px 8px;
    opacity: 0.45;
}

.kehua-auth-page .kehua-auth-field .invalid-feedback {
    display: none;
    width: 100%;
    font-size: 12px;
    color: rgb(220, 38, 38);
    margin-top: 4px;
}

.kehua-auth-page .kehua-auth-field.is-invalid .invalid-feedback {
    display: block;
}

.kehua-my-content--wide {
    max-width: 100%;
}

.kehua-msg-shell {
    display: grid;
    gap: 0px;
    background: var(--color-white);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.kehua-msg-shell--pm {
    grid-template-columns: 168px 280px minmax(0px, 1fr);
    grid-template-rows: 1fr;
    height: min(600px, calc(100vh - var(--header-h) - 96px));
    min-height: 420px;
}

.kehua-msg-shell--notice {
    grid-template-columns: 168px minmax(0px, 1fr);
    grid-template-rows: 1fr;
    height: min(600px, calc(100vh - var(--header-h) - 96px));
    min-height: 420px;
}

.kehua-msg-mobhead {
    display: none;
}

.kehua-msg-cats {
    background: rgb(250, 251, 252);
    border-right: 1px solid var(--color-border);
    padding: 12px 0px;
    min-height: 0px;
    height: 100%;
    overflow-y: auto;
}

.kehua-msg-cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--color-text-light);
    transition: background 0.15s, color 0.15s;
    text-decoration: none;
}

.kehua-msg-cat-main {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0px;
    flex: 1 1 0%;
}

.kehua-msg-cat-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-msg-cat-label-mob {
    display: none;
}

.kehua-msg-top-mobtitle {
    display: none;
}

.kehua-msg-chat-head-slot {
    display: none;
}

.kehua-msg-cat-badge {
    flex-shrink: 0;
    min-width: 18px;
    height: 18px;
    padding: 0px 5px;
    line-height: 18px;
    font-size: 11px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(229, 57, 53);
    border-radius: 9px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
}

.kehua-msg-cat:hover {
    background: rgba(0, 102, 255, 0.06);
    color: var(--color-text);
}

.kehua-msg-cat-active {
    background: rgba(0, 102, 255, 0.1);
    color: var(--color-primary);
    font-weight: 600;
    border-right: 3px solid var(--color-primary);
    padding-right: 11px;
}

.kehua-msg-cat-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 1.25em;
    opacity: 0.72;
    color: currentcolor;
}

.kehua-msg-cat-ico svg {
    width: 18px;
    height: 18px;
    vertical-align: 0px;
}

.kehua-msg-cat-active .kehua-msg-cat-ico {
    opacity: 1;
}

.kehua-msg-threads {
    background: rgb(245, 246, 248);
    border-right: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
    min-width: 0px;
    min-height: 0px;
    height: 100%;
    overflow: hidden;
}

.kehua-msg-toolbar {
    padding: 12px 14px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-white);
    flex-shrink: 0;
}

.kehua-msg-toolbar-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.kehua-msg-toolbar > .kehua-msg-toolbar-title {
    margin-bottom: 4px;
}

.kehua-msg-toolbar-title {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text);
    margin-bottom: 0px;
}

.kehua-msg-toolbar-badge {
    flex-shrink: 0;
    min-width: 18px;
    height: 18px;
    padding: 0px 5px;
    line-height: 18px;
    font-size: 11px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    background: rgb(229, 57, 53);
    border-radius: 9px;
    box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
}

.kehua-msg-toolbar-meta {
    font-size: 12px;
    color: var(--color-text-light);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.kehua-msg-linkbtn {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
    color: var(--color-primary);
    font-size: 12px;
    cursor: pointer;
    padding: 0px;
    text-decoration: underline;
}

.kehua-msg-linkbtn:hover {
    color: var(--color-primary-dark);
}

.kehua-msg-threadlist {
    flex: 1 1 0%;
    min-height: 0px;
    overflow-y: auto;
    background: var(--color-white);
}

.kehua-msg-threadlist li {
    border-bottom: 1px solid var(--color-border);
}

.kehua-msg-thread-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    position: relative;
}

.kehua-msg-thread-avwrap {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
}

.kehua-msg-thread-active .kehua-msg-thread-row {
    background: rgba(0, 102, 255, 0.08);
}

.kehua-msg-thread-row:hover {
    background: rgba(0, 102, 255, 0.04);
}

.kehua-msg-thread-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    background: center center / cover no-repeat rgb(232, 234, 237);
}

.kehua-msg-thread-avwrap .kehua-msg-thread-avatar {
    display: block;
    width: 100%;
    height: 100%;
}

.kehua-msg-thread-avatar.kehua-msg-thread-avatar--img {
    overflow: hidden;
    padding: 0px;
    line-height: 0;
    background-image: none !important;
}

.kehua-msg-thread-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-msg-thread-body {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kehua-msg-thread-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.kehua-msg-thread-name {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text);
    min-width: 0px;
    line-height: 1.25;
}

.kehua-msg-thread-time {
    font-size: 11px;
    color: rgb(153, 153, 153);
    flex-shrink: 0;
    line-height: 1.25;
}

.kehua-msg-thread-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0px;
}

.kehua-msg-thread-preview {
    font-size: 14px;
    color: var(--color-text-light);
    flex: 1 1 0%;
    min-width: 0px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-msg-thread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 18px;
    height: 18px;
    padding: 0px 5px;
    box-sizing: border-box;
    border-radius: 9px;
    background: rgb(229, 57, 53);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-shadow: none;
}

.kehua-msg-thread-empty {
    padding: 32px 16px;
    text-align: center;
    color: var(--color-text-light);
    font-size: 13px;
}

.kehua-msg-chat {
    background: rgb(248, 248, 248);
    display: flex;
    flex-direction: column;
    min-width: 0px;
    min-height: 0px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.kehua-msg-chat-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-white);
    flex-shrink: 0;
}

.kehua-msg-chat-back {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: -6px 0px -6px -8px;
    border-radius: 10px;
    color: rgb(26, 26, 26);
    flex-shrink: 0;
}

.kehua-msg-chat-back:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--color-primary);
}

.kehua-msg-chat-back svg {
    width: 22px;
    height: 22px;
    display: block;
}

.kehua-msg-chat-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: center center / cover no-repeat rgb(232, 234, 237);
}

.kehua-msg-chat-avatar.kehua-msg-chat-avatar--img {
    overflow: hidden;
    padding: 0px;
    line-height: 0;
    display: inline-block;
    background-image: none !important;
}

.kehua-msg-chat-avatar-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-msg-chat-name {
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text);
    flex: 1 1 0%;
}

.kehua-msg-chat-profile {
    font-size: 12px;
    color: var(--color-primary);
}

.kehua-msg-chat-profile:hover {
    text-decoration: underline;
    color: var(--color-primary-dark);
}

.kehua-msg-bubbles {
    flex: 1 1 0%;
    min-height: 0px;
    overflow: hidden auto;
    padding: 16px;
    background: rgb(248, 248, 248);
    display: block;
    overflow-anchor: none;
}

.kehua-msg-pm-topkit {
    display: block;
}

.kehua-msg-pm-rows {
    display: block;
}

.kehua-msg-pm-endpad {
    display: block;
    height: 20px;
    min-height: 20px;
    width: 100%;
    pointer-events: none;
}

.kehua-msg-pm-sentinel {
    height: 1px;
    width: 100%;
    pointer-events: none;
    visibility: hidden;
}

.kehua-msg-pm-loadbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 0px 12px;
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-msg-pm-loadbar[hidden] {
    display: none !important;
}

.kehua-msg-conv-sentinel-li {
    list-style: none;
    height: 1px;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    overflow: hidden;
}

.kehua-msg-conv-sentinel {
    height: 1px;
    width: 100%;
    pointer-events: none;
    visibility: hidden;
}

.kehua-msg-conv-loadbar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--color-text-light);
    background: var(--color-white);
    border-top: 1px solid var(--color-border);
}

.kehua-msg-conv-loadbar[hidden] {
    display: none !important;
}

.kehua-msg-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    align-items: flex-start;
}

.kehua-msg-row-mine {
    flex-direction: row-reverse;
}

.kehua-msg-av {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    background: center center / cover no-repeat rgb(232, 234, 237);
}

.kehua-msg-av.kehua-msg-av--img {
    overflow: hidden;
    padding: 0px;
    line-height: 0;
    background-image: none !important;
}

.kehua-msg-av-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.kehua-msg-col {
    max-width: 78%;
}

.kehua-msg-row-mine .kehua-msg-col {
    text-align: right;
}

.kehua-msg-time {
    font-size: 11px;
    color: rgb(153, 153, 153);
    margin-bottom: 4px;
}

.kehua-msg-bubble {
    display: inline-block;
    text-align: left;
    padding: 12px 16px;
    border-radius: 5px 16px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: rgb(26, 26, 26);
    background: rgb(235, 235, 235);
    word-break: break-word;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px;
    max-width: 100%;
}

.kehua-msg-row-mine .kehua-msg-bubble {
    border-radius: 16px 5px 16px 16px;
    background: var(--color-primary);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px;
}

.kehua-msg-compose {
    padding: 12px 16px 16px;
    border-top: 1px solid var(--color-border);
    background: var(--color-white);
    flex-shrink: 0;
    position: relative;
}

.kehua-msg-textarea {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    min-height: 72px;
    background: var(--color-white);
    color: var(--color-text);
}

.kehua-msg-textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: rgba(0, 102, 255, 0.12) 0px 0px 0px 3px;
}

.kehua-msg-compose-bar {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

.kehua-msg-compose-tools {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.kehua-msg-toolbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    background: transparent;
    color: rgb(107, 114, 128);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.kehua-msg-toolbtn:hover:not(:disabled) {
    background: rgb(240, 242, 245);
    color: var(--color-primary);
}

.kehua-msg-toolbtn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.kehua-msg-toolsvg {
    width: 22px;
    height: 22px;
    display: block;
}

.kehua-msg-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.kehua-msg-emoji-pop {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    box-sizing: border-box;
    bottom: 100%;
    margin-bottom: 6px;
    z-index: 40;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 28px;
    overflow: hidden;
}

.kehua-msg-emoji-pop[hidden] {
    display: none !important;
}

.kehua-msg-emoji-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    gap: 4px;
    padding: 10px;
    max-height: min(40vh, 240px);
    overflow: hidden auto;
    width: 100%;
    box-sizing: border-box;
}

.kehua-msg-emoji-cell {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: transparent;
    font-size: 1.35rem;
    line-height: 1;
    min-width: 0px;
    padding: 4px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.12s;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}

.kehua-msg-emoji-cell:hover {
    background: rgb(240, 242, 245);
}

.kehua-msg-compose-hint {
    font-size: 12px;
    color: var(--color-text-light);
    margin-top: 6px;
    line-height: 1.4;
}

.kehua-msg-send {
    flex-shrink: 0;
    margin-left: auto;
}

.kehua-msg-embed {
    margin: 6px 0px 0px;
    max-width: 100%;
}

.kehua-msg-embed img {
    display: block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

#kehua-msg-bubbles .kehua-msg-embed img {
    cursor: zoom-in;
}

.kehua-msg-pm-lightbox {
    position: fixed;
    inset: 0px;
    z-index: 100050;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    background: rgba(0, 0, 0, 0.92);
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.kehua-msg-pm-lightbox[hidden] {
    display: none !important;
}

.kehua-msg-pm-lightbox-close {
    position: absolute;
    top: max(12px, env(safe-area-inset-top, 12px));
    right: max(12px, env(safe-area-inset-right, 12px));
    z-index: 2;
    width: 44px;
    height: 44px;
    margin: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: rgb(255, 255, 255);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.kehua-msg-pm-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.22);
}

.kehua-msg-pm-lightbox-stage {
    flex: 1 1 0%;
    min-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 52px 12px 20px;
    box-sizing: border-box;
}

.kehua-msg-pm-lightbox-stage img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 12px 48px;
    user-select: none;
    -webkit-user-drag: none;
}

.kehua-msg-chat-empty {
    flex: 1 1 0%;
    min-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-light);
    font-size: 14px;
    padding: 48px 24px;
    text-align: center;
    background: rgb(245, 246, 248);
}

.kehua-msg-notice-panel {
    background: rgb(245, 246, 248);
    min-width: 0px;
    min-height: 0px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.kehua-msg-notice-scrollwrap {
    flex: 1 1 0%;
    min-height: 0px;
    overflow: hidden auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.kehua-msg-noticelist {
    flex: 0 0 auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.kehua-msg-notice-loadbar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 16px;
    font-size: 13px;
    color: var(--color-text-light);
    background: linear-gradient(rgba(245, 246, 248, 0) 0%, rgb(240, 242, 245) 40%);
    border-top: 1px solid var(--color-border);
}

.kehua-msg-notice-loadbar[hidden] {
    display: none !important;
}

.kehua-msg-notice-loadbar[hidden] .kehua-msg-notice-spinner {
    animation: auto ease 0s 1 normal none running none;
}

.kehua-msg-notice-spinner {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-style: solid;
    border-right-color: rgba(0, 102, 255, 0.2);
    border-bottom-color: rgba(0, 102, 255, 0.2);
    border-left-color: rgba(0, 102, 255, 0.2);
    border-image: initial;
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: 0.65s linear 0s infinite normal none running kehua-msg-spin;
}

@keyframes kehua-msg-spin {
    100% {
        transform: rotate(360deg);
    }
}

.kehua-msg-notice-nomore {
    flex-shrink: 0;
    margin: 0px;
    padding: 12px 16px 16px;
    text-align: center;
    font-size: 13px;
    color: var(--color-text-light);
}

.kehua-msg-notice-sentinel {
    flex-shrink: 0;
    height: 1px;
    width: 100%;
    pointer-events: none;
    visibility: hidden;
}

.kehua-my-wrap .kehua-fav-infinite-footer .kehua-msg-notice-sentinel {
    visibility: visible;
    opacity: 0;
    height: 8px;
}

.kehua-my-wrap .kehua-feed.kehua-up-masonry-wrap--index-3 {
    gap: 12px;
}

.kehua-my-wrap .kehua-feed.kehua-up-masonry-wrap--index-3 .kehua-up-masonry-col {
    gap: 12px;
}

@media (max-width: 768px) {
    .kehua-my-wrap .kehua-feed.kehua-up-masonry-wrap--index-3 {
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .kehua-my-wrap .kehua-feed.kehua-up-masonry-wrap--index-3 .kehua-up-masonry-col {
        flex: 0 1 calc(50% - 6px);
        max-width: calc(50% - 6px);
        min-width: 0px;
    }
}

@media (max-width: 768px) {
    html:has(.kehua-my-wrap--profile-hero) {
        --header-h: 0px;
    }

    body:has(.kehua-my-wrap--profile-hero) .kehua-header, body:has(.kehua-my-wrap--profile-hero) #header.navbar {
        display: none !important;
    }

    body:has(.kehua-my-wrap--profile-hero):not(:has(.kehua-msg-shell)) {
        background: rgb(241, 245, 249);
    }

    .kehua-my-wrap--profile-hero:not(:has(.kehua-msg-shell)) {
        gap: 0px;
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .kehua-my-wrap--profile-hero .kehua-my-content {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 0px;
    }

    .kehua-my-wrap--profile-hero .kehua-my-mhero {
        display: block;
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
        margin-bottom: 0px;
        padding-bottom: 16px;
    }

    .kehua-my-wrap--profile-hero .kehua-my-panel {
        display: none !important;
    }
}

@media (max-width: 768px) {
    html:has(.kehua-msg-shell) {
        --header-h: 0px;
        background-color: rgb(239, 246, 255);
    }

    body:has(.kehua-msg-shell) {
        background-color: rgb(239, 246, 255);
    }

    html:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open), body:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) {
        background-color: rgb(255, 255, 255);
    }

    body:has(.kehua-msg-shell) .kehua-header {
        display: none !important;
    }

    body:has(.kehua-msg-shell) #header.navbar {
        display: none !important;
    }

    html:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open), body:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) {
        overflow: hidden;
        overscroll-behavior: none;
    }

    .kehua-my-wrap:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) {
        min-height: 0px !important;
        padding-top: 0px !important;
        gap: 0px !important;
    }

    body:has(.kehua-msg-shell--pm.kehua-msg-shell--chat-open) .kehua-fab {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .kehua-my-wrap:has(.kehua-msg-shell) {
        display: flex;
        flex-direction: column;
        min-height: 100dvh;
        padding-top: var(--header-h);
        padding-left: 0px;
        padding-right: 0px;
        gap: 0px;
        background: transparent;
    }

    body:has(.kehua-my-wrap .kehua-msg-shell):not(:has(.kehua-msg-shell--chat-open)) {
        background-color: rgb(239, 246, 255);
    }

    .kehua-my-wrap:has(.kehua-msg-shell--chat-open) {
        padding-bottom: 0px !important;
    }

    body:has(.kehua-msg-shell--chat-open) .kehua-mobile-tabbar {
        display: none !important;
    }

    .kehua-my-wrap:has(.kehua-msg-shell) .kehua-my-content {
        width: 100%;
        flex: 1 1 auto;
        min-height: 0px;
        display: flex;
        flex-direction: column;
        background: transparent;
    }

    .kehua-my-content--wide:has(.kehua-msg-shell) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .kehua-msg-shell {
        border-radius: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        flex: 1 1 auto;
        min-height: 0px;
        height: auto;
        max-height: none;
        background: transparent;
    }

    .kehua-msg-shell--pm {
        display: flex;
        flex-direction: column;
        min-height: 0px;
    }

    .kehua-msg-shell--notice {
        display: flex;
        flex-direction: column;
        grid-template-columns: unset;
        grid-template-rows: unset;
        min-height: 0px;
    }

    .kehua-msg-shell--notice .kehua-msg-notice-panel {
        flex: 1 1 auto;
        min-height: 0px;
        height: auto;
        background: rgb(255, 255, 255);
    }

    .kehua-msg-mobhead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        gap: 12px;
        margin: 0px;
        padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 10px;
        background: linear-gradient(rgba(239, 246, 255, 0.92) 0%, rgba(250, 245, 255, 0.55) 45%, rgb(255, 255, 255) 100%);
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        -webkit-tap-highlight-color: transparent;
    }

    .kehua-msg-shell--chat-open .kehua-msg-mobhead {
        display: none !important;
    }

    .kehua-msg-mobhead-title {
        margin: 0px;
        font-size: 22px;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.2;
        color: rgb(15, 23, 42);
    }

    .kehua-msg-mobhead-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex-shrink: 0;
        margin: 0px -8px 0px 0px;
    }

    .kehua-msg-mobhead-clear {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0px;
        padding: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.65);
        box-shadow: rgba(15, 23, 42, 0.06) 0px 1px 0px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .kehua-msg-mobhead-clear:active {
        opacity: 0.85;
        transform: scale(0.96);
    }

    .kehua-msg-mobhead-clear-ico {
        display: block;
        width: 24px;
        height: 24px;
        object-fit: contain;
        pointer-events: none;
    }

    .kehua-msg-cats {
        position: relative;
        z-index: 6;
        flex-shrink: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
        gap: 4px;
        height: auto;
        min-height: 0px;
        padding: 12px 8px;
        overflow: auto hidden;
        background: rgb(255, 255, 255);
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        box-shadow: none;
        backdrop-filter: none;
    }

    .kehua-msg-shell--chat-open .kehua-msg-cats {
        display: none;
    }

    .kehua-msg-cat {
        position: relative;
        flex: 1 1 0%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        padding: 2px 4px 0px;
        font-size: 11px;
        line-height: 1.2;
        color: rgb(191, 191, 191);
        border-radius: 0px;
        max-width: 25%;
        min-width: 0px;
        -webkit-tap-highlight-color: transparent;
    }

    .kehua-msg-cat-main {
        flex-direction: column;
        gap: 6px;
        align-items: center;
        justify-content: flex-start;
        flex: 0 0 auto;
    }

    .kehua-msg-cat-ico {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: rgb(248, 248, 248);
        color: rgb(44, 44, 44);
        opacity: 1;
    }

    .kehua-msg-cat-ico svg {
        width: 22px;
        height: 22px;
    }

    .kehua-msg-cat-text {
        font-size: 11px;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
    }

    .kehua-msg-cat-label-full {
        display: none;
    }

    .kehua-msg-cat-label-mob {
        display: inline;
    }

    .kehua-msg-cat:hover {
        background: transparent;
        color: rgb(191, 191, 191);
    }

    .kehua-msg-cat-active {
        background: transparent;
        color: rgb(44, 44, 44);
        font-weight: 600;
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        padding-right: 4px;
        padding-left: 4px;
    }

    .kehua-msg-cat-active .kehua-msg-cat-ico {
        background: rgb(248, 248, 248);
        color: rgb(44, 44, 44);
        opacity: 1;
    }

    .kehua-msg-cat > .kehua-msg-cat-badge {
        position: absolute;
        top: 4px;
        left: 50%;
        margin-left: 12px;
        min-width: 16px;
        height: 16px;
        padding: 0px 4px;
        line-height: 16px;
        font-size: 10px;
        font-weight: 700;
        border-radius: 8px;
        transform: none;
        transform-origin: center center;
        box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
    }

    .kehua-msg-threads {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        background: rgb(255, 255, 255);
        flex: 1 1 auto;
        min-height: 0px;
        height: auto;
        max-height: none;
    }

    .kehua-msg-top-mobtitle {
        display: none;
    }

    .kehua-msg-toolbar {
        display: none;
    }

    .kehua-msg-threadlist {
        background: rgb(255, 255, 255);
    }

    .kehua-msg-threadlist li {
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    }

    .kehua-msg-thread-row {
        padding: 12px 14px;
        gap: 12px;
        align-items: center;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        text-decoration: none;
        color: inherit;
        -webkit-tap-highlight-color: transparent;
    }

    .kehua-msg-thread-active .kehua-msg-thread-row {
        background: rgb(235, 235, 235);
    }

    .kehua-msg-thread-name {
        font-size: 16px;
        font-weight: 500;
    }

    .kehua-msg-thread-time {
        font-size: 12px;
        color: rgb(178, 178, 178);
    }

    .kehua-msg-thread-preview {
        font-size: 14px;
        color: rgb(136, 136, 136);
    }

    .kehua-msg-conv-loadbar {
        background: rgb(255, 255, 255);
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
    }

    .kehua-msg-shell--pm.kehua-msg-shell--chat-open .kehua-msg-threads {
        display: none !important;
    }

    .kehua-msg-chat {
        background: rgb(248, 248, 248);
    }

    .kehua-msg-shell--pm:not(.kehua-msg-shell--chat-open) .kehua-msg-chat {
        display: none;
    }

    .kehua-msg-shell--pm.kehua-msg-shell--chat-open {
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        z-index: 90;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        height: auto;
        max-height: none;
        flex: 0 0 auto !important;
    }

    .kehua-msg-shell--pm.kehua-msg-shell--chat-open .kehua-msg-chat {
        display: flex;
        flex: 1 1 auto;
        min-height: 0px;
    }

    .kehua-msg-chat-back {
        display: inline-flex;
    }

    .kehua-msg-chat-head {
        position: sticky;
        top: 0px;
        z-index: 20;
        display: grid;
        grid-template-columns: 40px 36px 1fr 40px;
        align-items: center;
        gap: 0px 8px;
        padding: 8px 10px;
        border-bottom: 1px solid rgb(229, 229, 229);
    }

    .kehua-msg-shell--pm.kehua-msg-shell--chat-open .kehua-msg-chat-head {
        padding-top: max(8px, env(safe-area-inset-top, 0px));
    }

    .kehua-msg-chat-back {
        grid-column: 1;
    }

    .kehua-msg-chat-avatar {
        grid-column: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }

    .kehua-msg-chat-name {
        grid-column: 3;
        flex: 0 0 auto;
        min-width: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        line-height: 1.25;
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        color: rgb(0, 0, 0);
    }

    .kehua-msg-chat-profile {
        display: none;
    }

    .kehua-msg-chat-head-slot {
        display: block;
        grid-column: 4;
        width: 40px;
        height: 1px;
    }

    .kehua-msg-bubbles {
        background: rgb(248, 248, 248);
        padding: 12px;
    }

    .kehua-msg-row {
        margin-bottom: 16px;
    }

    .kehua-msg-av {
        width: 40px;
        height: 40px;
    }

    .kehua-msg-col {
        max-width: 72%;
    }

    .kehua-msg-bubble {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(232, 232, 232);
        border-radius: 4px 12px 12px;
        box-shadow: none;
        padding: 10px 12px;
        font-size: 16px;
    }

    .kehua-msg-row-mine .kehua-msg-bubble {
        background: var(--color-primary);
        color: rgb(255, 255, 255);
        border-color: transparent;
        border-radius: 12px 4px 12px 12px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px;
    }

    .kehua-msg-row-mine .kehua-msg-bubble a {
        color: rgba(255, 255, 255, 0.92);
        text-decoration: underline;
    }

    .kehua-msg-compose {
        padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid rgb(220, 220, 220);
        background: rgb(247, 247, 247);
    }

    .kehua-msg-textarea {
        min-height: 40px;
        border-radius: 8px;
        border-color: rgb(224, 224, 224);
        font-size: 16px;
    }

    .kehua-msg-compose-bar {
        margin-top: 8px;
        align-items: center;
    }

    .kehua-msg-send {
        margin-left: auto;
        padding: 8px 18px;
        border-radius: 6px;
        font-size: 15px;
        font-weight: 600;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        background: var(--color-primary) !important;
        color: rgb(255, 255, 255) !important;
    }

    .kehua-msg-send:hover {
        background: var(--color-primary-dark) !important;
        color: rgb(255, 255, 255) !important;
    }

    .kehua-msg-compose-hint {
        display: none;
    }

    .kehua-msg-notice-panel:not(.kehua-msg-notice-panel--off) .kehua-msg-toolbar {
        display: none;
    }

    .kehua-msg-notice-panel--off .kehua-msg-toolbar {
        background: var(--color-white);
        border-bottom: 1px solid var(--color-border);
        display: block !important;
    }

    .kehua-msg-notice-scrollwrap {
        background: rgb(255, 255, 255);
    }

    .kehua-msg-notice-item {
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    }
}

.kehua-fav-infinite-footer {
    margin-top: 0px;
}

.kehua-fav-loadbar {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    background: transparent;
}

@keyframes kehua-fav-card-in {
    0% {
        opacity: 0;
        transform: translateY(14px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.kehua-fav-feed .kehua-post-card.kehua-fav-card-enter, .kehua-like-feed .kehua-post-card.kehua-fav-card-enter, .kehua-inf-feed .kehua-post-card.kehua-fav-card-enter, .kehua-up-masonry-feed .kehua-post-card.kehua-fav-card-enter {
    animation: 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running kehua-fav-card-in;
}

.kehua-msg-notice-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 16px 16px 13px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-white);
    border-left: 3px solid transparent;
    transition: background 0.15s;
}

.kehua-msg-notice-item:hover {
    background: rgb(250, 251, 252);
}

.kehua-msg-notice-unread {
    background: rgba(0, 102, 255, 0.06);
    border-left-color: var(--color-primary);
}

.kehua-msg-notice-unread:hover {
    background: rgba(0, 102, 255, 0.09);
}

.kehua-msg-notice-item--jump {
    cursor: pointer;
}

.kehua-msg-notice-av {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    background: center center / cover no-repeat rgb(232, 234, 237);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.kehua-msg-notice-body {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-msg-notice-meta {
    font-size: 12px;
    color: var(--color-text-light);
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
}

.kehua-msg-notice-meta strong {
    color: var(--color-text);
    font-weight: 600;
    font-size: 14px;
}

.kehua-msg-notice-meta > span:last-of-type {
    font-size: 12px;
    color: rgb(153, 153, 153);
}

.kehua-msg-notice-msg {
    font-size: 14px;
    color: var(--color-text);
    line-height: 1.55;
    word-break: break-word;
}

.kehua-msg-notice-msg a {
    color: var(--color-primary);
    text-decoration: none;
}

.kehua-msg-notice-msg a:hover {
    text-decoration: underline;
}

.kehua-msg-notice-msg .comment-info {
    font-size: 13px;
    color: rgb(136, 136, 136);
    margin-bottom: 8px;
    line-height: 1.45;
}

.kehua-msg-notice-msg .comment-info a {
    color: rgb(136, 136, 136);
}

.kehua-msg-notice-msg .comment-info a:hover {
    color: var(--color-primary);
}

.kehua-msg-notice-msg .single-comment, .kehua-msg-notice-msg .reply-comment {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text);
}

.kehua-msg-notice-msg .single-comment a, .kehua-msg-notice-msg .reply-comment a {
    color: inherit;
    font-weight: 600;
}

.kehua-msg-notice-msg .quote-comment {
    font-size: 13px;
    color: var(--color-text-light);
    padding: 8px 12px;
    margin: 0px 0px 8px;
    background: rgb(240, 242, 245);
    border-radius: 8px;
    border-left: 3px solid rgb(208, 212, 220);
    line-height: 1.45;
}

.kehua-msg-notice-em {
    width: 22px;
    height: 22px;
    vertical-align: text-bottom;
    display: inline-block;
    margin: 0px 2px;
    object-fit: contain;
}

.kehua-msg-pagination {
    padding: 12px 16px;
    background: var(--color-white);
    border-top: 1px solid var(--color-border);
}

.kehua-msg-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.kehua-msg-pagination .pagination li {
    display: inline-block;
}

.kehua-msg-pagination .pagination a, .kehua-msg-pagination .pagination span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
    color: var(--color-text);
    background: rgb(245, 246, 248);
    border: 1px solid var(--color-border);
}

@media (max-width: 1024px) and (min-width: 769px) {
    .kehua-msg-shell--pm, .kehua-msg-shell--notice {
        grid-template-rows: auto;
        height: auto;
        min-height: 0px;
        max-height: none;
    }

    .kehua-msg-shell--pm {
        grid-template-columns: 1fr;
    }

    .kehua-msg-cats {
        display: flex;
        flex-wrap: wrap;
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        border-bottom: 1px solid var(--color-border);
        height: auto;
        max-height: none;
        overflow-y: visible;
    }

    .kehua-msg-cat-active {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        padding-right: 14px;
    }

    .kehua-msg-cat {
        flex: 1 1 42%;
        justify-content: space-between;
    }

    .kehua-msg-threads {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        height: auto;
        max-height: 220px;
        min-height: 0px;
    }

    .kehua-msg-threadlist {
        flex: 1 1 0%;
        min-height: 0px;
    }

    .kehua-msg-chat {
        height: min(420px, calc(100vh - var(--header-h) - 280px));
        min-height: 280px;
        max-height: 55vh;
    }

    .kehua-msg-bubbles {
        flex: 1 1 0%;
        min-height: 0px;
    }

    .kehua-msg-notice-panel {
        height: auto;
        min-height: min(360px, 50vh);
        max-height: min(480px, 60vh);
    }

    .kehua-msg-notice-scrollwrap {
        flex: 1 1 0%;
        min-height: 0px;
    }
}

.kehua-my-points {
    padding-top: 20px;
}

.kehua-points-hero {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

@media (max-width: 640px) {
    .kehua-points-hero {
        grid-template-columns: 1fr;
    }
}

.kehua-points-card {
    border-radius: 14px;
    padding: 18px 16px;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 88px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 20px;
}

.kehua-points-card--a {
    background: linear-gradient(135deg, rgb(90, 159, 122) 0%, rgb(61, 122, 92) 100%);
}

.kehua-points-card--b {
    background: linear-gradient(135deg, rgb(74, 122, 191) 0%, rgb(53, 90, 158) 100%);
}

.kehua-points-card--c {
    background: linear-gradient(135deg, rgb(232, 138, 42) 0%, rgb(201, 106, 18) 100%);
}

.kehua-points-card__label {
    font-size: 13px;
    opacity: 0.92;
    font-weight: 500;
}

.kehua-points-card__val {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.kehua-points-tier {
    background: rgb(248, 250, 252);
    border: 1px solid rgb(232, 236, 241);
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
}

.kehua-points-tier__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: rgb(85, 85, 85);
    margin-bottom: 8px;
}

.kehua-points-tier__pct {
    font-weight: 700;
    color: var(--color-primary);
}

.kehua-points-tier__bar {
    height: 8px;
    border-radius: 999px;
    background: rgb(226, 232, 240);
    overflow: hidden;
}

.kehua-points-tier__bar > span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--color-primary), #38bdf8);
    transition: width 0.25s;
}

.kehua-points-tier__hint {
    margin: 8px 0px 0px;
    font-size: 12px;
    color: rgb(148, 163, 184);
}

.kehua-points-intro {
    font-size: 14px;
    color: rgb(71, 85, 105);
    padding: 12px 14px;
    background: rgb(255, 251, 235);
    border: 1px solid rgb(253, 230, 138);
    border-radius: 10px;
    margin-bottom: 18px;
    line-height: 1.55;
}

.kehua-points-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 12px;
}

.kehua-points-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    min-width: 480px;
}

.kehua-points-table th, .kehua-points-table td {
    padding: 12px 14px;
    text-align: center;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.kehua-points-table th {
    background: rgb(248, 250, 252);
    font-weight: 600;
    color: rgb(51, 65, 85);
}

.kehua-points-table td:first-child, .kehua-points-table th:first-child {
    text-align: left;
}

.kehua-points-table tbody tr:last-child td {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-points-extra {
    margin: 20px 0px 0px;
    text-align: center;
}

.kehua-points-extra__link {
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.kehua-points-extra__link:hover {
    color: var(--color-primary-dark);
}

.kehua-ttdown {
    margin: 1.1rem 0px;
    border-radius: 14px;
    overflow: hidden;
    border: var(--border);
    background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(255, 255, 255) 50%, rgb(241, 245, 249) 100%);
}

.kehua-ttdown__inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 14px;
    padding: 20px;
}

.kehua-ttdown__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(145deg, rgb(59, 130, 246), rgb(96, 165, 250));
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-ttdown__body {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-ttdown__title {
    font-weight: 700;
    font-size: 15px;
    color: rgb(15, 23, 42);
    letter-spacing: 0.02em;
}

.kehua-ttdown__meta {
    margin: 6px 0px 0px;
    font-size: 13px;
    color: rgb(100, 116, 139);
}

.kehua-ttdown__meta strong {
    color: rgb(239, 68, 68);
    font-weight: 700;
}

.kehua-ttdown--gate .kehua-ttdown__meta--gate {
    margin: 6px 0px 0px;
    color: rgb(100, 116, 139);
    font-weight: 500;
}

.kehua-ttdown--gate .kehua-ttdown__meta--gate strong {
    color: inherit;
    font-weight: inherit;
}

.kehua-ttdown--gate .kehua-ttdown__aside--gate {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
    align-items: center;
    justify-content: flex-end;
}

.kehua-ttdown--locked .kehua-ttdown-paybtn, .kehua-ttdown--gate .kehua-ttdown__aside--gate > a.kehua-btn.kehua-ttdown-gate-act {
    box-sizing: border-box;
    padding: 10px 16px;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 500;
}

.kehua-ttdown--gate .kehua-ttdown__aside--gate > a.kehua-btn.kehua-ttdown-gate-act {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kehua-ttdown--gate .kehua-ttdown-gate-act {
    white-space: nowrap;
}

.kehua-ttdown--locked button.kehua-ttdown-paybtn {
    flex-shrink: 0;
    margin-left: auto;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-family: inherit;
    cursor: pointer;
}

.kehua-ttdown--ok .kehua-ttdown__inner, .kehua-ttdown--unlocked .kehua-ttdown__inner {
    background: linear-gradient(120deg, rgb(236, 253, 245), rgb(255, 255, 255));
    border-color: rgb(167, 243, 208);
}

.kehua-ttdown__badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: rgb(4, 120, 87);
    background: rgb(209, 250, 229);
    margin-right: 8px;
}

.kehua-ttdown__icon--ok {
    color: rgb(5, 150, 105);
    background: rgb(209, 250, 229);
    flex-shrink: 0;
}

.kehua-ttdown__icon--brand {
    background: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    box-sizing: border-box;
}

.kehua-ttdown__icon--brand .kehua-ttdown__brand-img {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.kehua-ttdown--unlocked .kehua-ttdown__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0px;
}

.kehua-ttdown__name {
    font-size: 14px;
    font-weight: 400;
    color: rgb(15, 23, 42);
    word-break: break-all;
    line-height: 1.4;
}

.kehua-ttdown__hint {
    font-size: 12px;
    color: rgb(148, 163, 184);
    font-weight: 400;
}

.kehua-ttdown__trail {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
    margin-left: auto;
    min-width: 0px;
}

.kehua-ttdown__trail .kehua-ttdown__extract {
    margin-top: 0px;
    text-align: left;
    max-width: min(220px, 42vw);
}

.kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown-open {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgb(5, 150, 105) 0%, rgb(4, 120, 87) 100%);
    color: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: rgba(5, 150, 105, 0.25) 0px 2px 8px;
    flex-shrink: 0;
    padding: 10px 16px;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 500;
}

.kehua-ttdown--unlocked .kehua-ttdown-open:hover {
    background: linear-gradient(135deg, rgb(4, 120, 87) 0%, rgb(6, 95, 70) 100%);
    box-shadow: rgba(5, 150, 105, 0.35) 0px 4px 12px;
}

.kehua-ttdown-open {
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .kehua-ttdown__inner {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 15px !important;
        align-items: center !important;
    }

    .kehua-ttdown__icon {
        width: 40px !important;
        height: 40px !important;
        grid-area: 1 / 1 !important;
    }

    .kehua-ttdown__icon--brand {
        width: 44px !important;
        height: 44px !important;
    }

    .kehua-ttdown__icon--brand .kehua-ttdown__brand-img {
        width: 44px !important;
        height: 44px !important;
    }

    .kehua-ttdown__body {
        grid-area: 1 / 2 !important;
        min-width: 0px !important;
    }

    .kehua-ttdown__title {
        font-size: 15px !important;
    }

    .kehua-ttdown__meta {
        font-size: 13px !important;
    }

.kehua-ttdown-paybtn, .kehua-btn.kehua-ttdown-paybtn {
    grid-area: 2 / 1 / auto / -1 !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important; /* 底部留间距，避免贴在一起 */
}

.kehua-ttdown--unlocked .kehua-ttdown__trail {
    grid-area: 2 / 1 / auto / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
    box-sizing: border-box !important;
    flex-flow: column !important; /* 关键：改为垂直排列 */
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

.kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown__extract {
    flex: none !important;
    width: 100% !important; /* 关键：宽度100% */
    max-width: 100% !important; /* 关键：取消46%限制 */
    min-width: 0px !important;
    margin: 0px !important;
    padding: 8px 14px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    place-content: center !important;
    gap: 6px !important;
    border-radius: var(--radius);
    background: var(--color-white);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 2px 8px !important;
    color: rgb(71, 85, 105) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

.kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown__extract-k {
    color: rgb(100, 116, 139) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown__extract-v {
    color: rgb(15, 23, 42) !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

    .kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown-open, .kehua-ttdown--unlocked .kehua-ttdown__trail a.kehua-ttdown-open {
        flex: 1 1 auto !important;
        min-width: 0px !important;
        width: auto !important;
        max-width: none !important;
        margin: 0px !important;
        box-sizing: border-box !important;
        border-radius: 999px !important;
        min-height: unset !important;
    }

    .kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown-open:only-child, .kehua-ttdown--unlocked .kehua-ttdown__trail a.kehua-ttdown-open:only-child {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .kehua-ttdown--gate .kehua-ttdown__aside--gate {
        grid-area: 2 / 1 / auto / -1 !important;
        width: 100% !important;
        margin-left: 0px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .kehua-ttdown--gate .kehua-ttdown__aside--gate .kehua-btn.kehua-ttdown-gate-act {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

@media (max-width: 640px) {
    body.kehua-page-read .kehua-ttdown--unlocked .kehua-ttdown__trail .kehua-ttdown-open, body.kehua-page-read .kehua-ttdown--unlocked .kehua-ttdown__trail a.kehua-btn.kehua-ttdown-open {
        margin-top: 0px !important;
    }

    body.kehua-page-read .kehua-ttdown--unlocked .kehua-ttdown-open, body.kehua-page-read a.kehua-btn.kehua-ttdown-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: var(--radius) !important;
        padding: 8px 18px !important;
        height: auto !important;
        min-height: unset !important;
        max-height: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        letter-spacing: 0.02em !important;
        line-height: 1.25 !important;
        box-shadow: rgba(21, 128, 61, 0.24) 0px 5px 16px !important;
        margin-top: 4px !important;
    }

    body.kehua-page-read .kehua-ttdown--unlocked .kehua-ttdown-open:hover, body.kehua-page-read a.kehua-btn.kehua-ttdown-open:hover {
        background: linear-gradient(135deg, rgb(4, 120, 87) 0%, rgb(6, 95, 70) 100%) !important;
        color: rgb(255, 255, 255) !important;
        box-shadow: rgba(21, 128, 61, 0.34) 0px 8px 24px !important;
    }

    body.kehua-page-read .kehua-ttdown--locked .kehua-ttdown-paybtn, body.kehua-page-read .kehua-ttdown--locked .kehua-btn.kehua-ttdown-paybtn, body.kehua-page-read .kehua-ttdown--gate .kehua-ttdown__aside--gate a.kehua-btn.kehua-ttdown-gate-act {
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        padding: 8px 18px !important;
        height: auto !important;
        min-height: unset !important;
        max-height: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
        margin-top: 4px !important;
        box-shadow: rgba(37, 99, 235, 0.2) 0px 4px 14px !important;
    }
}

.kehua-ttdown-mip {
    margin: 1rem 0px;
    padding: 12px 14px;
    background: rgb(255, 251, 235);
    border-radius: 10px;
    color: rgb(146, 64, 14);
    border: 1px solid rgb(253, 230, 138);
}

.kehua-post-paylink {
    margin: 18px 0px 8px;
    padding: 12px 18px 16px;
    border-radius: 14px;
    border: 1px dashed rgb(199, 210, 254);
    background: linear-gradient(145deg, rgb(238, 242, 255) 0%, rgb(255, 255, 255) 55%, rgb(245, 243, 255) 100%);
    overflow: visible;
}

.kehua-post-paylink__summary {
    padding: 6px 0px 4px;
}

.kehua-post-paylink__title {
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: rgb(55, 48, 163);
    margin-bottom: 0px;
    flex: 1 1 0%;
    min-width: 0px;
    text-align: left;
}

.kehua-post-paylink__body {
    padding-top: 8px;
    overflow: visible;
}

details.kehua-post-collapse--paylink {
    overflow: visible;
}

.kehua-post-paylink__rows-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: visible;
}

.kehua-post-paylink__toolbar {
    margin-top: 12px;
}

.kehua-post-paylink__linkblock {
    position: relative;
    overflow: visible;
    padding: 11px 12px 10px;
    border-radius: 12px;
    border: 1px solid rgba(99, 102, 241, 0.2);
    background: rgba(255, 255, 255, 0.6);
}

.kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 3;
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.55);
    background: rgb(255, 255, 255);
    color: rgb(100, 116, 139);
    font-size: 19px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: rgba(15, 23, 42, 0.1) 0px 2px 8px, rgba(255, 255, 255, 0.9) 0px 0px 0px 1px inset;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove:focus {
    outline: none;
}

.kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove:focus-visible {
    outline: rgba(99, 102, 241, 0.55) solid 2px;
    outline-offset: 2px;
}

.kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove:disabled {
    opacity: 0.38;
    cursor: not-allowed;
    box-shadow: none;
}

.kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove:not(:disabled):hover {
    background: rgb(255, 241, 242);
    border-color: rgb(252, 165, 165);
    color: rgb(185, 28, 28);
    box-shadow: rgba(185, 28, 28, 0.12) 0px 3px 10px;
}

.kehua-post-paylink__row--money {
    margin-top: 8px;
    padding-top: 0px;
    align-items: stretch;
}

.kehua-post-paylink__lineprice {
    flex: 1 1 120px;
    min-width: 0px;
    max-width: 100%;
}

.kehua-post-paylink__add {
    font-size: 13px;
}

.kehua-post-paylink__hint {
    display: block;
    font-size: 12px;
    line-height: 1.55;
    color: rgb(100, 116, 139);
    margin: 0px 0px 12px;
}

.kehua-post-paylink__row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.kehua-post-paylink__input {
    flex: 1 1 0%;
    min-width: 200px;
}

.kehua-post-paylink__row--price {
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(99, 102, 241, 0.25);
}

.kehua-post-paylink__row--linkpair .kehua-post-paylink__input {
    flex: 1 1 200px;
    min-width: 160px;
}

.kehua-post-paylink__row--linkpair .kehua-post-paylink__input::placeholder, .kehua-post-paylink__row--linkpair .kehua-post-paylink__codeinput::placeholder {
    color: rgb(170, 170, 170);
    opacity: 1;
    font-weight: 400;
    font-family: inherit;
    letter-spacing: normal;
}

.kehua-post-paylink__codeinput {
    flex: 0 1 140px;
    width: 140px;
    max-width: 100%;
    min-width: 0px;
}

.kehua-post-paylink__codeinput:not(:placeholder-shown) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    letter-spacing: 0.04em;
}

.kehua-ttdown__extract {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.45;
    color: rgb(100, 116, 139);
    font-weight: 500;
}

.kehua-ttdown__extract-k {
    flex-shrink: 0;
}

.kehua-ttdown__extract-v {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background: none;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    user-select: all;
    word-break: break-all;
}

.kehua-ttdown--unlocked .kehua-ttdown__extract {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.kehua-ttdown--unlocked .kehua-ttdown__extract:focus {
    outline: rgba(5, 150, 105, 0.45) solid 2px;
    outline-offset: 2px;
    border-radius: 8px;
}

.kehua-ttdown--unlocked .kehua-ttdown__extract:focus:not(:focus-visible) {
    outline: none;
}

.kehua-ttdown-copy-toast {
    position: fixed;
    left: 50%;
    top: max(20vh, calc(env(safe-area-inset-top, 0px) + 48px));
    bottom: auto;
    z-index: 100020;
    padding: 10px 26px;
    border-radius: 999px;
    background: rgb(236, 253, 245);
    color: rgb(4, 120, 87);
    border: 1px solid rgba(5, 150, 105, 0.14);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0px;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(-50%, -8px, 0px);
    transition: opacity 0.2s, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: rgba(6, 78, 59, 0.1) 0px 6px 20px;
    max-width: calc(-32px + 100vw);
    text-align: center;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.kehua-ttdown-copy-toast.kehua-ttdown-copy-toast--show {
    opacity: 1;
    transform: translate3d(-50%, 0px, 0px);
}

.kehua-post-paylink__priceinput {
    width: 110px;
    max-width: 100%;
    flex: 0 0 auto;
}

.kehua-post-paylink__typeselect {
    flex: 0 1 140px;
    min-width: 0px;
}

#text_f_modal .modal-body + .modal-body {
    display: none !important;
}

@media (max-width: 576px) {
    .kehua-ttdown__inner {
        flex-direction: column;
        align-items: stretch;
    }

    .kehua-ttdown--locked .kehua-ttdown-paybtn, .kehua-ttdown--gate .kehua-ttdown__aside--gate a.kehua-btn.kehua-ttdown-gate-act {
        margin-left: 0px;
        width: 100%;
    }

    .kehua-post-paylink__linkblock {
        padding: 12px;
    }

    .kehua-post-paylink__linkblock > .kehua-post-paylink__row-remove {
        top: -8px;
        right: -8px;
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .kehua-post-paylink__row:not(.kehua-post-paylink__row--money) {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .kehua-post-paylink__row--money {
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;
        flex-direction: row !important;
    }

    .kehua-post-paylink__input {
        width: 100%;
        min-height: 0px;
        resize: none;
        min-width: 0px !important;
        flex: 0 0 auto !important;
    }

    .kehua-post-paylink__row--linkpair .kehua-post-paylink__input {
        min-height: 0px;
        line-height: 1.35;
        flex: 0 0 auto !important;
    }

    .kehua-post-paylink__typeselect {
        flex: 1 1 42%;
        min-width: 0px;
        width: auto;
        height: 42px;
        max-height: 44px;
    }

    .kehua-post-paylink__typeselect select {
        min-height: 42px;
        max-height: 42px;
        height: 42px !important;
    }

    .kehua-post-paylink__priceinput, .kehua-post-paylink__lineprice {
        flex: 1 1 50%;
        min-width: 0px;
        width: auto !important;
    }

    .kehua-post-paylink__codeinput {
        width: 100%;
        flex: 0 0 auto !important;
    }
}

.kehua-pay-modal {
    position: fixed;
    inset: 0px;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-pay-modal__overlay {
    position: absolute;
    inset: 0px;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
}

.kehua-pay-modal__container {
    position: relative;
    width: 90%;
    max-width: 420px;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 60px;
    animation: 0.25s ease-out 0s 1 normal none running kehua-modal-in;
    overflow: hidden;
}

@keyframes kehua-modal-in {
    0% {
        opacity: 0;
        transform: scale(0.92) translateY(20px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0px);
    }
}

.kehua-pay-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    border-bottom: 1px solid rgb(241, 245, 249);
}

.kehua-pay-modal__title {
    margin: 0px;
    font-size: 17px;
    font-weight: 600;
    color: rgb(30, 41, 59);
}

.kehua-pay-modal__close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgb(241, 245, 249);
    border-radius: 50%;
    font-size: 20px;
    color: rgb(100, 116, 139);
    cursor: pointer;
    transition: 0.15s;
}

.kehua-pay-modal__close:hover {
    background: rgb(226, 232, 240);
    color: rgb(51, 65, 85);
}

.kehua-pay-modal__body {
    padding: 20px 22px;
}

.kehua-pay-modal__subject {
    padding: 14px 16px;
    background: linear-gradient(135deg, rgb(239, 246, 255) 0%, rgb(240, 253, 244) 100%);
    border: 1px solid rgb(219, 234, 254);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(30, 64, 175);
    margin-bottom: 18px;
    line-height: 1.5;
}

.kehua-pay-modal__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0px;
    border-top: 1px dashed rgb(226, 232, 240);
    border-bottom: 1px dashed rgb(226, 232, 240);
}

.kehua-pay-modal__price-box {
    display: flex;
    flex-direction: column;
}

.kehua-pay-modal__label {
    font-size: 12px;
    color: rgb(148, 163, 184);
    margin-bottom: 4px;
}

.kehua-pay-modal__price {
    display: flex;
    align-items: baseline;
}

.kehua-pay-modal__price-num {
    font-size: 36px;
    font-weight: 700;
    color: rgb(99, 102, 241);
    line-height: 1;
}

.kehua-pay-modal__price-unit {
    font-size: 14px;
    color: rgb(99, 102, 241);
    margin-left: 6px;
    font-weight: 500;
}

.kehua-pay-modal__balance-box {
    text-align: right;
    padding: 10px 14px;
    background: rgb(248, 250, 252);
    border-radius: 8px;
}

.kehua-pay-modal__balance-label {
    font-size: 12px;
    color: rgb(148, 163, 184);
}

.kehua-pay-modal__balance-num {
    font-size: 16px;
    font-weight: 600;
    color: rgb(16, 185, 129);
}

.kehua-pay-modal__balance-num--low {
    color: rgb(239, 68, 68);
}

.kehua-pay-modal__warning {
    margin-top: 14px;
    padding: 10px 14px;
    background: rgb(254, 242, 242);
    border: 1px solid rgb(254, 202, 202);
    border-radius: 8px;
    font-size: 13px;
    color: rgb(220, 38, 38);
    text-align: center;
}

.kehua-pay-modal__footer {
    display: flex;
    gap: 12px;
    padding: 16px 22px 20px;
    justify-content: flex-end;
}

.kehua-pay-modal__btn {
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.15s;
    text-decoration: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kehua-pay-modal__btn--cancel {
    background: rgb(241, 245, 249);
    color: rgb(100, 116, 139);
}

.kehua-pay-modal__btn--cancel:hover {
    background: rgb(226, 232, 240);
    color: rgb(71, 85, 105);
}

.kehua-pay-modal__btn--primary, .kehua-pay-modal__btn--recharge, .kehua-pay-modal__btn--login {
    background: rgb(0, 102, 255);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 102, 255, 0.35) 0px 4px 14px;
}

.kehua-pay-modal__btn--primary:hover, .kehua-pay-modal__btn--recharge:hover, .kehua-pay-modal__btn--login:hover {
    background: rgb(0, 82, 204);
    box-shadow: rgba(0, 102, 255, 0.45) 0px 6px 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.kehua-pay-modal__btn--primary:disabled {
    background: rgb(102, 163, 255);
    box-shadow: none;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .kehua-pay-modal__container {
        width: 95%;
        border-radius: 12px;
    }

    .kehua-pay-modal__info {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .kehua-pay-modal__balance-box {
        text-align: center;
    }

    .kehua-pay-modal__footer {
        flex-direction: column;
    }

    .kehua-pay-modal__btn {
        width: 100%;
    }
}

.kehua-attach-fieldset .attachlist {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.kehua-attach-fieldset .attachlist li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    background: rgb(248, 250, 252);
    border: 1px solid rgb(226, 232, 240);
    border-radius: 8px;
}

.kehua-attach-fieldset .attachlist li:last-child {
    margin-bottom: 0px;
}

.kehua-attach-fieldset .attachlist li > a:first-child {
    flex: 1 1 0%;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(30, 41, 59);
    text-decoration: none;
    font-size: 14px;
}

.kehua-attach-fieldset .attachlist li > a:first-child:hover {
    color: rgb(59, 130, 246);
}

.kehua-attach-fieldset .attachlist li .kehua-attach-meta {
    font-size: 12px;
    color: rgb(148, 163, 184);
    white-space: nowrap;
}

.kehua-attach-fieldset .attachlist li a.delete {
    flex-shrink: 0;
    padding: 4px 10px;
    background: rgb(254, 242, 242);
    color: rgb(239, 68, 68);
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.kehua-attach-fieldset .attachlist li a.delete:hover {
    background: rgb(254, 226, 226);
}

.kehua-attach-price-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 232, 240);
    border-radius: 6px;
    flex-shrink: 0;
}

.kehua-attach-price-label {
    font-size: 12px;
    color: rgb(100, 116, 139);
    white-space: nowrap;
}

.kehua-attach-price-input {
    width: 50px;
    padding: 4px 6px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
}

.kehua-attach-price-input:focus {
    outline: none;
    border-color: rgb(59, 130, 246);
}

.kehua-attach-price-type {
    padding: 4px 6px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 4px;
    font-size: 12px;
    background: rgb(255, 255, 255);
    cursor: pointer;
}

.kehua-attach-price-type:focus {
    outline: none;
    border-color: rgb(59, 130, 246);
}

ul.kehua-attachlist-paid {
    padding: 0px !important;
    margin: 0px !important;
    list-style: none !important;
}

ul.kehua-attachlist-paid > li.kehua-attach-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-flow: row !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    margin-bottom: 10px !important;
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(229, 231, 235) !important;
    border-radius: 10px !important;
    transition: 0.2s !important;
}

ul.kehua-attachlist-paid > li.kehua-attach-item:last-child {
    margin-bottom: 0px !important;
}

ul.kehua-attachlist-paid > li.kehua-attach-item:hover {
    border-color: rgb(209, 213, 219) !important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px !important;
}

ul.kehua-attachlist-paid > li.kehua-attach-item--locked {
    background: rgb(255, 251, 251) !important;
    border-color: rgb(254, 205, 211) !important;
}

ul.kehua-attachlist-paid > li.kehua-attach-item--locked:hover {
    border-color: rgb(253, 164, 175) !important;
    box-shadow: rgba(244, 63, 94, 0.08) 0px 2px 8px !important;
}

.kehua-attach-item__left {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0px !important;
    overflow: hidden !important;
}

.kehua-attach-item__right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

.kehua-attach-item__link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: rgb(30, 41, 59) !important;
    text-decoration: none !important;
    min-width: 0px !important;
    font-weight: 500 !important;
}

.kehua-attach-item__link:hover {
    color: rgb(0, 102, 255) !important;
}

.kehua-attach-item__locked {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: rgb(100, 116, 139) !important;
    min-width: 0px !important;
}

.kehua-attach-item__name {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.kehua-attach-item__status {
    padding: 4px 10px !important;
    font-size: 12px !important;
    border-radius: 20px !important;
    background: rgb(236, 253, 245) !important;
    color: rgb(5, 150, 105) !important;
    font-weight: 500 !important;
}

.kehua-attach-item__price {
    font-size: 14px !important;
    color: rgb(100, 116, 139) !important;
    white-space: nowrap !important;
}

.kehua-attach-item__price em {
    font-style: normal !important;
    font-weight: 600 !important;
    color: rgb(239, 68, 68) !important;
}

button.kehua-attach-paybtn {
    padding: 8px 20px !important;
    background: rgb(0, 102, 255) !important;
    color: rgb(255, 255, 255) !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    white-space: nowrap !important;
}

button.kehua-attach-paybtn:hover {
    background: rgb(0, 82, 204) !important;
    box-shadow: rgba(0, 102, 255, 0.25) 0px 4px 12px !important;
}

button.kehua-attach-paybtn:disabled {
    background: rgb(148, 163, 184) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 640px) {
    ul.kehua-attachlist-paid > li.kehua-attach-item {
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 12px 14px !important;
    }

    .kehua-attach-item__left {
        width: 100% !important;
    }

    .kehua-attach-item__right {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .kehua-attach-item__price {
        text-align: left !important;
    }

    .kehua-attach-item__status {
        align-self: flex-start !important;
        width: auto !important;
    }

    button.kehua-attach-paybtn {
        width: 100% !important;
        padding: 10px 20px !important;
        text-align: center !important;
    }

    .kehua-attach-item__name {
        font-size: 13px !important;
    }
}

@media (max-width: 576px) {
    .kehua-attach-fieldset .attachlist li {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .kehua-attach-fieldset .attachlist li > a:first-child {
        white-space: normal;
        word-break: break-all;
    }

    .kehua-attach-fieldset .attachlist li .kehua-attach-meta {
        order: 1;
    }

    .kehua-attach-price-wrap {
        order: 2;
        width: 100%;
        justify-content: flex-start;
    }

    .kehua-attach-price-input {
        flex: 1 1 0%;
        max-width: 80px;
    }

    .kehua-attach-fieldset .attachlist li a.delete {
        order: 3;
        text-align: center;
    }

    .kehua-attach-item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .kehua-attach-item__main {
        flex-wrap: wrap;
    }

    .kehua-attach-paybtn {
        width: 100%;
    }
}

.kehua-vip-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    vertical-align: middle;
    text-decoration: none;
}

.kehua-vip-badge--active {
    color: rgb(198, 48, 62);
}

.kehua-vip-badge--inactive {
    color: rgb(156, 163, 175);
}

.kehua-vip-badge svg.kehua-vip-badge-crown {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    display: block;
}

.kehua-vip-badge--active svg.kehua-vip-badge-crown {
    filter: drop-shadow(rgba(198, 48, 62, 0.22) 0px 1px 1px);
}

.kehua-vip-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    background: linear-gradient(135deg, rgb(198, 48, 62) 0%, rgb(154, 27, 42) 100%);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
    line-height: 1.2;
}

.kehua-vip-username {
    color: rgb(198, 48, 62) !important;
    font-weight: 600;
}

.kehua-vip-username:hover {
    color: rgb(154, 27, 42) !important;
}

.kehua-vip-username .kehua-post-author-link {
    color: inherit !important;
}

.kehua-vip-username .kehua-post-author-link:hover {
    color: rgb(154, 27, 42) !important;
}

.kehua-confirm-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(16px, env(safe-area-inset-bottom, 0px));
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-tap-highlight-color: transparent;
}

.kehua-confirm-overlay.show {
    opacity: 1;
}

.kehua-confirm-box {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 60px;
    width: 320px;
    max-width: min(90vw, 360px);
    overflow: hidden;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.kehua-confirm-overlay.show .kehua-confirm-box {
    transform: scale(1) translateY(0px);
}

.kehua-confirm-body {
    padding: 28px 24px 20px;
    text-align: center;
}

.kehua-confirm-icon {
    width: 48px;
    height: 48px;
    margin: 0px auto 16px;
    background: linear-gradient(135deg, rgb(254, 243, 199) 0%, rgb(253, 230, 138) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-confirm-icon svg {
    width: 24px;
    height: 24px;
    color: rgb(217, 119, 6);
}

.kehua-confirm-icon--danger {
    width: 52px;
    height: 52px;
    margin: 0px auto 18px;
    background: linear-gradient(145deg, rgb(255, 241, 242) 0%, rgb(255, 228, 230) 40%, rgb(254, 205, 211) 100%);
    box-shadow: rgba(255, 255, 255, 0.65) 0px 1px 0px inset, rgba(225, 29, 72, 0.18) 0px 6px 18px;
}

.kehua-confirm-icon--danger svg {
    width: 28px;
    height: 28px;
    color: rgb(220, 38, 38);
    filter: drop-shadow(rgba(255, 255, 255, 0.35) 0px 1px 0px);
}

.kehua-confirm-title {
    font-size: 16px;
    font-weight: 600;
    color: rgb(31, 41, 55);
    margin: 0px 0px 8px;
}

.kehua-confirm-msg {
    font-size: 14px;
    color: rgb(107, 114, 128);
    margin: 0px;
    line-height: 1.5;
}

.kehua-confirm-msg .kehua-confirm-msg-warn {
    display: block;
    margin-top: 10px;
    color: rgb(180, 83, 9);
    font-weight: 500;
}

.kehua-confirm-overlay--pm-delete .kehua-confirm-title {
    color: rgb(69, 10, 10);
}

.kehua-confirm-overlay--pm-delete .kehua-confirm-msg-warn {
    color: rgb(185, 28, 28);
    font-weight: 600;
}

.kehua-confirm-overlay--pm-delete .kehua-confirm-box {
    box-shadow: rgba(0, 0, 0, 0.22) 0px 20px 60px;
}

.kehua-confirm-actions {
    display: flex;
    border-top: 1px solid rgb(243, 244, 246);
}

.kehua-confirm-btn {
    flex: 1 1 0%;
    padding: 14px 20px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
}

.kehua-confirm-btn:first-child {
    color: rgb(107, 114, 128);
    border-right: 1px solid rgb(243, 244, 246);
}

.kehua-confirm-btn:first-child:hover {
    background: rgb(249, 250, 251);
}

.kehua-confirm-btn:last-child {
    color: rgb(220, 38, 38);
    font-weight: 600;
}

.kehua-confirm-btn:last-child:hover {
    background: rgb(254, 242, 242);
}

.kehua-confirm-btn.kehua-confirm-btn--single {
    color: rgb(107, 114, 128);
    background: none;
    border-radius: 0px 0px 16px 16px;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
}

.kehua-confirm-btn.kehua-confirm-btn--single:hover {
    background: rgb(249, 250, 251);
}

.kehua-confirm-btn.kehua-confirm-btn--primary {
    color: rgb(217, 119, 6);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-confirm-btn.kehua-confirm-btn--primary:hover {
    background: rgb(255, 251, 235);
}

.kehua-confirm-icon--vip {
    background: linear-gradient(135deg, rgb(254, 243, 199) 0%, rgb(253, 230, 138) 100%);
}

.kehua-confirm-icon--vip svg {
    color: rgb(217, 119, 6);
}

.kehua-user-signature {
    margin-top: 16px;
    padding-top: 10px;
    border-top: 1px dashed rgb(229, 231, 235);
    font-size: 12px;
    color: rgb(185, 185, 185);
    line-height: 1.5;
}

.kehua-signature-text {
    word-break: break-word;
}

.kehua-signature-text a {
    color: rgb(185, 185, 185);
    text-decoration: none;
}

.kehua-signature-text a:hover {
    color: rgb(158, 158, 158);
    text-decoration: underline;
}

.kehua-user-signature.kehua-sig-compact {
    margin-top: 30px;
    padding-top: 0px;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    font-size: 14px;
    color: rgb(185, 185, 185);
    line-height: 1.55;
}

.kehua-sig-compact .kehua-signature-head {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 1.2em;
}

.kehua-sig-compact .kehua-signature-label {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: rgb(74, 144, 226);
    text-transform: uppercase;
    line-height: 1;
}

.kehua-sig-compact .kehua-signature-rule {
    flex: 1 1 0%;
    min-width: 0px;
    height: 0px;
    border-top: 1px dashed rgb(209, 213, 219);
    align-self: center;
}

.kehua-sig-compact .kehua-signature-body {
    margin-top: 10px;
}

.kehua-sig-compact .kehua-signature-text {
    font-size: 12px;
    color: rgb(185, 185, 185);
    word-break: break-word;
}

.kehua-sig-compact .kehua-signature-text a {
    color: rgb(185, 185, 185);
}

.kehua-sig-compact .kehua-signature-text a:hover {
    color: rgb(158, 158, 158);
    text-decoration: underline;
}

.kehua-thread-pending-badge {
    display: inline-block;
    margin-left: 0.35em;
    padding: 0.1em 0.45em;
    font-size: 0.78em;
    font-weight: 700;
    line-height: 1.35;
    background: rgb(220, 38, 38);
    border-radius: 4px;
    vertical-align: middle;
    white-space: nowrap;
    color: rgb(255, 255, 255) !important;
}

.kehua-article-title .kehua-thread-pending-badge {
    font-size: 0.58em;
    vertical-align: middle;
    margin-left: 0px;
    flex-shrink: 0;
    align-self: center;
}

.kehua-thread-mod-bar {
    margin: 0px 0px 1rem;
    padding: 0px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(99, 102, 241, 0.06) 100%);
    border: 1px solid rgba(59, 130, 246, 0.22);
    box-shadow: rgba(15, 23, 42, 0.06) 0px 4px 14px;
}

.kehua-thread-mod-bar--post {
    margin: 0px 0px 10px;
}

.kehua-post-audit-mask {
    margin: 0px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(254, 243, 199, 0.65);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: rgb(146, 64, 14);
    font-size: 0.9rem;
}

body.kehua-dark .kehua-post-audit-mask {
    background: rgba(120, 53, 15, 0.35);
    border-color: rgba(251, 191, 36, 0.35);
    color: rgb(253, 230, 138);
}

.kehua-thread-mod-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    padding: 12px 14px;
}

.kehua-thread-mod-bar__hint {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0px;
    flex: 1 1 200px;
    color: rgb(51, 65, 85);
    font-size: 0.92rem;
    line-height: 1.45;
}

.kehua-thread-mod-bar__hint strong {
    color: rgb(30, 41, 59);
    font-weight: 700;
}

.kehua-thread-mod-bar__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(15, 23, 42, 0.08) 0px 1px 3px;
}

.kehua-thread-mod-bar__icon--pending {
    color: rgb(37, 99, 235);
}

.kehua-thread-mod-bar__icon--reject {
    color: rgb(217, 119, 6);
}

.kehua-thread-mod-bar__icon--recycle {
    color: rgb(100, 116, 139);
}

.kehua-thread-mod-bar__hint-text {
    min-width: 0px;
}

.kehua-thread-mod-bar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.kehua-mod-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0px 16px;
    border-radius: 9px;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.1s;
}

.kehua-mod-btn:focus {
    outline: rgba(59, 130, 246, 0.45) solid 2px;
    outline-offset: 2px;
}

.kehua-mod-btn:active {
    transform: translateY(1px);
}

.kehua-thread-mod-bar .kehua-mod-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    transform: none;
}

.kehua-mod-btn--pass {
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(34, 197, 94) 0%, rgb(22, 163, 74) 100%);
    box-shadow: rgba(22, 163, 74, 0.35) 0px 2px 8px;
}

.kehua-mod-btn--pass:hover, .kehua-mod-btn--pass:focus-visible {
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(22, 163, 74) 0%, rgb(21, 128, 61) 100%);
}

.kehua-mod-btn--reject {
    color: rgb(146, 64, 14);
    background: rgb(255, 251, 235);
    border-color: rgba(245, 158, 11, 0.45);
}

.kehua-mod-btn--reject:hover, .kehua-mod-btn--reject:focus-visible {
    color: rgb(146, 64, 14);
    background: rgb(254, 243, 199);
    border-color: rgba(217, 119, 6, 0.55);
}

.kehua-mod-btn--delete {
    color: rgb(185, 28, 28);
    background: rgb(255, 255, 255);
    border-color: rgba(220, 38, 38, 0.45);
}

.kehua-mod-btn--delete:hover, .kehua-mod-btn--delete:focus-visible {
    color: rgb(185, 28, 28);
    background: rgb(254, 242, 242);
    border-color: rgb(220, 38, 38);
}

.kehua-mod-btn--recover {
    color: rgb(29, 78, 216);
    background: rgb(239, 246, 255);
    border-color: rgba(37, 99, 235, 0.35);
}

.kehua-mod-btn--recover:hover, .kehua-mod-btn--recover:focus-visible {
    color: rgb(29, 78, 216);
    background: rgb(219, 234, 254);
}

.kehua-mod-btn--purge {
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(100, 116, 139) 0%, rgb(71, 85, 105) 100%);
    box-shadow: rgba(71, 85, 105, 0.35) 0px 2px 8px;
}

.kehua-mod-btn--purge:hover, .kehua-mod-btn--purge:focus-visible {
    color: rgb(255, 255, 255);
    background: linear-gradient(rgb(71, 85, 105) 0%, rgb(51, 65, 85) 100%);
}

body.kehua-dark .kehua-thread-mod-bar {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(99, 102, 241, 0.08) 100%);
    border-color: rgba(96, 165, 250, 0.28);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 16px;
}

body.kehua-dark .kehua-thread-mod-bar__hint {
    color: rgb(226, 232, 240);
}

body.kehua-dark .kehua-thread-mod-bar__hint strong {
    color: rgb(248, 250, 252);
}

body.kehua-dark .kehua-thread-mod-bar__icon {
    background: rgba(15, 23, 42, 0.65);
    box-shadow: none;
}

body.kehua-dark .kehua-mod-btn--reject {
    background: rgba(120, 53, 15, 0.35);
    color: rgb(253, 230, 138);
    border-color: rgba(245, 158, 11, 0.4);
}

body.kehua-dark .kehua-mod-btn--reject:hover, body.kehua-dark .kehua-mod-btn--reject:focus-visible {
    color: rgb(253, 230, 138);
}

body.kehua-dark .kehua-mod-btn--delete {
    background: rgba(30, 27, 27, 0.85);
    color: rgb(252, 165, 165);
    border-color: rgba(248, 113, 113, 0.45);
}

body.kehua-dark .kehua-mod-btn--delete:hover, body.kehua-dark .kehua-mod-btn--delete:focus-visible {
    color: rgb(252, 165, 165);
}

body.kehua-dark .kehua-mod-btn--recover {
    background: rgba(30, 58, 138, 0.4);
    color: rgb(191, 219, 254);
    border-color: rgba(96, 165, 250, 0.4);
}

body.kehua-dark .kehua-mod-btn--recover:hover, body.kehua-dark .kehua-mod-btn--recover:focus-visible {
    color: rgb(191, 219, 254);
}

body.kehua-dark .kehua-mod-btn--pass:hover, body.kehua-dark .kehua-mod-btn--pass:focus-visible {
    color: rgb(255, 255, 255);
}

body.kehua-dark .kehua-mod-btn--purge:hover, body.kehua-dark .kehua-mod-btn--purge:focus-visible {
    color: rgb(255, 255, 255);
}

.kehua-user-profile-new {
    width: 100%;
    max-width: 100%;
}

.kehua-user-profile-new .kehua-container {
    margin: 0px auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.kehua-profile-banner {
    position: relative;
    height: 0px;
    padding-bottom: 30%;
    border-radius: 17px;
    background-color: rgb(232, 238, 255);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    box-sizing: border-box;
}

.kehua-profile-banner::after {
    content: "";
    position: absolute;
    inset: 0px;
    height: auto;
    background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.55) 60%, rgb(255, 255, 255) 95%);
    pointer-events: none;
    z-index: 95;
    border-radius: var(--radius);
}

.kehua-profile-banner--custom {
    background-color: rgb(232, 238, 255);
}

.kehua-banner-actions {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 8px;
    z-index: 99;
}

.kehua-banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.95);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 500;
    color: rgb(55, 65, 81);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: 0.2s;
    line-height: 1;
}

.kehua-banner-btn:hover {
    background: rgb(255, 255, 255);
    box-shadow: var(--shadow-md);
}

.kehua-banner-btn svg {
    flex-shrink: 0;
}

.kehua-banner-btn--del {
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.9);
    color: rgb(255, 255, 255);
}

.kehua-banner-btn--del:hover {
    background: rgb(220, 38, 38);
}

.kehua-profile-header {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    padding: 50px 20px;
    z-index: 98;
}

.kehua-profile-info-card {
    background: var(--color-white);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 30px 20px;
    box-shadow: var(--shadow-sm);
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    box-sizing: border-box;
}

.kehua-avatar-wrapper {
    position: relative;
    flex-shrink: 0;
}

.kehua-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid rgb(255, 255, 255);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
}

.kehua-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-crown-badge {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    background: linear-gradient(145deg, rgb(251, 191, 36) 0%, rgb(245, 158, 11) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(245, 158, 11, 0.3) 0px 2px 8px;
    box-sizing: border-box;
}

.kehua-crown-badge svg {
    width: 16px;
    height: 16px;
    fill: rgb(255, 255, 255);
}

.kehua-user-title {
    flex: 1 1 0%;
    padding-top: 20px;
    min-width: 0px;
}

.kehua-username-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 8px;
}

.kehua-username {
    font-size: 26px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.2;
    margin: 0px;
}

.kehua-username.kehua-vip-username {
    color: rgb(198, 48, 62);
}

.kehua-user-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.kehua-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    background: rgb(243, 244, 246);
    color: rgb(55, 65, 81);
    line-height: 1.4;
}

.kehua-badge--dark {
    background: rgb(31, 41, 55);
    color: rgb(255, 255, 255);
}

.kehua-user-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
}

.kehua-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text);
    line-height: 1.4;
}

.kehua-meta-item svg {
    width: 16px;
    height: 16px;
    color: var(--color-text);
    flex-shrink: 0;
}

.kehua-profile-actions {
    display: flex;
    gap: 12px;
    padding-top: 48px;
    flex-shrink: 0;
    position: relative;
    z-index: 99;
}

.kehua-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s;
    background: var(--color-white);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    line-height: 1;
    box-sizing: border-box;
}

.kehua-btn-primary {
    background: var(--color-primary);
    color: var(--color-white);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-btn-primary:hover {
    background: var(--color-primary-dark);
}

/* 阅读页评论区「回帖」提交：须在文件后部重复定义的 .kehua-btn 之后保持 8px，避免被 border-radius: var(--radius) 盖掉 */
.kehua-btn.kehua-reply-submit {
    border-radius: 8px;
}

/* 个人主页操作区：+ 关注为主操作（蓝）；私信为次要按钮（浅底描边） */
/* 关注 / 已关注切换时统一边框与最小宽度，避免同行按钮横向晃动 */
.kehua-profile-actions .kehua-btn.js-haya-follow-add,
.kehua-profile-actions .kehua-btn.js-haya-follow-del {
    justify-content: center;
    min-width: 6.25rem;
    box-sizing: border-box;
}

.kehua-profile-actions .kehua-btn-primary.js-haya-follow-add {
    background: #2563eb;
    color: #fff;
    border: 1px solid transparent;
}

.kehua-profile-actions .kehua-btn-primary.js-haya-follow-add:hover {
    background: #1d4ed8;
    border-color: transparent;
}

.kehua-btn-light {
    background: rgb(243, 244, 246);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.kehua-btn-light:hover {
    background: rgb(229, 231, 235);
}

.kehua-btn-outline {
    background: transparent;
    border: 1px solid var(--color-border);
}

.kehua-btn-outline:hover {
    background: rgb(249, 250, 251);
}

/* 已关注 / 取关：中性灰，与主操作、私信区分 */
.kehua-btn-outline.js-haya-follow-del {
    background: #6b7280 !important;
    border-color: #6b7280 !important;
    color: #fff !important;
}

.kehua-btn-outline.js-haya-follow-del:hover {
    background: #4b5563 !important;
    border-color: #4b5563 !important;
}

/* 私信（个人页）：次要样式，避免与蓝色「+ 关注」同质 */
.kehua-profile-actions .kehua-btn-outline.js-kehua-sx-modal {
    background: var(--color-white) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text) !important;
}

.kehua-profile-actions .kehua-btn-outline.js-kehua-sx-modal:hover {
    background: rgb(249, 250, 251) !important;
    border-color: rgb(209, 213, 219) !important;
    color: var(--color-text) !important;
}

@media (max-width: 640px) {
    .kehua-profile-actions {
        width: 100%;
    }

    .kehua-profile-actions .kehua-btn {
        flex: 1 1 0%;
        justify-content: center;
        white-space: nowrap;
    }
}

.kehua-profile-body {
    display: flex;
    gap: 20px;
    box-sizing: border-box;
}

.kehua-profile-sidebar {
    width: 320px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.kehua-sidebar-card {
    background: var(--color-white);
    border-radius: var(--radius);
    margin-bottom: 15px;
    box-sizing: border-box;
}

.kehua-sidebar-card:last-child {
    margin-bottom: 0px;
}

.kehua-sidebar-title {
    margin-bottom: 0px;
    border-bottom: var(--border);
    padding: 0px 15px 0px 20px;
    line-height: 50px;
    font-size: 15px;
    color: rgb(30, 41, 59);
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    min-height: 30px;
}

.kehua-sidebar-title svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.kehua-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    text-align: center;
    padding: 15px;
}

.kehua-stat-item {
    padding: 8px 4px;
    box-sizing: border-box;
    background: rgb(250, 251, 252);
    border-radius: var(--radius);
}

.kehua-stat-value {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.2;
}

.kehua-stat-label {
    font-size: 12px;
    color: var(--color-text-light);
    margin-top: 4px;
}

.kehua-points-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px;
}

.kehua-points-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kehua-points-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--color-text-light);
}

.kehua-points-label svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.kehua-points-value {
    font-size: 18px;
    color: var(--color-text);
}

.kehua-vip-card {
    background: linear-gradient(135deg, rgb(254, 243, 199) 0%, rgb(253, 230, 138) 100%);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 15px;
    display: grid;
}

.kehua-vip-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.kehua-vip-header svg {
    width: 20px;
    height: 20px;
    fill: rgb(217, 119, 6);
    flex-shrink: 0;
}

.kehua-vip-header span {
    font-size: 16px;
    font-weight: 700;
    color: rgb(146, 64, 14);
}

.kehua-vip-level {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 12px;
}

.kehua-vip-level-name {
    font-size: 18px;
    font-weight: 700;
    color: rgb(180, 83, 9);
}

.kehua-vip-expire {
    font-size: 12px;
    color: rgb(120, 113, 108);
}

.kehua-vip-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 8px;
    box-sizing: border-box;
}

.kehua-vip-progress-fill {
    height: 100%;
    background: rgb(217, 119, 6);
    border-radius: 4px;
    transition: width 0.25s;
}

.kehua-vip-exp-info {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: rgb(120, 113, 108);
}

.kehua-content-feed {
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    min-height: 400px;
    box-sizing: border-box;
}

.kehua-empty-state {
    text-align: center;
    padding: 60px 20px;
    color: var(--color-text-light);
    font-size: 14px;
    background: var(--color-white);
    border-radius: var(--radius);
    border: 1px solid var(--color-border);
}

.kehua-load-more {
    text-align: center;
    padding: 20px 0px 10px;
    box-sizing: border-box;
}

.kehua-load-more-btn {
    padding: 10px 20px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 30px;
    font-size: 13px;
    color: var(--color-text-light);
    cursor: pointer;
    transition: 0.2s;
    line-height: 1;
}

.kehua-load-more-btn:hover {
    background: var(--color-bg);
}

.kehua-load-more-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.kehua-confirm-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.kehua-confirm-overlay.kehua-show {
    opacity: 1;
}

.kehua-confirm-box {
    background: var(--color-white);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 60px;
    width: 320px;
    max-width: 90vw;
    overflow: hidden;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-sizing: border-box;
}

.kehua-confirm-overlay.kehua-show .kehua-confirm-box {
    transform: scale(1) translateY(0px);
}

.kehua-confirm-body {
    padding: 28px 20px 20px;
    text-align: center;
    box-sizing: border-box;
}

.kehua-confirm-icon {
    width: 48px;
    height: 48px;
    margin: 0px auto 16px;
    background: linear-gradient(135deg, rgb(254, 243, 199) 0%, rgb(253, 230, 138) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.kehua-confirm-icon svg {
    width: 20px;
    height: 20px;
    color: rgb(217, 119, 6);
}

.kehua-confirm-title {
    font-size: 16px;
    color: rgb(31, 41, 55);
    margin: 0px 0px 8px;
    line-height: 1.4;
}

.kehua-confirm-msg {
    font-size: 14px;
    color: rgb(107, 114, 128);
    margin: 0px;
    line-height: 1.5;
}

.kehua-confirm-actions {
    display: flex;
    border-top: 1px solid rgb(243, 244, 246);
}

.kehua-confirm-btn {
    flex: 1 1 0%;
    padding: 14px 20px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: none;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    line-height: 1;
    box-sizing: border-box;
}

.kehua-confirm-btn:first-child {
    color: rgb(107, 114, 128);
    border-right: 1px solid rgb(243, 244, 246);
}

.kehua-confirm-btn:first-child:hover {
    background: rgb(249, 250, 251);
}

.kehua-confirm-btn:last-child {
    color: rgb(220, 38, 38);
}

.kehua-confirm-btn:last-child:hover {
    background: rgb(254, 242, 242);
}

.kehua-confirm-btn--single {
    color: rgb(107, 114, 128);
    background: none;
    border-radius: 0px 0px 16px 16px;
}

.kehua-confirm-btn--single:hover {
    background: rgb(249, 250, 251);
}

.kehua-confirm-btn--primary {
    color: rgb(217, 119, 6);
}

.kehua-confirm-btn--primary:hover {
    background: rgb(255, 251, 235);
}

.kehua-user-relation-card.kehua-post-card {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    border: var(--border);
    padding: 0px;
    background: var(--color-white);
}

/* 仅作者页关注/粉丝 Tab：隐藏顶部 banner 行（紧凑列表）；勿作用于搜索用户结果卡 */
#kehua-user-masonry-wrap .kehua-user-relation-card .kehua-ur-card__banner {
    display: none;
}

.kehua-user-relation-card .kehua-ur-card__body {
    position: relative;
    padding: 16px;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
}

.kehua-user-relation-card .kehua-ur-card__row1 {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-height: auto;
}

.kehua-user-relation-card .kehua-ur-card__avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--color-white);
    box-shadow: var(--shadow-sm);
    background: var(--color-white);
    overflow: hidden;
}

.kehua-user-relation-card .kehua-ur-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kehua-user-relation-card .kehua-ur-card__nameblock {
    flex: 1 1 0%;
    min-width: 0px;
    padding-bottom: 0px;
    gap: 5px;
    display: flex;
    flex-direction: column;
}

.kehua-user-relation-card .kehua-ur-card__name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.kehua-user-relation-card .kehua-ur-card__name {
    color: var(--color-text);
    letter-spacing: normal;
    line-height: 1.3;
}

.kehua-user-relation-card .kehua-ur-card__name a {
    color: inherit;
    text-decoration: none;
}

.kehua-user-relation-card .kehua-ur-card__name a:hover {
    color: var(--color-primary);
}

.kehua-user-relation-card .kehua-ur-card__badges-inline {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kehua-user-relation-card .kehua-ur-card__badges-inline .kehua-vip-badge {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-left: 0px;
}

.kehua-user-relation-card .kehua-ur-card__badges-inline .kehua-vip-badge--active {
    color: rgb(198, 48, 62);
}

.kehua-user-relation-card .kehua-ur-card__badges-inline .kehua-vip-badge--inactive {
    color: var(--color-text-light);
}

.kehua-user-relation-card .kehua-ur-card__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.kehua-user-relation-card .kehua-ur-card__uid {
    font-size: 11px;
    color: var(--color-text-light);
    background: rgb(243, 244, 246);
    padding: 2px 8px;
    border-radius: 10px;
}

.kehua-user-relation-card .kehua-up-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 500;
    background: rgb(243, 244, 246);
    color: rgb(55, 65, 81);
}

.kehua-user-relation-card .kehua-up-tag-dark {
    background: rgb(31, 41, 55);
    color: var(--color-white);
}

@media (max-width: 768px) {
    #kehua-user-masonry-wrap.kehua-up-feed--user-relations {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-items: start !important;
    }
}

.kehua-user-relation-card .kehua-ur-card__stats {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 12px;
    padding: 8px 0px 0px;
    border-top: 1px solid var(--color-border);
    background: transparent;
}

.kehua-user-relation-card .kehua-ur-card__stat {
    flex: initial;
    display: flex;
    align-items: baseline;
    gap: 6px;
    text-align: left;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    padding: 0px;
}

.kehua-user-relation-card .kehua-ur-card__stat-num {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.2;
}

.kehua-user-relation-card .kehua-ur-card__stat-label {
    margin-top: 0px;
    font-size: 12px;
    color: var(--color-text-light);
    font-weight: 400;
}

.kehua-user-relation-card .kehua-ur-card__actions {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.kehua-user-relation-card .kehua-ur-card__btn {
    flex: 1 1 0%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0px 14px;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid var(--color-border);
    background: var(--color-white);
    color: var(--color-text);
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.kehua-user-relation-card .kehua-ur-card__btn:hover {
    background: rgb(249, 250, 251);
}

.kehua-user-relation-card .kehua-ur-card__btn--pm {
    flex: 0 1 auto;
}

.kehua-user-relation-card .kehua-ur-card__btn--pm .kehua-ur-card__ic {
    color: rgb(34, 197, 94);
}

.kehua-user-relation-card .kehua-ur-card__btn--follow {
    flex: 1 1 0%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: #2563eb;
    color: var(--color-white);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.kehua-user-relation-card .kehua-ur-card__btn--follow::after {
    content: "";
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    animation: 2.6s linear 0s infinite normal none running btnFlowLight;
    pointer-events: none;
}

@keyframes btnFlowLight {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.kehua-user-relation-card .kehua-ur-card__btn--follow:hover {
    background: #1d4ed8;
}

.kehua-user-relation-card .kehua-ur-card__btn--followed {
    flex: 1 1 0%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgb(229, 231, 235);
    color: rgb(55, 65, 81);
}

.kehua-user-relation-card .kehua-ur-card__btn--followed:hover {
    background: rgb(209, 213, 219);
}

.kehua-user-relation-card .kehua-ur-card__btn .haya-follow-btn {
    pointer-events: none;
}

/* 作者页关注/粉丝网格；背景与内边距勿用裸 .kehua-up-feed--user-relations，否则会误套搜索页 #kehua-search-user-relations-wrap */
#kehua-user-masonry-wrap.kehua-up-feed--user-relations {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    align-items: start;
    background: var(--color-white);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 15px;
}

#kehua-user-masonry-wrap.kehua-up-feed--user-relations .kehua-user-relation-card {
    width: 100%;
    min-width: 0px;
    max-width: none;
    margin: 0px;
    border-radius: var(--radius);
}

#kehua-user-masonry-wrap.kehua-up-feed--user-relations > article.kehua-post-card:not(.kehua-user-relation-card) {
    grid-column: 1 / -1;
    justify-self: stretch;
}

@keyframes kehua-spin {
    100% {
        transform: rotate(360deg);
    }
}

.kehua-spin {
    animation: 1s linear 0s infinite normal none running kehua-spin;
}

@media (max-width: 900px) {
    .kehua-profile-body {
        flex-direction: column;
        gap: 20px;
    }

    .kehua-profile-sidebar {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .kehua-profile-banner {
        position: relative;
        height: 0px;
        padding-bottom: 70%;
        border-radius: 17px;
        background-color: rgb(232, 238, 255);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        box-sizing: border-box;
    }

    .kehua-profile-banner::after {
        content: "";
        position: absolute;
        inset: 0px;
        height: auto;
        background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.55) 20%, rgb(255, 255, 255) 80%);
        pointer-events: none;
        z-index: 95;
        border-radius: var(--radius);
    }

    .kehua-profile-info-card {
        padding: 20px 16px;
    }

    .kehua-profile-header {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        gap: 12px;
    }

    .kehua-avatar {
        width: 80px;
        height: 80px;
        border-width: 3px;
    }

    .kehua-crown-badge {
        width: 24px;
        height: 24px;
        border-width: 2px;
    }

    .kehua-crown-badge svg {
        width: 12px;
        height: 12px;
    }

    .kehua-user-title {
        padding-top: 5px;
    }

    .kehua-username {
        font-size: 20px;
    }

    .kehua-user-badges {
        gap: 6px;
    }

    .kehua-badge {
        padding: 3px 10px;
        font-size: 11px;
    }

    .kehua-user-meta {
        margin-top: 10px;
        gap: 5px;
    }

    .kehua-mobile {
        display: none;
    }

    .kehua-meta-item {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .kehua-profile-actions {
        padding-top: 16px;
        width: 100%;
        flex-flow: row !important;
        gap: 8px !important;
    }

    .kehua-stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }

    .kehua-stat-value {
        font-size: 18px;
    }

    .kehua-stat-label {
        font-size: 11px;
    }

    .kehua-banner-btn span {
        display: none;
    }

    .kehua-banner-btn--del {
        padding: 8px 10px;
    }

    .kehua-sidebar-card {
        display: none;
    }

    .kehua-vip-card {
        display: block !important;
    }
}

@media (max-width: 375px) {
    .kehua-profile-header {
        gap: 12px;
    }

    .kehua-avatar {
        width: 70px;
        height: 70px;
    }

    .kehua-username {
        font-size: 18px;
    }

    .kehua-user-badges {
        gap: 4px;
    }

    .kehua-badge {
        padding: 2px 8px;
        font-size: 10px;
    }

    .kehua-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.kehua-user-profile-new .kehua-up-body {
    width: 100%;
    min-width: 0px;
}

.kehua-user-profile-new .kehua-up-feed {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
}

.kehua-user-profile-new .kehua-up-infinite-footer {
    margin-top: 0px;
}

.kehua-vip-usercard {
    background: linear-gradient(135deg, rgb(198, 48, 62) 0%, rgb(154, 27, 42) 100%);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    color: rgb(255, 255, 255);
    position: relative;
    overflow: hidden;
}

.kehua-vip-usercard::before {
    content: "";
    position: absolute;
    top: -30%;
    right: -10%;
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.kehua-vip-usercard-top {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.kehua-vip-usercard-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.3);
    object-fit: cover;
}

.kehua-vip-usercard-info {
    flex: 1 1 0%;
}

.kehua-vip-usercard-name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.kehua-vip-usercard-status {
    font-size: 13px;
    opacity: 0.85;
}

.kehua-vip-usercard-btn {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kehua-vip-usercard-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.kehua-vip-usercard-btn svg {
    width: 16px;
    height: 16px;
}

.kehua-vip-block {
    background: rgb(255, 255, 255);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.kehua-vip-block-header {
    padding: 15px 0px;
    border-bottom: 1px solid rgb(241, 245, 249);
    font-size: 15px;
    font-weight: 600;
    color: rgb(30, 41, 59);
    display: flex;
    align-items: center;
    gap: 8px;
}

.kehua-vip-block-header svg {
    width: 18px;
    height: 18px;
    color: rgb(198, 48, 62);
}

.kehua-vip-block-body {
    padding: 10px 0px;
}

.kehua-vip-priv-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kehua-vip-priv-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: rgb(248, 250, 252);
    border-radius: 10px;
    transition: background 0.2s;
}

.kehua-vip-priv-item:hover {
    background: rgb(254, 242, 242);
}

.kehua-vip-priv-icon {
    width: 38px;
    height: 38px;
    background: linear-gradient(135deg, rgb(254, 226, 226) 0%, rgb(254, 202, 202) 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kehua-vip-priv-icon svg {
    width: 18px;
    height: 18px;
    color: rgb(198, 48, 62);
}

.kehua-vip-priv-text {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-vip-priv-title {
    font-size: 14px;
    font-weight: 500;
    color: rgb(30, 41, 59);
    margin-bottom: 2px;
}

.kehua-vip-priv-desc {
    font-size: 12px;
    color: rgb(100, 116, 139);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kehua-vip-priv-tag {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
    background: rgb(241, 245, 249);
    color: rgb(148, 163, 184);
    flex-shrink: 0;
}

.kehua-vip-priv-tag.active {
    background: rgb(220, 252, 231);
    color: rgb(22, 163, 74);
}

.kehua-vip-users-row a {
    margin-left: -8px;
}

.kehua-vip-users-row a:first-child {
    margin-left: 0px;
}

.kehua-vip-users-row img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;
    transition: transform 0.2s;
}

.kehua-vip-users-row img:hover {
    transform: scale(1.15);
    z-index: 1;
    position: relative;
}

.kehua-vip-users-info {
    text-align: center;
    padding: 12px 0px 4px;
    font-size: 13px;
    color: rgb(100, 116, 139);
}

.kehua-vip-users-info strong {
    color: rgb(198, 48, 62);
}

.kehua-vip-grow-bar {
    padding: 4px 0px 16px;
}

.kehua-vip-grow-track {
    height: 6px;
    background: rgb(226, 232, 240);
    border-radius: 3px;
    overflow: hidden;
}

.kehua-vip-grow-fill {
    height: 100%;
    background: linear-gradient(90deg, rgb(239, 68, 68) 0%, rgb(198, 48, 62) 100%);
    border-radius: 3px;
    transition: width 0.5s;
}

.kehua-vip-grow-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 10px;
    color: rgb(148, 163, 184);
}

.kehua-vip-grow-labels span.active {
    color: rgb(198, 48, 62);
    font-weight: 600;
}

.kehua-vip-grow-stats {
    display: flex;
    justify-content: space-around;
    padding-top: 16px;
    border-top: 1px solid rgb(241, 245, 249);
    margin-top: 16px;
}

.kehua-vip-grow-stat {
    text-align: center;
}

.kehua-vip-grow-stat-val {
    font-size: 18px;
    font-weight: 600;
    color: rgb(30, 41, 59);
}

.kehua-vip-grow-stat-val.up {
    color: rgb(34, 197, 94);
}

.kehua-vip-grow-stat-val.down {
    color: rgb(239, 68, 68);
}

.kehua-vip-grow-stat-label {
    font-size: 11px;
    color: rgb(148, 163, 184);
    margin-top: 2px;
}

.kehua-vip-modal-mask {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}

.kehua-vip-modal-mask.open {
    opacity: 1;
    visibility: visible;
}

.kehua-vip-modal-box {
    background: #fff;
    border-radius: 16px;
    width: 100%;
    max-width: 520px;
    max-height: calc(100vh - 40px);
    overflow: hidden;
    transform: translateY(20px) scale(0.96);
    transition: transform 0.25s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.kehua-vip-modal-mask.open .kehua-vip-modal-box {
    transform: translateY(0) scale(1);
}

.kehua-vip-modal-head {
    padding: 18px 20px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kehua-vip-modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
}

.kehua-vip-modal-close {
    width: 28px;
    height: 28px;
    border: none;
    background: #f1f5f9;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.kehua-vip-modal-close:hover {
    background: #e2e8f0;
}

.kehua-vip-modal-close svg {
    width: 14px;
    height: 14px;
    color: #64748b;
}

.kehua-vip-modal-content {
    padding: 16px 20px;
    overflow-y: auto;
    max-height: calc(100vh - 140px);
}

/* 弹窗内套餐：单行横向滚动；隐藏滚动条，支持拖拽与悬停箭头 */
.kehua-vip-pkg-scroll-wrap {
    position: relative;
    margin-bottom: 16px;
    overflow: visible;
    /* 与底部留白协调；角标主要靠 grid 上内边距预留 */
    padding-top: 4px;
}

.kehua-vip-pkg-scroll-wrap:hover .kehua-vip-pkg-nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.kehua-vip-pkg-grid {
    --vip-pkg-gap: 10px;
    display: flex;
    flex-wrap: nowrap;
    /* flex-start：配合套餐卡 aspect-ratio 保持正方形，避免被 stretch 拉成扁长条 */
    align-items: flex-start;
    gap: var(--vip-pkg-gap);
    /* 角标向上偏移：上下 padding 一致，避免顶隙远大于底隙 */
    padding: 10px 16px 10px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}

.kehua-vip-pkg-grid.kehua-vip-pkg-dragging {
    cursor: grabbing;
    user-select: none;
}

.kehua-vip-pkg-grid.kehua-vip-pkg-dragging .kehua-vip-pkg {
    cursor: grabbing !important;
}

.kehua-vip-pkg-grid::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.kehua-vip-pkg-nav {
    position: absolute;
    top: 50%;
    z-index: 8;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    color: #64748b;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, background 0.15s ease, color 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-vip-pkg-nav:hover:not(:disabled) {
    background: #fff;
    color: #c6303e;
    box-shadow: 0 4px 14px rgba(198, 48, 62, 0.18);
}

.kehua-vip-pkg-nav:disabled {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kehua-vip-pkg-nav--prev {
    left: 2px;
}

.kehua-vip-pkg-nav--next {
    right: 2px;
}

.kehua-vip-pkg-nav svg {
    display: block;
    width: 18px;
    height: 18px;
}

.kehua-vip-pkg {
    position: relative;
    overflow: visible;
    flex: 0 0 calc((100% - (var(--vip-pkg-gap) * 3)) / 4);
    min-width: 0;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
}

.kehua-vip-pkg:hover {
    border-color: #f87171;
}

.kehua-vip-pkg.on {
    border-color: #c6303e;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
}

.kehua-vip-pkg-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    /* 小圆角矩形，避免半径过大呈胶囊/椭圆感 */
    border-radius: 5px;
    white-space: nowrap;
    background: #ef4444;
    line-height: 1.2;
    z-index: 4;
    box-shadow: 0 2px 6px rgba(198, 48, 62, 0.25);
}

.kehua-vip-pkg-badge.rec { background: #c6303e; }
.kehua-vip-pkg-badge.save { background: #f59e0b; }
.kehua-vip-pkg-badge.best { background: #22c55e; }

.kehua-vip-pkg-time {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 3px;
    line-height: 1.25;
    word-break: break-word;
    max-width: 100%;
}

.kehua-vip-pkg.on .kehua-vip-pkg-time {
    color: #c6303e;
}

.kehua-vip-pkg-price {
    font-size: 12px;
    color: #64748b;
}

.kehua-vip-pkg.on .kehua-vip-pkg-price {
    color: #dc2626;
    font-weight: 500;
}

/* 预览区 */
.kehua-vip-preview-card {
    background: linear-gradient(135deg, #450a0a 0%, #7f1d1d 100%);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.kehua-vip-preview-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.kehua-vip-preview-left {}

.kehua-vip-preview-days {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.kehua-vip-preview-grow {
    font-size: 12px;
    opacity: 0.8;
}

.kehua-vip-preview-grow span {
    color: #fbbf24;
}

.kehua-vip-preview-right {
    text-align: right;
}

.kehua-vip-preview-price {
    font-size: 32px;
    font-weight: 700;
    color: #fbbf24;
    line-height: 1;
}

.kehua-vip-preview-unit {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 4px;
}

/* 数量 */
.kehua-vip-qty-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px;
    background: #f8fafc;
    border-radius: 10px;
    margin-bottom: 16px;
}

.kehua-vip-qty-label {
    font-size: 13px;
    color: #64748b;
}

.kehua-vip-qty-wrap {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.kehua-vip-qty-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #64748b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kehua-vip-qty-btn:hover {
    color: #1e293b;
}

.kehua-vip-qty-input {
    width: 40px;
    height: 32px;
    border: none;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    -moz-appearance: textfield;
}

.kehua-vip-qty-input::-webkit-outer-spin-button,
.kehua-vip-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.kehua-vip-qty-input:focus {
    outline: none;
}

/* 支付方式 Tab */
.kehua-vip-pay-wrap {
    margin-bottom: 14px;
}

.kehua-vip-pay-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.kehua-vip-pay-tab {
    flex: 1;
    min-width: 0;
    padding: 10px 8px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    line-height: 1.3;
}

.kehua-vip-pay-tab:hover:not(.kehua-vip-pay-tab--disabled) {
    border-color: #fecaca;
    color: #c6303e;
}

.kehua-vip-pay-tab.on {
    border-color: #c6303e;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    color: #991b1b;
    box-shadow: 0 2px 8px rgba(198, 48, 62, 0.12);
}

.kehua-vip-pay-tab--disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.kehua-vip-pay-panel {
    padding: 12px 14px;
    background: #fef2f2;
    border-radius: 8px;
    font-size: 13px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.kehua-vip-pay-panel[data-method="alipay"],
.kehua-vip-pay-panel[data-method="wxpay"] {
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);
    border: 1px solid #bae6fd;
}

.kehua-vip-pay-panel span {
    color: #991b1b;
}

.kehua-vip-pay-panel[data-method="alipay"] span,
.kehua-vip-pay-panel[data-method="wxpay"] span {
    color: #0c4a6e;
}

.kehua-vip-pay-panel strong {
    font-size: 15px;
    color: #7f1d1d;
}

.kehua-vip-pay-panel[data-method="alipay"] strong,
.kehua-vip-pay-panel[data-method="wxpay"] strong {
    color: #0369a1;
}

.kehua-vip-pay-panel a {
    color: #dc2626;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.kehua-vip-pay-panel a:hover {
    text-decoration: underline;
}

.kehua-vip-pay-panel[data-method="alipay"] a,
.kehua-vip-pay-panel[data-method="wxpay"] a {
    color: #0284c7;
}

.kehua-vip-pay-hint {
    font-size: 12px;
    color: #94a3b8;
    line-height: 1.45;
    margin-bottom: 10px;
}

/* 按钮 */
.kehua-vip-pay-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, #dc2626 0%, #c6303e 100%);
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.kehua-vip-pay-btn:hover {
    box-shadow: 0 8px 20px rgba(198, 48, 62, 0.35);
    transform: translateY(-1px);
}

.kehua-vip-pay-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.kehua-vip-pay-btn svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 480px) {
    .kehua-vip-usercard-top {
        flex-wrap: wrap;
    }

    .kehua-vip-usercard-btn {
        width: 100%;
        justify-content: center;
        margin-top: 12px;
    }

    /* 手机端：单格按约 3 列占满滚动区宽度，略大于桌面 4 列，减少「点券」等被挤换行；仍为 1:1 正方形 */
    .kehua-vip-pkg {
        flex: 0 0 calc((100% - (var(--vip-pkg-gap) * 2)) / 3);
        padding: 10px 8px;
    }

    .kehua-vip-pkg-time {
        font-size: 13px;
        line-height: 1.2;
    }

    .kehua-vip-pkg-price {
        white-space: nowrap;
        font-size: 11px;
    }
}

#kh_vip_toast.kehua-toast-overlay {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11000;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s;
}

#kh_vip_toast.kehua-toast-overlay.kehua-show {
    opacity: 1;
    visibility: visible;
}

/* VIP 开通结果提示（与参考主题 / 在线充值页相同样式；仅绑定 #kh_vip_toast，避免依赖各页内联 CSS） */
#kh_vip_toast .kehua-toast-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    max-width: 380px;
    width: 90%;
    transform: scale(0.9) translateY(20px);
    transition: transform 0.25s ease;
    overflow: hidden;
}

#kh_vip_toast.kehua-toast-overlay.kehua-show .kehua-toast-box {
    transform: scale(1) translateY(0);
}

#kh_vip_toast .kehua-toast-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 16px;
}

#kh_vip_toast .kehua-toast-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#kh_vip_toast .kehua-toast-icon.kehua-error {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #dc2626;
}

#kh_vip_toast .kehua-toast-icon.kehua-success {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #059669;
}

#kh_vip_toast .kehua-toast-icon.kehua-warning {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

#kh_vip_toast .kehua-toast-icon svg {
    width: 26px;
    height: 26px;
}

#kh_vip_toast .kehua-toast-title {
    font-size: 17px;
    font-weight: 600;
    color: #1f2937;
}

#kh_vip_toast .kehua-toast-body {
    padding: 0 24px 20px;
    font-size: 15px;
    color: #4b5563;
    line-height: 1.6;
    word-break: break-word;
}

#kh_vip_toast .kehua-toast-footer {
    padding: 16px 24px;
    background: #f9fafb;
    border-top: 1px solid #f3f4f6;
}

#kh_vip_toast .kehua-toast-btn {
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

#kh_vip_toast .kehua-toast-btn:hover {
    opacity: 0.9;
}

.kehua-vip-users-list {
    background: rgb(255, 255, 255);
    border-radius: 12px;
    overflow: hidden;
}

.kehua-vip-users-row {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    transition: background 0.2s;
    background: rgba(246, 246, 246, 0.57);
    margin-bottom: 15px;
    border-radius: var(--radius);
}

.kehua-vip-users-row:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.kehua-vip-users-row:hover {
    background: rgba(198, 48, 62, 0.04);
}

.kehua-vip-users-row .vu-rank {
    width: 48px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    color: rgb(153, 153, 153);
    flex-shrink: 0;
}

.kehua-vip-users-row .vu-rank-badge {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

.kehua-vip-users-row .vu-rank-badge.vu-gold {
    background: linear-gradient(135deg, rgb(255, 215, 0) 0%, rgb(255, 165, 0) 100%);
}

.kehua-vip-users-row .vu-rank-badge.vu-silver {
    background: linear-gradient(135deg, rgb(192, 192, 192) 0%, rgb(168, 168, 168) 100%);
}

.kehua-vip-users-row .vu-rank-badge.vu-bronze {
    background: linear-gradient(135deg, rgb(205, 127, 50) 0%, rgb(184, 115, 51) 100%);
}

.kehua-vip-users-row .vu-user {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0px;
}

.kehua-vip-users-row .vu-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: rgb(245, 245, 245);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
}

.kehua-vip-users-row .vu-info {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-vip-users-row .vu-name {
    font-size: 15px;
    font-weight: 500;
    color: rgb(51, 51, 51);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.kehua-vip-users-row .vu-name:hover {
    color: rgb(198, 48, 62);
}

.kehua-vip-users-row .vu-meta {
    font-size: 12px;
    color: rgb(153, 153, 153);
    margin-top: 4px;
}

.kehua-vip-users-row .vu-level {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: linear-gradient(135deg, rgb(198, 48, 62) 0%, rgb(154, 27, 42) 100%);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    border-radius: 12px;
    flex-shrink: 0;
}

.kehua-vip-users-row .vu-level svg {
    width: 12px;
    height: 12px;
}

.kehua-vip-users-row .vu-grow {
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: rgb(198, 48, 62);
    padding: 6px 12px;
    background: rgba(198, 48, 62, 0.08);
    border-radius: 20px;
    flex-shrink: 0;
}

.kehua-vip-users-pager {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.kehua-vip-users-pager .pagination {
    margin: 0px;
}

.kehua-vip-users-empty {
    text-align: center;
    padding: 60px 20px;
    color: rgb(153, 153, 153);
}

.kehua-vip-users-empty svg {
    width: 64px;
    height: 64px;
    color: rgb(221, 221, 221);
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .kehua-vip-users-row {
        padding: 12px 14px;
    }

    .kehua-vip-users-row .vu-avatar {
        width: 40px;
        height: 40px;
    }

    .kehua-vip-users-row .vu-rank {
        width: 36px;
    }

    .kehua-vip-users-row .vu-grow {
        font-size: 12px;
        padding: 4px 8px;
        min-width: 60px;
    }

    .kehua-vip-users-row .vu-name {
        font-size: 14px;
    }

    .kehua-vip-users-row .vu-level {
        padding: 3px 8px;
        font-size: 11px;
    }
}

.kehua-paylog-empty {
    text-align: center;
    padding: 60px 20px;
    color: rgb(148, 163, 184);
}

.kehua-paylog-empty svg {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.kehua-paylog-list {
    display: grid;
    gap: 12px;
}

.kehua-viplog-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px;
    background: rgb(248, 250, 252);
    border-radius: 12px;
    transition: 0.2s;
}

.kehua-viplog-item:hover {
    background: rgb(241, 245, 249);
}

.kehua-viplog-main {
    flex: 1 1 0%;
    min-width: 0px;
}

.kehua-viplog-title {
    font-size: 15px;
    font-weight: 600;
    color: rgb(31, 41, 55);
    margin-bottom: 4px;
}

.kehua-viplog-sub {
    font-size: 13px;
    color: rgb(148, 163, 184);
    word-break: break-all;
    line-height: 1.45;
}

.kehua-viplog-time {
    font-size: 12px;
    color: rgb(156, 163, 175);
    margin-top: 8px;
}

.kehua-viplog-side {
    text-align: right;
    flex-shrink: 0;
}

.kehua-viplog-amt {
    font-size: 15px;
    font-weight: 700;
    color: rgb(245, 158, 11);
    margin-bottom: 6px;
}

.kehua-paylog-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.kehua-paylog-status.kehua-pending {
    background: rgb(254, 243, 199);
    color: rgb(146, 64, 14);
}

.kehua-paylog-status.kehua-success {
    background: rgb(209, 250, 229);
    color: rgb(6, 95, 70);
}

.kehua-paylog-status.kehua-review {
    background: rgb(219, 234, 254);
    color: rgb(30, 64, 175);
}

.kehua-paylog-status.kehua-closed {
    background: rgb(254, 226, 226);
    color: rgb(153, 27, 27);
}

.kehua-paylog-pagination {
    margin-top: 24px;
}

.kehua-paylog-pagination .pagination {
    justify-content: center;
}

@media (max-width: 640px) {
    .kehua-viplog-item {
        flex-wrap: wrap;
    }

    .kehua-viplog-side {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid rgb(226, 232, 240);
        text-align: left;
    }
}

.kehua-share-wrap {
  position: relative;
  padding: 0 15px 0 5px;
  margin-right: -10px;
  z-index: 999;
}

.kehua-share-popup {
  position: absolute;
  left: 100%;
  bottom: 0; 
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  width: 160px;
  z-index: 9999;
  border: var(--border);
  display: none;
}
.kehua-share-wrap:hover .kehua-share-popup {
  display: block;
  animation: fadeIn 0.2s ease forwards;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.kehua-share-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kehua-share-weixin-wrap {
  position: relative;
}

.kehua-share-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.weixin-qr {
  position: absolute;
  top: -10px;
  left: 100%;
  margin-left: 15px;
  width: 140px;
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #eee;
  z-index: 9999;
  display: none;
}
.kehua-share-weixin-wrap:hover .weixin-qr {
  display: block;
  animation: fadeIn 0.2s ease forwards;
}

.weixin-qr-tip {
  font-size: 10px;
  text-align: center;
  margin-bottom: 8px;
  color: #666;
}
.weixin-qr-img {
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 140px;
}
.weixin-item:hover {
  background-color: rgba(41, 151, 247, .08);
  color: var(--color-primary, #2997f7);
}

/* 提示框 */
.kehua-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  padding: 14px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.kehua-toast.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.kehua-toast svg {
  width: 18px;
  height: 18px;
  fill: #4cd964;
}