:root {
    --default-screen-max-width: 20rem;
    --default-screen-min-width: 0;
    --default-content-max-width: 20rem;
    --van-font-size-md: 0.8rem;
    --van-toast-font-size: 1rem;
    --van-nav-bar-title-text-color: #ffffff;
    --van-nav-bar-title-font-size: 0.7815rem;
    --van-nav-bar-height: 3.4375rem;
    --van-nav-bar-background: #303030;
    --van-border-width: 0;
    --van-padding-md: 1.2rem;
    --van-nav-bar-z-index: 100;
    --van-line-height-lg: 2.2rem;
    --van-font-bold: 400;
    --van-tabbar-height: 3.265625rem;
    --van-tabbar-item-font-size: 0.9rem;
    --van-tabbar-item-text-color: #4970f5;
    --van-tabbar-background: #272727;
}

/* 51CG H5 Zeplin homepage restore */
@media screen and (max-width: 767.98px) {
    .blog-description {
        padding-bottom: 0.35rem;
    }
}

/* 控制 start */
.is-mobile {
    display: block;
}

.is-desktop {
    display: none;
}

.no-menu {
    display: none !important;
}

/* 控制 start */

[class^="xqbj-icon-"] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 2610产品端复盘优化：搜索页背景和左右留白通过局部变量统一，未设置变量时沿用原值。 */
body.theme-dark #body.bg-black {
    background-color: var(--search-page-background, var(--mirages-page-background, #222222)) !important;
}

/* 2610产品端复盘优化：调整 body.theme-dark #body.bg-black .container 相关样式。 */
body.theme-dark #body.bg-black .container {
    background-color: #191A22 !important;
    background-color: initial;
    padding-left: var(--search-page-gutter, 1.4rem);
    padding-right: var(--search-page-gutter, 1.4rem);
}

.container {
    /* background-color: #222222; */
    background-color: initial;
    /* padding-left: 1.563rem;
    padding-right: 1.563rem; */
}

.text-line-ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.xqbj-icon-back {
    width: 1.625rem;
    height: 1.625rem;
    background-image: url(./icon-back@3x.png);
}

/* .xqbj-icon-search {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(./search@3x.png?v=4);
} */

.xqbj-icon-search {
    width: 1.625rem;
    height: 1.625rem;
    background-image: url(./search@3x.png?v=4);
}

/*  */

.xqbj-icon-search1 {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(./search@3x.png?v=4);
}

.xqbj-icon-rank-1 {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(./rank-1@3x.png);
}

.xqbj-icon-rank-2 {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(./rank-2@3x.png);
}

.xqbj-icon-rank-3 {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url(./rank-3@3x.png);
}

.xqbj-icon-none {
    width: 6.875rem;
    height: 7.5rem;
    background-image: url(./no-content@3x.png?v=2);
}

.xqbj-icon-delete {
    width: 6.875rem;
    height: 5rem;
    background-image: url(./icon-delete@3x.png);
}

.xqbj-icon-delete1 {
    width: 1rem;
    height: 1rem;
    background-image: url(./icon-delete@3x.png);
    position: absolute;
    display: block;
    background-color: #000000;
    border-radius: 50%;
    top: -0.3rem;
    right: -0.4rem;
    object-fit: contain;
    background-size: 90%;
    background-position: 50% 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
    border: 0.1rem #bababa solid;
}

.nav-link .xqbj-icon-toggle {
    width: 0.9375rem;
    height: 0.9375rem;
    background-image: url(./icon-down@3x.png);
}

.nav-link.show .xqbj-icon-toggle {
    width: 0.9375rem;
    height: 0.9375rem;
    background-image: url(./icon-up@3x.png);
}

.nav-link .xqbj-icon-up {
    width: 0.9375rem;
    height: 0.9375rem;
    background-image: url(./icon-up@3x.png);
}

.nav-search-container {
    display: flex;
    align-items: center;
    background-color: #222222;
    border-radius: 1.1rem;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
}

