/* 智能客服首页 — 与 Vant 并存，主色对齐 --van-primary-color */

#app {
    max-width: 800px;
    margin: auto
}

.cs-page {
    min-height: 100vh;
    height: 100vh;
    background: #f4f4f4;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.van-nav-bar .van-icon {
    color: black !important
}

.cs-nav.van-nav-bar {
    /*background: linear-gradient(180deg, #e8f4ff 0%, #f0f7ff 100%);*/
}

.cs-nav .van-nav-bar__title {
    font-weight: 600;
    color: #323233;
}

.cs-background {
    background: linear-gradient(to bottom, #ffdbaa 19%, #ededed 41%);
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cs-card-head {
    background-color: #ffffff;
    width: 89%;
    height: auto;
    /* 最小高度改为由 Vue 内联绑定（有公告 6.6rem，无公告 auto） */
    /* min-height: 6.6rem; */
    margin: 0 auto;
    padding: 1rem 1rem 0.7rem;
    box-sizing: border-box;
    /*    display: flex;*/
    align-items: center;
    border-radius: 12px;
    position: relative;
}

.cs-card-inner {
    background-color: #f3f3f3;
    width: 100%;
    height: 2.4rem;
    /*    margin-left: -0.1rem;*/
    /*    bottom: 0.7rem;*/
    position: relative;
    align-items: center;
    border-radius: 6px;
    display: flex;
    justify-content: flex-start;
    padding: 0 7px;
    margin-top: 1rem;
}

.speaker-icon {
    width: 20px;
    height: 20px;
    /*    left:12px;
    position:absolute;*/
}

.speaker-text {
    color: #595959;
    font-size: 13px;
    overflow: hidden;
    width: 80%;
    margin-left: 10px;
}

.speaker-arrow {
    color: #969799;
    font-size: 14px;
}
/* 聊天滚动区：包住下拉刷新 + 历史 + cs-body，保证 van-pull-refresh 能识别滚动顶部 */
.cs-scroll {
    flex: 1;
    min-height: 0;
    height: auto;
    overflow: auto;
    overflow-anchor: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.cs-pull-refresh {
    min-height: 100%;
    overflow: visible;
}

    .cs-pull-refresh.van-pull-refresh,
    .cs-pull-refresh .van-pull-refresh__track {
        overflow: visible;
    }

.cs-history {
    padding: 8px 0 0;
}

.wechat-time-divider {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    height: 13px;
    padding: 0 0 20px;
    box-sizing: content-box;
}

.wechat-time-text {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    height: 13px;
}

.cs-history > div:has(> .wechat-time-divider) + div > .message-item,
.cs-body > div:has(> .wechat-time-divider) + div > .message-item {
    margin-top: 0;
}

.cs-history > div:has(+ div > .wechat-time-divider) > .message-item,
.cs-body > div:has(+ div > .wechat-time-divider) > .message-item {
    margin-bottom: 0;
    padding: 0 10px 20px;
}
/* 时间戳后紧跟转人工卡：与消息间距（折叠后 10px）对齐，不影响时间戳后跟普通消息 */
.cs-history > div:has(> .wechat-time-divider):has(+ div > .csr-intro-wrap) > .wechat-time-divider,
.cs-body > div:has(> .wechat-time-divider):has(+ div > .csr-intro-wrap) > .wechat-time-divider {
    padding-bottom: 20px;
}

.van-divider {
    /* 关闭组件原生边框 */
    border: none !important;
    position: relative;
}

    .van-divider::before,
    .van-divider::after {
        content: '';
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: calc(50% - 60px);
        background: linear-gradient(to right, #ffdbaa, #cccccc);
    }

    .van-divider::before {
        left: 0;
        /* 左边：从左外侧#ffdbaa → 靠近文字#cccccc */
        background: linear-gradient(to right, #ffdbaa, hsl(25, 25%, 80%));
    }

    .van-divider::after {
        right: 0;
        /* 右边：靠近文字#cccccc → 向右外侧#ffdbaa */
        background: linear-gradient(to left, #ffdbaa, hsl(25, 25%, 80%));
    }

.cs-body {
    padding-top: 5px;
    padding-bottom: 0;
}

/* 头图区 */
.cs-hero {
    /*    display: flex;*/
    align-items: center;
    justify-content: left;
    padding: 18px 12px;
    /*    background: linear-gradient( to bottom,rgb(254,124,19) 0%, rgb(255,163,109)100% );*/
    /* border-radius: 0 0 20px 20px; */
}

.cs-shadow {
    width: 100%;
    height: 35px;
    background: url(/images/chat/shadow.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 9;
}

.cs-hero-title {
    font-size: 12px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.4;
    /*margin-bottom: 8px;*/
}

.cs-hero-title1 {
    color: #595959;
    font-size: 13px;
    line-height: 1.4;
    margin: 0 0 0.4rem;
/*    padding-right: 7rem;*/
}

.cs-hero-title2 {
    color: #1a1a1a;
    line-height: 1.4;
/*    margin: 0 0 1rem;*/
/*    padding-right: 7rem;*/
    font-weight: 500;
}

.cs-hero-sub {
    font-size: 13px;
    color: #969799;
    font-weight: 600
}

.cs-hero-img {
    width: 7rem;
    /*    height: 20.3vh;
    flex-shrink: 0;*/
    object-fit: contain;
    /*        margin-left: 225px;
    margin-bottom: 82px;*/
    /*    top: -3.4rem;*/
    bottom: 3.1rem;
    right: 0;
    position: absolute;
    z-index: 10;
}

/* 卡片 */
.cs-card {
/*    background: #fff;*/
    border-radius: 12px;
    /*    box-shadow: 0 2px 16px rgba(25, 137, 250, 0.08);*/
    overflow: hidden;
    /*height:160px;*/
}

.cs-card--tabs {
    position: relative;
    --cs-hot-tab-bar: #ffeacd;
    --cs-hot-tab-active: #fff;
    --cs-hot-tab-r: 12px;
}

.cs-hot-tabs__wrap {
    background: var(--cs-hot-tab-bar);
    overflow: visible;
}

.cs-hot-tabs__nav {
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: visible;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    scroll-behavior: smooth;
}

    .cs-hot-tabs__nav::-webkit-scrollbar {
        display: none;
    }

/*.cs-card--tabs.has-many-tabs .cs-hot-tabs__nav {
    padding-right: 20px;
    padding-left: 20px;
}*/

.cs-tabs-more {
    position: absolute;
    top: 0;
    z-index: 4;
    height: 40px;
    width: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #ffeacd;
    color: #ff8400;
    font-size: 16px;
}

.cs-tabs-more-icon {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.cs-tabs-more.is-disabled {
    color: #c8c8c8;
    cursor: default;
}

.cs-tabs-more--right {
    right: 0;
}

    .cs-tabs-more--right .cs-tabs-more-icon {
        border-width: 4px 0 4px 6px;
        border-left-color: currentColor;
    }

.cs-tabs-more--left {
    left: 0;
}

    .cs-tabs-more--left .cs-tabs-more-icon {
        border-width: 4px 6px 4px 0;
        border-right-color: currentColor;
    }

.cs-hot-tabs__item {
    position: relative;
    flex: none;
    min-height: 40px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: #808080;
    text-align: center;
    background: transparent;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.cs-card--tabs:not(.has-many-tabs) .cs-hot-tabs__item {
    flex: 0 0 25%; /* 改为固定 25% */
    width: 25%;
    max-width: 25%;
}

.cs-card--tabs.has-many-tabs .cs-hot-tabs__item {
    flex: 0 0 22%;
    width: 22%;
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
}

.cs-hot-tabs__label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cs-hot-tabs__item--active {
    z-index: 1;
    font-weight: 600;
    color: #fe6600;
    background: var(--cs-hot-tab-active);
    border-radius: var(--cs-hot-tab-r) var(--cs-hot-tab-r) 0 0;
}

.cs-hot-tabs__item--active-first {
    border-top-left-radius: 0;
}

.cs-hot-tabs__item--active-last {
    border-top-right-radius: 0;
}

.cs-hot-tabs__item--active:not(.cs-hot-tabs__item--active-first)::before,
.cs-hot-tabs__item--active:not(.cs-hot-tabs__item--active-last)::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: var(--cs-hot-tab-r);
    height: var(--cs-hot-tab-r);
    pointer-events: none;
}

.cs-hot-tabs__item--active:not(.cs-hot-tabs__item--active-first)::before {
    left: calc(-1 * var(--cs-hot-tab-r));
    background: radial-gradient( circle at 0 0, transparent var(--cs-hot-tab-r), var(--cs-hot-tab-active) var(--cs-hot-tab-r) );
}

.cs-hot-tabs__item--active:not(.cs-hot-tabs__item--active-last)::after {
    right: calc(-1 * var(--cs-hot-tab-r));
    background: radial-gradient( circle at 100% 0, transparent var(--cs-hot-tab-r), var(--cs-hot-tab-active) var(--cs-hot-tab-r) );
}

.cs-hot-tabs__panel {
    padding: 10px 10px 11px;
    background: var(--cs-hot-tab-active);
}

.cs-card--tabs .van-cell-group {
    margin: 0;
    width: 100%;
}

.cs-q-num {
    display: inline-block;
    min-width: 18px;
    margin-right: 8px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
}

.cs-q-num--hot {
    color: #FE6600;
}

.cs-q-num--muted {
    color: #808080;
}

.van-cell__title {
    width: 80%;
}

.cs-q-text {
    font-size: 14px;
    color: #323233;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-cell-title {
    display: flex;
    align-items: center;
    line-height: 1.45;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-refresh {
    display: flex;
    justify-content: center;
    padding-bottom: 0px;
    width: 100%;
    margin-top: 11px;
}

    .cs-refresh .van-button {
        color: #FF6600;
        border: none;
        font-size: 12px;
        height: auto;
        padding: 0
    }

/* 服务宫格 */
.cs-service-hint {
    font-size: 15px;
    padding: 12px 12px 4px;
}

.cs-grid-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 6px;
    border-radius: 14px;
    /*background: linear-gradient(145deg, #e8f4ff, #d6ebff);*/
    display: flex;
    align-items: center;
    justify-content: center;
    /*box-shadow: 0 2px 8px rgba(25, 137, 250, 0.12);*/
}

.cs-grid-label {
    font-size: 11px;
    color: #646566;
    line-height: 1.3;
    text-align: center;
    padding: 0 2px;
    font-weight: 600;
}

.cs-service-card {
    margin: 0 12px;
    height: 80px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(25, 137, 250, 0.08);
    overflow: hidden;
    margin-bottom: 12px;
}

    .cs-service-card .van-grid-item__content {
        padding: 10px 4px;
    }

/* 底栏 */
.cs-footer {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    flex-shrink: 0;
    /*background: linear-gradient(180deg, rgba(240, 247, 255, 0.92) 0%, #f0f7ff 100%);*/
    /*padding: 8px 12px calc(20px + env(safe-area-inset-bottom));*/
    /*box-shadow: 0 -4px 20px rgba(25, 137, 250, 0.06);*/
    max-width: 800px;
    margin: auto;
    padding: 0 12px 12px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    background: #f6f6f6;
    border-top: 1px solid #dcdcdc;
}

    .cs-footer.is-action-open {
        background: #f6f6f6;
    }

.cs-service-hours-hint {
    text-align: center;
    color: #999999;
    font-size: clamp(12px, calc(26 / 750 * 100vw), 16px);
    line-height: 1.4;
    margin: 0 0 20px;
    padding: 0 12px;
}

    /* 结束语与「正在转接中」同一套字号和上下间距 */
    .cs-service-hours-hint.cs-ai-ended-hint {
        text-align: center;
        color: #999999;
        font-size: clamp(12px, calc(26 / 750 * 100vw), 16px);
        line-height: 1.4;
        margin: 0 0 20px;
        padding: 0 12px;
    }

/* 转人工提示：正在为您转人工，请稍后 */
.cs-transfer-hint {
    text-align: center;
    color: #999999;
    font-size: clamp(12px, calc(26 / 750 * 100vw), 16px);
    line-height: 1.4;
    margin: 0 0 20px;
    padding: 0 12px;
}

.cs-footer-quick {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    margin-top: 12px;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    scrollbar-width: none;
}

.icon-plus-btn {
    /*    background-color:white;*/
    color: #969799;
    font-size: 20px; /* 控制图标大小 */
    cursor: pointer; /* 鼠标悬浮变成手型 */
    transform: translateX(0px);
    transition: transform 0.2s ease;
    /*    left:21rem;
    bottom:1.55rem;*/
    /*    position:absolute;*/
}

.icon-plus-btn-background {
    background-color: white;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 2%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.icon-plus-btn-background.is-send {
    width: auto;
    min-width: 2.4rem;
    padding: 0 12px;
    background: #FE6600;
    box-sizing: border-box;
}
.cs-composer-send {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}
.cs-action-panel {
    padding: 29px 0px;
    padding-top: 17px;
    padding-left: 17px;
    box-sizing: border-box;
    background: #f6f6f6;
}

    .cs-action-panel .van-grid {
        background: transparent;
        gap: 29px;
    }

    .cs-action-panel .van-grid-item {
        width: 57px !important;
        flex-basis: 57px !important;
    }

    .cs-action-panel .van-grid-item__content {
        padding: 0;
        background: transparent;
        align-items: flex-start;
    }

.cs-action-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 57px;
    color: #333333;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
}

.cs-action-item.is-disabled {
    color: #c8c9cc;
    cursor: not-allowed;
}

.cs-action-item.is-disabled .cs-action-icon {
    color: #c8c9cc;
    background: #f7f8fa;
}

.cs-action-panel .is-attachment-disabled {
    pointer-events: none;
}

.cs-action-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    box-sizing: border-box;
    border: 1px solid #ebedf0;
    border-radius: 7px;
    background: #ffffff;
    color: #323233;
}

    .cs-action-icon .van-icon {
        width: 25px;
        height: 25px;
        font-size: 25px;
        line-height: 25px;
    }

.cs-action-panel .van-uploader,
.cs-action-panel .van-uploader__wrapper,
.cs-action-panel .van-uploader__input-wrapper {
    width: 57px;
}

.cs-footer-quick::-webkit-scrollbar {
    display: none;
}

.cs-footer-quick .van-button {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    background: #fff;
    border-radius: 16px;
    flex-shrink: 0;
}

.cs-quick-entry-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    color: #323233;
    background: #fff;
    border: 1px solid #ebedf0;
    border-radius: 16px;
    cursor: pointer;
    white-space: nowrap;
}

    .cs-quick-entry-btn.is-highlight {
        color: #ff6600;
        border-color: #ff6600;
        background: #fff7f0;
    }

/* 结束对话：尺寸完全跟 .cs-quick-entry-btn，只区分灰/橙状态 */
.cs-end-chat-btn.is-disabled {
    color: #bdbdbd;
    border-color: #ebedf0;
    background: #fff;
    cursor: not-allowed;
}

.cs-end-chat-btn.is-active {
    color: #323232;
    /*    border-color: #ff6600;*/
    background: #fff;
    cursor: pointer;
}

.cs-end-chat-btn:disabled {
    opacity: 1;
}

.cs-end-chat-btn.is-disabled .cs-quick-entry-icon {
    opacity: 0.45;
}

.cs-quick-entry-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
    flex-shrink: 0;
}

.cs-quick-entry-icon1 {
    width: 13px;
    height: 13px;
    object-fit: contain;
    flex-shrink: 0;
}

.cs-quick-entry-name {
    max-width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 结束对话确认弹窗：图一 750 稿比例（宽620 圆角30 上50 文距60 左右底40 按钮250×80 间距40） */
.end-confirm-popup {
    width: min(calc(620 / 750 * 100vw), 38.75rem) !important;
    border-radius: min(calc(30 / 750 * 100vw), 1.875rem) !important;
    overflow: hidden;
    background: #ffffff;
}

.end-confirm-panel {
    --end-gap: min(calc(50 / 750 * 100vw), 3.125rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--end-gap) 0;
    text-align: center;
    background: #ffffff;
    box-sizing: border-box;
    gap: var(--end-gap);
}

.end-confirm-title {
    padding: 0 min(calc(40 / 750 * 100vw), 2.5rem);
    font-size: min(calc(34 / 750 * 100vw), 2.125rem);
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1;
    margin: 0;
    text-box: trim-both cap alphabetic;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.end-confirm-message {
    padding: 0 min(calc(40 / 750 * 100vw), 2.5rem);
    font-size: min(calc(30 / 750 * 100vw), 1.875rem);
    color: #1a1a1a;
    line-height: 1;
    margin: 0;
    text-box: trim-both cap alphabetic;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.end-confirm-actions {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin: 0;
}

.end-confirm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: min(calc(210 / 750 * 100vw), 7rem);
    height: min(calc(64 / 750 * 100vw), 2.25rem);
    padding: 0;
    border: none;
    border-radius: min(calc(32 / 750 * 100vw), 1.125rem);
    font-size: min(calc(28 / 750 * 100vw), 0.9375rem);
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    text-align: center;
}

.end-confirm-btn--no {
    color: #1a1a1a;
    background: #f3f3f3;
}

.end-confirm-btn--yes {
    color: #ffffff;
    background: #ff6600;
}

/* 用户须知：底部弹出，宽度对齐 #app，不改 transform 以免打断 vant 上滑动画 */
.van-popup.privacy-notice-popup {
    --privacy-notice-fit: 1;
    --e: calc(min(calc(100vw / 75), 10px) * var(--privacy-notice-fit));
    --privacy-notice-top-gap: 10.5rem;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 800px;
    max-height: calc(100vh - var(--privacy-notice-top-gap));
    max-height: calc(100dvh - var(--privacy-notice-top-gap));
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 auto !important;
    overflow: hidden;
    background: #ffffff;
    box-shadow: none !important;
    border-radius: calc(3 * var(--e)) calc(3 * var(--e)) 0 0 !important;
}

@media (max-height: 520px) {
    .van-popup.privacy-notice-popup {
        --privacy-notice-top-gap: 4.5rem;
    }
}

.privacy-notice-panel {
    position: relative;
    box-sizing: border-box;
    padding: 0 calc(8 * var(--e)) calc(7 * var(--e));
    background: #ffffff;
}

.privacy-notice-panel.is-contact {
    padding: 0;
}

.privacy-notice-title {
    margin: 0;
    padding-top: calc(6 * var(--e));
    padding-bottom: calc(6 * var(--e));
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(3.4 * var(--e));
    font-weight: 550;
    line-height: 1;
    color: #1a1a1a;
    text-align: center;
    letter-spacing: calc(0.13 * var(--e));
}

.privacy-notice-body {
    margin: 0;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(2.8 * var(--e));
    font-weight: 400;
    line-height: 1.55;
    color: #333333;
    text-align: justify;
    text-justify: inter-ideograph;
    text-align-last: left;
    letter-spacing: normal;
    word-break: break-all;
    line-break: anywhere;
    overflow-wrap: anywhere;
}

.privacy-notice-paragraph {
    margin: 0;
}

.privacy-notice-paragraph + .privacy-notice-paragraph {
    margin-top: 0.85em;
}

.privacy-notice-link {
    color: #ff6600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    cursor: pointer;
    letter-spacing: inherit;
    word-break: break-all;
    line-break: anywhere;
}

a.privacy-notice-link:visited {
    color: #ff6600;
}

.privacy-notice-agree {
    display: flex;
    align-items: flex-start;
    gap: calc(1.2 * var(--e));
    width: 100%;
    margin-top: calc(6.2 * var(--e));
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.privacy-notice-check {
    box-sizing: border-box;
    width: calc(2.2 * var(--e));
    height: calc(2.2 * var(--e));
    margin: calc(0.85 * var(--e)) 0 0;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid #999999;
    background: #ffffff;
}

    .privacy-notice-check.is-checked {
        border-color: #ff6600;
        background: #ff6600;
        box-shadow: inset 0 0 0 calc(0.35 * var(--e)) #ffffff;
    }

.privacy-notice-agree-text {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(2.6 * var(--e));
    font-weight: 400;
    line-height: 1.5;
    color: #4d4d4d;
}

.privacy-notice-enter {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: calc(58.6 * var(--e));
    height: calc(8 * var(--e));
    margin: calc(6.3 * var(--e)) auto 0;
    padding: 0;
    border: none;
    border-radius: calc(4 * var(--e));
    background: #ff6600;
    color: #ffffff;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(3 * var(--e));
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    box-shadow: none !important;
    filter: none;
    -webkit-appearance: none;
    appearance: none;
}

    .privacy-notice-enter.is-disabled,
    .privacy-notice-enter:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

.privacy-notice-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: calc(3.2 * var(--e));
    height: calc(3.2 * var(--e));
    margin: 0 0 0 calc(0.6 * var(--e));
    padding: 0;
    border: 1px solid #ff6600;
    border-radius: 50%;
    background: #ffffff;
    color: #ff6600;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(2.2 * var(--e));
    font-style: italic;
    font-weight: 550;
    line-height: 1;
    vertical-align: calc(0.2 * var(--e));
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.privacy-contact {
    position: relative;
    box-sizing: border-box;
    padding: calc(6.4 * var(--e));
    background: #ffffff;
}

.privacy-contact-close {
    position: absolute;
    top: calc(1.2 * var(--e));
    right: calc(1.2 * var(--e));
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: calc(3.6 * var(--e));
    height: calc(3.6 * var(--e));
    margin: 0;
    padding: 0 0 0.06em;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    background: #ffffff;
    color: #1a1a1a;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(2.2 * var(--e));
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.privacy-contact-block + .privacy-contact-block {
    margin-top: calc(3.2 * var(--e));
}

.privacy-contact-label {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(3 * var(--e));
    font-weight: 550;
    line-height: 1.4;
    color: #1a1a1a;
}

.privacy-contact-value {
    margin-top: calc(0.8 * var(--e));
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: calc(2.7 * var(--e));
    font-weight: 400;
    line-height: 1.55;
    color: #4d4d4d;
    word-break: normal;
    line-break: strict;
    overflow-wrap: normal;
}

.cs-footer-input-row {
    /*    padding: 10px;*/
    margin-left: 2%;
    gap: 8px;
    background: white;
    /*    overflow: hidden;*/
    border-radius: 10px;
    min-height: 2.4rem;
    height: auto;
    flex: 1;
    min-width: 0;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    box-sizing: border-box;
}

    .cs-footer-input-row .van-field {
        flex: 1 1 160px;
        min-width: 0;
        display: flex;
        align-items: center;
    }

.cs-livechat-file-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.van-icon-smile-o {
    font-size: 25px !important;
}

.cs-emoji-btn {
    width: 25px;
    height: 25px;
}

.cs-attach-btn {
    width: auto;
    height: auto;
    flex-shrink: 0;
    padding: 10px;
    background: #FF6600;
    color: white;
    float: right;
    font-size: 12px;
}

.cs-msg-image-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
    vertical-align: top;
}

.cs-msg-image-wrap.is-uploading .cs-msg-image {
    cursor: default;
}

.cs-msg-image__mask {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 6px;
}

.cs-msg-image {
    display: inline-block;
    max-width: 200px;
    max-height: 200px;
    border-radius: 6px;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
}

.cs-msg-image .van-image__img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 200px;
    max-height: 200px;
    object-fit: contain;
}

.cs-msg-file-link {
    color: #1989fa;
    word-break: break-all;
}

.cs-footer-input-row .van-cell {
    background: #fff;
    min-height: 2.4rem;
    height: auto;
    padding: 0 8px;
    padding-right:0px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
}

.cs-footer-input-row .van-field__value,
.cs-footer-input-row .van-field__body {
    display: flex;
    align-items: center;
    width: 100%;
}

.cs-footer-input-row .van-field__control {
    font-size: 12px;
    line-height: 22px;
    min-height: 22px;
    max-height: 88px;
    height: auto !important;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    resize: none;
}

.cs-footer-input-row .cs-composer-cell {
    flex: 1 1 160px;
    min-width: 0;
    position: relative;
}

.cs-footer-input-row .cs-composer {
    display: block;
    width: 100%;
    min-height: 22px;
    max-height: 88px;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    color: #323233;
    background: transparent;
    font-size: 16px;
    line-height: 22px;
    outline: none;
    white-space: pre-wrap;
    word-break: break-word;
    box-sizing: border-box;
    -webkit-user-select: text;
    user-select: text;
    cursor: text;
}

.cs-footer-input-row .cs-composer-cell.is-empty .cs-composer::before {
    content: attr(data-placeholder);
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #c8c9cc;
    pointer-events: none;
}

.cs-composer-emoji {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 1px;
    user-select: none;
}

.cs-plus-btn {
    width: auto;
    height: auto;
    flex-shrink: 0;
    padding: 10px;
    background: #FF6600;
    color: white;
    float: right;
    font-size: 12px;
    margin-left: 10px;
}

.cs-smiley {
    cursor: pointer;
    padding: 4px;
    color: #969799;
}

.van-tabs__nav {
    background: #FEF4EA
}

.van-tabs__nav--card {
    border: none;
    margin: 0;
    /*padding:10px 0;*/
    box-sizing: content-box;
    height: auto;
}

.van-tab--card {
    border: none;
    padding: 10px 0;
    box-sizing: content-box;
}

.van-tabs__content {
    padding: 10px 0 11px;
    /*height:120px;*/
}

.van-tab--active::after {
    height: 3px;
    width: 24%;
    background: #FE6600;
    position: absolute;
    bottom: 0px;
    left: auto;
    content: "";
    border-radius: 10px;
}

.van-button--hairline:after {
    border: none;
}

.isService {
    background: #F3E5D9 !important;
    color: #FF6600 !important;
}

.van-button--default {
    border: none
}

.message-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 10px;
    gap: 8px;
}

    .message-item > .message-avatar,
    .message-item > .van-image {
        width: 40px !important;
        height: 40px !important;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: 50%;
        box-sizing: border-box;
        border: 1px solid #ffffff;
    }

        .message-item > .message-avatar .van-image__img,
        .message-item > .van-image .van-image__img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }

.user {
    flex-direction: row-reverse;
}

    .user .csr-info {
        display: flex;
        justify-content: flex-end
    }

.others {
    flex-direction: row;
}

.avatar {
    height: 80px;
    padding: 25px 5px;
}

.message-info {
    flex: 1 1 auto;
    width: auto;
    max-width: calc(100% - 97px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.user .message-info {
    align-items: flex-end;
}

.assistant .message-info,
.gcsc .message-info,
.others .message-info {
    align-items: flex-start;
}

.message-content {
    max-width: 100%;
    width: auto;
    font-size: 12px;
}

.my-divider {
    /* 和vant默认一致：上下外边，横线 */
    margin: 10px 0;
    height: 1px;
    background-color: #e8e8e8;
    /* 处理手机屏幕1px细线（物理1px，避免粗线） */
    transform: scaleY(0.5);
}

.text-message {
    display: inline-block;
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    padding: 8px 13px 10px 13px;
    border-radius: 10px;
    position: relative;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: justify;
}

.text-message__clip {
    position: relative;
}

    .text-message__clip.is-collapsed {
        /* 与 .text-item line-height:1.8 对齐，最多展示 5 行 */
        max-height: calc(1.8em * 5);
        overflow: hidden;
    }

.text-message__fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.6em;
    pointer-events: none;
    z-index: 1;
}

.user .text-message__fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

.assistant .text-message__fade,
.gcsc .text-message__fade {
    background: linear-gradient(to bottom, rgba(255, 232, 204, 0), white);
}

.others .text-message__fade {
    background: linear-gradient(to bottom, rgba(254, 102, 0, 0), #fe6600);
}

.text-message__expand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    margin-top: 2px;
    padding: 20px 0 20px 0;
    border: none;
    background: transparent;
    color: #ff6600;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
}

    .text-message__expand .van-icon {
        font-size: 12px;
    }

.user .text-message {
    background-color: #FFE8CC;
    color: black;
}

.assistant .text-message {
    background-color: white;
    color: black;
}

.gcsc .text-message {
    background-color: #FFE8CC;
    color: black;
}

.cs-file-card {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 220px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
}

.user .cs-file-card {
    background-color: #FFE8CC;
    color: #323233;
}

.assistant .cs-file-card,
.gcsc .cs-file-card,
.others .cs-file-card {
    background-color: #ffffff;
    color: #323233;
}

.cs-file-card__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cs-file-card__meta {
    min-width: 0;
    flex: 1;
}

.cs-file-card__name {
    font-size: 13px;
    line-height: 1.4;
    word-break: break-all;
}

.cs-file-card__size {
    margin-top: 2px;
    font-size: 11px;
    color: #969799;
}

/* 手机竖屏和电脑横屏用同一块 16:9 画面。全屏时按屏幕完整显示。 */
.message-content:has(.cs-video-frame) {
    width: 100%;
}

.cs-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}

.cs-video-frame.is-uploading .cs-video-msg {
    pointer-events: none;
}

.cs-video-frame .cs-msg-image__mask {
    border-radius: 0;
}

.cs-video-msg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #000;
    object-fit: contain;
    object-position: center;
}

.cs-video-msg:fullscreen,
.cs-video-msg:-webkit-full-screen {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    background: #000;
}

/* 语音消息：自定义播放器气泡（点击播放/暂停，内容仍是转写文字） */
.cs-voice-msg {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    min-width: 64px;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    justify-content: flex-end;
}

.cs-voice-msg__icon {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 19px;
    height: 19px;
    overflow: visible;
}

.cs-voice-msg__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* 语音图标：微信式 WiFi 三条弧线（圆点+半径 5/10/15 开口弧），自己的气泡开口朝左 */
.cs-voice-msg__wifi {
    transform-box: view-box;
    transform-origin: 12px 12px;
}

.user .cs-voice-msg__wifi {
    transform: rotate(-90deg);
}

.assistant .cs-voice-msg__wifi {
    transform: rotate(90deg);
}

.cs-voice-msg__wifi .cs-voice-msg__dot {
    fill: currentColor;
}

.cs-voice-msg__wifi .cs-voice-msg__bar {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
}

/* 播放中：由内到外依次闪动（圆点 0s → 短弧 0.16s → 中弧 0.32s → 长弧 0.48s） */
.cs-voice-msg--playing .cs-voice-msg__dot,
.cs-voice-msg--playing .cs-voice-msg__bar {
    animation: csVoicePulse 1s ease-in-out infinite;
}

.cs-voice-msg--playing .cs-voice-msg__dot {
    animation-delay: 0s;
}

.cs-voice-msg--playing .cs-voice-msg__bar:nth-of-type(1) {
    animation-delay: 0.16s;
}

.cs-voice-msg--playing .cs-voice-msg__bar:nth-of-type(2) {
    animation-delay: 0.32s;
}

.cs-voice-msg--playing .cs-voice-msg__bar:nth-of-type(3) {
    animation-delay: 0.48s;
}

@keyframes csVoicePulse {
    0%, 100% {
        opacity: 0.22;
    }
    40% {
        opacity: 1;
    }
}

.cs-voice-msg__duration {
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.user .cs-voice-msg {
    background-color: #FFE8CC;
    color: black;
}

.assistant .cs-voice-msg {
    background-color: white;
    color: black;
}

.others .text-message {
    background-color: #FE6600;
    color: white;
}

.sender-name {
    font-size: 14px;
    color: gray;
}

.message-item .message-info .csr-info {
    font-size: 10px !important;
    color: #969799 !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 3%;
    width: 200px;
}

.message-item .message-info .csr-name {
    font-size: 12px;
    color: #333;
    margin-right: 3%;
    min-width: 10px;
}

.message-item .message-info .csr-id {
    min-width: 10px;
}
/* 基础样式：设置字体大小、颜色、间距 */
.message-item .message-info .message-time {
}

/* 针对左侧客服消息 (.assistant 和 .gcsc)：强制左对齐 */
.assistant .message-info .message-time,
.gcsc .message-info .message-time {
    text-align: left !important;
}
/* 针对右侧用户消息 (.user)：强制右对齐 */
.user .message-info .message-time {
    text-align: right !important;
}
/* 流式回复首包前：助手气泡内三点跳动 */
.stream-reply-loading__bubble {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 18px;
}

.stream-reply-loading__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #969799;
    animation: stream-reply-dot 1.2s infinite ease-in-out both;
}

    .stream-reply-loading__dot:nth-child(1) {
        animation-delay: 0s;
    }

    .stream-reply-loading__dot:nth-child(2) {
        animation-delay: 0.15s;
    }

    .stream-reply-loading__dot:nth-child(3) {
        animation-delay: 0.3s;
    }

@keyframes stream-reply-dot {
    0%, 80%, 100% {
        transform: scale(0.55);
        opacity: 0.45;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.cs-question {
    width: 60px;
    /*height: 100%;*/
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgb(231,236,255) 0%, rgb(249,236,227) 80%);
    background-image: -webkit-linear-gradient( 90deg, rgb(231,236,255) 0%, rgb(249,236,227) 80%);
    background-image: -ms-linear-gradient( 90deg, rgb(231,236,255) 0%, rgb(249,236,227) 80%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column
}

.cs-question-text {
    font-size: 10px;
}

.cs-question-img {
    width: 50%;
    height: 30%
}

.van-tab__panel {
    display: flex;
    justify-content: left;
    padding: 0 10px;
    height: 100%
}

.van-button--plain {
    background: none;
}

.van-cell {
    /*    padding:5px 0 5px 16px;*/
}

.text-item {
    font-size: 14px;
    line-height: 1.8;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: justify;
}

.message-html a {
    color: #1989fa;
    text-decoration: underline;
    word-break: break-all;
    cursor: pointer;
}

.card-bg {
    width: 94%;
    padding: 15px 10px 20px 10px;
    margin: 0 auto;
    /*    background: linear-gradient( to bottom, rgb(255,163,109) 0%,rgba(255,163,109,0) 100% );*/
}

.van-divider {
    margin: 10px 0;
}

    .van-divider:before, .van-divider:after {
        border-color: #969799
    }

.btn-list {
    display: flex;
    justify-content: end;
    align-items: center;
}

.emoji-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 8px;
    cursor: pointer;
    flex-shrink: 0;
    bottom: 20px;
    position: absolute;
}

.float {
    margin-left: -12px;
    display:inline-flex;
    width:97vw;
    max-width:790px;
    min-height: 0.8rem;
    height: auto;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: none;
}

    .float.is-panel-open {
        border-bottom: 1px solid #dcdcdc;
    }

.laba {
    background-color: white;
/*    margin-right: -1%;*/
    margin-left:3%;
    border-radius: 10px;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: background-color 0.15s ease, transform 0.15s ease;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.mic-icon {
    width: 20px;
    height: 20px;
}

/* 语音交互：按下喇叭录音中 */
.laba.is-recording {
    background-color: #fe6600;
    animation: laba-recording-pulse 1s ease-in-out infinite;
}

.laba.is-recording .mic-icon path {
    stroke: #ffffff;
}

.voice-recording-tip {
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.65);
    color: #ffffff;
    font-size: 12px;
    line-height: 1.4;
    z-index: 20;
    pointer-events: none;
}

@keyframes laba-recording-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(254, 102, 0, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(254, 102, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(254, 102, 0, 0);
    }
}

/* ===== 语音输入面板（内嵌，与加号/表情面板一致） ===== */
.cs-voice-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px -12px -12px;
    padding: 24px 0 28px;
    box-sizing: border-box;
    background: #f6f6f6;
}

.voice-input-title {
    font-size: 12px;
    font-weight: 500;
    color: #323233;
    margin-bottom: 15px;
}

.voice-input-btn {
    margin-left: 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #ebedf0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

    .voice-input-btn .mic-icon {
        width: 34px;
        height: 34px;
    }

    .voice-input-btn.is-canceling {
        background-color: #fe6600;
        animation: laba-recording-pulse 1s ease-in-out infinite;
    }

        .voice-input-btn.is-canceling .mic-icon path {
            stroke: #ffffff;
        }

.voice-input-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #323233;
    line-height: 1.4;
    white-space: nowrap;
    pointer-events: none;
}

/* 录音动态波浪：与秒数并排，竖条相位错开上下伸缩（左右对称） */
.voice-wave {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 14px;
}

.voice-wave__bar {
    width: 3px;
    height: 6px;
    border-radius: 2px;
    background: #fe6600;
    animation: voice-wave-bounce 1s ease-in-out infinite;
}

@keyframes voice-wave-bounce {
    0%, 100% {
        transform: scaleY(0.5);
    }
    50% {
        transform: scaleY(2.2);
    }
}

.voice-input-desc {
    margin-top: 28px;
    font-size: 12px;
    color: #969799;
    text-align: center;
}

/* 星星满意度卡片：跟在会话消息后推送，局部 --e = 设计稿 px÷10，不改其它模块 */
.star-eval-wrap {
    --e: min(calc(100vw / 75), 10px);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    /* 去掉结束系统句后，用上内边距保持气泡与评价卡间距 */
    padding: 0 0 20px;
}

.star-eval-card {
    --eval-gap: 20px;
    box-sizing: border-box;
    width: calc(62 * var(--e));
    border-radius: calc(2 * var(--e));
    background: #ffffff;
    box-shadow: none;
    padding: var(--eval-gap) 0;
}

    .star-eval-card.is-expanded {
        padding-bottom: var(--eval-gap);
    }

    .star-eval-card.is-emoji {
        padding-bottom: var(--eval-gap);
    }

    .star-eval-card.is-submitted {
        padding-bottom: var(--eval-gap);
    }

.star-eval-title,
.star-eval-label,
.star-eval-solve-title {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-weight: 550;
    color: #1a1a1a;
    letter-spacing: calc(0.13 * var(--e));
    text-align: center;
    line-height: 1.4;
}

.star-eval-title {
    font-size: calc(3.2 * var(--e));
    padding: 0 calc(4.3 * var(--e));
}

.star-eval-stars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    margin-top: calc(4.3 * var(--e));
    padding: 0 calc(4.5 * var(--e));
    gap: calc(5.5 * var(--e));
}

.star-eval-star {
    width: calc(6.2 * var(--e));
    height: calc(6.2 * var(--e));
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 0;
}

    .star-eval-star img {
        width: 100%;
        height: 100%;
        display: block;
        pointer-events: none;
        object-fit: contain;
    }

.star-eval-label {
    font-size: calc(2.4 * var(--e));
    margin-top: calc(3.3 * var(--e));
    color: #666666;
}

/* 未评价文案：与星星的间距、与卡片底边的间距相同 */
.star-eval-pending {
    margin-top: calc(4.3 * var(--e));
    margin-bottom: 0;
    padding: 0;
}

.star-eval-solve-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(1.2 * var(--e));
    margin-top: calc(4 * var(--e));
    margin-bottom: 0;
    padding: 0;
    line-height: 1;
}

.star-eval-solve-line {
    width: calc(11 * var(--e));
    height: 1px;
    background: #dddddd;
    flex-shrink: 0;
}

.star-eval-solve-title {
    font-size: calc(3.2 * var(--e));
    line-height: 1;
    white-space: nowrap;
}

.star-eval-solve-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(3 * var(--e));
    margin: var(--eval-gap) 0 0;
}

.star-eval-solve-btn {
    box-sizing: border-box;
    width: calc(13 * var(--e));
    height: calc(5.4 * var(--e));
    margin: 0;
    padding: 0;
    border-radius: calc(1 * var(--e));
    font-size: calc(2.4 * var(--e));
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    color: #333333;
    background: #ffffff;
    border: 1px solid #dddddd;
}

.star-eval-solve-btn--yes,
.star-eval-solve-btn--no {
    width: calc(13 * var(--e));
}

.star-eval-solve-btn.is-active {
    color: #ff6600;
    background: #ffefe5;
    border-color: #ff6600;
}

.star-eval-submit {
    display: block;
    box-sizing: border-box;
    width: calc(54 * var(--e));
    height: calc(7.2 * var(--e));
    margin: var(--eval-gap) auto 0;
    padding: 0;
    border: none;
    border-radius: calc(1 * var(--e));
    background: #ff6600;
    color: #ffffff;
    font-size: calc(2.8 * var(--e));
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

    .star-eval-submit:disabled,
    .star-eval-submit.is-submitted {
        background: #ebedf0;
        color: #bdbdbd;
        opacity: 1;
        cursor: not-allowed;
    }

.star-eval-card.is-submitted .star-eval-star,
.star-eval-card.is-submitted .emoji-eval-item,
.star-eval-card.is-submitted .star-eval-solve-btn {
    cursor: not-allowed;
}

    .star-eval-card.is-submitted .star-eval-star:disabled,
    .star-eval-card.is-submitted .emoji-eval-item:disabled,
    .star-eval-card.is-submitted .star-eval-solve-btn:disabled {
        opacity: 1;
    }

/* 表情满意度：点哪个亮哪个；标题 / 是否解决 / 提交复用 star-eval-* */
.emoji-eval-list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    margin-top: calc(4.3 * var(--e));
    padding: 0 calc(6 * var(--e));
    gap: calc(4.5 * var(--e));
}

.emoji-eval-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(6.4 * var(--e));
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

    .emoji-eval-item img {
        width: calc(6.4 * var(--e));
        height: calc(6.4 * var(--e));
        display: block;
        pointer-events: none;
        object-fit: contain;
    }

    .emoji-eval-item span {
        margin-top: calc(2.5 * var(--e));
        font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
        font-size: calc(2.4 * var(--e));
        font-weight: 400;
        line-height: 1.4;
        color: #999999;
        letter-spacing: calc(0.13 * var(--e));
        white-space: nowrap;
    }

    .emoji-eval-item.is-active span {
        color: #666666;
        font-weight: 550;
    }

/* 转人工介绍卡：设计稿 750
   头像 90 在卡片外叠到顶边中线（上半圈露在卡片外，顶边无留白）；
   卡片宽与 AI 气泡一致（.message-item 左右 10px，.message-info max-width: calc(100% - 97px)，左侧让出头像 40 + 间距 8）；
   时间戳→提示、提示→头像、卡片→下一条 均与消息间距（10px）一致 */
.csr-intro-wrap {
    --e: min(calc(100vw / 75), 10px);
    --csr-gap: calc(3 * var(--e));
    --csr-avatar: calc(9 * var(--e));
    --csr-msg-gap: 10px;
    box-sizing: border-box;
    padding: 0 10px 20px;
    overflow: visible;
}

.csr-intro-hint {
    text-align: center;
    color: #999999;
    font-size: calc(2.6 * var(--e));
    line-height: 1.4;
    /* 预留半个头像高度，使「提示底 → 头像顶」视觉间距为消息间距 */
    margin: 0 0 calc(var(--csr-msg-gap) + var(--csr-avatar) / 2);
    padding: 0 calc(4 * var(--e)) 10px;
}

.csr-intro-stage {
    position: relative;
    width: calc(62 * var(--e));
    max-width: calc(62 * var(--e));
    margin: 0 auto;
    overflow: visible;
}

.csr-intro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    /* 上：头像底→标题；中：标题→口号；下：口号→底边，三者同一 --csr-gap */
    padding: calc(var(--csr-avatar) / 2 + var(--csr-gap)) var(--csr-gap) var(--csr-gap);
    gap: var(--csr-gap);
    border-radius: calc(2 * var(--e));
    background: #ffffff;
    /*    box-shadow: 0 calc(0.4 * var(--e)) calc(1.6 * var(--e)) rgba(0, 0, 0, 0.06);*/
    text-align: center;
}

