/* 星连欢云 · 首页主题皮肤（仅视觉覆盖，不影响任何业务逻辑） */
:root {
    --xhy-green: #0f5132;
    --xhy-green-deep: #0a3d26;
    --xhy-green-hover: #16794c;
    --xhy-ink: #16281f;
    --xhy-glass: rgba(255, 255, 255, .74);
    --xhy-glass-strong: rgba(255, 255, 255, .9);
    --xhy-glass-line: rgba(255, 255, 255, .7);
    --xhy-shadow: 0 16px 36px rgba(9, 52, 33, .1);

    /* 覆盖模板变量 */
    --link: #0f5132;
    --link-hover: #16794c;
    --text-1: #16281f;
    --text-2: #4d6156;
    --text-3: #7b8f84;
    --text-4: #a8b8ae;
    --bg-1: #fff;
    --bg-2: transparent;
    --bg-3: rgba(15, 81, 50, .06);
    --bg-black: #0a3d26;
    --border-1: rgba(15, 81, 50, .14);
    --border-2: rgba(15, 81, 50, .08);
}

/* 固定背景层：自然风景 + 统一浅色遮罩 */
html {
    background: #eef3ee;
}

html::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background: var(--xhy-scenery, none) center center / cover no-repeat;
}

html::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(247, 250, 247, .74);
}

body {
    background: transparent !important;
    color: var(--xhy-ink);
}

a {
    color: var(--xhy-ink);
}

a:hover {
    color: var(--xhy-green);
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--xhy-green) !important;
    border: 2px solid #eef3ee !important;
    outline: 2px solid #eef3ee !important;
    border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
    background-color: #eef3ee !important;
}

/* ========== 顶部导航 ========== */
.public-header {
    background: rgba(255, 255, 255, .74) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    backdrop-filter: blur(18px) saturate(1.15);
    border-bottom: 1px solid rgba(255, 255, 255, .62);
    box-shadow: 0 10px 30px rgba(10, 61, 38, .07) !important;
}

.public-header .public-logo,
.public-header .public-logo img {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.public-header .public-logo img {
    object-fit: contain;
}

.public-nav li a {
    color: var(--xhy-ink);
    font-weight: 500;
    border-radius: 8px;
}

.public-nav li a:hover,
.public-nav li.hover a {
    color: var(--xhy-green) !important;
    background: rgba(15, 81, 50, .06);
}

.public-hot {
    top: -5px;
    right: -2px;
    font-size: 9px;
    color: #fff;
    background: var(--xhy-green);
    border-radius: 3px;
    padding: 0 3px;
    line-height: 12px;
    letter-spacing: 0;
    opacity: .92;
    pointer-events: none;
}

.public-nav li dl {
    background: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-radius: 12px;
    box-shadow: var(--xhy-shadow);
}

.public-entry-nav a {
    color: var(--xhy-ink);
    font-weight: 500;
}

.public-entry-nav a:hover {
    color: var(--xhy-green) !important;
}

.public-entry-reg {
    background: var(--xhy-green) !important;
    color: #fff !important;
    letter-spacing: .08em;
    font-weight: 500;
}

.public-entry-reg:hover {
    background: var(--xhy-green-hover) !important;
}

.product-all {
    display: none !important;
}

.public-header.hover-user .public-header-right-m-nav-dropdown.user,
.public-header.hover-menu .public-header-right-m-nav-dropdown.menu {
    background: rgba(255, 255, 255, .9);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.public-entry-m-nav .item:hover {
    color: var(--xhy-green);
}

.public-entry-m-nav-btn a {
    border-color: var(--xhy-green);
    color: var(--xhy-green);
    border-radius: 8px;
}

.public-entry-m-nav-btn a:nth-child(2) {
    background: var(--xhy-green);
    border-color: var(--xhy-green);
    color: #fff;
}

/* ========== 首屏 banner ========== */
.public-index-banner {
    background: transparent !important;
}

.public-index-banner .common-banner {
    background: none !important;
}

.public-index-banner .common-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.public-index-banner .common-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(7, 42, 27, .52);
}

.public-index-banner .swiper-slide.common-banner:nth-child(1)::before {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg7.jpg");
}

.public-index-banner .swiper-slide.common-banner:nth-child(2)::before {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg2.jpg");
}

.public-index-banner .swiper-slide.common-banner:nth-child(3)::before {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg5.jpg");
}

.public-index-banner .swiper-slide.common-banner .layer-1 {
    display: none !important;
}

.public-index-banner .common-banner .container {
    position: relative;
    z-index: 2;
}

.public-index-banner .swiper-slide.common-banner .layer-2 {
    width: auto !important;
    max-width: 640px;
    height: auto !important;
    left: 0 !important;
    top: 50% !important;
    padding: 32px 36px !important;
    transform: translateY(-50%) !important;
    background: rgba(255, 255, 255, .16);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 18px;
    box-shadow: 0 22px 50px rgba(6, 36, 24, .26);
}

.public-index-banner .swiper-slide.common-banner .layer-2 .bt {
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: .01em;
}

.public-index-banner .swiper-slide.common-banner .layer-2 .info p {
    color: rgba(255, 255, 255, .88) !important;
    line-height: 1.9;
}

.public-index-banner .swiper-slide.common-banner .layer-2 .but a {
    border-radius: 10px;
    letter-spacing: .06em;
}

.public-index-banner .swiper-slide.common-banner .layer-2 .but a:nth-child(1) {
    background: var(--xhy-green-deep) !important;
    border-color: var(--xhy-green-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(6, 36, 24, .38) !important;
}

.public-index-banner .swiper-slide.common-banner .layer-2 .but a:nth-child(2) {
    background: rgba(255, 255, 255, .16) !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    color: #fff !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.public-index-banner .swiper-slide.common-banner .layer-2 .but a:hover {
    background: var(--xhy-green-hover) !important;
    border-color: var(--xhy-green-hover) !important;
    color: #fff !important;
}

.public-index-banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .55);
    opacity: 1;
}