/* 2610产品端复盘优化：独立搜索导航的输入条使用局部背景、边框和高度变量。 */
nav.xqbj-header .nav-search-container {
    display: flex;
    align-items: center;
    background-color: var(--search-bar-background, #222222);
    border: var(--search-bar-border, 0);
    box-sizing: border-box;
    border-radius: 1.1rem;
    padding: 0 0.25rem 0 0.25rem;
    margin: 0;
    position: relative;
    box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
    height: var(--search-bar-height, 2.1875rem);
}

.nav-search-container .input-control {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 0.875rem;
    color: #ffffff;
    width: calc(100% - 1.875rem);
}

.nav-search-container .nav-search-list {
    display: block;
}

.nav-search-container:hover .nav-search-list {}

.nav-search-container .container-hot-search {
    background-color: #0B0B0B;
    position: initial;
    z-index: -1;
    width: 100%;
    height: 0;
    top: 1rem;
    left: 0;
    overflow: hidden;
    border-radius: 0.5rem;
}

/* nav .nav-search-container.expand .container-hot-search.show,
#xqbj-container .nav-search-container .container-hot-search.show {
    height: initial;
    overflow: auto;
} */
.nav-search-container .container-hot-search .container-search-context {
    max-width: 100%;
    margin: 0;
    padding: 0;
    max-height: initial;
    overflow-y: initial;
    overscroll-behavior: contain;
}

.nav-search-container .container-hot-search .container-search-context h1 {
    text-align: center;
    font-size: 2rem;
    margin: 2rem 0 2rem 0;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-louyat {
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #3b3c3e;
    padding: 0 0 0.2rem 0;
    margin: 0 0 1.6rem 0;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-input {
    width: calc(100% - 1rem);
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-input .input-control {
    color: #afafaf;
    font-size: 0.8rem;
    width: 100%;
    background-color: initial;
    border: 0;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-icon {
    width: 1rem;
    display: flex;
    justify-content: flex-end;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-title {
    color: var(--text-color);
    font-size: 0.8rem;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0.75rem 0 0 0;
}

.nav-search-container .container-hot-search .container-search-context .container-search-context-tags .container-search-context-tags-item {
    color: var(--search-text-color);
    font-size: 0.8rem;
    background-color: var(--search-bg-color);
    border-radius: 0.3rem;
    margin: 0 0.65rem 0.5rem 0;
    padding: 0.2rem 0.5rem;
}

.nav-search-container .container-hot-search .container-search-context .search-container {
    padding-top: 0.8rem;
    min-width: calc(100vw - 2.8rem);
}

.nav-search-container .container-hot-search .container-search-context .search-container .search-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    font-size: 0.9375rem;
    color: #888888;
    border-bottom: 0.05rem solid #ffffff19;
    font-weight: 500;
    padding: 0 1rem 1rem;
    padding: 0 0 0.975rem 0;
    align-items: flex-end;
}

.nav-search-container .container-hot-search .container-search-context .search-container .search-title span {
    display: flex;
    align-items: center;
}

/* .nav-search-container .container-hot-search .container-search-context .search-container .search-title span::before {
    content: '';
    display: inline-block;
    width: 0.2rem;
    height: 1.3rem;
    background: #3276ff;
    margin-right: 0.5rem;
} */
.nav-search-container .container-hot-search .container-search-context .search-container .search-title.search-border {
    border-top: 0.05rem solid #ffffff19;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 1.025rem;
}

.nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text .icon {
    width: 1.0156rem;
    height: 1.0156rem;
    margin-right: 0.25rem;
}

.nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags {
    margin: 0.975rem 0 0.35rem;
    min-height: 3rem;
}

.nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record {
    display: flex;
    flex-wrap: wrap;
}

.nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record a {
    background: rgba(50, 118, 255, 0.05);
    width: fit-content;
    min-width: 4rem;
    max-width: 100%;
    height: 1.5625rem;
    line-height: 1.5625rem;
    padding: 0 0.9rem;
    text-align: center;
    margin-bottom: 0.625rem;
    border: 0.05rem solid #bababa;
    font-size: 0.8125rem;
    color: #bababa;
    border-radius: 0.31rem;
    margin-right: 0.935rem;
    position: relative;
}

.nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags.hot-tags {
    margin-top: 1rem;
}

.nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .list .no-data {
    font-size: 0.75rem;
    color: #d1d1d1;
    text-align: center;
    width: 100%;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-search-container .container-hot-search .rank-list {
    margin-top: 1rem;
    height: 35.625rem;
    min-height: 8rem;
}

.nav-search-container .container-hot-search .rank-list .rank-card {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    color: #ffba00;
    padding: 0 0 0.665625rem 0;
    line-height: 0.75rem;
}

.nav-search-container .container-hot-search .rank-list .rank-card .rank-card-icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #888888;
    font-size: 0.9375rem;
    font-weight: 500;
}

.nav-search-container .container-hot-search .rank-list .rank-card .rank-card-title {
    flex: 1;
    font-size: 0.875rem;
    line-height: 1rem;
    color: #c9c9c9;
}

.nav-search-container .container-hot-search .rank-list .rank-card .flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 6.25rem;
    margin-right: 0;
    overflow: hidden;
}

/*  */

/*  */
.nav-search-container .container-list-search {
    background-color: #222222;
    position: absolute;
    z-index: -1;
    width: initial;
    height: 0;
    top: 1rem;
    left: 0;
    overflow: hidden;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
}

/* nav .nav-search-container.expand .container-hot-search.show,
#xqbj-container .nav-search-container .container-hot-search.show {
    height: initial;
    overflow: auto;
    border-radius: 0.5rem;
} */

nav .nav-search-container .container-hot-search,
#xqbj-container .nav-search-container .container-hot-search {
    height: initial;
    overflow: hidden;
    border-radius: 0.5rem;
}

/* 输入框为空 */
nav .nav-search-container.expand .input-control:placeholder-shown+.nav-search-list .container-list-search {
    height: 0;
    overflow: hidden;
}

/* 输入框有值 */
nav .nav-search-container.expand .input-control:not(:placeholder-shown)+.nav-search-list .container-list-search {
    height: initial;
    width: 100%;
    overflow: auto;
    border-radius: 0.5rem;
}

.nav-search-container .container-list-search .container-search-context {
    /* max-width: var(--default-content-max-width); */
    margin: 1rem auto;
    padding: 0 1rem 1rem 1rem;
    max-height: 80vh;
    overflow-y: auto;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-louyat {
    display: flex;
    align-items: center;
    border-bottom: 0.01rem solid #3b3c3e;
    padding: 0 0 0.2rem 0;
    margin: 0 0 1.6rem 0;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-input {
    width: calc(100% - 1rem);
}

.nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-input .input-control {
    color: #afafaf;
    font-size: 0.8rem;
    width: 100%;
    background-color: initial;
    border: 0;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-icon {
    width: 1rem;
    display: flex;
    justify-content: flex-end;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-title {
    color: var(--text-color);
    font-size: 0.8rem;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0.75rem 0 0 0;
}

.nav-search-container .container-list-search .container-search-context .container-search-context-tags .container-search-context-tags-item {
    color: var(--search-text-color);
    font-size: 0.8rem;
    background-color: var(--search-bg-color);
    border-radius: 0.3rem;
    margin: 0 0.65rem 0.5rem 0;
    padding: 0.2rem 0.5rem;
}

.nav-search-container .container-list-search .container-search-context .search-container {
    padding-top: 0;
    min-width: calc(100%);
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    font-size: 1.4rem;
    color: #070710;
    border-bottom: 0.05rem solid #e6e6e6;
    font-weight: 500;
    padding: 0 1rem 1rem;
    padding: 0 0 0.975rem 0;
    font-size: 0.9rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title span {
    display: flex;
    align-items: center;
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title span::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 1.3rem;
    background: #3276ff;
    margin-right: 0.5rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title.search-border {
    border-top: 0.05rem solid #e6e6e6;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 1.025rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title .r-text {
    font-size: 0.7rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .search-title .r-text .icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .container-search-tags {
    margin: 0.975rem 0 0.35rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .container-search-tags a {
    min-width: 4rem;
    height: 1.3rem;
    line-height: 1.3rem;
    padding: 0 0.55rem;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    margin-right: 1rem;
    border-radius: 0.2rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .container-search-tags.hot-tags {
    margin-top: 1rem;
}

.nav-search-container .container-list-search .container-search-context .search-container .container-search-tags .list .no-data {
    font-size: 0.7rem;
    color: #d1d1d1;
    text-align: center;
    width: 100%;
    height: 3.4rem;
}

.nav-search-container .container-list-search .rank-list {
    margin-top: 1rem;
}

.nav-search-container .container-list-search .rank-list .rank-card {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #c9c9c9;
    padding: 0.625rem 0;
}

.nav-search-container .container-list-search .rank-list .rank-card .rank-card-icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #3276ff;
    font-size: 0.8rem;
}

.nav-search-container .container-list-search .rank-list .rank-card .rank-card-title {
    flex: 1;
    font-size: 0.875rem;
    color: #c9c9c9;
}

.nav-search-container .container-list-search .rank-list .rank-card .rank-card-title .keyword {
    color: #ff3159;
}

.nav-search-container .container-list-search .rank-list .rank-card .flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 6.25rem;
    margin-right: 1rem;
}

/*  */

/* 排序 start */
body.card .search-container #index,
body.card .search-container #archive {
    overflow: hidden;
    padding: 3.375rem 2.6rem 3.5rem 2.6rem;
}

body.theme-dark .line-container {
    background-color: #0B0B0B;
    width: 100%;
    margin: 0;
    padding: 2rem;
}

.xqbj-search-sort {
    display: flex;
    padding: 1rem 0 0 0;
    font-size: 1rem;
    color: #888888;
}

.xqbj-search-sort .xqbj-search-sort-left {
    margin: 0 1.6875rem 0 0;
    display: flex;
    align-items: center;
    width: 2.3rem;
    /* margin: 0 1.5rem 0 0; */
}

.xqbj-search-sort .xqbj-search-sort-right {
    display: flex;
    justify-content: space-between;
    color: #888888;
    width: calc(100% - 2.3rem);
}

.xqbj-search-sort .xqbj-search-sort-right .item {
    margin: 0 0.5rem 0 0;
    display: flex;
    align-items: center;
}

.xqbj-search-sort .xqbj-search-sort-right .item:last-child {
    margin: 0;
}

.xqbj-search-sort .xqbj-search-sort-right .item label {
    margin: 0 0 0 0.2rem;
    display: flex;
    align-items: center;
}

.xqbj-search-sort .xqbj-search-sort-right .item {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 隐藏原生单选按钮 */
.xqbj-search-sort .xqbj-search-sort-right .item [type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

/* 自定义单选按钮样式 - 使用伪元素 */
.xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    border: 0.16rem solid #888888;
    border-radius: 50%;
    margin-right: 0.5rem;
    vertical-align: middle;
    transition: all 0.2s ease;
}

/* 选中状态样式 */
.xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label::before {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: inset 0 0 0 0.25rem #222222;
    /* 创建空心圆效果 */
}

.xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label {
    color: #ffffff;
    font-weight: 500;
    font-size: 1rem;
}

/* 排序 end */

/* 推荐 start */
.xqbj-search-tags {
    margin-bottom: 1.5rem;
}

.xqbj-search-tags h2 {
    font-size: 1rem;
    color: #ffffff;
    margin: 0 0 0.859375rem 0;
}

.xqbj-search-tags-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.xqbj-search-tags-list .tag-item {
    border: 0.0625rem solid #888888;
    border-radius: 0.6rem;
    padding: 0.625rem;
    margin: 0 0.625rem 0.625rem 0;
    display: flex;
    align-items: center;
    color: #c9c9c9;
    font-size: 0.875rem;
}

/* 推荐 end */

/* 无内容 */
.xqbj-search-none {
    padding: 0;
    margin: 1.5781rem 0 1.5781rem 0;
}

.xqbj-search-none .title {
    margin: 0 0 0.9375rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.xqbj-search-none .text {
    color: #c9c9c9;
    font-size: 1rem;
    display: flex;
    align-items: center;
    margin: 0.625rem 0 0;
    text-align: center;
}

.xqbj-search-none .text .keyword {
    color: #ff3159;
    max-width: 3rem;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xqbj-search-none .recommend {
    color: #c9c9c9;
    font-size: 1.25rem;
    margin: 1.875rem 0 0 0;
    display: flex;
    flex-direction: column;
}

.xqbj-search-none .recommend .title {
    color: #ffffff;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    font-weight: 500;
}

.xqbj-search-none .recommend .tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.9375rem 0 0;
}

.xqbj-search-none .recommend .tags .tag {
    margin: 0;
    padding: 0.625rem;
    border: 0.0625rem solid #bababa;
    border-radius: 0.6rem;
    margin: 0.553125rem 0.553125rem 0 0;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #bababa !important;
}

/* 无内容 */
/*  */

/* H5 导航 start */
nav.xqbj-header {
    height: var(--van-nav-bar-height);
    display: flex;
}

nav.xqbj-header .van-nav-bar {
    max-width: 100vw;
    z-index: var(--van-nav-bar-z-index);
    background: var(--van-nav-bar-background);
    -webkit-user-select: none;
    user-select: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

nav.xqbj-header .van-nav-bar .van-nav-bar__content {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--van-nav-bar-height);
}

nav.xqbj-header .backbtn {
    padding: 0 0.9625rem 0 0.915625rem;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-size: var(--van-font-size-md);
    z-index: var(--van-nav-bar-z-index);
    line-height: var(--van-line-height-lg);
    text-align: center;
    background: var(--van-nav-bar-background);
    -webkit-user-select: none;
    user-select: none;
    left: 0.5rem;
}

nav.xqbj-header .nav-bar-title {
    width: 85%;
    max-width: 100%;
    margin: 0 auto;
    color: var(--van-nav-bar-title-text-color);
    font-weight: var(--van-font-bold);
    font-size: var(--van-nav-bar-title-font-size);
    border-radius: 6rem;
    /* overflow: hidden; */
}

nav.xqbj-header .xqbj-btn {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 1rem;
    font-size: 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

nav.xqbj-header .search-input {
    display: flex;
    align-items: center;
    background-color: #222222;
    width: 16.75rem;
    height: 2.1875rem;
    border-radius: 10rem;
}

nav.xqbj-header .search-input input {
    background: transparent;
    border: none;
    outline: none;
    font-size: 0.7815rem;
    color: #888888;
    padding-left: 1rem;
    font-weight: 400;
}

/* ai1021 AI功能 start */
nav.xqbj-header .van-haptics-feedback {
    position: inherit;
    padding: 0;
    display: block;
    top: inherit;
    bottom: inherit;
}

/* ai1021 AI功能 end */

nav.xqbj-header .search-btn-m {
    width: 3.5rem;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #fff;
    cursor: pointer;
    background: #414141;
    border-radius: 1.875rem;
}

/* H5 导航 end */

/*  */
#footer .protocol {
    padding: 0 0 1.875rem 0;
}

#footer .protocol a {
    color: #939292;
    font-weight: 500;
    font-size: 0.875rem;
}

/*  */

/* 提示 start */

/* xf1106 IOS26适配 start */
body #age-warning {
    display: none;
}

body.show-18j-popup {
    background-color: #000000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

body.show-18j-popup>* {
    opacity: 0.1;
    visibility: hidden;
}

body.show-18j-popup .addbox {
    position: initial;
    display: none;
}

body.show-18j-popup>#age-warning {
    opacity: 1;
    visibility: visible;
    display: flex;
}

.warning-container {
    display: flex;
}

/* xf1106 IOS26适配 end */

.warning-container {
    background-color: #000000;
}

.warning-container .warning-flex-box {
    width: 18.75rem;
    height: initial;
    max-width: 100%;
    padding: 16vw 5vw 5vw 0;
    display: flex;
}

.warning-container .warning-flex-box .content-container .logo {
    width: 9rem;
    height: auto;
    margin-bottom: 1.85rem;
}

.warning-container .warning-flex-box .content-container .desc {
    width: 15rem;
    height: auto;
}

.warning-container #wanringtitle {
    font-size: 1.5625rem;
    font-weight: 600;
    margin: 1.46875rem 0 0 0;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
}

.warning-container #wanringtext {
    font-size: 0.9375rem;
    line-height: 1.8;
}

.warning-container .warning-flex-box .content-container .flex-button .cancle {
    width: 100%;
    height: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.warning-container .warning-flex-box .content-container .flex-button .confirm {
    width: 100%;
    height: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.warning-container .warning-flex-box .content-container .flex-button {
    width: 78%;
    /* margin-top: 4rem; */
    /* margin-top: 2rem; */
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: 1.03125rem;
    margin: auto;
}

.warning-container .option-container .select-dropdown select {
    font-size: 0.9375rem;
    font-weight: bold;
}

.warning-container .warning-flex-box .content-container .flex-button button {
    padding: 0;
    margin: 0;
}

/* 提示 end */

/* 菜单 start */
.navbar-nav {
    width: 100%;
}

/* 2610产品端复盘优化：调整 .navbar-expand-md .navbar-nav 相关样式。 */
.navbar-expand-md .navbar-nav {
    width: auto;
    display: flex;
    justify-content: center;
}

.navbar-expand-md .navbar-collapse {
    width: 100%;
}

.navbar-brand.text-brand {
    width: 5.5rem;
    height: 1.625rem;
    padding: 0;
}

.navbar-brand.text-brand>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar>.container-fluid {
    width: 92rem;
}

/* 2610产品端复盘优化：调整 header 相关样式。 */
header {
    height: 5.625rem;
}

.navbar-sidebar {
    position: fixed;
    width: 100%;
    height: var(--van-tabbar-height);
    z-index: 11;

    top: 0;
    left: 0;
    right: 0;
    background-color: #303030;
    display: flex;
    align-items: center;
}

.navbar-sidebar img,
.sidebar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#wrap.display-nav .navbar-sidebar {
    transform: translateX(17.5rem);
}

.navbar-sidebar .navbar-sidebar-item {
    height: 3rem;
    display: flex !important;
    justify-content: space-evenly;
    align-items: center;
}

.navbar-sidebar .navbar-sidebar-item.black {
    margin: 0 0 0 0.6rem;
    width: 4rem;
}

.navbar-sidebar .navbar-sidebar-item.black>div {
    display: flex !important;
    align-items: center;
    background-color: #ffffff14;
    padding: 0.2rem 0.6rem;
    border-radius: 1rem;
    width: 4.28125rem;
    height: 1.625rem;
    justify-content: center;
    font-size: 0.78125rem;
    white-space: nowrap;
}

.navbar-sidebar .navbar-sidebar-item.black .img-black {
    width: 1rem;
    height: 1rem;
}

.navbar-sidebar .navbar-sidebar-item.logo {
    flex: 1;
}

.navbar-sidebar .navbar-sidebar-item.logo .img {
    width: 6.1rem;
    height: 1.625rem;
    display: block;
}

/* ai1021 AI功能 start */
.navbar-sidebar .navbar-sidebar-item.btns {
    padding-right: 0.6rem;
}

/* ai1021 AI功能 end */

.navbar-sidebar .navbar-sidebar-item .search {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0.6rem 0 0;
}

.navbar-sidebar .navbar-sidebar-item .search .img {
    width: 1.625rem;
    height: 1.625rem;
    /* 0923 需求迭代-页面 UI优化 */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-sidebar .navbar-sidebar-item .search .img>img {
    /* 0923 需求迭代-页面 UI优化 */
    width: 1.275rem;
    height: 1.275rem;
}

.nav-fixed .mobile-search-box input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    color: #fff;
}

.nav-fixed .mobile-search-box {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 0.5rem 0;
    background: #181818;
}

/* 2610产品端复盘优化：调整 .nav-fixed .expand-contract-group 相关样式。 */
.nav-fixed .expand-contract-group {
    position: absolute;
    width: 9.375rem;
    height: auto;
    margin: 0 0 0 0.05rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #131313;
    right: 3rem;
    top: 3rem;
    font-size: 0.875rem;
    padding-left: 1.8rem;
    display: none;
}

.nav-fixed .expand-contract-group .li {
    padding-bottom: 1rem;
    display: flex;
    justify-content: left;
    align-items: center;
    line-height: 1.5rem;
    color: #fff;
}

.nav-fixed .expand-contract-group .li:last-child {
    padding-bottom: 0;
}

.nav-fixed .expand-contract-group .li img {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.5rem;
}

.nav-fixed .mobile-search-box .search-btn {
    position: absolute;
    top: 0.25rem;
    right: 1.5rem;
    color: #aaa;
    background-color: transparent;
    border: 0;
    font-size: 1.2rem;
}

.nav-fixed .mobile-search-box .search-btn>img {
    width: 1.625rem;
    height: 1.625rem;
}

.navbar-header.author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 1.405625rem;
}

.navbar-header .logo {
    width: 6.1rem;
    height: 1.625rem;
    display: block;
}

.navbar-header .close {
    width: 1.59375rem;
    height: 1.59375rem;
}

#nav .author img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: initial;
}

/* 2610产品端复盘优化：旧版及 AI 侧栏搜索入口复用搜索条变量；新版 H5 弹窗隐藏此入口。 */
#nav .search-box .search {
    width: 14.0625rem;
    height: var(--search-bar-height, 2.1125rem);
    padding: 0 0.8rem;
    display: flex;
    align-items: center;
    background-color: var(--search-bar-background, #222222);
    border: var(--search-bar-border, 0);
    box-sizing: border-box;
    color: var(--search-bar-placeholder, #888888);
    font-size: var(--search-bar-font-size, 0.875rem);
    border-radius: var(--search-bar-radius, 0.5rem);
}

#nav .search-box .search .img {
    width: 1.625rem;
    height: 1.625rem;
}

#nav .search-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

#nav .menu li {
    background-color: #222222;
    margin: 0 0 0.625rem 0;
    border-radius: 0.6875rem;
    width: 100%;
}

#nav .menu li.dropdown-item {
    background-color: #1b1b1b;
    margin: 0 0 0.625rem 0;
    border-radius: 0.5rem;
}

#nav .menu li.dropdown-item:last-child {
    margin: 0;
}

#nav .menu {
    width: 14.0625rem;
    margin: 0 auto;
}

/* body.macOS-ge-10-12.not-safari #nav .menu li a { */

#nav #menu-menu-1 li a,
#nav #menu-menu-1 li button {
    text-align: left;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1.03125rem;
    text-transform: none;
    padding: 0 0.75rem 0 1.25rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
}

/* body.macOS-ge-10-12.not-safari #nav .menu .dropdown-menu.show li a { */
#nav #menu-menu-1 .dropdown-menu.show li a {
    color: #c9c9c9 !important;
    font-size: 0.9375rem;
    font-weight: 500;
}

body.theme-dark .dropdown-menu {
    padding: 0.5rem 0 0 0;
}

body.theme-dark .dropdown-menu {
    background-color: #191919;
}

body.theme-dark .dropdown-menu.show {
    background-color: #1b1b1b;
}

body.theme-dark .dropdown-menu.show .dropdown-item {
    background-color: #1b1b1b;
}

body #nav .menu li a:active {
    border-radius: 0.5rem;
}

@media (hover: hover) and (pointer: fine) {
    body #nav .menu li a:hover {
        border-radius: 0.5rem;
    }
}

.dropdown-toggle::after {
    content: none;
}

.mr-auto .dropdown-toggle::after {
    content: none;
}

body.theme-dark .mr-auto .dropdown-menu.show {
    background-color: #222222;
    border-radius: 0.5rem;
    overflow: auto;
    left: 50%;
    transform: translateX(-50%);
}

body.theme-dark .navbar-color .navbar-nav .nav-link {
    width: 100%;
    min-width: 4rem;
    max-width: 6.5rem;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    font-size: 0.9375rem;
    color: #ffffff;
    background: transparent;
    border: none;
}

/* 2610产品端复盘优化：调整 body.theme-dark .navbar-color .navbar-nav .nav-link > div 相关样式。 */
body.theme-dark .navbar-color .navbar-nav .nav-link > div {
    line-height: 1.15;
}

body.theme-dark .mr-auto .dropdown-menu.show .dropdown-item {
    background-color: #222222;
    height: 3.125rem;
}

body.use-navbar .mr-auto .dropdown-menu {
    padding: 0;
}

body.use-navbar .mr-auto .dropdown-item>a {
    width: 100%;
    height: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    color: #c9c9c9;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.use-navbar .mr-auto .dropdown-item>a {
    width: 100%;
    height: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    color: #c9c9c9;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* seo优化20260413 start */
#navbarCollapse .nav-item.dropdown:hover .dropdown-menu {
    display: block !important;
    top: 95%;
}

/* seo优化20260413 end */

#nav-toolbar .side-toolbar .side-toolbar-list li a {
    height: initial;
    width: initial;
    line-height: initial;
    border-radius: initial;
    font-size: 0.625rem;
    background: initial;
    color: #ccc;
    vertical-align: middle;

    display: flex;
    flex-direction: column;
    align-items: center;
}

#nav-toolbar .side-toolbar .side-toolbar-list li a .icon {
    /* 0923 需求迭代-页面 UI优化 */
    width: 1.2625rem;
    height: 1.2625rem;
}

#nav-toolbar .side-toolbar .side-toolbar-list li a .text {
    color: #ffffff;
    margin: 0.3125rem 0 0 0;
}

#nav-toolbar .side-toolbar {
    background: #161616;
}

#nav-toolbar .side-toolbar .side-toolbar-list li a:hover {
    background: #161616;
}

#navbar .navbar-nav.side-toolbar-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#navbar .navbar-nav.side-toolbar-list li button img {
    border-radius: 50%;
}

/* 0923 需求迭代-页面 UI优化 */
#navbar .navbar-nav.side-toolbar-list li .user_target img,
#navbar .navbar-nav.side-toolbar-list li .user_menu img {
    width: auto;
    height: auto;
    object-fit: cover;
}