.csr-intro-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    display: block;
    width: var(--csr-avatar);
    height: var(--csr-avatar);
    max-width: none;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    background: #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    transform: translate(-50%, -50%);
    align-items: center;
}

.csr-intro-name,
.csr-intro-remark {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    letter-spacing: calc(0.13 * var(--e));
    text-align: center;
    font-size: calc(2.8 * var(--e));
    line-height: 1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;
    text-box: trim-both cap alphabetic;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
}

.csr-intro-name {
    font-weight: 550;
    color: #1a1a1a;
}

.csr-intro-remark {
    font-weight: 400;
    color: #333333;
}

.csr-intro-hello {
    margin-top: calc(4 * var(--e));
}

/* 转人工排队卡：设计稿 750，卡片宽 620 */
.queue-card-wrap {
    box-sizing: border-box;
    padding: 20px 0;
    padding-top: 18px;
    margin-top: 15px;
}

.queue-card {
    max-width: 750px;
    position: relative;
    box-sizing: border-box;
    width: calc(620 / 750 * 100vw);
    margin: 0 auto;
    border-radius: 10px;
    overflow: visible;
}

.queue-card-head {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 15px 88px 15px 15px;
    background: #ffecd5;
    border-radius: 10px;
    overflow: visible;
}

.queue-card-head-with-banner {
    border-radius: 10px 10px 0 0;
}

