/**
 * /kefu/embed：与全页 /kefu（白底、浅蓝气泡、黑发送钮）强区分 —暖紫粉浅色会话风
 * 关键色均带 !important，避免与 kefu.css / common 缓存顺序抢不过
 */

body.kefu-embed-page {
    background: linear-gradient(160deg, #fdf2f8 0%, #fae8ff 45%, #ede9fe 100%) !important;
    color: #1e1b4b !important;
    font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body.kefu-embed-page .kefu-box--embed {
    background: #ffffff !important;
    border: 2px solid rgba(139, 92, 246, 0.35) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(124, 58, 237, 0.18), 0 2px 8px rgba(236, 72, 153, 0.12) !important;
    overflow: hidden !important;
}

body.kefu-embed-page .kefu-msgs {
    background: linear-gradient(180deg, #faf5ff 0%, #f5f3ff 50%, #fdf4ff 100%) !important;
    padding: 18px 14px !important;
    gap: 14px !important;
}

body.kefu-embed-page .kefu-msgs .sys-tip {
    color: #7c3aed !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 0.85;
}

body.kefu-embed-page .kefu-msgs .msg {
    max-width: 88% !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    border-radius: 20px !important;
}

/* 访客（自己）：玫红渐变，与全页浅蓝完全相反 */
body.kefu-embed-page .kefu-msgs .msg.visitor {
    align-self: flex-end !important;
    background: linear-gradient(135deg, #ec4899 0%, #db2777 55%, #e11d48 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom-right-radius: 6px !important;
    box-shadow: 0 6px 20px rgba(219, 39, 119, 0.45) !important;
}

body.kefu-embed-page .kefu-msgs .msg.visitor .time {
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
}

/* 客服：浅紫底 + 粗紫左边条，非全页白底灰框 */
body.kefu-embed-page .kefu-msgs .msg.staff {
    align-self: flex-start !important;
    background: #ffffff !important;
    color: #312e81 !important;
    border: 1px solid rgba(139, 92, 246, 0.45) !important;
    border-left: 5px solid #8b5cf6 !important;
    border-bottom-left-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.12) !important;
}

body.kefu-embed-page .kefu-msgs .msg.staff .time {
    color: #6d28d9 !important;
    opacity: 0.75 !important;
}

body.kefu-embed-page .kefu-msgs .msg.sending {
    opacity: 0.55 !important;
}

/* 输入区：淡紫条 + 紫顶边 */
body.kefu-embed-page .kefu-ipt {
    background: linear-gradient(90deg, #faf5ff 0%, #f5f3ff 100%) !important;
    border-top: 2px solid #c4b5fd !important;
}

body.kefu-embed-page .kefu-ipt textarea {
    background: transparent !important;
    color: #1e1b4b !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
}

body.kefu-embed-page .kefu-ipt textarea::placeholder {
    color: #a78bfa !important;
}

/* 发送：亮紫色大块，与全页黑色按钮强对比 */
body.kefu-embed-page .kefu-ipt button {
    width: 80px !important;
    margin: 10px 12px 10px 0 !important;
    align-self: flex-end !important;
    border-radius: 14px !important;
    border: none !important;
    background: linear-gradient(180deg, #8b5cf6 0%, #6d28d9 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
    box-shadow: 0 4px 16px rgba(109, 40, 217, 0.45) !important;
    transition: transform 0.12s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}

body.kefu-embed-page .kefu-ipt button:hover {
    background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%) !important;
    filter: brightness(1.05) !important;
    box-shadow: 0 6px 22px rgba(109, 40, 217, 0.5) !important;
}

body.kefu-embed-page .kefu-ipt button:active {
    transform: scale(0.97) !important;
}

/* 侧栏 */
body.kefu-embed-page .kefu-info {
    background: linear-gradient(180deg, #ffffff 0%, #faf5ff 100%) !important;
    border: 2px solid rgba(139, 92, 246, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 28px rgba(124, 58, 237, 0.15) !important;
    color: #312e81 !important;
}

body.kefu-embed-page .kefu-info .tg-label {
    color: #6d28d9 !important;
}

body.kefu-embed-page .kefu-info .tg-link {
    background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(236, 72, 153, 0.35) !important;
}

body.kefu-embed-page .kefu-info .tg-link:hover {
    filter: brightness(1.08) !important;
    box-shadow: 0 6px 18px rgba(236, 72, 153, 0.45) !important;
}

body.kefu-embed-page .kefu-info .notice {
    background: rgba(245, 243, 255, 0.95) !important;
    border: 1px solid #ddd6fe !important;
}

body.kefu-embed-page .kefu-info .notice-title {
    color: #5b21b6 !important;
}

body.kefu-embed-page .kefu-info .notice-text {
    color: #4c1d95 !important;
}