/* 清除旧内边距，让默认图、加载占位图和用户头像使用相同的显示区域。 */
#navbar .navbar-nav.side-toolbar-list li .user_target img {
    max-width: 100%;
    object-fit: cover;
    padding: 0;
    aspect-ratio: 1;
}

#navbar .navbar-nav.side-toolbar-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
}

#navbar .navbar-nav.side-toolbar-list li>button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: initial;
    height: 2.5rem;
    width: 2.5rem;
    line-height: 2.5rem;
    border-radius: 100%;
    font-size: .75rem;
    background: #2c2a2a;
    color: #ccc;
    border: none;
    vertical-align: middle;
}

#navbar .navbar-nav.side-toolbar-list li>a:hover {
    background: #1f1e1e;
    color: #333;
}

#navbar .navbar-nav.side-toolbar-list li a .icon {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 0923 需求迭代-页面 UI优化 */
/* PC 工具入口按设计去掉圆底，按钮与图标统一为 32px。 */
#navbar #nav-side-toolbar-download,
#navbar #nav-side-toolbar-github,
#navbar #nav-side-toolbar-telegram,
#navbar #nav-side-toolbar-qq,
#navbar #nav-side-toolbar-twitter,
#navbar #nav-side-toolbar-fa-brands {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

#navbar #nav-side-toolbar-download .icon,
#navbar #nav-side-toolbar-github .icon,
#navbar #nav-side-toolbar-telegram .icon,
#navbar #nav-side-toolbar-qq .icon,
#navbar #nav-side-toolbar-twitter .icon,
#navbar #nav-side-toolbar-fa-brands > .ai_btn {
    width: 2rem;
    height: 2rem;
}


/* AI 图片不再按原始像素展开，完整显示图案，避免被按钮边界裁切。 */
#navbar #nav-side-toolbar-fa-brands > .ai_btn {
    display: block;
    object-fit: contain;
}


/* 顶部用户入口保持现有 PNG，去掉圆底和内边距，与导航图标统一尺寸。 */
.nav-fixed .search-extra li.avatar_notice_item > button.user_target,
#navbar .navbar-nav.side-toolbar-list li.avatar_notice_item > button.user_target {
    /* width: 1.565rem;
    height: 1.565rem; */
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.nav-fixed .search-extra li.avatar_notice_item > button.user_target > img.avatar_btn,
#navbar .navbar-nav.side-toolbar-list li.avatar_notice_item > button.user_target > img.avatar_btn {
    display: block;
    width: 1.565rem;
    height: 1.565rem;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    object-fit: contain;
}

.nav-fixed .search-extra li.avatar_notice_item > button.user_target > img.avatar_btn {
    width: 1.275rem;
    height: 1.275rem;
}

/* 菜单 end */

