.elementor-2416 .elementor-element.elementor-element-e91b55a{--display:flex;}.elementor-2416 .elementor-element.elementor-element-16b258d{--spacer-size:95px;}.elementor-2416 .elementor-element.elementor-element-2c66345{--display:flex;--min-height:1440px;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2416 .elementor-element.elementor-element-2ed593b{--display:flex;--position:fixed;--min-height:1440px;top:0px;}.elementor-2416 .elementor-element.elementor-element-2ed593b:not(.elementor-motion-effects-element-type-background), .elementor-2416 .elementor-element.elementor-element-2ed593b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://vioneko.com/wp-content/uploads/Hakucha/da482ab0d4e32df9af81739fb1c92821.png") 50% 50%;background-size:cover;}body:not(.rtl) .elementor-2416 .elementor-element.elementor-element-2ed593b{left:0px;}body.rtl .elementor-2416 .elementor-element.elementor-element-2ed593b{right:0px;}.elementor-2416 .elementor-element.elementor-element-e07e64d{text-align:center;font-size:28px;text-shadow:0px 0px 10px rgba(69.74603497164459, 26.61978260869566, 83.30000000000001, 0.53);color:#FBFAFF;}.elementor-2416 .elementor-element.elementor-element-e07e64d a:hover, .elementor-2416 .elementor-element.elementor-element-e07e64d a:focus{color:#201047;}.elementor-2416 .elementor-element.elementor-element-a20590a{margin:137px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2416 .elementor-element.elementor-element-38a92c0{margin:-260px 0px calc(var(--kit-widget-spacing, 0px) + 27px) 0px;padding:33px 0px -59px 0px;}@media(max-width:767px){.elementor-2416 .elementor-element.elementor-element-a20590a{margin:31px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;}}/* Start custom CSS for text-editor, class: .elementor-element-e07e64d */.elementor-element-e07e64d {
    /* 基础样式 */
    position: relative;
    padding: 20px;
    border-radius: 12px;
    color: #333;
    
    /* 毛玻璃效果 */
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    /* 边框增强效果 */
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* 入场动画 */
    animation: fadeInUp 0.8s ease-out forwards;
}

/* 浮动动画 */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* 淡入上移动画 */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 悬停增强效果 */
.elementor-element-e07e64d:hover {
    background: rgba(255, 255, 255, 0.4);
    animation: float 3s ease-in-out infinite;
}

/* 兼容性优化 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .elementor-element-e07e64d {
        background: rgba(255, 255, 255, 0.25);
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a20590a *//* =========================================
   白茶主题 - 完整无错版 CSS
   ========================================= */

/* 1. 全局容器 */
.ds-chat-wrapper {
    width: 100%;
    max-width: 800px;
    height: 650px !important; /* 强制高度 */
    
    /* 布局修复：垂直排列 */
    display: flex !important;
    flex-direction: column !important;
    
    /* 玻璃背景 */
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(106, 82, 255, 0.15);
    margin: 20px auto;
    overflow: hidden !important;
    
    /* 【修复重点】强制指定中文字体，防止中文无法显示 */
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Segoe UI', sans-serif !important;
}

.ds-chat-wrapper * { box-sizing: border-box; }

/* 2. 头部 (修复挤压) */
.ds-chat-header {
    flex-shrink: 0;
    height: 80px;
    padding: 0 25px;
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(156, 116, 240, 0.2);
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.ds-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex: 1; /* 占满左侧空间 */
}

.ds-header-avatar {
    width: 50px; height: 50px; flex-shrink: 0;
    border-radius: 50%; padding: 2px;
    background: linear-gradient(135deg, #8a6de9, #bc9aff);
    display: block;
}
.ds-header-avatar img {
    width: 100%; height: 100%; border-radius: 50%;
    border: 2px solid #fff; object-fit: cover;
}

.ds-header-info { display: flex; flex-direction: column; justify-content: center; }
.ds-bot-name { font-size: 18px; font-weight: 700; color: #565278; line-height: 1.2; }
.ds-bot-status { font-size: 13px; color: #8a6de9; font-style: italic; margin-top: 2px; }

.ds-chat-clear {
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(156,116,240,0.3);
    color: #6d5dfc; padding: 6px 16px;
    border-radius: 20px; font-size: 12px; cursor: pointer;
    flex-shrink: 0;
}

/* 3. 消息区域 (内部滚动) */
.ds-chat-messages {
    flex: 1 !important; /* 自动撑满 */
    overflow-y: auto !important; /* 开启滚动 */
    padding: 20px 25px;
    display: flex; flex-direction: column; gap: 20px;
}
.ds-chat-messages::-webkit-scrollbar { width: 6px; }
.ds-chat-messages::-webkit-scrollbar-thumb { background: rgba(138,109,233,0.2); border-radius: 3px; }

/* 4. 气泡 */
.ds-message { display: flex; gap: 12px; align-items: flex-start; }
.ds-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.8); flex-shrink: 0;
}
.ds-content {
    padding: 12px 18px; font-size: 15px; line-height: 1.6;
    max-width: 80%; border-radius: 18px; word-break: break-word;
}
.ds-bot-msg .ds-content {
    background: rgba(255,255,255,0.95); color: #4a4a4a;
    border-radius: 18px 18px 18px 4px;
}
.ds-user-msg { align-self: flex-end; flex-direction: row-reverse; }
.ds-user-msg .ds-content {
    background: linear-gradient(135deg, #8E78FF 0%, #B2A3FF 100%);
    color: #fff; border-radius: 18px 18px 4px 18px;
}

/* 5. 底部输入 (修复中文输入显示问题) */
.ds-chat-input-area {
    flex-shrink: 0;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(10px);
    padding: 15px 25px;
    display: flex; align-items: center; gap: 10px;
    min-height: 80px;
}

.ds-chat-input {
    flex: 1;
    height: 48px !important;
    min-height: 48px;
    padding: 12px 20px !important;
    border: 1px solid rgba(156,116,240,0.3) !important;
    background: rgba(255,255,255,0.8) !important;
    border-radius: 24px !important;
    
    font-size: 14px;
    color: #565278; 
    outline: none; resize: none;
    
    /* 【修复重点】继承父级的中文字体，确保中文不是方块 */
    font-family: inherit !important; 
    
    /* 【修复重点】设置正常行高，防止文字被切掉 */
    line-height: normal !important; 
    display: flex; align-items: center;
}
.ds-chat-input:focus {
    background: #fff !important;
    border-color: #8a6de9 !important;
}

.ds-chat-send {
    width: auto !important; height: 48px;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #7A5FE0, #987BFF) !important;
    border: none; color: white; padding: 0 24px !important;
    font-weight: 600; cursor: pointer; flex-shrink: 0;
}

/* GDPR */
.ds-gdpr-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255,255,255,0.85); display: flex;
    justify-content: center; align-items: center; z-index: 999;
}
.ds-gdpr-content {
    background: #fff; padding: 30px; border-radius: 20px;
    text-align: center; max-width: 80%;
}
.ds-gdpr-btn {
    background: #8a6de9; color: white; border: none;
    padding: 10px 30px; border-radius: 20px; margin-top: 20px; cursor: pointer;
}

/* 手机适配 */
@media (max-width: 480px) {
    .ds-chat-wrapper { height: 85vh !important; }
    .ds-chat-input-area { padding: 10px 15px; }
}/* End custom CSS */