.public-index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 1;
}

/* banner 下方产品卡 */
.public-index-banner .IndexBannerCard .item {
    background: rgba(255, 255, 255, .8) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border: 1px solid var(--xhy-glass-line);
    border-radius: 16px !important;
    box-shadow: 0 18px 40px rgba(9, 52, 33, .16) !important;
}

.public-index-banner .IndexBannerCard .item:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 52px rgba(9, 52, 33, .24) !important;
}

.public-index-banner .IndexBannerCard .item .fr p:nth-child(1) {
    color: var(--xhy-ink) !important;
    font-weight: 600;
}

.public-index-banner .IndexBannerCard .item .fl,
.public-index-function .FunctionCard .item .icon,
.public-index-privilege .IndexPrivilegeCard .left .item .icon,
.public-index-demo .IndexDemo .left .item .icon {
    filter: hue-rotate(280deg) saturate(1.05);
}

.public-index-banner .IndexBannerCard .item .fr p:nth-child(2) {
    color: #6a7c72 !important;
}

/* ========== 产品与服务 ========== */
.public-index-function>.bt h2,
.public-index-privilege .bt h2,
.public-index-news .bt h2 {
    color: var(--xhy-green-deep) !important;
    font-weight: 600;
    letter-spacing: .02em;
}

.public-index-function>.bt a {
    color: var(--xhy-green) !important;
    font-weight: 500;
}

.public-index-function>.bt a .bt-icon-right path {
    color: var(--xhy-green) !important;
}