/* 特殊补充 start */
@media (max-width: 380px) {
    .xqbj-search-sort {
        display: flex;
        padding: 0.8rem 0 0 0;
        font-size: 0.96rem;
        color: #888888;
    }

    .xqbj-search-sort .xqbj-search-sort-left {
        margin: 0 0.8rem 0 0;
        width: 2.3rem;
    }

    .xqbj-search-sort .xqbj-search-sort-right {
        display: flex;
        color: #888888;
        width: calc(100% - 2.3rem);
    }

    .xqbj-search-sort .xqbj-search-sort-right .item {
        margin: 0 0.5rem 0 0;
        display: flex;
        align-items: center;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item:last-child {
        margin: 0;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item label {
        margin: 0 0 0 0.2rem;
        display: flex;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item {
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]+label::before {
        content: "";
        display: inline-block;
        width: 0.9375rem;
        height: 0.9375rem;
        border: 0.16rem solid #888888;
        border-radius: 50%;
        margin-right: 0.5rem;
        vertical-align: middle;
        transition: all 0.2s ease;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label::before {
        background-color: #ffffff;
        border-color: #ffffff;
        box-shadow: inset 0 0 0 0.25rem #222222;
        /* 创建空心圆效果 */
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label {
        color: #ffffff;
        font-weight: 500;
        font-size: 0.96rem;
    }
}

@media (max-width: 320px) {
    .xqbj-search-sort {
        display: flex;
        padding: 0.8rem 0 0 0;
        font-size: 0.8rem;
        color: #888888;
    }

    .xqbj-search-sort .xqbj-search-sort-left {
        margin: 0 0.8rem 0 0;
        width: 1.8rem;
    }

    .xqbj-search-sort .xqbj-search-sort-right {
        display: flex;
        color: #888888;
        width: calc(100% - 1.8rem);
    }

    .xqbj-search-sort .xqbj-search-sort-right .item {
        margin: 0 0.5rem 0 0;
        display: flex;
        align-items: center;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item:last-child {
        margin: 0;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item label {
        margin: 0 0 0 0.2rem;
        display: flex;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item {
        position: relative;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]+label::before {
        content: "";
        display: inline-block;
        width: 0.9375rem;
        height: 0.9375rem;
        border: 0.16rem solid #888888;
        border-radius: 50%;
        margin-right: 0.5rem;
        vertical-align: middle;
        transition: all 0.2s ease;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label::before {
        background-color: #ffffff;
        border-color: #ffffff;
        box-shadow: inset 0 0 0 0.25rem #222222;
        /* 创建空心圆效果 */
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label {
        color: #ffffff;
        font-weight: 500;
        font-size: 0.8rem;
    }
}

/* 特殊补充 end */

@media (min-width: 768px) {
    /* 2610产品端复盘优化：Web 默认头像使用 avatar-web.png；H5 保留原路径 avatar.png 的圆形 PNG，仅匹配默认头像。 */
    #navbar button.user_target > img.avatar_btn[src^="/usr/plugins/AiSuite/assets/images/avatar.png"] {
        content: url('/usr/plugins/AiSuite/assets/images/avatar-web.png');
    }

    /* 独立搜索导航仅用于 H5，桌面隐藏整块以免与主导航叠加。 */
    #ai-navigation-container > nav.xqbj-header,
    .is-mobile {
        display: none;
    }

    .is-desktop {
        display: block;
    }

    header {
        height: 0;
    }

    .xqbj-icon-search {
        width: 1.25rem;
        height: 1.25rem;
        background-image: url(./search@3x.png?v=4);
    }

    .xqbj-icon-search1 {
        width: 1.875rem;
        height: 1.875rem;
        background-image: url(./search@3x.png?v=4);
    }

    .xqbj-icon-rank-1 {
        width: 1.875rem;
        height: 1.875rem;
        background-image: url(./rank-1@3x.png);
    }

    .xqbj-icon-rank-2 {
        width: 1.875rem;
        height: 1.875rem;
        background-image: url(./rank-2@3x.png);
    }

    .xqbj-icon-rank-3 {
        width: 1.875rem;
        height: 1.875rem;
        background-image: url(./rank-3@3x.png);
    }

    .xqbj-icon-none {
        width: 6.875rem;
        height: 7.5rem;
        background-image: url(./no-content@3x.png?v=2);
    }

    .xqbj-icon-delete1 {
        width: 1rem;
        height: 1rem;
        background-image: url(./icon-delete@3x.png);
        position: absolute;
        display: block;
        background-color: #000000;
        border-radius: 50%;
        top: -0.3rem;
        right: -0.4rem;
        object-fit: contain;
        background-size: 90%;
        background-position: 50% 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.2s ease;
        border: 0.1rem #bababa solid;
    }

    .container {
        background-color: initial;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    /* 2610产品端复盘优化：调整 .nav-search-container 相关样式。 */
    .nav-search-container {
        display: flex;
        align-items: center;
        background-color: #191A22;
        height: 100%;
        border-radius: 1.1rem;
        padding: 0 0.25rem 0 1rem;
        margin: 0;
        box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
        width: 100%;
        width: 100%;
    }

    .nav-search-container .nav-search-list {
        /* display: none; */
    }

    nav .nav-search-container {
        display: flex;
        align-items: center;
        background-color: #222222;
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 100%;
        padding: 0 0.65rem 0 0.65rem;
        margin: 0;
        box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
        max-width: 30rem;
        position: relative;
    }

    nav .nav-search-container:hover {
        background-color: #1f1e1e;
    }

    /* 0923 需求迭代-页面 UI优化 */
    /* 按设计稿使用 1rem 等距，清除列表项外边距，避免间距叠加。 */
    #navbarCollapse > .navbar-nav.side-toolbar-list {
        gap: 1rem;
        margin-left: 1rem;
        flex-shrink: 0;
    }

    /* 2610产品端复盘优化：调整 #navbarCollapse > .navbar-nav.side-toolbar-list > li 相关样式。 */
    #navbarCollapse > .navbar-nav.side-toolbar-list > li {
        margin: auto 0;
    }

    /* 搜索入口与其余图标同宽，让搜索和下载之间也保持 1rem 间距。 */
    #navbarCollapse > .nav-search-container:not(.expand) {
        flex: 0 0 1.565rem;
        width: 1.565rem;
        height: 1.565rem;
        justify-content: center;
        padding: 0;
        background: transparent;
        box-shadow: none;
        cursor: pointer;
    }

    #navbarCollapse > .nav-search-container:not(.expand) > .xqbj-icon-search {
        flex: 0 0 1.565rem;
        width: 1.565rem;
        height: 1.565rem;
        background-size: 1.565rem 1.565rem;
    }

    nav .nav-search-container.expand {
        display: flex;
        align-items: center;
        background-color: #222222;
        height: 2.5rem;
        width: 100%;
        border-radius: 1.1rem;
        padding: 0 0.25rem 0 1rem;
        margin: 0;
        box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2);
        max-width: 30rem;
        position: relative;
        z-index: 1000;
    }

    nav .nav-search-container.expand .xqbj-icon-search {
        width: 1.875rem;
        height: 1.875rem;
        background-image: url(./search@3x.png?v=4);
    }

    .nav-search-container .input-control {
        flex: 1;
        background: transparent;
        border: none;
        outline: none;
        font-size: 0.9375rem;
        color: #ffffff;
        width: 100%;
    }

    /* .nav-search-container.expand .nav-search-list {
        display: none;
    } */

    .nav-search-container.expand .nav-search-list {
        /* 0607 start */
        position: absolute;
        top: 1.5rem;
        left: 0;
        display: block;
        /* background-color: #ec0000; */
        z-index: -1;
        height: 100vh;
        width: 100%;
        /* 0607 end */
    }

    .nav-search-container:hover .nav-search-list {}

    /* 2610产品端复盘优化：调整 .nav-search-container .container-hot-search 相关样式。 */
    .nav-search-container .container-hot-search {
        background-color: #191A22;
        position: initial;
        z-index: -1;
        width: 100%;
        height: 0;
        top: 1rem;
        left: 0;
        overflow: hidden;
        border-radius: 0.5rem;
    }

    nav .nav-search-container .container-hot-search {
        background-color: #222222;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 0;
        /* top: 1.0rem; */
        top: 0;
        left: 0;
        overflow: hidden;
        border-radius: 0.5rem;
    }

    /* .nav-search-container.expand .container-hot-search.show {
        height: initial;
        overflow: auto;
    } */

    .nav-search-container.expand .container-hot-search {
        height: initial;
        overflow: auto;
    }

    /* 输入框有光标 */
    /* .nav-search-container .input-control:focus + .nav-search-list .container-hot-search {
        height: initial;
        overflow: auto;
    } */

    /* 输入框有无光标 */
    /* .nav-search-container .input-control:not(:focus) + .nav-search-list .container-hot-search {
        height: initial;
        overflow: auto;
    } */

    .nav-search-container .container-hot-search .container-search-context {
        max-width: 100%;
        max-height: 100%;
        margin: 1rem auto;
        padding: 1rem;
        overflow-y: initial;
    }

    nav .nav-search-container .container-hot-search .container-search-context {
        max-width: 100%;
        margin: 2rem auto;
        padding: 0 1rem;
        max-height: 80vh;
        overflow-y: auto;
    }

    nav .nav-search-container .container-hot-search .container-search-context::-webkit-scrollbar {
        display: none;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-louyat {
        display: flex;
        align-items: center;
        border-bottom: 0.01rem solid #3b3c3e;
        padding: 0 0 0.2rem 0;
        margin: 0 0 1.6rem 0;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-input {
        width: calc(100% - 1rem);
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-input .input-control {
        color: #afafaf;
        font-size: 0.8rem;
        width: 100%;
        background-color: initial;
        border: 0;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-louyat .container-search-context-icon {
        width: 1rem;
        display: flex;
        justify-content: flex-end;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-title {
        color: var(--text-color);
        font-size: 0.8rem;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-tags {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0.75rem 0 0 0;
    }

    .nav-search-container .container-hot-search .container-search-context .container-search-context-tags .container-search-context-tags-item {
        color: var(--search-text-color);
        font-size: 0.8rem;
        background-color: var(--search-bg-color);
        border-radius: 0.3rem;
        margin: 0 0.65rem 0.5rem 0;
        padding: 0.2rem 0.5rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container {
        padding-top: 0.8rem;
        min-width: calc(100%);
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 1rem;
        font-size: 1rem;
        line-height: 1rem;
        color: #888888;
        border-bottom: 0.05rem solid #ffffff19;
        font-weight: 500;
        padding: 0 1rem 1rem;
        padding: 0 0 0.975rem 0;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title span {
        display: flex;
        align-items: center;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title.search-border {
        border-top: 0.05rem solid #ffffff19;
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 1.025rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text {
        font-size: 0.875rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text .icon {
        width: 1rem;
        height: 1rem;
        margin-right: 0.25rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags {
        margin: 0.975rem 0 0.35rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags a {
        min-width: 4rem;
        height: 1.3rem;
        line-height: 1.3rem;
        padding: 0 0.55rem;
        margin-bottom: 1rem;
        font-size: 0.7rem;
        margin-right: 1rem;
        border-radius: 0.2rem;
    }

    /* pc导航seo优化 start */
    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record button {
        background: rgba(50, 118, 255, 0.05);
        width: fit-content;
        min-width: 4rem;
        max-width: 100%;
        height: 1.75rem;
        line-height: 1.75rem;
        padding: 0 0.9rem;
        text-align: center;
        margin-bottom: 0.625rem;
        border: 0.05rem solid #bababa;
        font-size: 0.875rem;
        color: #bababa;
        border-radius: 0.31rem;
        margin-right: 0.935rem;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        box-orient: vertical;
        text-overflow: ellipsis;
        word-break: break-all;

        position: relative;
    }

    /* pc导航seo优化 end */
    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags.hot-tags {
        margin-top: 1rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .list .no-data {
        font-size: 0.8rem;
        color: #d1d1d1;
        text-align: center;
        width: 100%;
        height: 3.4rem;
    }

    .nav-search-container .container-hot-search .rank-list {
        margin-top: 1rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card {
        display: flex;
        align-items: center;
        font-size: 0.9rem;
        color: #ffba00;
        padding: 0.625rem 0;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-icon {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #888888;
        font-size: 0.9375rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-title {
        flex: 1;
        font-size: 0.875rem;
        line-height: 1rem;
        color: #c9c9c9;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .flex {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 6.25rem;
        margin-right: 1rem;
    }

    /*  */

    /*  */
    .nav-search-container .container-list-search {
        background-color: #222222;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 0;
        top: 0;
        /* top: 1.0rem; */
        left: 0;
        overflow: hidden;
        box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
    }

    /* .nav-search-container.expand .container-list-search.show {
        height: initial;
        overflow: auto;
        border-radius: 0.5rem;
    } */

    .nav-search-container.expand .container-list-search {
        height: initial;
        overflow: auto;
        border-radius: 0.5rem;
    }

    /* 输入框为空 */
    .nav-search-container.expand .input-control:placeholder-shown+.nav-search-list .container-hot-search {
        height: initial;
        overflow: auto;
    }

    .nav-search-container.expand .input-control:placeholder-shown+.nav-search-list .container-list-search {
        height: 0;
        overflow: hidden;
    }

    /* 输入框有值 */
    .nav-search-container.expand .input-control:not(:placeholder-shown)+.nav-search-list .container-hot-search {
        height: 0;
        overflow: hidden;
    }

    .nav-search-container.expand .input-control:not(:placeholder-shown)+.nav-search-list .container-list-search {
        height: initial;
        overflow: auto;
    }

    .nav-search-container .container-list-search .container-search-context {
        margin: initial;
        padding: 1rem 0.8375rem;
        max-height: 80vh;
        overflow-y: auto;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-louyat {
        display: flex;
        align-items: center;
        border-bottom: 0.01rem solid #3b3c3e;
        padding: 0 0 0.2rem 0;
        margin: 0 0 1.6rem 0;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-input {
        width: calc(100% - 1rem);
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-input .input-control {
        color: #afafaf;
        font-size: 0.8rem;
        width: 100%;
        background-color: initial;
        border: 0;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-louyat .container-search-context-icon {
        width: 1rem;
        display: flex;
        justify-content: flex-end;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-title {
        color: var(--text-color);
        font-size: 0.8rem;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-tags {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0.75rem 0 0 0;
    }

    .nav-search-container .container-list-search .container-search-context .container-search-context-tags .container-search-context-tags-item {
        color: var(--search-text-color);
        font-size: 0.8rem;
        background-color: var(--search-bg-color);
        border-radius: 0.3rem;
        margin: 0 0.65rem 0.5rem 0;
        padding: 0.2rem 0.5rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container {
        padding-top: 0.8rem;
        min-width: calc(100%);
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 1rem;
        font-size: 1.4rem;
        color: #070710;
        border-bottom: 0.05rem solid #e6e6e6;
        font-weight: 500;
        padding: 0 1rem 1rem;
        padding: 0 0 0.975rem 0;
        font-size: 0.9rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title span {
        display: flex;
        align-items: center;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title span::before {
        content: "";
        display: inline-block;
        width: 0.2rem;
        height: 1.3rem;
        background: #3276ff;
        margin-right: 0.5rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title.search-border {
        border-top: 0.05rem solid #e6e6e6;
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 1.025rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title .r-text {
        font-size: 0.7rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .search-title .r-text .icon {
        width: 1rem;
        height: 1rem;
        margin-right: 0.25rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .container-search-tags {
        margin: 0.975rem 0 0.35rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .container-search-tags a {
        min-width: 4rem;
        height: 1.3rem;
        line-height: 1.3rem;
        padding: 0 0.55rem;
        margin-bottom: 1rem;
        font-size: 0.7rem;
        margin-right: 1rem;
        border-radius: 0.2rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .container-search-tags.hot-tags {
        margin-top: 1rem;
    }

    .nav-search-container .container-list-search .container-search-context .search-container .container-search-tags .list .no-data {
        font-size: 0.7rem;
        color: #d1d1d1;
        text-align: center;
        width: 100%;
        height: 3.4rem;
    }

    .nav-search-container .container-list-search .rank-list {
        margin-top: 1rem;
    }

    .nav-search-container .container-list-search .rank-list .rank-card {
        display: flex;
        align-items: center;
        font-size: 0.9rem;
        color: #c9c9c9;
        padding: 0.625rem 0;
    }

    .nav-search-container .container-list-search .rank-list .rank-card .rank-card-icon {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #3276ff;
        font-size: 0.8rem;
    }

    .nav-search-container .container-list-search .rank-list .rank-card .rank-card-title {
        flex: 1;
        font-size: 0.875rem;
        color: #c9c9c9;
    }

    .nav-search-container .container-list-search .rank-list .rank-card .rank-card-title .keyword {
        color: #ff3159;
    }

    .nav-search-container .container-list-search .rank-list .rank-card .flex {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 6.25rem;
        margin-right: 1rem;
    }

    /*  */

    /* 排序 start */
    body.card .search-container #index,
    body.card .search-container #archive {
        overflow: hidden;
        padding: 2rem 3.75rem 3.5rem;
        margin: -3.125rem;
    }

    body.theme-dark .line-container {
        background-color: initial;
        width: 100%;
        margin: 0;
        padding: 2rem;
    }

    .xqbj-search-sort {
        display: flex;
        padding: 1rem 0.5rem;
        font-size: 1rem;
        color: #ffffff;
    }

    .xqbj-search-sort .xqbj-search-sort-left {
        margin: 0 5rem 0 0;
        width: 3rem;
        font-weight: 500;
    }

    .xqbj-search-sort .xqbj-search-sort-right {
        width: calc(100% - 3rem);
        display: flex;
        justify-content: flex-start;
        color: #888888;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item {
        margin: 0 3.125rem 0 0;
        display: flex;
        align-items: center;
    }

    .xqbj-search-sort .xqbj-search-sort-right .item label {
        margin: 0 0 0 0.225rem;
    }

    /* 隐藏原生单选按钮 */
    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
    }

    /* 自定义单选按钮样式 - 使用伪元素 */
    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]+label::before {
        content: "";
        display: inline-block;
        width: 0.9375rem;
        height: 0.9375rem;
        border: 0.16rem solid #888888;
        border-radius: 50%;
        margin-right: 0.5rem;
        vertical-align: middle;
        transition: all 0.2s ease;
    }

    /* 选中状态样式 */
    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label::before {
        background-color: #ffffff;
        border-color: #ffffff;
        box-shadow: inset 0 0 0 0.25rem #222222;
        /* 创建空心圆效果 */
    }

    .xqbj-search-sort .xqbj-search-sort-right .item [type="radio"]:checked+label {
        color: #ffffff;
        font-weight: 500;
        font-size: 1rem;
    }

    /* 排序 end */

    /* 推荐 start */
    .xqbj-search-tags h2 {
        font-size: 1rem;
        color: #ffffff;
    }

    .xqbj-search-tags-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .xqbj-search-tags-list .tag-item {
        margin: 0;
        padding: 0.625rem;
        border: 0.0625rem solid #888888;
        border-radius: 0.6rem;
        margin: 0.625rem 1.25rem 0 0;
        display: flex;
        align-items: center;
        color: #c9c9c9;
        font-size: 0.875rem;
    }

    /* 推荐 end */

    /* 无内容 */
    .xqbj-search-none {
        padding: 0 10%;
        margin: 7.8125rem 0;
    }

    .xqbj-search-none .title {
        display: flex;
        flex-direction: column;
        margin: 0.625rem 0 0 0;
    }

    .xqbj-search-none .text {
        color: #c9c9c9;
        font-size: 1.25rem;
        display: flex;
        align-items: center;
        margin: 0.625rem 0 0;
    }

    .xqbj-search-none .text .keyword {
        color: #ff3159;
        max-width: 6rem;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .xqbj-search-none .recommend {
        color: #c9c9c9;
        font-size: 1.25rem;
        margin: 1.875rem 0 0 0.625rem;
        display: flex;
        flex-direction: column;
    }

    .xqbj-search-none .recommend .title {
        color: #ffffff;
        font-size: 1.125rem;
        font-weight: normal;
    }

    .xqbj-search-none .recommend .tags {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .xqbj-search-none .recommend .tags .tag {
        margin: 0;
        padding: 0.625rem;
        border: 0.0625rem solid #888888;
        border-radius: 0.3rem;
        margin: 1.25rem 1.25rem 0 0;
        display: flex;
        align-items: center;
        font-size: 0.875rem;
        color: #bababa !important;
        height: 1.75rem;
    }

    /* 无内容 */

    /* 提示 start */
    .warning-container .warning-flex-box {
        width: 50.625rem;
        height: 34.375rem;
        max-width: 100%;
        padding: 3rem 2rem;
    }

    .warning-container .warning-flex-box .content-container .logo {
        width: 13rem;
        height: auto;
    }

    .warning-container .warning-flex-box .content-container .desc {
        width: 20rem;
        height: auto;
    }

    .warning-container #wanringtitle {
        font-size: 3.125rem;
        font-weight: 600;
        margin: 1.46875rem 0 0 0;
    }

    .warning-container #wanringtext {
        font-size: 1.5rem;
        line-height: 1.8;
    }

    .warning-container .warning-flex-box .content-container .flex-button .cancle {
        width: 18.75rem;
        height: 5rem;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .warning-container .warning-flex-box .content-container .flex-button .confirm {
        width: 18.75rem;
        height: 5rem;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .warning-container .warning-flex-box .content-container .flex-button {
        width: 90%;
        /* margin-top: 4rem; */
        /* margin-top: 2rem; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 2rem auto 0 auto;
    }

    .warning-container .option-container .select-dropdown select {
        font-size: 0.9375rem;
        font-weight: bold;
    }

    .warning-container .warning-flex-box .content-container .flex-button button {
        padding: 0;
        margin: 0;
    }

    /* 提示 end */

    /* 菜单 start */
    .navbar-nav {
        width: 100%;
    }

    .navbar-expand-md .navbar-nav {
        width: auto;
    }

    .navbar-expand-md .navbar-collapse {
        width: 100%;
    }

    /* PC 公共导航：按 Figma 1920px 稿使用 100px 高度及两侧 66px 留白。 */
    #navbar {
        min-height: 100px;
        padding: 24px clamp(24px, 3.4375vw, 66px);
    }

    #navbar > .container-fluid {
        width: 100%;
        padding: 0;
        gap: 32px;
        flex-wrap: nowrap;
    }

    #navbar .navbar-brand.text-brand {
        flex: 0 0 130px;
        width: 130px;
        height: 35px;
        margin: 0;
        padding: 0;
    }

    #navbar .navbar-brand.text-brand > img {
        content: url('../../images/h5-navigation/logo.svg');
        width: 130px;
        height: 35px;
        object-fit: contain;
    }

    #navbarCollapse {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    #navbarCollapse > .navbar-nav.mr-auto {
        min-width: 0;
        padding-right: 32px;
        gap: 24px;
        justify-content: flex-start;
    }

    #navbar .navbar-nav .nav-link {
        width: auto;
        min-width: 0;
        max-width: none;
        padding: 0;
        gap: 4px;
        overflow: visible;
        font-size: 18px;
        line-height: 24px;
        color: #f2f3f5;
    }

    #navbar .navbar-nav .nav-link > div {
        line-height: inherit;
    }

    #navbar .navbar-nav .nav-link:hover,
    #navbar .navbar-nav .nav-link:focus-visible {
        color: #b1b4bf;
    }

    #navbar .nav-link .xqbj-icon-up {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
        background-size: contain;
    }

    #navbarCollapse > .nav-search-container:not(.expand) {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    /* 收起时只显示现有搜索图片，避免输入框占位文字挤到图标旁。 */
    #navbarCollapse > .nav-search-container:not(.expand) > .input-control,
    #navbarCollapse > .nav-search-container:not(.expand) > .nav-search-list {
        display: none;
    }

    #navbarCollapse > .nav-search-container:not(.expand) > .xqbj-icon-search {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background-position: center;
        background-repeat: no-repeat;
        opacity: .8;
    }

    #navbar .navbar-nav.side-toolbar-list li > a,
    #navbar .navbar-nav.side-toolbar-list li > button,
    #navbar .navbar-nav.side-toolbar-list li > a .icon,
    #navbar #nav-side-toolbar-fa-brands > .ai_btn,
    #navbar .navbar-nav.side-toolbar-list li.avatar_notice_item > button.user_target > img:is(.avatar_btn, .avatar_btn_user) {
        width: 32px;
        height: 32px;
    }

    #navbar .navbar-nav.side-toolbar-list > li {
        opacity: .8;
    }

    /* 菜单 end */
}

@media (min-width: 768px) and (max-width: 1399.98px) {
    #navbar { padding-right: 24px; padding-left: 24px; }
    #navbar > .container-fluid { gap: 24px; }
    #navbarCollapse > .navbar-nav.mr-auto { gap: 12px 16px; padding-right: 24px; }
}

/* 窄桌面让栏目与工具分行，保留全部入口及下拉菜单，避免挤压 Logo。 */
@media (min-width: 768px) and (max-width: 1199.98px) {
    #navbarCollapse { flex-wrap: wrap; row-gap: 16px; }
    #navbarCollapse > .navbar-nav.mr-auto { flex-basis: 100%; padding-right: 0; }
    #navbarCollapse > .nav-search-container { margin-left: auto; }
}

/* 0923 需求迭代-页面 UI优化 */
/* 热标识改用渐变底色，文字与背景分离，沿用各端原有尺寸。 */
.xqbj-icon-hot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 16.6667%;
    background: linear-gradient(180deg, #FF5D91 0%, #CB1D3F 100%);
    color: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.xqbj-icon-hot::before {
    content: '热';
}

/* 搜索框 */

@media (max-width: 767px) {
    #masthead.no-banner-image .inner {
        padding-top: 0rem !important;
        padding-bottom: 0;
        top: 0;
        background-color: #0B0B0B !important;
    }

    body.card .container-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* 2610产品端复盘优化：调整 .blog-title 相关样式。 */
    .blog-title {
        font-size: 1.75rem;
        line-height: 1;
        letter-spacing: 0.115625rem;
        text-align: center;
        color: #fff;
        margin-bottom: 0.75rem;
    }

    .detail {
        font-size: 0.8125rem;
        line-height: 1.38;
        color: #fff;
    }

    #masthead {
        padding: 1.25rem 0;
        background-color: #343232;
        min-height: 12.5rem;
    }

    .container {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        background-color: transparent !important;
    }

    body.card #index article .post-card-mask,
    body.card #archive article .post-card-mask {
        height: 12.5rem;
        overflow: hidden;
    }

    body.card #index article,
    body.card #archive article {
        padding: 0 !important;
        margin: 0.625rem 0;
    }

    body.card .search-container #archive {
        padding: 0;
        margin: 0;
    }

    .post-card-placeholder {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #484848;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 11;
    }

    .post-card-placeholder .placeholder {
        width: 8.6875rem;
        height: 3.125rem;
    }

    .row {
        margin: 0;
    }

    /* 搜索框 */
    /* pc导航seo优化 start */
    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record button {
        margin-right: 0.625rem;
        margin-bottom: 0.625rem;
        font-size: 0.9rem;
        color: #aaa;
        border: solid 1px #a7a7a7;
        padding: 0 0.6rem;
        height: 1.5rem;
        line-height: 1.5rem;
        border-radius: 0.3rem;
        background-color: transparent;
    }

    /* pc导航seo优化 end */
    /* seo优化20260410 start */
    .nav-search-container .container-hot-search .container-search-context h1 {
        font-size: 1.2rem;
        margin: 1rem 0 1rem 0;
    }

    /* seo优化20260410 end */

    .nav-search-container .container-hot-search .rank-lis {
        margin-top: 0;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card {
        position: relative;
        padding: 0;
        margin-top: 1.5625rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-title {
        flex: 0 0 85%;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card:first-child {
        margin-top: 0.9375rem;
    }

    .rank-card .view {
        position: absolute;
        top: 1.875rem;
        left: 1.875rem;
        font-size: 0.75rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #888;
    }

    .xqbj-icon-hot {
        width: 0.875rem;
        height: 0.875rem;
        /* 0923 需求迭代-页面 UI优化 */
        font-size: 0.625rem;
    }

    .nav-search-container {
        position: relative;
    }

    .search-list {
        display: none;
        position: absolute;
        left: 0;
        top: 2.5rem;
        width: 100%;
        padding: 0.46875rem;
        border-radius: 0 0 0.34375rem 0.34375rem;
        background-color: #222;
    }

    .search-list .item {
        height: 2.5rem;
        display: flex;
        align-items: center;
        font-size: 0.875rem;
        color: #c9c9c9;
    }

    .xqbj-icon-search-i {
        width: 1.25rem;
        height: 1.25rem;
        background-image: url('./search-i.png');
    }

    .search-list .item .key {
        color: #ff3159;
    }

    .search-list .item .text {
        flex: 0 0 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.theme-dark #masthead.no-banner-image {
        background-color: #0B0B0B;
        min-height: 12.5rem;
        padding-top: 0 !important;
    }
}

@media (min-width: 768px) {
    /* 详情页、搜索页与首页共用占流导航，清除旧 fixed 导航的顶部占位。 */
    body:has(#post > article.post) #wrap,
    body.use-navbar.no-banner:has(#body.search-page-body) #wrap {
        padding-top: 0;
    }

    /* 详情页 PC（Figma 2362:5851）：正文宽度和标题层级。 */
    #body > .container:has(#post > article.post),
    body:has(#post > article.post) #body-bottom > .container {
        max-width: 64.75rem;
    }

    #post:has(> article.post) {
        padding: 0.625rem 0.625rem 0;
    }

    /* P04 详情页 PC：文字链宫格沿用动态链接，对齐 Figma 2362:6237。 */
    body.theme-dark #post > article.post .txt-apps {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }

    body.theme-dark #post > article.post .txt-apps > a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        width: auto;
        height: 58px;
        margin: 0;
        padding: 0 8px;
        border: 1px solid #464955;
        border-radius: 8px;
        color: #bcbcbc !important;
        font-size: 20px;
        line-height: 24px;
    }

    body.theme-dark #post > article.post .txt-apps > a > span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.theme-dark #post > article.post .txt-apps > a:first-child,
    body.theme-dark #post > article.post .txt-apps > a:hover,
    body.theme-dark #post > article.post .txt-apps > a:focus-visible {
        border-color: #ff4886;
        color: #ff4886 !important;
    }

    /* 使用实色粉色，并覆盖旧详情模板中同名按钮的绿色样式。 */
    body.theme-dark #post > article.post .btn-download {
        background: #ff4886;
        box-shadow: 0 0 12px rgba(255, 72, 134, .5);
    }

    body.theme-dark #post > article.post > .post-title {
        color: #fff;
        font-size: 2.875rem;
        line-height: 3.25rem;
    }

    body.theme-dark #post > article.post > .post-meta {
        color: #BCBCBC;
        font-size: 1.125rem;
        line-height: 1.25rem;
    }

    #post > article.post > .search-nav-breadcrumb-wrap {
        --post-breadcrumb-font-size: 1.25rem;
    }

    /* 个人中心三个入口的面包屑仅统一字号，保留原结构和其他样式。 */
    .ai-tech-container > .sp_breadcrumb_nav:has(+ #ai-user-recharge-container),
    :is(#ai-my-record-list-container, #ai-msg-center-container) > .sp_breadcrumb_nav {
        font-size: 1.25rem;
    }

    .container-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 8.75rem;
    }

    /* PC 页头统一为主标题 44px、描述 18px，沿用各页原有间距和字重。 */
    #masthead .blog-title {
        font-size: 2.75rem;
    }

    .blog-title {
        font-weight: 300;
        line-height: normal;
        margin-bottom: 0.625rem;
    }

    #masthead .blog-description {
        font-size: 1.125rem;
    }

    body.home-page .blog-description {
        line-height: normal;
        color: #B1B4BF;
        padding-bottom: 0;
    }

    /* 列表顶部 12px + 文章顶部 20px = 32px；文章上下各 20px 组成 40px 间距。 */
    body.home-page.card #index {
        margin-top: 0;
        padding-top: 0.75rem;
        /* 与旧列表两侧各 50px 的负外边距抵消，让实际卡片占满内容宽度。 */
        padding-inline: 3.125rem;
    }

    body.home-page.card #index article {
        padding-top: 1.25rem;
    }

    /* PC 首页资讯与穿插广告统一为设计稿的 1072 × 315，窄屏按比例缩放。 */
    body.home-page.card #index article .post-card {
        max-width: 1072px;
        margin-inline: auto;
        aspect-ratio: 1072 / 315;
    }

    body.home-page.card #index article .post-card-mask {
        height: 100%;
    }

    body.home-page.card #index article .post-card,
    body.home-page .horizontal-block > a img {
        border-radius: 0.5rem;
    }

    /* 首页 PC 底部横幅与资讯区对齐。 */
    body.home-page .horizontal-block {
        margin-inline: 0.625rem;
    }

    /* P05 分类页 PC：沿用标题间距，独立限定实际列表宽度。 */
    body.category-page #masthead .blog-title {
        margin-bottom: 8px;
    }

    body.category-page #masthead .blog-description {
        line-height: normal;
        color: #b1b4bf;
        margin: 0;
        padding-bottom: 0;
    }

    body.category-page.card #body > .container {
        width: calc(100% - 32px);
        max-width: 1072px;
        padding-inline: 0;
    }

    body.category-page #body > .container > .row {
        margin-inline: 0;
    }

    body.category-page.card #archive {
        margin: 0;
        padding: 0 0 56px;
    }

    /* 对齐通用内页：面包屑文字上方留白 34px，下方至列表留白 30px。 */
    body.category-page #archive > .nav-breadcrumb-wrap {
        min-height: 0;
        margin: 0;
        padding: 34px 0 30px;
    }

    body.category-page.card #archive > article {
        margin: 0 0 40px;
        padding: 0;
    }

    body.category-page.card #archive article .post-card {
        aspect-ratio: 1072 / 315;
        border-radius: 8px;
    }

    body.category-page.card #archive article .post-card-mask {
        height: 100%;
    }

    /* 间距由广告卡片或 SSP 槽承担；空槽隐藏后不留白，避免父级 :has(:empty) 更新问题。 */
    body.category-page.card #archive > article.ad-item {
        display: flow-root;
        margin: 0;
    }

    body.category-page #archive [data-ssp-slot-node],
    body.category-page #archive > article.ad-item > a > .post-card {
        margin-bottom: 40px;
    }

    body.category-page #archive [data-ssp-slot-node]:empty {
        display: none !important;
    }

    .detail {
        font-size: 1.25rem;
    }

    body.card .search-container #archive {
        padding: 0;
        margin: 0;
        /* 与首页共用悬停放大，保留伸出列表边界的圆角和阴影。 */
        overflow: visible;
    }

    /* P07 有结果的搜索列表：复用现有容器和卡片，空结果页沿用原样式。 */
    body.card .search-container:has(#archive > article) {
        width: calc(100% - 32px);
        max-width: 1072px;
        padding-inline: 0;
    }

    .search-container:has(#archive > article) > .row {
        margin-inline: 0;
    }

    .search-container:has(#archive > article) .xqbj-search-sort,
    .search-container #archive > .archive-nav-breadcrumb-wrap {
        display: flex;
        align-items: center;
        min-height: 40px;
        padding: 0;
    }

    .search-container .archive-nav-breadcrumb-wrap .nav-breadcrumb-wrap {
        padding: 0;
    }

    body.card .search-container #archive > article {
        margin: 0 0 64px;
        padding: 0;
    }

    body.card .search-container #archive article .post-card {
        aspect-ratio: 1072 / 315;
        border-radius: 8px;
    }

    body.card .search-container #archive article .post-card-mask {
        height: 100%;
    }

    .post-card-placeholder {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #484848;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 11;
    }

    .post-card-placeholder .placeholder {
        width: 12.375rem;
        height: 5.4375rem;
    }

    body.card #archive article {
        padding: 0;
        margin: 1.875rem 0;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record button {
        margin-right: 1.25rem;
    }

    .nav-search-container .container-hot-search .rank-lis {
        margin-top: 0;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card {
        position: relative;
        padding: 0;
        margin-top: 1.875rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-title {
        flex: 0 0 85%;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card:first-child {
        margin-top: 0.625rem;
    }

    .rank-card .view {
        position: absolute;
        top: 1.875rem;
        left: 1.875rem;
        font-size: 0.71875rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #888;
    }

    .xqbj-icon-hot {
        width: 0.875rem;
        height: 0.875rem;
        /* 0923 需求迭代-页面 UI优化 */
        font-size: 0.625rem;
    }

    /* 2610产品端复盘优化：调整 body.theme-dark #body 相关样式。 */
    body.theme-dark #body {
        /* 0923 需求迭代-页面 UI优化 */
        background-color: #191A22 !important;
    }

    /* 2610产品端复盘优化：调整 body.use-navbar #masthead .inner 相关样式。 */
    body.use-navbar #masthead .inner {
        background-color: #14151A;
        padding: 0;
    }

    /* 标题区高度不包含导航留白，也不随旧的视口百分比高度变化。 */
    /* 2610产品端复盘优化：调整 body.use-navbar #masthead.no-banner-image 相关样式。 */
    body.use-navbar #masthead.no-banner-image {
        height: auto !important;
    }

    /* 2610产品端复盘优化：调整 body.use-navbar #masthead.no-banner-image .inner > .container 相关样式。 */
    body.use-navbar #masthead.no-banner-image .inner > .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        min-height: 8.75rem;
    }

    /* 2610产品端复盘优化：调整 body.use-navbar #masthead.no-banner-image .inner > .container:has(> .blog-description:not(:empty)) 相关样式。 */
    body.use-navbar #masthead.no-banner-image .inner > .container:has(> .blog-description:not(:empty)) {
        min-height: 9.75rem;
        max-width: 100%;
    }

    /* 2610产品端复盘优化：调整 body.use-navbar #masthead.no-banner-image .inner > .container > .blog-title:last-child 相关样式。 */
    body.use-navbar #masthead.no-banner-image .inner > .container > .blog-title:last-child {
        margin-bottom: 0;
    }

    /* P07 复用 no-banner-image 的导航占流与标题居中，仅调整搜索标题带。 */
    body.use-navbar:has(#masthead.no-banner-image + .search-container) #ai-navigation-container {
        position: sticky;
        top: 0;
        z-index: 891;
        height: auto;
    }

    body.use-navbar:has(#masthead.no-banner-image + .search-container) #navbar.fixed-top {
        position: relative;
        top: auto;
    }

    #masthead.no-banner-image:has(+ .search-container) .inner {
        padding-top: 0 !important;
    }

    body.use-navbar #masthead.no-banner-image:has(+ .container.search-container),
    body.use-navbar #masthead.no-banner-image:has(+ .container.search-container) .inner > .container {
        height: 140px !important;
        min-height: 140px;
        max-width: 100%;
    }

    #masthead.no-banner-image:has(+ .search-container) .blog-title {
        display: -webkit-box;
        margin: 0;
        overflow: hidden;
        font-weight: 400;
        line-height: 1.173076923;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #masthead.no-banner-image:has(+ .search-container) .blog-description {
        margin: 0;
        padding: 0;
    }

    /* 文章标题置于封面底部，广告卡片沿用原有展示。 */
    /* 2610产品端复盘优化：调整 body.card #index article .post-card-mask:not(.post-card-ads), body.card #archive article .post-card-ma… 相关样式。 */
    body.card #index article .post-card-mask:not(.post-card-ads),
    body.card #archive article .post-card-mask:not(.post-card-ads) {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: transparent;
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-mask:not(.post-card-ads) > .post-card-container, body.card #archiv… 相关样式。 */
    body.card #index article .post-card-mask:not(.post-card-ads) > .post-card-container,
    body.card #archive article .post-card-mask:not(.post-card-ads) > .post-card-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.5rem;
        box-sizing: border-box;
        height: auto;
        min-height: 5.875rem;
        padding: 1rem 1.25rem;
        text-align: left;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.64) 40.1081%, rgba(0, 0, 0, 0.5) 66.1144%, transparent 95.6989%);
    }

    /* 2610产品端复盘优化：调整 body.card #index article.no-mask .post-card-mask:not(.post-card-ads) > .post-card-container, body.card… 相关样式。 */
    body.card #index article.no-mask .post-card-mask:not(.post-card-ads) > .post-card-container,
    body.card #archive article.no-mask .post-card-mask:not(.post-card-ads) > .post-card-container {
        background: transparent;
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-mask:not(.post-card-ads) .post-card-title, body.card #archive arti… 相关样式。 */
    body.card #index article .post-card-mask:not(.post-card-ads) .post-card-title,
    body.card #archive article .post-card-mask:not(.post-card-ads) .post-card-title {
        margin-bottom: 0;
        overflow: hidden;
        font-size: 1.25rem;
        line-height: 1.5;
        white-space: normal;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-height: 3.75rem;   
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-mask:not(.post-card-ads) .post-card-info, body.card #archive artic… 相关样式。 */
    body.card #index article .post-card-mask:not(.post-card-ads) .post-card-info,
    body.card #archive article .post-card-mask:not(.post-card-ads) .post-card-info {
        overflow: hidden;
        color: #D2D4DB;
        font-size: 0.875rem;
        line-height: 1.0625;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 热门标签跟随作者、日期显示，保留原有热门标识的展示条件。 */
    /* 2610产品端复盘优化：调整 body.card #index article .post-card-info--hot 相关样式。 */
    body.card #index article .post-card-info--hot {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        min-height: 1.375rem;
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-info--hot > .post-card-meta 相关样式。 */
    body.card #index article .post-card-info--hot > .post-card-meta {
        flex: 0 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-info--hot > .wrap 相关样式。 */
    body.card #index article .post-card-info--hot > .wrap {
        display: flex;
        position: static;
        inset: auto;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        overflow: visible;
        opacity: 1;
    }

    /* 2610产品端复盘优化：调整 body.card #index article .post-card-info--hot .wraps 相关样式。 */
    body.card #index article .post-card-info--hot .wraps {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: static;
        min-width: 2.75rem;
        width: auto;
        height: 1.375rem;
        padding: 0 0.5rem;
        border: 0;
        border-radius: 0.25rem;
        box-shadow: none;
        transform: none;
        background: rgba(53, 9, 24, 0.5);
        color: var(--global-theme-color);
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.375rem;
        white-space: nowrap;
    }

}

