@media screen and (min-width:768px){
    .topic-name[data-v-b7dd100e] {
        font-size: 20px;
        font-weight: 500;
        height: 1.4em;
        line-height: 1.4em;
        padding: 0
    }
    .wrap-scroller[data-v-b7dd100e] {
        padding-left: 25px
    }
    .recommend-scroll-block[data-v-b7dd100e] {
        display: inline-block;
        position: relative;
        /* 保持原有的寬度設置 */
        width: 15%;
        margin-right: 2px;
        margin-bottom: 13px
    }
    .post-item .post-content .post-wrap .top .center .name[data-v-24114e3e],.post-item .post-content .post-wrap .top .center .name[data-v-9f7e262e]  {
        font-size: 30px;
        font-weight: 500
    }
    .post-item .post-content .post-wrap .top .center[data-v-24114e3e] {
        display: flex;
        flex-direction: column;
        width: 358px;
        height: 100%;
        font-size: 20px;
        margin-left: 20px;
        align-content: center
    }
    .time-index[data-v-24114e3e],.time-index[data-v-9f7e262e] {
        font-size: 24px;
        color: #999
    }
    .post-item .post-content .post-wrap .top .center .orang-bg[data-v-24114e3e] {
        display: flex;
        height: 38px;
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 102px;
        background: #ff9e3d;
        border-radius: 20px;
        font-size: 30px;
        padding: 0px 10px
    }
    .type-bar-acvite{
        height: 82px;
        line-height: 82px;
        font-size: 30px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto;
        font-weight: bold;
        color: rgb(255, 142, 106);
    }

    .type-bar{
        height: 82px;
        line-height: 82px;
        font-size: 30px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto; color: rgb(48, 49, 51);
    }
    .post-item .post-content .post-wrap .top .center[data-v-9f7e262e] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 358px;
        height: 100%;
        font-size: 20px;
        margin-left: 20px;
        align-content: center;
        padding: 10px 0
    }
    uni-page-body {
        font-size:32px;
        line-height: 1.7
    }
    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] {
        width: 112px;
        overflow: hidden;
        align-content: center
    }

    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] .u-lazy-item {
        border-radius: 10px !important;
        overflow: hidden !important;
        height: 80px !important
    }
    .post-item .post-content .post-wrap .top .left .avatar-img[data-v-9f7e262e] {
        height: 100%;
        width: 100%;
        border-radius: 13px !important;
        overflow: hidden !important
    }
    .post-item .post-content .post-wrap .top[data-v-9f7e262e] {
        display: flex;
        height: 123px;
        box-sizing: border-box;
        border-radius: 20px
    }
    .post-item .post-content .post-wrap .top[data-v-24114e3e] {
        display: flex;
        height: 123px;
        box-sizing: border-box;
        border-radius: 20px
    }
    .post-item .post-content .post-wrap .top .left[data-v-24114e3e] {
        width: 112px;
        overflow: hidden;
        align-content: center
    }
    .post-item .post-content .post-wrap .bottom .img-wrap[data-v-9f7e262e] {
        width: 32%;
        height: 307px;
        border-radius: 20px;
        overflow: hidden
    }
    .three-img .wrap-style-1[data-v-24114e3e] {
        height: 512px;
        width: 66%
    }
    .three-img .wrap-style-2[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        margin-top: -266px
    }

    .three-img .wrap-style-3[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        position: absolute;
        right: 0;
        top: 262px
    }
    .post-item .post-content .post-wrap .top .center div[data-v-24114e3e], .post-item .post-content .post-wrap .top .center div[data-v-9f7e262e] {
        height: 33%;
        font-size: 25px
    }
    .post-item .post-content .post-wrap .top .right[data-v-24114e3e],.post-item .post-content .post-wrap .top .right[data-v-9f7e262e]  {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        padding: 0 10px;
        padding-top: 30px
    }
    .head-c[data-v-799737ec] {
        background-image: linear-gradient(139deg, #ff8e6a, #ffcb45);
        width: 100%;
        height: 71px;
        display: flex;
        padding: 10px 30px;
        padding-right: 0;
        justify-content: space-between
    }
    .head[data-v-799737ec] {
        position: relative;
        height: 186px
    }

    .detail-content-title{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 將自身向左、上移動自身寬高的一半 */
        width: 256px;
    }
    .detail-title-text{
        color: rgb(96, 98, 102);
        font-size: 32px;
        font-weight: normal;
    }

    .followStyle[data-v-86102cc6] {
        width: 123px;
        height: 51px;
        border: 1px solid #f3f2f2;
        border-radius: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        background-color: #333;
        color: #f3f2f2;
    }
    .avatar-container .avatar-avatar[data-v-86102cc6] {
        width: 358px;
        /* 根據你的需求調整頭像寬度 */
        height: 358px;
        /* 根據你的需求調整頭像高度 */
        border-radius: 50%;
        border: 1px solid #fff;
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .comment-tool[data-v-86102cc6] {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        padding: 13px;
        z-index: 999
    }
    .comment-out{
        height: 30px;
        display: flex;
        align-items: center; flex: 1;
    }
    .comment-input[data-v-86102cc6] {
        height: 40px;
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        width: 250px;
        margin-right: 10px
    }
    .post-item[data-v-24114e3e] {
        padding: 20px 41px 20px 41px;
        padding-bottom: 10px;
        padding-top: 10px
    }
    .cover-image[data-v-b7dd100e] {
        height: 58px;
        width: 58px;
        border-radius: 5px
    }
    .dots3{
        font-size: 41px; !important;
        font-weight: normal; !important;
        top: 0px;
    }
    .post-item[data-v-9f7e262e] {
        padding: 20px 41px 20px 41px;
        padding-bottom: 10px;
        padding-top: 10px
    }
    .u-back-wrap[data-v-1d7f90d0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        flex-grow: 0;
        padding: 14px 14px 14px 24px;
    }
    .go-back{
        font-size: 45px;
        font-weight: normal;
        top: 0px;
        color: rgb(209, 43, 15);
    }
    .p-footer[data-v-86102cc6] {
        margin: 30px;
        display: flex;
        font-size: 24px;
        color: #616161
    }
    .detail-thumb{
        font-size: 41px;
        font-weight: normal;
        top: 0px;
    }
    .p-footer .p-item .iconfont[data-v-86102cc6] {
        font-size: 41px
    }
    /* 約她懸浮按鈕 */
    .chat-float-btn {
        position: fixed;
        right: 20px;
        bottom: 100px;
        width: 130px;
        height: 130px;
        border-radius: 50%;
        background: linear-gradient(139deg, #ff8e6a, #ffcb45);
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(255, 142, 106, 0.4);
        cursor: pointer;
        z-index: 9999;
        transition: transform 0.3s, box-shadow 0.3s;
    }
    .chat-float-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 20px rgba(255, 142, 106, 0.6);
    }
    .chat-float-btn:active {
        transform: scale(0.95);
    }
}


@media screen and (max-width: 768px) {
    .topic-name[data-v-b7dd100e] {
        font-size: 18px;
        font-weight: 500;
        height: 1.4em;
        line-height: 1.4em;
        padding: 0
    }
    .wrap-scroller[data-v-b7dd100e] {
        padding-left: 20px
    }
    .recommend-scroll-block[data-v-b7dd100e] {
        display: inline-block;
        position: relative;
        /* 保持原有的寬度設置 */
        width: 15%;
        margin-right: 3px;
        margin-bottom: 13px
    }
    .post-item .post-content .post-wrap .top .center .name[data-v-24114e3e],.post-item .post-content .post-wrap .top .center .name[data-v-9f7e262e]  {
        font-size: 18px;
        font-weight: 500
    }
    .post-item .post-content .post-wrap .top .center[data-v-24114e3e] {
        display: flex;
        flex-direction: column;
        width: 217px;
        height: 100%;
        font-size: 13px;
        margin-left: 13px;
        align-content: center
    }
    .time-index[data-v-24114e3e],.time-index[data-v-9f7e262e] {
        font-size: 16px;
        color: #999
    }
    .post-item .post-content .post-wrap .top .center .orang-bg[data-v-24114e3e] {
        display: flex;
        height: 25px;
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 50px;
        background: #ff9e3d;
        border-radius: 13px;
        font-size: 20px;
        padding: 0px 6px
    }
    .type-bar-acvite{
        height: 53px;
        line-height: 53px;
        font-size: 20px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto;
        font-weight: bold;
        color: rgb(255, 142, 106);
    }

    .type-bar{
        height: 53px;
        line-height: 53px;
        font-size: 20px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto; color: rgb(48, 49, 51);
    }
    .post-item .post-content .post-wrap .top .center[data-v-9f7e262e] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 233px;
        height: 100%;
        font-size: 13px;
        margin-left: 20px;
        align-content: center;
        padding: 10px 0
    }
    uni-page-body {
        font-size: 21px;
        line-height: 1.7
    }
    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] {
        width: 66px;
        overflow: hidden;
        align-content: center
    }

    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] .u-lazy-item {
        border-radius: 10px !important;
        overflow: hidden !important;
        height: 73px !important
    }
    .post-item .post-content .post-wrap .top .left .avatar-img[data-v-9f7e262e] {
        height: 100%;
        width: 100%;
        border-radius: 13px !important;
        overflow: hidden !important
    }
    .post-item .post-content .post-wrap .top[data-v-9f7e262e] {
        display: flex;
        height: 73px;
        box-sizing: border-box;
        border-radius: 13px
    }
    .post-item .post-content .post-wrap .top[data-v-24114e3e] {
        display: flex;
        height: 73px;
        box-sizing: border-box;
        border-radius: 13px
    }
    .post-item .post-content .post-wrap .top .left[data-v-24114e3e] {
        width: 66px;
        overflow: hidden;
        align-content: center
    }
    .post-item .post-content .post-wrap .bottom .img-wrap[data-v-9f7e262e] {
        width: 32%;
        height: 200px;
        border-radius: 13px;
        overflow: hidden
    }
    .three-img .wrap-style-1[data-v-24114e3e] {
        height: 333px;
        width: 66%
    }
    .three-img .wrap-style-2[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        margin-top: -173px
    }

    .three-img .wrap-style-3[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        position: absolute;
        right: 0;
        top: 170px
    }
    .post-item .post-content .post-wrap .top .center div[data-v-24114e3e],.post-item .post-content .post-wrap .top .center div[data-v-9f7e262e] {
        height: 33%;
        font-size: 16px
    }
    .post-item .post-content .post-wrap .top .right[data-v-24114e3e],.post-item .post-content .post-wrap .top .right[data-v-9f7e262e]  {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        padding: 0 6px;
        padding-top: 20px
    }
    .head-c[data-v-799737ec] {
        background-image: linear-gradient(139deg, #ff8e6a, #ffcb45);
        width: 100%;
        height: 46px;
        display: flex;
        padding: 6px 20px;
        padding-right: 0;
        justify-content: space-between
    }
    .head[data-v-799737ec] {
        position: relative;
        height: 121px
    }
    .body[data-v-799737ec] {
        position: absolute;
        top: 116px;
        left: 0;
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden
    }
    .detail-content-title{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 將自身向左、上移動自身寬高的一半 */
        width: 125px;
    }
    .detail-title-text{
        color: rgb(96, 98, 102);
        font-size: 16px;
        font-weight: normal;
    }
    .followStyle[data-v-86102cc6] {
        width: 80px;
        height: 33px;
        border: 1px solid #f3f2f2;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        background-color: #333;
        color: #f3f2f2;
    }
    .avatar-container .avatar-avatar[data-v-86102cc6] {
        width: 233px;
        /* 根據你的需求調整頭像寬度 */
        height: 233px;
        /* 根據你的需求調整頭像高度 */
        border-radius: 50%;
        border: 1px solid #fff;
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .comment-tool[data-v-86102cc6] {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        padding: 13px;
        z-index: 999
    }
    .comment-out{
        height: 30px;
        display: flex;
        align-items: center; flex: 1;
    }
    .comment-input[data-v-86102cc6] {
        height: 40px;
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        width: 250px;
        margin-right: 10px
    }
    .post-item[data-v-24114e3e] {
        padding: 13px 26px 13px 26px;
        padding-bottom: 6px;
        padding-top: 6px
    }
    .cover-image[data-v-b7dd100e] {
        height: 58px;
        width: 58px;
        border-radius: 5px
    }
    .dots3{
        font-size: 26px; !important;
        font-weight: normal; !important;
        top: 0px;
    }
    .post-item[data-v-9f7e262e] {
        padding: 13px 26px 13px 26px;
        padding-bottom: 6px;
        padding-top: 6px
    }
    .u-back-wrap[data-v-1d7f90d0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        flex-grow: 0;
        padding: 7px 7px 7px 12px
    }
    .go-back{
        font-size: 22px;
        font-weight: normal;
        top: 0px;
        color: rgb(209, 43, 15);
    }
    .p-footer[data-v-86102cc6] {
        margin: 15px;
        display: flex;
        font-size: 16px;
        color: #616161
    }
    .detail-thumb{
        font-size: 26px;
        font-weight: normal;
        top: 0px;
    }
    .p-footer .p-item .iconfont[data-v-86102cc6] {
        font-size: 26px
    }
    /* 約她懸浮按鈕 */
    .chat-float-btn {
        position: fixed;
        right: 20px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: linear-gradient(139deg, #ff8e6a, #ffcb45);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(255, 142, 106, 0.4);
        cursor: pointer;
        z-index: 9999;
        transition: transform 0.3s, box-shadow 0.3s;
    }
    .chat-float-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 20px rgba(255, 142, 106, 0.6);
    }
    .chat-float-btn:active {
        transform: scale(0.95);
    }
}


@media screen and (max-width:480px){
    .topic-name[data-v-b7dd100e] {
        font-size: 13px;
        font-weight: 500;
        height: 1.4em;
        line-height: 1.4em;
        padding: 0
    }
    .wrap-scroller[data-v-b7dd100e] {
        padding-left: 10px
    }
    .recommend-scroll-block[data-v-b7dd100e] {
        display: inline-block;
        position: relative;
        /* 保持原有的寬度設置 */
        width: 14.6%;
        margin-right: 2px;
        margin-bottom: 13px
    }
    .post-item .post-content .post-wrap .top .center .name[data-v-24114e3e],.post-item .post-content .post-wrap .top .center .name[data-v-9f7e262e]  {
        font-size: 15px;
        font-weight: 500
    }
    .post-item .post-content .post-wrap .top .center[data-v-24114e3e] {
        display: flex;
        flex-direction: column;
        width: 180px;
        height: 100%;
        font-size: 13px;
        margin-left: 11px;
        align-content: center
    }
    .time-index[data-v-24114e3e],.time-index[data-v-9f7e262e] {
        font-size: 12px;
        color: #999
    }
    .post-item .post-content .post-wrap .top .center .orang-bg[data-v-24114e3e] {
        display: flex;
        height: 19px;
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 50px;
        background: #ff9e3d;
        border-radius: 10px;
        font-size: 15px;
        padding: 0px 5px
    }
    .type-bar-acvite{
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto;
        font-weight: bold;
        color: rgb(255, 142, 106);
    }

    .type-bar{
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        transition-duration: 0.5s;
        flex: 1 1 0%;
        width: auto;
        color: rgb(48, 49, 51);
    }
    .post-item .post-content .post-wrap .top .center[data-v-9f7e262e] {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 180px;
        height: 100%;
        font-size: 13px;
        margin-left: 13px;
        align-content: center;
        padding: 6px 0
    }
    uni-page-body {
        font-size: 16px;
        line-height: 1.7
    }
    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] {
        width: 55px;
        overflow: hidden;
        align-content: center
    }

    .post-item .post-content .post-wrap .top .left[data-v-9f7e262e] .u-lazy-item {
        border-radius: 10px !important;
        overflow: hidden !important;
        height: 55px !important
    }
    .post-item .post-content .post-wrap .top .left .avatar-img[data-v-9f7e262e] {
        height: 100%;
        width: 100%;
        border-radius: 10px !important;
        overflow: hidden !important
    }
    .post-item .post-content .post-wrap .top[data-v-9f7e262e] {
        display: flex;
        height: 60px;
        box-sizing: border-box;
        border-radius: 13px
    }
    .post-item .post-content .post-wrap .top[data-v-24114e3e] {
        display: flex;
        height: 60px;
        box-sizing: border-box;
        border-radius: 13px
    }
    .post-item .post-content .post-wrap .top .left[data-v-24114e3e] {
        width: 55px;
        overflow: hidden;
        align-content: center
    }
    .post-item .post-content .post-wrap .bottom .img-wrap[data-v-9f7e262e] {
        width: 32%;
        height: 150px;
        border-radius: 10px;
        overflow: hidden
    }
    .three-img .wrap-style-1[data-v-24114e3e] {
        height: 250px;
        width: 66%
    }
    .three-img .wrap-style-2[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        margin-top: -130px
    }

    .three-img .wrap-style-3[data-v-24114e3e] {
        height: 49%;
        width: 32%;
        position: absolute;
        right: 0;
        top: 128px
    }
    .post-item .post-content .post-wrap .top .center div[data-v-24114e3e],.post-item .post-content .post-wrap .top .center div[data-v-9f7e262e] {
        height: 33%;
        font-size: 12px
    }
    .post-item .post-content .post-wrap .top .right[data-v-24114e3e],.post-item .post-content .post-wrap .top .right[data-v-9f7e262e] {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        box-sizing: border-box;
        padding: 0 5px;
        padding-top: 15px
    }
    .head-c[data-v-799737ec] {
        background-image: linear-gradient(139deg, #ff8e6a, #ffcb45);
        width: 100%;
        height: 35px;
        display: flex;
        padding: 5px 15px;
        padding-right: 0;
        justify-content: space-between
    }
    .head[data-v-799737ec] {
        position: relative;
        height: 91px
    }
    .body[data-v-799737ec] {
        position: absolute;
        top: 87px;
        left: 0;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        overflow: hidden
    }
    .detail-content-title{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 將自身向左、上移動自身寬高的一半 */
        width: 125px;
    }
    .detail-title-text{
        color: rgb(96, 98, 102);
        font-size: 16px;
        font-weight: normal;
    }
    .followStyle[data-v-86102cc6] {
        width: 60px;
        height: 25px;
        border: 1px solid #f3f2f2;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        background-color: #333;
        color: #f3f2f2;
    }
    .avatar-container .avatar-avatar[data-v-86102cc6] {
        width: 175px;
        /* 根據你的需求調整頭像寬度 */
        height: 175px;
        /* 根據你的需求調整頭像高度 */
        border-radius: 50%;
        border: 1px solid #fff;
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .comment-tool[data-v-86102cc6] {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        padding: 10px;
        z-index: 999
    }
    .comment-out{
        height: 30px;
        display: flex;
        align-items: center; flex: 1;
    }
    .comment-input[data-v-86102cc6] {
        height: 30px;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        width: 250px;
        margin-right: 10px
    }
    .post-item[data-v-24114e3e] {
        padding: 10px 20px 10px 20px;
        padding-bottom: 5px;
        padding-top: 5px
    }
    .cover-image[data-v-b7dd100e] {
        height: 44px;
        width: 44px;
        border-radius: 4px
    }
    .dots3{
        font-size: 26px; !important;
        font-weight: normal; !important;
        top: 0px;
    }
    .post-item[data-v-9f7e262e] {
        padding: 13px 26px 13px 26px;
        padding-bottom: 6px;
        padding-top: 6px
    }
    .u-back-wrap[data-v-1d7f90d0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        flex-grow: 0;
        padding: 7px 7px 7px 12px
    }
    .go-back{
        font-size: 22px;
        font-weight: normal;
        top: 0px;
        color: rgb(209, 43, 15);
    }
    .p-footer[data-v-86102cc6] {
        margin: 15px;
        display: flex;
        font-size: 16px;
        color: #616161
    }
    .detail-thumb{
        font-size: 26px;
        font-weight: normal;
        top: 0px;
    }
    .p-footer .p-item .iconfont[data-v-86102cc6] {
        font-size: 26px
    }
    /* 約她懸浮按鈕 */
    .chat-float-btn {
        position: fixed;
        right: 20px;
        bottom: 100px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: linear-gradient(139deg, #ff8e6a, #ffcb45);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 15px rgba(255, 142, 106, 0.4);
        cursor: pointer;
        z-index: 9999;
        transition: transform 0.3s, box-shadow 0.3s;
    }
    .chat-float-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 20px rgba(255, 142, 106, 0.6);
    }
    .chat-float-btn:active {
        transform: scale(0.95);
    }
}