.queue-card-head-text {
    flex: 1;
    min-width: 0;
}

.queue-card-title {
    font-size: 14px;
    line-height: 14px;
    font-weight: 550;
    color: #1a1a1a;
}

.queue-card-sub {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #333333;
}

.queue-card-count {
    color: #ff5a00;
}

.queue-card-icon {
    position: absolute;
    right: 8px;
    bottom: 0;
    z-index: 10;
    width: auto;
    height: 92px;
    object-fit: contain;
    pointer-events: none;
}

.queue-card-body {
    box-sizing: border-box;
    padding: 15px 0 15px;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
}

.queue-card-body-text {
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #333333;
}

.queue-card-banner {
    max-width: 720px;
    width: calc(560 / 750 * 100vw);
    height: 75px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
}

.queue-card-body-text + .queue-card-banner {
    margin-top: 15px;
}

.queue-card-carousel.cs-carousel {
    width: 100%;
    height: 75px;
    max-width: 720px;
    margin-top: 0;
    border-radius: 5px;
}

.queue-card-carousel .van-swipe-item,
.queue-card-carousel .cs-carousel-item,
.queue-card-carousel .cs-carousel-link,
.queue-card-carousel .cs-carousel-img {
    max-width: 720px;
    height: 75px;
}

/* 点踩原因弹窗仍复用 evaluate-* */
.evaluate-popup {
    width: min(420px, 82.6vw);
    overflow: hidden;
}