#index .post-card .blog-background.loading,
#index .post-card .blog-background:not(.load-success),
#archive .post-card .blog-background.loading,
#archive .post-card .blog-background:not(.load-success) {
    opacity: 1;
    background-image: url(/usr/themes/Mirages/css/7.10.0/img-placeholder.png?v=3);
    background-size: cover;
}

#index .post-card .blog-background.load-success,
#archive .post-card .blog-background.load-success {
    background-size: cover;
}

.container-search-hots .no-data {
    height: 10rem;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    justify-content: center;
    color: #d1d1d1;
}

/* kami1016 页面优化调整：#pagination-container 旧版分页样式（图片箭头按钮/白边框）已删除。
   initPageNavigator 现输出首页同款 .page-nav.list-pagination 结构，样式复用 common.css；
   这组 id 级旧规则会压过类样式导致错乱，旧标记已不存在，故移除。 */


.nav-overlay {
    display: none;
    width: 100vw;
    height: 100vh;
}

#wrap.display-nav .nav-overlay {
    display: block;
}

@media (max-width: 767.98px) {
    /* 2610产品端复盘优化：搜索页顶部间距改由局部变量控制，其他入口保留原负边距。 */
    .search-page-body {
        margin-top: var(--search-page-offset, -2.8125rem);
    }
}