.public-index-function .FunctionCard .item {
    background-image: none !important;
    background-color: rgba(255, 255, 255, .74) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid var(--xhy-glass-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 30px rgba(9, 52, 33, .08) !important;
    transition: transform .3s, background-color .3s, box-shadow .3s;
}

.public-index-function .FunctionCard .item:hover {
    background-color: rgba(255, 255, 255, .94) !important;
    transform: translateY(-6px);
    box-shadow: 0 22px 44px rgba(9, 52, 33, .16) !important;
}

.public-index-function .FunctionCard .item .info {
    color: var(--xhy-ink);
    font-weight: 500;
}

/* ========== 演示区块（深绿玻璃带） ========== */
.public-index-demo {
    background: rgba(10, 61, 38, .9) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.public-index-demo .IndexDemo .left .item {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: none !important;
    border-radius: 14px;
}

.public-index-demo .IndexDemo .left .item.hover {
    background: rgba(255, 255, 255, .16) !important;
    box-shadow: none !important;
}

.public-index-demo .IndexDemo .right {
    padding: 14px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    box-shadow: none !important;
}

/* ========== 特权区块 ========== */
.public-index-privilege {
    background-image: none !important;
    background-color: transparent !important;
}

.public-index-privilege .IndexPrivilegeCard .left .item,
.public-index-privilege .IndexPrivilegeCard .right {
    background: rgba(255, 255, 255, .76) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid var(--xhy-glass-line);
    border-radius: 16px !important;
    box-shadow: var(--xhy-shadow) !important;
}

.public-index-privilege .IndexPrivilegeCard .left .item.hover .title {
    color: var(--xhy-green) !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a {
    border-radius: 10px;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(2) {
    border: 1px solid var(--xhy-green) !important;
    color: var(--xhy-green) !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(2):hover {
    background: rgba(15, 81, 50, .06) !important;
}

/* ========== 新闻动态 ========== */
.public-index-news .IndexNewsUl .card {
    background: rgba(255, 255, 255, .78) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid var(--xhy-glass-line) !important;
    border-radius: 18px;
    box-shadow: var(--xhy-shadow) !important;
}

.public-index-news .IndexNewsUl .card ul .title span {
    color: var(--xhy-green-deep);
}

.public-index-news .IndexNewsUl .card ul .title a {
    color: var(--xhy-green) !important;
}

.public-index-news .IndexNewsUl .card ul li a {
    color: var(--xhy-ink);
}

.public-index-news .IndexNewsUl .card ul li:hover a {
    color: var(--xhy-green) !important;
}

.public-index-news .IndexNewsUl .card ul li span {
    color: var(--text-3);
}

/* ========== 立即注册引导 ========== */
.public-index-please {
    position: relative;
    background-color: var(--xhy-green-deep) !important;
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg3.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.public-index-please::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 42, 27, .72);
}

.public-index-please .container {
    position: relative;
    z-index: 2;
    justify-content: space-between !important;
    max-width: 1200px;
    padding: 0 40px;
}

.xhy-please-copy h3 {
    margin: 0;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .06em;
}

.xhy-please-copy p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    letter-spacing: .02em;
}

.public-index-please .container a {
    background: #fff !important;
    color: var(--xhy-green-deep) !important;
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    flex: 0 0 auto;
}

.public-index-please .container a:hover {
    background: #e8f1ea !important;
    color: var(--xhy-green-deep) !important;
}

/* ========== 首页视觉升级（第二轮） ========== */

/* 演示区节奏收紧 */
.public-index-demo {
    padding: 68px 0 !important;
}

.public-index-demo .IndexDemo {
    margin-top: 52px;
}

/* 新闻 / 帮助卡：无数据时不再塌成细条 */
.public-index-news .IndexNewsUl .card {
    min-height: 320px;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    overflow: hidden;
}

.public-index-news .IndexNewsUl .card ul {
    height: 100%;
}

@media screen and (max-width: 992px) {
    .public-index-please {
        height: auto !important;
        padding: 36px 0;
    }

    .public-index-please .container {
        flex-direction: column;
        gap: 20px;
        padding: 0 24px;
        text-align: center;
    }

    .xhy-please-copy h3 {
        font-size: 21px;
    }

    .xhy-please-copy p {
        margin-top: 8px;
        font-size: 13px;
    }

    .public-index-news .IndexNewsUl .card {
        min-height: 220px;
    }

    .public-index-demo {
        padding: 48px 0 !important;
    }

    .public-index-demo .IndexDemo {
        margin-top: 32px;
    }
}

/* ========== 页脚 ========== */
.public-footer {
    background: rgba(10, 61, 38, .94) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    color: #fff;
}

.public-footer .serve .item i {
    filter: brightness(0) invert(1);
    opacity: .85;
}

.public-footer .serve .item>div em {
    color: #fff;
}

.public-footer .serve .item>div span {
    color: rgba(255, 255, 255, .7);
}

.public-footer .entrance {
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
}

.public-footer .entrance .item .title {
    color: #fff;
    font-weight: 500;
}

.public-footer .entrance .item .links a {
    color: rgba(255, 255, 255, .72) !important;
}

.public-footer .entrance .item .links a:hover {
    color: #fff !important;
}

.public-footer .state {
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    color: rgba(255, 255, 255, .6) !important;
}

.public-footer .state a {
    color: rgba(255, 255, 255, .6) !important;
}

/* 隐藏备案号入口 */
.public-footer .state a[href*="beian"] {
    display: none !important;
}

/* ========== 内容页（新闻 / 帮助 / 活动） ========== */
.banner {
    background-color: rgba(10, 61, 38, .9) !important;
    background-image: none !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

.banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url("/themes/web/YixingY1/static/default/img/scenery/bg3.jpg") center center / cover no-repeat;
}

.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(7, 42, 27, .52);
}

.banner .banner-text-news,
.banner .banner-text {
    z-index: 2;
    color: #fff;
    text-shadow: 0 2px 12px rgba(6, 36, 24, .35);
}

.public-doc-content > li {
    background: rgba(255, 255, 255, .74);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 12px;
    margin-bottom: 10px !important;
}

.public-doc-content > li .title {
    color: var(--xhy-ink);
    font-size: 15px;
}

.public-doc-content > li:hover .title {
    color: var(--xhy-green);
}

.public-doc-content > li .other,
.public-doc-content > li .other .date {
    color: var(--text-3);
    font-size: 13px;
}

/* ========== 移动端 / 平板 ========== */
@media screen and (max-width: 992px) {
    html::after {
        background: rgba(247, 250, 247, .82);
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 {
        left: 15px !important;
        right: 15px;
        max-width: none;
        padding: 22px 24px !important;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .bt {
        display: none !important;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .bt-m {
        display: block !important;
        color: #fff !important;
        font-size: 24px !important;
        line-height: 1.4;
        font-weight: 600;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .info {
        display: none !important;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .info-m {
        display: block !important;
        margin-top: 10px;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .info-m p {
        color: rgba(255, 255, 255, .88) !important;
        font-size: 13px;
        line-height: 1.8;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .but {
        margin-top: 18px;
        display: flex !important;
        justify-content: center;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .but a {
        padding: 9px 22px;
        font-size: 14px;
    }

    .public-index-banner .common-banner::after {
        background: rgba(7, 42, 27, .44);
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 {
        background: rgba(255, 255, 255, .13);
        padding: 20px 22px !important;
    }

    .public-index-banner .swiper-pagination {
        display: none !important;
    }

    .public-index-banner .swiper-slide.common-banner .layer-2 .but a:nth-child(2) {
        background: rgba(255, 255, 255, .26) !important;
        border-color: rgba(255, 255, 255, .62) !important;
    }

    .public-index-banner .IndexBannerCard {
        background: transparent !important;
        border-top: 0 !important;
    }

    .public-index-banner .IndexBannerCard .container {
        padding: 0 10px;
    }

    .public-index-banner .IndexBannerCard .item {
        border-radius: 12px !important;
        border-bottom: 0 !important;
        margin: 3px 0;
    }

    .public-index-banner .IndexBannerCard .item:nth-child(2n) {
        border-left: 0 !important;
    }
}

/* 移动端页脚折叠菜单：深绿底 + 白字 */
@media screen and (max-width: 992px) {
    .public-footer .entrance .item {
        background: rgba(255, 255, 255, .06) !important;
        border-radius: 10px !important;
    }

    .public-footer .entrance .item .title {
        background: rgba(255, 255, 255, .1) !important;
        color: #fff !important;
        border-radius: 10px !important;
        font-size: 15px;
    }

    .public-footer .entrance .item .title:after {
        border-right: 2px solid rgba(255, 255, 255, .75) !important;
        border-bottom: 2px solid rgba(255, 255, 255, .75) !important;
    }

    .public-footer .entrance .item.hover .title {
        color: #fff !important;
    }

    .public-footer .entrance .item.hover .title:after {
        border-right: 2px solid #7bd3a8 !important;
        border-bottom: 2px solid #7bd3a8 !important;
    }

    .public-footer .entrance .item .links {
        background: transparent !important;
    }

    .public-footer .entrance .item .links a {
        color: rgba(255, 255, 255, .78) !important;
    }
}

/* ========== 首页视觉升级：产品入口卡 / 演示区 / 特权区 / 新闻卡 ========== */

/* 1. banner 下方四个产品入口：只保留名称，居中大字 */
.public-index-banner .IndexBannerCard .item {
    justify-content: center !important;
    align-items: center;
    gap: 16px;
}

.public-index-banner .IndexBannerCard .item .fl {
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
}

.public-index-banner .IndexBannerCard .item .fr {
    width: auto !important;
    display: flex;
    align-items: center;
}

.public-index-banner .IndexBannerCard .item .fr p {
    margin: 0;
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--xhy-green-deep) !important;
}

/* 2. 解决方案演示区：四块卡片铺满整行，去掉右侧大片留白 */
.public-index-demo .IndexDemo {
    justify-content: center !important;
}

.public-index-demo .IndexDemo .left {
    width: 100% !important;
    max-width: 1120px;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.public-index-demo .IndexDemo .left .item,
.public-index-demo .IndexDemo .left .item.mt-4 {
    width: auto !important;
    height: 168px !important;
    margin-top: 0 !important;
}

/* 3. 特权区右侧内容卡：自然深绿风景 + 白字 */
.public-index-privilege .IndexPrivilegeCard .right {
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: 0 18px 40px rgba(7, 42, 27, .18) !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item:nth-child(1) {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg5.jpg") !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item:nth-child(2) {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg2.jpg") !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item:nth-child(3) {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg3.jpg") !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item:nth-child(4) {
    background-image: url("/themes/web/YixingY1/static/default/img/scenery/bg7.jpg") !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 42, 27, .58);
}

.public-index-privilege .IndexPrivilegeCard .right .item>* {
    position: relative;
    z-index: 2;
}

.public-index-privilege .IndexPrivilegeCard .right .item .title {
    color: #fff !important;
    font-weight: 600;
}

.public-index-privilege .IndexPrivilegeCard .right .item .info {
    color: rgba(255, 255, 255, .86) !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(1) {
    background: #fff !important;
    color: var(--xhy-green-deep) !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(1):hover {
    background: #e8f1ea !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(2) {
    border-color: rgba(255, 255, 255, .62) !important;
    color: #fff !important;
}

.public-index-privilege .IndexPrivilegeCard .right .item .buts a:nth-child(2):hover {
    background: rgba(255, 255, 255, .12) !important;
}

/* 4. 新闻 / 帮助卡：自然风景常显 + 浅色玻璃罩，文字保持清晰 */
.public-index-news .IndexNewsUl .card {
    background: rgba(255, 255, 255, .84) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.public-index-news .IndexNewsUl .card .bg {
    top: 0;
    left: 0;
    height: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    background-size: cover !important;
    background-position: center !important;
}

.public-index-news .IndexNewsUl .card .bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(246, 251, 247, .72);
}

.public-index-news .IndexNewsUl .card:hover .bg {
    opacity: 1 !important;
    transform: scale(1.04) !important;
}

@media screen and (max-width: 992px) {
    .public-index-demo .IndexDemo .left {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .public-index-demo .IndexDemo .left .item,
    .public-index-demo .IndexDemo .left .item.mt-4 {
        height: 120px !important;
    }

    .public-index-banner .IndexBannerCard .item {
        gap: 10px;
    }

    .public-index-banner .IndexBannerCard .item .fl {
        width: 48px;
        height: 48px;
        flex: 0 0 48px;
    }

    .public-index-banner .IndexBannerCard .item .fr p {
        font-size: 15px !important;
    }

    .public-index-privilege .IndexPrivilegeCard .right .item {
        padding: 40px 28px;
    }
}