.evaluate-panel {
    padding: 18px 16px 15px;
}

.evaluate-title {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 18px;
}

.evaluate-row {
}

.evaluate-label {
    font-size: 14px;
    color: #1a1a1a;
    margin-top: 15px;
    margin-bottom: 10px;
}

.evaluate-feedback {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 4px 8px;
    background-color: #f3f3f3;
    height: 75px;
}

.evaluate-actions {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}

    .evaluate-actions .van-button {
        flex: 1;
        border-radius: 20px;
        height: 35px;
    }

.feedback-popup {
    width: min(420px, calc(100vw - 24px));
    overflow: visible;
}


.feedback-panel {
    padding: 20px 20px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.feedback-title {
    text-align: center;
    font-size: 18px;
    font-weight: 550;
    color: #1a1a1a;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.feedback-intro {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 12px;
}

.feedback-textarea {
    /*    border: 1px solid #e8e8e8;*/
    border-radius: 10px;
    padding: 4px 8px;
    margin-bottom: 0;
}

    .feedback-textarea .van-field__control {
        max-height: 120px;
        min-height: 88px;
    }

.feedback-actions {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.feedback-btn {
    flex: 1;
    height: 35px;
    border-radius: 20px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
}

.feedback-btn--primary {
    font-weight: 550;
    color: #ffffff;
    background: #ff6600;
    /*    border: 1px solid #ff6600;*/
}

.feedback-btn--cancel {
    font-weight: 550;
    color: #646566;
    background: rgb(243,243,243,60%);
    /*    border: 1px solid #dcdee0;*/
}

.dislike-reason-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dislike-reason-chip {
    min-width: calc(50% - 5px);
    flex: 1 1 calc(50% - 5px);
    height: 27px;
    padding: 0 6px;
    border-radius: 18px;
    border: 1px solid #e5e5e5;
    background: #f3f3f3;
    color: #333;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dislike-reason-chip.is-active {
        color: #ff6600;
        background: #ffecd5;
    }

.dislike-reason-empty {
    font-size: 12px;
    color: #969799;
}

.dislike-submit-btn.van-button--primary,
.dislike-submit-btn {
    background: #FF6600 !important;
    border-color: #FF6600 !important;
    color: #fff !important;
}

.gcsc-toast {
    background: rgba(0, 0, 0, 0.5) !important;
}

.feedback-success-tip {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 3000;
    transform: translate(-50%, -50%);
    width: 38.67vw;
    padding-top: 20px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 15px;
    text-align: center;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
}

    .feedback-success-tip.is-show {
        display: flex;
    }

    .feedback-success-tip img {
        display: block;
        width: 22px;
        height: 22px;
        margin-bottom: 15px;
    }

    .feedback-success-tip span {
        margin-bottom: 20px;
    }

.cs-emoji-panel {
    margin: 8px -12px -12px;
    box-sizing: border-box;
    background: #f6f6f6;
}

.emoji-popup {
    background: #f6f6f6;
}

.emoji-container {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 8px;
    padding: 0 10px calc(12px + env(safe-area-inset-bottom));
    width: 100%;
    max-width: 800px;
    max-height: 240px;
    overflow-y: auto;
    box-sizing: border-box;
}

.van-image-preview__close-icon--top-right {
    top: auto;
    bottom: 16px !important;
    left: 50%
}

.van-image-preview.cs-image-preview--wheel {
    overscroll-behavior: contain;
}

    .van-image-preview.cs-image-preview--wheel .van-image-preview__image {
        cursor: zoom-in;
        max-width: 70%;
        height: 70%;
        margin: auto;
    }

.emoji-item {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
}

    .emoji-item:hover {
        background-color: #f2f3f5;
    }

    .emoji-item img {
        width: 24px;
        height: 24px;
    }

.message-emoji {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 1px;
}

.icon_btn {
    margin-top: 10px;
    /*    margin-bottom: 20px;*/
    display: flex;
    gap: 10px;
    color: #999999;
    align-items: center;
    font-size: 18px !important;
}

.icon_wrapper {
    max-height: 25px;
    max-width: 25px;
    width: 6.4vw;
    height: 6.4vw;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .icon_wrapper img,
    .feedback-icon {
        max-width: 15px;
        max-height: 15px;
        width: 4vw;
        height: 4vw;
        cursor: pointer;
        display: block;
    }

.icon_btn .feedback-icon {
}

.van-uploader__input-wrapper {
    margin: auto
}

.text-item img {
    max-width: 100%
}




/* 基础容器 */
.cs-banner {
    position: relative;
    /*    background: linear-gradient(to bottom, rgb(254, 124, 19) 0%, rgb(255, 163, 109) 100%);*/
    /*    padding: 4px 16px;*/
    text-align: center;
    /*    height: auto !important;*/
    /*    box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
}

/* 轮播外层 */
.cs-carousel {
    --van-swipe-indicator-size: 6px;
    --van-swipe-indicator-inactive-opacity: 0.35;
    --van-swipe-indicator-active-opacity: 1;
    --van-swipe-indicator-inactive-background-color: rgb(254, 102, 0);
    --van-swipe-indicator-active-background-color: rgb(254, 102, 0);
    position: relative;
    width: 89%;
    max-width: 800px;
    margin: 15px auto 0;
    /*    margin-top: 2vw ;*/
    border-radius: 10px;
    overflow: hidden;
    /*    box-shadow: 0 8px 20px rgba(0,0,0,0.15);*/
    background: #fff;
}

/*.cs-carousel-item1 {
    min-width: 50%;
    flex-shrink: 0;
    position: relative;
    padding-bottom: 31.25%;
}*/

/*.cs-carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}*/

.cs-carousel-link {
    display: block;
    width: 100%;
    /*    height: 100%;*/
}

/* 轮播切换点：选中/未选中同大、同色（覆盖 Vant 默认放大/变色） */
.cs-carousel .van-swipe__indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.cs-carousel .van-swipe__indicator,
.cs-carousel .van-swipe__indicator--active {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50%;
    background-color: rgb(254, 102, 0) !important;
    /*    opacity: 1 !important;*/
    transform: none !important;
    transition: none;
}

.cs-carousel .van-swipe__indicator {
    opacity: 0.35 !important;
}

.cs-carousel .van-swipe__indicator--active {
    opacity: 1 !important;
}
/* 左右切换按钮（开启上方template才生效） */
.cs-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    padding: 0;
}

    .cs-carousel-btn:hover {
        background: rgba(255, 255, 255, 0.4);
        transform: translateY(-50%) scale(1.1);
    }

.cs-prev {
    left: 15px;
}

.cs-next {
    right: 15px;
}

.van-image-preview__overlay {
    background: #242424e6;
}

.van-grid .van-uploader__input-wrapper {
    width: 100%;
}

.orderList {
    width: 90%;
    margin: 10px auto;
    max-height: 400px;
    overflow: scroll;
}

    .orderList .van-card {
        border-radius: 10px;
    }

.cs-carousel-item {
    /*            min-width: 50%;*/
    width: 92vw;
    /*    height: 22.67vw;*/
    flex-shrink: 0;
    /* 确保图片能撑开父容器 */
    display: block;
}

    /*.cs-carousel {
    width: 100%;
    position: relative;
    overflow: hidden;
}*/

    .cs-carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
/*        border-radius: 10px;*/
    }
/* 响应式适配 */
@media (max-width: 768px) {
    /*.cs-carousel-item {
        min-width: 50%;
        flex-shrink: 0;*/
    /* 确保图片能撑开父容器 */
    /*display: block;
    }*/

    .orderHead {
        display: flex;
        justify-content: space-between;
        color: gray
    }

    .orderContent {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .orderTime {
        text-align: end;
        color: gray
    }
    /* 响应式适配 */
    @media (max-width: 768px) {

        /*.cs-carousel-item {*/
        /*            min-width: 50%;*/
        /*width:92vw;
            height:22.67vw;
            flex-shrink: 0;*/
        /* 确保图片能撑开父容器 */
        /*display: block;
        }

        .cs-carousel {
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .cs-carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            border-radius: 10px;
        }*/

        .cs-carousel-caption h3 {
            font-size: 1.2rem;
        }

        .cs-hero-title {
            font-size: 18px;
            margin-top: 37px;
        }

        .cs-hero-title2 {
            font-size: 16px;
        }

        .cs-hero-title3 {
            font-size: calc(36 / 750 * 100vw);
        }

        .cs-carousel-btn {
            width: 36px;
            height: 36px;
        }
    }
}

.gcsc-lang-bar {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 20;
}

.gcsc-lang-form {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 16px;
    padding: 2px 8px;
    font-size: 12px;
}

.gcsc-lang-label {
    color: #646566;
}

.gcsc-lang-form select {
    border: none;
    background: transparent;
    font-size: 12px;
    color: #323233;
    max-width: 92px;
}

.cs-leave-invite {
    --leave-gap: 8px;
    width: 100%;
}

.cs-leave-invite .text-message {
    font-size: 14px;
    padding: var(--leave-gap) 13px;
}

.cs-leave-invite .leave-invite-text {
    line-height: calc(14px + var(--leave-gap));
}

.cs-leave-invite .leave-invite-text + .leave-invite-text {
    margin-top: 4px;
}

.leave-invite-btn {
    margin-top: var(--leave-gap);
    padding: 0 18px;
    border: none;
    border-radius: 18px;
    background: #ffecd5;
    color: #ff6600;
    font-size: 14px;
    line-height: calc(14px + var(--leave-gap));
    cursor: pointer;
}

.leave-invite-btn:active {
    opacity: 0.86;
}

.leave-message-popup.end-confirm-popup {
    overflow: hidden;
    background: #ffffff;
}

.leave-message-panel.end-confirm-panel {
    --leave-edge: min(calc(40 / 750 * 100vw), 2.5rem);
    --leave-title-gap: min(calc(32 / 750 * 100vw), 2rem);
    --leave-field-gap: min(calc(20 / 750 * 100vw), 1.25rem);
    --leave-action-gap: min(calc(32 / 750 * 100vw), 2rem);
    align-items: stretch;
    text-align: left;
    padding: var(--leave-edge) min(calc(40 / 750 * 100vw), 2.5rem);
    gap: 0;
    box-sizing: border-box;
}

.leave-message-popup .end-confirm-title {
    padding: 0;
    margin: 0 0 var(--leave-title-gap);
    text-align: center;
    width: 100%;
}

.leave-message-popup .evaluate-title {
    margin-bottom: 22px;
}

.leave-email-row {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 0 12px;
    height: 40px;
    margin-bottom: var(--leave-field-gap);
    flex-shrink: 0;
    font-size: 14px;
    line-height: 20px;
}

.leave-email-label {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-family: inherit;
    color: #1a1a1a;
    line-height: 20px;
    white-space: nowrap;
}

.leave-req {
    display: inline-flex;
    align-items: center;
    height: 20px;
    color: #ee0a24;
    margin-right: 4px;
    font-size: 14px;
    line-height: 20px;
}

.leave-email-input {
    flex: 1;
    min-width: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    font-family: inherit;
    color: #323233;
    line-height: 20px;
}

.leave-email-input::placeholder,
.leave-content-input::placeholder {
    color: #c8c9cc;
    font-size: 14px;
    font-family: inherit;
    line-height: 20px;
}

.leave-content-input {
    display: block;
    width: 100%;
    min-height: 120px;
    margin: 0;
    border: none;
    outline: none;
    resize: none;
    box-sizing: border-box;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #323233;
    font-family: inherit;
}

.leave-message-actions {
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    margin-top: var(--leave-action-gap);
}

.leave-message-popup .evaluate-actions .van-button {
    flex: 1;
    border-radius: 20px;
    height: 36px;
}