@media screen and (max-width:1439px) {

    body.theme-dark #index .post .post-title,
    #archive .post .post-title,
    #post .post .post-title {
        font-size: 1.375rem
    }
}

@media (max-width: 576px) {

    body.card #index article .post-card:focus,
    body.card #archive article .post-card:focus {
        transform: none;
    }
}

/* km 1215 布局控制 end */


/* pc搜索页调整 start*/
.search-input-wrap {
    display: none;
}

.icon-position {
    display: flex;
}

@media (min-width: 768px) {
    /* 2610产品端复盘优化：调整 body.theme-dark #body.bg-black .container 相关样式。 */
    body.theme-dark #body.bg-black .container {
        max-width: none;
        background-color: #191A22 !important;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container {
        width: 67rem;
    }

    .nav-search-container .nav-search-list {
        margin: 0 auto;
    }

    .nav-search-container {
        padding: 0;
    }

    .search-input-wrap {
        margin-bottom: 3.75rem;
        padding: 0.3125rem 0.3125rem 0.3125rem 1rem;
        display: flex;
        align-items: center;
        border-radius: 1.75rem;
        border: solid 1px rgba(255, 255, 255, 0.1);
        background-color: rgba(255, 255, 255, 0.05);
    }

    .xqbj-icon-search-pc {
        width: 1.875rem;
        height: 1.875rem;
    }

    .search-input-wrap .search-input {
        margin-left: 0.625rem;
        flex: 1;
        border: none;
        outline: none;
        box-shadow: none;
        background: transparent;
        font-size: 0.9375rem;
        color: #fff;
    }

    /* 2610产品端复盘优化：调整 .search-input-wrap .search-butn 相关样式。 */
    .search-input-wrap .search-butn {
        width: 6.25rem;
        height: 2.75rem;
        line-height: 2.75rem;
        text-align: center;
        border-radius: 1.4375rem;
        /* 0923 需求迭代-页面 UI优化 */
        background-image: linear-gradient(to bottom, #ff5d91, var(--global-theme-color));
        font-size: 0.9375rem;
        color: #fff;
        cursor: pointer;
    }

    /* 2610产品端复盘优化：调整 .nav-search-container .container-hot-search .container-search-context .search-container .container-sea… 相关样式。 */
    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .history-record button {
        font-size: 1.125rem;
        color: #aaa;
        border: solid 1px #3C3D4D;
        padding: 0 0.875rem;
        height: 2.25rem;
        line-height: 2.25rem;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        border-radius: 0.5rem;
        background-color: #22262E;
        display: inline-block;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title span {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2;
        color: #fff;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text {
        font-size: 1.125rem;
        line-height: 1.33;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title .r-text .icon {
        width: 1.125rem;
        height: 1.125rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags .list .no-data {
        font-size: 1.125rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .container-search-tags {
        margin-top: 1.25rem;
        margin-bottom: 2rem;
    }

    .nav-search-container .container-hot-search .container-search-context .search-container .search-title span {
        font-size: 1.25rem;
        font-weight: 500;
        color: #888;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card:first-child {
        margin-top: 2rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card {
        margin-top: 2rem;
    }

    .xqbj-icon-rank-1 {
        width: 2rem;
        height: 2rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-title {
        flex: 0 0 50%;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #c5c5c5;
    }

    .icon-position {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* 2610产品端复盘优化：调整 .rank-card .view 相关样式。 */
    .rank-card .view {
        position: relative;
        top: 0;
        left: 0;
        margin-right: 0.8125rem;
        font-size: 1.125rem;
        line-height: 1.33;
        /* 0923 需求迭代-页面 UI优化 */
        color: var(--global-theme-color);
    }

    .xqbj-icon-hot {
        width: 1.5rem;
        height: 1.5rem;
        /* 0923 需求迭代-页面 UI优化 */
        font-size: 1.125rem;
    }

    .nav-search-container .container-hot-search .rank-list .rank-card .rank-card-icon {
        font-size: 1.125rem;
    }

    /* #foot-menu,#footer{
        display: none;
    } */
}

/* pc搜索页调整 end*/

/* 往期内容 H5：Figma 2393:138297，750px 画布按 2x 还原。 */
/* 2610产品端复盘优化：调整 @media (max-width: 767.98px) 相关样式。 */
@media (max-width: 767.98px) {
    body.theme-dark:has(#archives),
    body.theme-dark:has(#archives) #wrap,
    body.theme-dark:has(#archives) #body,
    body.theme-dark:has(#archives) #body-bottom,
    body.theme-dark #body > .container:has(#archives) {
        background-color: #191A22 !important;
    }

    body.use-navbar #masthead:has(:is(#archives-title, #tag-title, #tags-title)) {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 4.375rem !important;
        min-height: 0;
        padding: 0 !important;
        background-color: #14151A;
    }

    body.use-navbar #masthead:has(:is(#archives-title, #tag-title, #tags-title)) .inner {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 1rem !important;
        background-color: #14151A !important;
    }

    #masthead:has(:is(#archives-title, #tag-title, #tags-title)) .inner > .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #masthead :is(#archives-title, #tag-title, #tags-title) {
        margin: 0;
        color: #fff;
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 1.173076923;
        letter-spacing: 0;
    }

    #body > .container:has(#archives) {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    /* 保留 H5 标题带下方的 16px 留白，覆盖 AI 公共样式的零间距重置。 */
    #archives,
    body #masthead + .container #archives {
        padding-top: 1rem;
    }

    #archives > .tagcloud-nav-breadcrumb-wrap {
        margin-top: 0;
    }

    #archives #archives-tags {
        margin-top: 1.25rem;
        padding-bottom: 0.5rem;
    }

    #archives #archives-tags .archives-tags-header {
        margin-bottom: 0.65rem;
    }

    #archives #archives-tags h3 {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.38;
        color: #F0F0F0;
    }

    #archives #archives-tags .archives-tags-more {
        font-size: 0.875rem;
        line-height: 1.125;
        color: #8C8C90;
    }

    #archives #archives-tags .archives-tags-more img {
        width: 0.5rem;
        height: 0.5rem;
    }

    #archives #archives-tags .archives-tags-list {
        gap: 0.5rem 0.333333rem;
    }

    #archives #archives-tags a.itags {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0.375rem 1rem;
        border-radius: 1.125rem;
        background-color: #24262F;
        color: #F0F0F0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.125;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.theme-dark #archives #archives-tags a.itags:hover,
    body.theme-dark #archives #archives-tags a.itags:focus-visible {
        background-color: var(--global-theme-color);
        color: #fff;
    }

    #archives #archives-content {
        padding-top: 1.125rem;
    }

    /* 往期内容列表（Figma 2393:138297）：日期与标题分行，保留整条链接。 */
    #archives #archives-content .archives > h3 {
        margin: 0 0 0.75rem;
        padding: 0;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.15;
    }

    #archives #archives-content .archives .brick {
        margin: 0 0 1rem;
    }

    #archives #archives-content .archives .brick:last-child {
        margin-bottom: 0;
    }

    #archives #archives-content .archives .brick > a {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.125;
        overflow-wrap: anywhere;
    }

    body.theme-dark #archives #archives-content .archives > h3,
    body.theme-dark #archives #archives-content .archives .brick > a {
        color: #F0F0F0 !important;
    }

    #archives #archives-content .archives .brick > a > .time {
        padding: 0;
        color: #CCC;
        font-size: inherit;
        line-height: inherit;
    }
}

/* H5 搜索、分类标题区（Figma 2389:31428、2389:32140）复用固定高度和居中布局；搜索导航保持独立。 */
@media (max-width: 767.98px) {
    body:has(#ai-navigation-container > .xqbj-header) {
        --search-bar-background: #21232B;
        --search-bar-border: 0;
        --search-bar-height: 2.125rem;
    }

    body.theme-dark:has(#ai-navigation-container > .xqbj-header),
    body.theme-dark:has(#ai-navigation-container > .xqbj-header) #wrap,
    body.theme-dark:has(#ai-navigation-container > .xqbj-header) #body {
        background-color: #191A22 !important;
    }

    body:has(#ai-navigation-container > .xqbj-header) :is(#wrap, #body) {
        transition-property: transform;
    }

    #ai-navigation-container > .xqbj-header {
        --van-nav-bar-background: #14151A;
    }

    #ai-navigation-container > .xqbj-header .van-nav-bar__content {
        padding: 0.625rem 0 0.6875rem;
    }

    #ai-navigation-container > .xqbj-header .nav-bar-title {
        flex: 1;
        width: auto;
        min-width: 0;
        margin: 0 1rem 0 0.9375rem;
    }

    #ai-navigation-container > .xqbj-header .nav-search-container {
        padding: 0 0.3125rem 0 0.46875rem;
        box-shadow: none;
    }

    #ai-navigation-container > .xqbj-header .xqbj-icon-search {
        width: 1.1875rem;
        height: 1.1875rem;
        background-size: contain;
        /* 补偿 PNG 上下透明留白不对称造成的视觉偏移。 */
        background-position: center calc(50% - 0.0625rem);
    }

    #ai-navigation-container > .xqbj-header .input-control {
        min-width: 0;
        margin-left: 0.1875rem;
        padding: 0;
        font-size: 0.75rem;
        line-height: 1.166666667;
        color: #F2F3F5;
    }

    #ai-navigation-container > .xqbj-header .input-control::placeholder {
        color: #888;
        opacity: 1;
    }

    #ai-navigation-container > .xqbj-header :is(.xqbj-icon-search, .van-nav-bar__right) {
        flex-shrink: 0;
    }

    #ai-navigation-container > .xqbj-header .search-btn-m {
        width: 3.0625rem;
        height: 1.5625rem;
        background-color: #34363F;
        font-size: 0.75rem;
        line-height: 1.166666667;
    }

    body.use-navbar:has(#masthead + .container.search-container) #ai-navigation-container {
        height: auto;
    }

    body.use-navbar #masthead:has(+ .container.search-container),
    body.category-page.use-navbar #masthead.no-banner-image {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 8.6875rem !important;
        min-height: 0;
        padding: 0;
        background-color: #14151A;
    }

    body.use-navbar #masthead:has(+ .container.search-container) .inner,
    body.category-page.use-navbar #masthead.no-banner-image .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem !important;
        background-color: #14151A !important;
    }

    body.use-navbar #masthead:has(+ .container.search-container) .inner > .container,
    body.category-page.use-navbar #masthead.no-banner-image .inner > .container {
        flex: 0 1 auto;
        min-height: 0;
        max-height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: auto;
    }

    body.category-page #masthead .inner > .container {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

    body.use-navbar #masthead:has(+ .container.search-container) .blog-title,
    body.category-page.use-navbar #masthead.no-banner-image .blog-title {
        margin: 0;
        color: #fff;
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 1.173076923;
        letter-spacing: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.use-navbar #masthead:has(+ .container.search-container) .blog-description,
    body.category-page.use-navbar #masthead.no-banner-image .blog-description {
        margin: 0;
        padding: 0;
    }

    body.category-page #masthead .blog-description {
        color: #B1B4BF;
        font-size: 0.9375rem;
        line-height: 1.25rem;
    }
}

/* 搜索页 Web/H5 设计均不展示榜单标题，保留 H1 语义并兼容不同模板层级。 */
body.search-page #xqbj-container .container-search-context h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* 2610产品端复盘优化：H5 搜索页（Figma 2386:26966）背景、顶部间距及榜单起始位置，字号和留白随根字号缩放，细边框保留 px。 */
@media (max-width: 767.98px) {
    body.search-page {
        --search-page-background: #191A22;
        --search-page-gutter: 1rem;
        --search-page-offset: 0;
    }

    body.search-page #xqbj-container :is(.nav-search-container, .container-hot-search) {
        background-color: transparent;
    }

    /* 独立搜索页为单行搜索栏，外层高度跟随内容，避免套用双行导航的 92px 占位。 */
    body.search-page #ai-navigation-container.site-header:has(> .xqbj-header) {
        height: auto;
    }

    body.search-page #xqbj-container .search-container {
        padding-top: 1rem;
    }

    body.search-page #xqbj-container .nav-search-list {
        min-width: 0;
        width: 100%;
    }

    body.search-page #xqbj-container .container-hot-search .search-container {
        min-width: 0;
    }

    body.search-page #xqbj-container .container-hot-search .container-search-tags {
        margin: 1.25rem 0;
        min-height: 0;
    }

    body.search-page #xqbj-container .container-hot-search .history-record {
        align-items: flex-start;
        gap: 0.3125rem 0.625rem;
    }

    body.search-page #xqbj-container .container-hot-search .history-record > .search-history-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 0.125rem 0.625rem;
        border: 1px solid #3C3D4D;
        border-radius: 0.3rem;
        background-color: #22262E;
        color: #B1B4BF;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.7142857;
        word-break: normal;
    }

    body.search-page #xqbj-container .container-hot-search .search-history-item > span {
        display: block;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.search-page #xqbj-container .container-hot-search .rank-card-title {
        flex: 1;
        min-width: 0;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1428571;
        color: #C9C9C9;
    }

    body.search-page #xqbj-container .container-hot-search .rank-card .view {
        font-size: 0.75rem;
        font-weight: 400;
        color: #888;
    }
}

/* 2610产品端复盘优化：共用双行 H5 导航（Figma 2365:1170）兼容旧模板内联导航，统一主站搜索条、列表留白和菜单点击态；独立搜索导航单独设置。 */
@media (max-width: 767.98px) {
    /* 主站内容和侧栏共用搜索规范；AI 一级、二级菜单不匹配这些正文根。 */
    body:has(#body #index, #body #archives, #body #archive, #body #post, #body.search-page-body) #site-navigation {
        --search-bar-background: #1E1F28;
        --search-bar-border: 1px solid #3C3D4D;
        --search-bar-height: 2.25rem;
        --search-bar-radius: 2rem;
        --search-bar-font-size: 0.9375rem;
        --search-bar-placeholder: #5A5B63;
    }

    #body > .container:has(#index, #archives, #archive, #post),
    #body > .container.search-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #body > .container:not(.search-container) #archive {
        padding: 1rem 0 0;
        margin: 0;
    }

    body:has(#body #index, #body #archives, #body #archive, #body #post, #body.search-page-body)
        #site-navigation #search > .img {
        flex-shrink: 0;
    }

    body:has(#body #index, #body #archives, #body #archive, #body #post, #body.search-page-body)
        #site-navigation #search > div:not(.img) {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.theme-dark:has(#body #index, #body #archives, #body #archive, #body #post, #body.search-page-body)
        #site-navigation #nav .menu li a:active {
        background-color: #30323D;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) {
        height: 5.75rem;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) > .navbar-sidebar.nav-fixed {
        display: grid;
        grid-template-columns: minmax(5.28125rem, 1fr) minmax(0, 5.3125rem) minmax(5.28125rem, 1fr);
        grid-template-rows: 2.75rem 2.25rem;
        align-items: center;
        height: 5.75rem;
        padding: 0 0 0.75rem;
        background-color: #14151A;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item {
        height: 2.75rem;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.black {
        justify-self: start;
        width: auto;
        margin-left: 1rem;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) #toggle-nav {
        width: 4.28125rem;
        height: 1.625rem;
        padding: 0 0.625rem;
        column-gap: 0.375rem;
        background-color: #1E1F28;
        font-size: 0.8125rem;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.logo .img {
        width: 5.3125rem;
        height: 1.4375rem;
        max-width: 100%;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.logo {
        min-width: 0;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.logo .img img {
        object-fit: contain;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.btns {
        justify-self: end;
        justify-content: flex-end;
        gap: 0.625rem;
        margin-right: 0.6875rem;
        padding: 0;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.btns .search {
        padding: 0;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.btns .search .img,
    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .search-extra li.avatar_notice_item > button.user_target {
        box-sizing: border-box;
        width: 1.9375rem;
        height: 1.9375rem;
        padding: 0;
        overflow: hidden;
        border: 1px solid #3C3D4D;
        border-radius: 50%;
        background-color: #1E1F28;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .navbar-sidebar-item.btns .search .img > img {
        width: 1.125rem;
        height: 1.125rem;
        object-fit: contain;
        filter: brightness(0.8);
        transform: translateX(-1px);
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .search-extra,
    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .search-extra li.avatar_notice_item {
        margin: 0;
        padding: 0;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .search-extra li.avatar_notice_item > button.user_target > img.avatar_btn {
        width: 1.8125rem;
        height: 1.8125rem;
        border-radius: 50%;
        object-fit: cover;
    }

    /* H5 默认头像固定使用带圆底的灰色人形图，并更新资源缓存；仅匹配默认图(本仓库路径 AiSuite/assets/images/avatar.png)，保留登录后的用户头像。 */
    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) #user_avatar_btn:has(> img.avatar_btn[src^="/usr/plugins/AiSuite/assets/images/avatar.png"]) {
        border: 0;
        background: transparent;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) #user_avatar_btn > img.avatar_btn[src^="/usr/plugins/AiSuite/assets/images/avatar.png"] {
        content: url('/usr/plugins/AiSuite/assets/images/avatar.png?v=20261022');
        width: 1.9375rem;
        height: 1.9375rem;
        object-fit: contain;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .nav-fixed .mobile-search-box {
        grid-column: 1 / -1;
        height: 2.25rem;
        padding: 0 0.5rem;
        background: transparent;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .mobile-search-box input {
        box-sizing: border-box;
        height: auto;
        min-height: 2.25rem;
        padding: 0 2.5rem 0 1rem;
        border: 1px solid #3C3D4D;
        border-radius: 2rem;
        background-color: #1E1F28;
        color: #F2F3F5;
        font-size: 0.9375rem;
        line-height:1.333333333;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .mobile-search-box input::placeholder {
        color: #5A5B63;
        opacity: 1;
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .mobile-search-box .search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        right: 1rem;
        width: 1.25rem;
        height: 1.25rem;
        transform: translateY(-50%);
    }

    #ai-navigation-container:is(.site-header, :where(:has(> .navbar-sidebar.nav-fixed > .mobile-search-box))) .mobile-search-box .search-btn > img {
        content: url('/usr/themes/Mirages/images/home-search.svg');
        width: 14.5093px;
        height: 14.7427px;
        object-fit: contain;
    }

}

/* 首页 H5 样式：对应 Figma 2365:1170；保留现有元素、交互与占位图。 */
/* 2610产品端复盘优化：调整 @media (max-width: 767.98px) 相关样式。 */
@media (max-width: 767.98px) {
    body.home-page #masthead {
        min-height: 8rem;
    }

    body.home-page.theme-dark,
    body.home-page.theme-dark #wrap,
    body.home-page.theme-dark #body,
    body.home-page.theme-dark #body-bottom {
        background-color: #191A22 !important;
    }

    body.home-page.theme-dark #masthead.no-banner-image {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0;
        padding: 0 !important;
        background-color: #14151A;
    }

    body.home-page.theme-dark #masthead.no-banner-image .inner {
        display: block;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0 !important;
        background-color: #14151A !important;
    }

    body.home-page #masthead.no-banner-image .inner > .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.375rem;
        box-sizing: border-box;
        padding: 1rem;
    }

    body.home-page #masthead .blog-title {
        margin: 0;
        font-size: 1.625rem;
        font-weight: 400;
        line-height:1.173076923;
        letter-spacing: 0;
    }

    body.home-page #masthead .blog-description {
        margin: 0;
        padding: 0;
        color: #B1B4BF;
        font-size: 0.8125rem;
        font-weight: 400;
        line-height:1.538461538;
    }

    body.home-page.card #body > .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    body.home-page.card #index {
        padding-top: 0.75rem;
        padding-bottom: 0;
    }

    body.home-page.card #index article {
        margin: 0 0 1rem;
    }

    body.home-page.card #index article .post-card {
        border-radius: 0.375rem;
        background-color: #24262F !important;
    }

    body.home-page.card #index article .post-card-mask {
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 686 / 340;
    }

    body.home-page.card #index article .post-card-mask:not(.post-card-ads) {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: linear-gradient(to bottom, transparent 40.5882%, rgba(0, 0, 0, 0.64) 61.3823%, rgba(0, 0, 0, 0.9) 100%);
    }

    body.home-page.card #index article .post-card-mask:not(.post-card-ads) > .post-card-container {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        box-sizing: border-box;
        height: auto;
        padding: 0.75rem 0.75rem 0.5rem;
        background: transparent;
        text-align: left;
    }

    body.home-page.card #index article .post-card-title {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        font-size: 0.9375rem;
        line-height:1.2;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.home-page.card #index article .post-card-info {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        min-height: 1.0625rem;
        color: #D2D4DB;
        font-size: 0.75rem;
        line-height:1.416666667;
        text-align: left;
    }

    body.home-page.card #index article .post-card-meta {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.home-page.card #index article .post-card-info--hot > .wrap {
        display: flex;
        position: static;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        overflow: visible;
        opacity: 1;
    }

    body.home-page.card #index article .post-card-info--hot .wraps {
        display: inline-flex;
        position: static;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        min-height: 0.9375rem;
        padding: 0.125rem 0.25rem;
        border: 0;
        border-radius: 0.125rem;
        box-shadow: none;
        transform: none;
        background: rgba(53, 9, 24, 0.5);
        color: var(--global-theme-color);
        font-size: 0.6875rem;
        font-weight: 500;
        line-height:1;
        white-space: nowrap;
    }

    body.home-page.card #index article .post-card-ads {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

    body.home-page.card #index article .post-card-ads > .post-card-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 1rem;
    }

    /* 首页、往期内容与标签详情共用 H5 分页：保留原有节点与跳转逻辑。 */
/* kami1016 页面优化调整：H5 紧凑分页的作用域扩展到 我的AI 列表（#pagination-container 内）与
   消息中心/公告分页（#announcementPager 自身即 .page-nav）。两者 DOM 已是同款 list-pagination 结构，
   这里纯 CSS 复用：H5 隐藏页码列、中缝显示「当前/总页」，桌面端规则不在本段、保持原样。 */
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) {
        --pagination-button-bg: #24262F;
        --pager-prev-width: 3.5rem;
        --pager-info-width: 3.625rem;
        --pager-next-width: 3.5rem;
        --pager-prefix-width: 1.5rem;
        --pager-input-width: 2.375rem;
        --pager-suffix-width: 0.75rem;
        --pager-submit-width: 3rem;
        --pager-min-gap: 0.25rem;
        --pager-nav-width: calc(var(--pager-prev-width) + var(--pager-info-width) + var(--pager-next-width));
        --pager-jump-width: calc(var(--pager-prefix-width) + var(--pager-input-width) + var(--pager-suffix-width) + var(--pager-submit-width));
        --pager-total-width: calc(var(--pager-nav-width) + var(--pager-jump-width));
        --pager-gap: max(var(--pager-min-gap), calc((100% - var(--pager-total-width)) / 6));
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: var(--pager-min-gap);
        width: 100%;
        max-width: none;
        height: auto;
        min-height: 2.75rem;
        margin-right: auto;
        /* 加上底部横幅的 .5rem 顶内边距，区块间距共 1.5rem。 */
        margin-bottom: 1rem;
        margin-left: auto;
        overflow: visible;
        padding: 0;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump {
        display: flex;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 0;
    }

    /* 默认字号维持原七列间距；大字模式下，翻页与跳页两组可整体换行。 */
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator {
        width: calc(var(--pager-nav-width) + var(--pager-gap) + var(--pager-gap));
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator::before {
        content: "";
        order: 1;
        flex: 0 0 var(--pager-info-width);
        height: 2.75rem;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump {
        width: calc(var(--pager-jump-width) + var(--pager-gap) + var(--pager-gap) + var(--pager-gap));
    }

    /* 复用原有节点，只切换 H5 展示；桌面仍使用数字页码列表。 */
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > li:not(.prev):not(.next) {
        display: none;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > .prev {
        order: 0;
        width: var(--pager-prev-width);
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > .next {
        order: 2;
        width: var(--pager-next-width);
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > .prev > *,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > .next > * {
        width: 100%;
        min-width: 0;
        padding: 0 0.25rem;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) > .page-jump > .page-info {
        position: absolute;
        top: 0;
        left: calc(var(--pager-prev-width) + var(--pager-gap));
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--pager-info-width);
        height: 2.75rem;
        color: #F2F3F5;
        font-size: 0;
        line-height: 1rem;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) > .page-jump > .page-info::before {
        content: attr(data-current-page) " / " attr(data-total-pages);
        max-width: 100%;
        font-size: 0.75rem;
        font-weight: 500;
        white-space: normal;
        text-align: center;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump-prefix {
        width: var(--pager-prefix-width);
        color: #B1B4BF;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump-suffix {
        width: var(--pager-suffix-width);
        color: #B1B4BF;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump input {
        width: var(--pager-input-width);
        min-width: 0;
        max-width: none;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump button {
        width: var(--pager-submit-width);
        min-width: 0;
        padding: 0 0.25rem;
    }

    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > li > a,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-navigator > li > span,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump input,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump button,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump span,
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) .page-jump label {
        font-size: 0.75rem;
        font-weight: 500;
        line-height:1.333333333;
    }


}

/* 2610产品端复盘优化：调整 @media (max-width: 359.98px) 相关样式。 */
@media (max-width: 359.98px) {
    :is(:is(body.home-page #index, #archives, #archive, #pagination-container) > .page-nav.list-pagination, #announcementPager.list-pagination) {
        --pager-prev-width: 2.75rem;
        --pager-info-width: 3.75rem;
        --pager-next-width: 2.75rem;
        --pager-input-width: 1.875rem;
        --pager-submit-width: 2.5rem;
    }
}

/* 详情页 H5（Figma 2372:1503，750px 画布按 2x 还原）。 */
/* 2610产品端复盘优化：调整 @media (max-width: 767.98px) 相关样式。 */
@media (max-width: 767.98px) {
    body.theme-dark:has(#post),
    body.theme-dark:has(#post) #wrap,
    body.theme-dark:has(#post) #body,
    body.theme-dark:has(#post) #body-bottom {
        background-color: #191A22 !important;
    }

    #body > .container:has(#post),
    body:has(#post) #body-bottom > .container {
        width: 100%;
        max-width: none;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #post {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 1.125rem 0 0;
    }

    #post > article.post {
        margin: 0 0 1.25rem;
        padding: 0;
    }

    #post > article.post > .post-title {
        margin: 0 0 0.875rem;
        color: #BCBCBC;
        font-size: 1.375rem;
        font-weight: 300;
        line-height: 1.090909091;
        overflow-wrap: anywhere;
    }

    body.theme-dark #post > article.post > .post-meta,
    #post > article.post > .post-meta li,
    #post > article.post > .post-meta a {
        color: #BCBCBC;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1;
    }

    #post > article.post > .post-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
        margin: 0;
    }

    #post > article.post > .post-meta li {
        margin: 0;
        padding: 0;
    }

    /* 个人中心 H5 面包屑沿用容器的 16px 顶部留白，下方内容间距统一为 20px。 */
    .ai-tech-container > .sp_breadcrumb_nav:has(+ #ai-user-recharge-container),
    :is(#ai-my-record-list-container, #ai-msg-center-container, #ai-msg-archives-container) > .sp_breadcrumb_nav {
        margin: 0 0 1.25rem;
        padding: 0;
        font-size: 0.75rem;
        line-height: 1.166666667;
    }

    #post .search-nav-breadcrumb-wrap {
        margin: 0.625rem 0 0.9375rem;
        padding: 0;
        font-size: 0.75rem;
        line-height: 1.375;
    }

    #post .nav-breadcrumb-wrap .action-butn,
    #post .nav-breadcrumb-wrap .point,
    #post .nav-breadcrumb-wrap .name {
        font-size: inherit;
        line-height: inherit;
    }

    #post .nav-breadcrumb-wrap .action-butn {
        color: var(--global-theme-color);
    }

    #post .nav-breadcrumb-wrap .name {
        color: #808088;
    }

    body.theme-dark #post > article.post > .post-content {
        color: #fff;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.714285714;
        letter-spacing: normal;
    }

    #post > article.post > .post-content > p {
        margin: 0 0 1rem;
    }

    #post > article.post > .post-content > h2 {
        margin: 1.125rem 0 0.625rem;
        padding-bottom: 0;
        color: #fff;
        font-size: 1.3125rem;
        font-weight: 600;
        line-height: 1.4;
    }

    /* 关键词紧随下载分享区，不依赖文章图片数量或 p 的序号。 */
    #post > article.post > .post-content > div:has(.btn-download) + p,
    #post > article.post > .post-content > .content-copyright + p {
        margin-top: 1.25rem;
        color: #F0F0F0;
        font-size: 1rem;
        line-height: 1.8;
        letter-spacing: 0.013rem;
    }

    #post > article.post > .post-content > .content-copyright + p {
        margin-bottom: 0;
    }

    #post .post-content > .post-near {
        margin: 0;
        color: #F0F0F0;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.8;
    }

    #post .post-near > nav {
        flex-direction: column;
        gap: 0.625rem;
    }

    #post .post-near .prev,
    #post .post-near .next {
        display: block;
        width: 100%;
        padding: 0;
    }

    #post .post-near .prev > a,
    #post .post-near .next > a {
        padding: 1rem 1.09375rem;
        font-size: inherit;
        line-height: inherit;
        text-align: left;
    }

    #post .post-near .prev-t {
        color: var(--global-theme-color);
    }

    #post > article.post > .post-content > p.content-copyright {
        margin: 0.75rem 0 0;
        padding-top: 0.5625rem;
        color: #B1B4BF;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0.013rem;
    }

    #post .post-content > p.content-copyright a {
        border-bottom-color: transparent;
        color: var(--global-theme-color);
    }

    #post .post-content > .tags {
        margin: 0;
        padding-top: 1.25rem;
    }

    #post .tags .keywords > a {
        margin: 0.5rem 0.5rem 0 0;
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        background-color: #24262F;
        border-bottom-color: #24262F;
        color: #F0F0F0;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.4375;
        letter-spacing: 0.013rem;
    }

    #post .tags .keywords > a:hover {
        color: var(--global-theme-color);
    }

    #post .tags .modify-time {
        margin-top: 0.75rem;
        color: #BCBCBC;
        font-size: 0.875rem;
        line-height: 1.4375;
    }
}

 /** 页面样式调整 */
/* 2610产品端复盘优化：调整 @media(max-width: 767px) 相关样式。 */
@media(max-width: 767px) {

    body.card #index,
    body.card #archive {
        padding: 1.5rem 0 3.5rem;
        margin: 0;
        width: 100%;
    }

    body.card .container {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        background-color: #0B0B0B;
    }

    body.card #index article,
    body.card #archive article {
        padding: 0;
        margin: 0 0 1.88rem;
    }

    body.card #index article .post-card-mask,
    body.card #archive article .post-card-mask {
        background-color: rgba(0, 0, 0, .3);
        height: 46.6667vw;
        min-height: 10.9375rem;
        max-height: 21.875rem;
    }

    body.card #index article .post-card-container,
    body.card #archive article .post-card-container {
        padding: 1rem 1rem;
    }

    .page-navigator {
        margin-top: 2rem;
    }

    body.card #index article .post-card-ads,
    body.card #archive article .post-card-ads {
        background-color: rgba(0, 0, 0, .1);
    }

    body.card #index article .post-card-title,
    body.card #archive article .post-card-title {
        font-size: 1.125rem;
        line-height: 1.18;
        font-weight: 400;
    }
}

/* 2610产品端复盘优化：调整 @media (max-width: 390px) 相关样式。 */
@media (max-width: 390px) {
    .page-jump input {
        max-width: 3rem;
    }
}

/* 2610产品端复盘优化：调整 @media(max-width: 336px) 相关样式。 */
@media(max-width: 336px) {

    body.card #index article .post-card-mask,
    body.card #archive article .post-card-mask {
        height: 10.5rem;
    }

    a.btn,
    .btn>a {
        padding: .4375rem 2.25rem;
    }

    .page-navigator {
        margin-top: 1.5rem;
    }
}

/* 2610产品端复盘优化：调整 @media screen and (min-width: 768px) and (max-width: 1250px) 相关样式。 */
@media screen and (min-width: 768px) and (max-width: 1250px) {
    .container {
        max-width: 654px
    }

    .inner .container {
        max-width: 816px
    }
}

/* 2610产品端复盘优化：调整 @media screen and (min-width: 1251px) and (max-width: 1599px) 相关样式。 */
@media screen and (min-width: 1251px) and (max-width: 1599px) {
    body.card .container {
        max-width: 864px;
    }
}

/* 2610产品端复盘优化：调整 @media screen and (min-width: 1600px) and (max-width: 1799px) 相关样式。 */
@media screen and (min-width: 1600px) and (max-width: 1799px) {
    body.card .container {
        max-width: 960px;
    }
}

/* 2610产品端复盘优化：调整 @media screen and (min-width: 1800px) and (max-width: 1999px) 相关样式。 */
@media screen and (min-width: 1800px) and (max-width: 1999px) {
    body.card .container {
        max-width: 1072px;
    }
}

/* 2610产品端复盘优化：调整 @media screen and (min-width: 2000px) 相关样式。 */
@media screen and (min-width: 2000px) {
    body.card .container {
        max-width: 1170px;
    }
}

/* 2610产品端复盘优化：调整 #qr-box 相关样式。 */
#qr-box {
    background-color: transparent;
}

/* 2610产品端复盘优化：调整 .post-buttons, #qr-box 相关样式。 */
.post-buttons,
#qr-box {
    display: none;
}

/* PHP 输出的 H5 结构常驻 DOM；桌面隐藏专属入口，滚动容器不改变原布局。 */
[data-h5-navigation="modal"] .h5-nav-only {
    display: none;
}

[data-h5-navigation="modal"] .h5-nav-content {
    display: contents;
}

/* H5 全屏分类导航（Figma 2782:7220）：桌面和独立 AI 导航不匹配此作用域。 */
@media (max-width: 767.98px) {
    body.h5-nav-modal.display-nav {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    /* 兼容旧 UC 固定容器规则：新版仅锁定背景 body，内部列表自行滚动。 */
    body.h5-nav-modal #wrap.display-nav,
    body.h5-nav-modal #footer.display-nav {
        position: static;
        height: auto;
    }

    body.h5-nav-modal #wrap.display-nav #body,
    body.h5-nav-modal #footer.display-nav,
    body.h5-nav-modal #wrap.display-nav .navbar-sidebar,
    body.h5-nav-modal #wrap.display-nav #toggle-nav {
        transform: none !important;
        cursor: auto;
    }

    body.h5-nav-modal #site-navigation.h5-nav-modal-root {
        display: none !important;
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        height: 100dvh;
        margin: 0;
        padding: 0;
        transform: none !important;
        transition: none;
        background: #191A22;
        z-index: 1000001;
        text-align: left;
    }

    body.h5-nav-modal.display-nav > #site-navigation.h5-nav-modal-root {
        display: block !important;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav {
        display: flex;
        flex-direction: column;
        position: relative;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        overflow: hidden;
        transform: none;
        transition: none;
        background: #191A22;
        border: 0;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav > .author {
        display: grid;
        grid-template-columns: 2.125rem minmax(0, 1fr) 2.125rem;
        align-items: center;
        flex-shrink: 0;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        height: calc(3.75rem + env(safe-area-inset-top, 0px));
        margin: 0;
        padding: env(safe-area-inset-top, 0px) 1rem 0;
        background: #14151A;
        border-bottom: 1px solid #252732;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav > .author > a:not(.h5-nav-home) {
        justify-self: center;
        width: 5.3125rem;
        height: 1.4375rem;
        margin: 0;
        padding: 0;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .author img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 0;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .author picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .h5-nav-home,
    body.h5-nav-modal .h5-nav-modal-root #nav .author .on-close {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 2.125rem;
        height: 2.125rem;
        margin: 0;
        padding: 0;
        opacity: 1;
        cursor: pointer;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .author .on-close {
        background: #18191E;
        border: 1px solid #303240;
        border-radius: 50%;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .author .on-close img {
        width: 1.25rem;
        height: 1.25rem;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav .author .on-close picture {
        width: 1.25rem;
        height: 1.25rem;
    }

    body.h5-nav-modal .h5-nav-modal-root .h5-nav-content {
        display: block;
        flex: 1;
        min-height: 0;
        padding: 1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom, 0px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    body.h5-nav-modal .h5-nav-content::-webkit-scrollbar {
        display: none;
    }

    body.h5-nav-modal .h5-nav-modal-root .search-box,
    body.h5-nav-modal .h5-nav-modal-root #nav-toolbar,
    body.h5-nav-modal .h5-nav-modal-root .h5-nav-home-item,
    body.h5-nav-modal .h5-nav-modal-root #nav .nav-link > .xqbj-icon-toggle {
        display: none !important;
    }

    body.h5-nav-modal .h5-nav-shortcuts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin-bottom: 24px;
    }

    body.h5-nav-modal .h5-nav-shortcut {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        min-width: 0;
        height: 4.5rem;
        padding: 0 0.75rem;
        background: #FF4886;
        border-radius: 0.75rem;
        color: #fff;
    }

    body.h5-nav-modal .h5-nav-shortcut-drama {
        background: #55B355;
    }

    body.h5-nav-modal .h5-nav-shortcut-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.5rem;
        background: rgba(255, 255, 255, 0.2);
    }

    body.h5-nav-modal .h5-nav-shortcut-icon img {
        width: 1.5rem;
        height: 1.5rem;
        object-fit: contain;
    }

    body.h5-nav-modal .h5-nav-shortcut-text {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
        min-width: 0;
    }

    body.h5-nav-modal .h5-nav-shortcut-text > span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.375rem;
    }

    body.h5-nav-modal .h5-nav-shortcut-text > span + span {
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.125rem;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1,
    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 .dropdown-menu,
    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 .category-list > .list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        position: static;
        float: none;
        width: 100%;
        min-width: 0;
        max-height: none;
        margin: 0;
        padding: 0;
        transform: none;
        background: transparent;
        border: 0;
        box-shadow: none;
        list-style: none;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 li {
        min-width: 0;
        width: auto;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        list-style: none;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 > .h5-nav-group {
        grid-column: 1 / -1;
        margin-bottom: 0.75rem;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 .category-list {
        display: block !important;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 li a {
        display: block;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 2.75rem;
        margin: 0;
        padding: 0 2rem 0 0.75rem;
        overflow: hidden;
        color: #E8E9ED !important;
        background: #24262F;
        border: 1px solid #303240;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 2.625rem;
        text-align: left;
        text-transform: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 li a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0.75rem;
        width: 1rem;
        height: 1rem;
        transform: translateY(-50%);
        background: url(/usr/themes/Mirages/images/h5-navigation/arrow.svg) center / contain no-repeat;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 > .h5-nav-group > :is(.dropdown-toggle, .slide-toggle) {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
        width: 100%;
        height: auto;
        margin: 0 0 0.5rem;
        padding: 0;
        overflow: visible;
        color: #fff !important;
        background: transparent;
        border: 0;
        border-radius: 0;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.375rem;
        white-space: normal;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 > .h5-nav-group > :is(.dropdown-toggle, .slide-toggle)::before {
        content: "";
        flex-shrink: 0;
        width: 0.375rem;
        height: 0.375rem;
        background: #FF4886;
        border-radius: 50%;
    }

    body.h5-nav-modal .h5-nav-modal-root #nav #menu-menu-1 > .h5-nav-group > :is(.dropdown-toggle, .slide-toggle)::after {
        display: none;
    }

    body.h5-nav-modal .h5-nav-modal-root :is(a, button, [role="button"]):focus-visible {
        outline: 2px solid #FF4886;
        outline-offset: 2px;
    }
}

@media (max-width: 359.98px) {
    body.h5-nav-modal .h5-nav-shortcut {
        gap: 0.5rem;
        padding: 0 0.625rem;
    }
}

/* 2610产品端复盘优化：调整 #body-bottom 相关样式。 */
#body-bottom {
    margin-top: 0;
}

/* 2610产品端复盘优化：调整 .inner 相关样式。 */
.inner {
    background-color: rgba(0, 0, 0, 0.25);
}

/* 2610产品端复盘优化：调整 #masthead 相关样式。 */
#masthead {
    min-height: 11.25rem;
}

/* 2610产品端复盘优化：调整 @media screen and (max-width: 767.98px) 相关样式。 */
@media screen and (max-width: 767.98px) {
    #masthead {
        min-height: 8rem;
    }

    body.theme-dark #masthead.no-banner-image {
        padding: 1.25rem 0 0rem;
        background-color: #181818;
        /* min-height: 12.5rem; */
    }
}

@media (min-width: 960px) {
    body.home-page .blog-title {
        font-weight: 400;
        margin-bottom: 0.5rem; 
    }
}

@media (max-width: 960px) {
    .blog-title {
        font-size: 2.25rem;
        font-weight: 400;
        margin-bottom: 0.5rem; 
    }
}

/* 同步 web cb91d70 标签页内联块：标签页标题/面包屑/卡片间距/H5 分页；web 内联只在标签页生效，这里按 #archive 收窄，不影响首页。 */
body.card #archive {
    overflow: visible;
}
#archive > .recommend-content {
    width: min(1072px, calc(100vw - 52px));
    margin-inline: calc((100% - min(1072px, calc(100vw - 52px))) / 2);
}
@media (min-width: 768px) {
    body:has(#archive) #foot-menu > .container {
        width: calc(100% - 52px);
        max-width: 1072px;
        padding-inline: 0;
    }
}
@media (max-width: 767.98px) {
    #archive > .recommend-content {
        width: calc(100vw - 30px);
        margin-inline: calc((100% - (100vw - 30px)) / 2);
    }
    #archive .recommend-wrap-outside + .recommend-wrap-outside {
        margin-inline: -2px;
    }
    body.card #archive article {
        padding: 0;
        margin: 0 0 1rem;
    }
    body.card #archive article .post-card-mask:not(.post-card-ads) {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        box-sizing: border-box;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 686 / 340;
        background: linear-gradient(to bottom, transparent 40.5882%, rgba(0, 0, 0, 0.64) 61.3823%, rgba(0, 0, 0, 0.9) 100%);
    }
    body.card #archive article .post-card-mask:not(.post-card-ads) > .post-card-container {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        box-sizing: border-box;
        height: auto;
        padding: 0.75rem 0.75rem 0.5rem;
        text-align: left;
    }
    body.card #archive article .post-card-title {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        font-size: 0.9375rem;
        line-height: 1.2;
        text-align: left;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    #archive > .nav-breadcrumb-wrap {
        margin-bottom: 1rem;
        font-size: 0.75rem;
        line-height: 1.375;
    }
    body.card #archive article .post-card {
        border-radius: 0.375rem;
    }
    body.card #archive article .post-card-info {
        overflow: hidden;
        color: #D2D4DB;
        font-size: 0.75rem;
        line-height: 1.416666667;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}