#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.chat-viewer[data-v-a97b3d42]{min-height:100vh;padding:20px}.header[data-v-a97b3d42]{text-align:center;color:#fff;margin-bottom:30px}.header h1[data-v-a97b3d42]{font-size:2.5em;margin-bottom:10px;font-weight:300;display:flex;align-items:center;justify-content:center;gap:10px}.header p[data-v-a97b3d42]{opacity:.9;font-size:1.1em}.stats-container[data-v-a97b3d42]{margin-bottom:20px}.stat-card[data-v-a97b3d42]{text-align:center;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px)}.stat-content[data-v-a97b3d42]{display:flex;align-items:center;justify-content:center;gap:15px}.stat-icon[data-v-a97b3d42]{font-size:2em}.stat-text[data-v-a97b3d42]{text-align:left}.stat-number[data-v-a97b3d42]{font-size:1.8em;font-weight:700;color:#303133}.stat-label[data-v-a97b3d42]{color:#909399;font-size:.9em;margin-top:5px}.controls-container[data-v-a97b3d42]{margin-bottom:20px}.controls-container .el-card[data-v-a97b3d42]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px)}.chat-container[data-v-a97b3d42]{background:#fff;border-radius:15px;overflow:hidden}.card-header[data-v-a97b3d42]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.message-list[data-v-a97b3d42]{max-height:600px;overflow-y:auto;padding:20px}.loading-more[data-v-a97b3d42]{text-align:center;padding:20px;color:#909399;font-size:.9em;display:flex;align-items:center;justify-content:center;gap:8px}.message-item[data-v-a97b3d42]{margin-bottom:20px}.date-separator[data-v-a97b3d42]{text-align:center;margin:20px 0;position:relative}.date-separator[data-v-a97b3d42]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e4e7ed}.date-text[data-v-a97b3d42]{background:#fff;padding:8px 16px;color:#909399;font-size:.85em;border-radius:15px;display:inline-block;position:relative;z-index:1;border:1px solid #e4e7ed}.message-wrapper[data-v-a97b3d42]{display:flex;gap:15px}.sent .message-wrapper[data-v-a97b3d42]{flex-direction:row-reverse}.avatar[data-v-a97b3d42]{flex-shrink:0}.message-content[data-v-a97b3d42]{max-width:70%;flex:1}.message-info[data-v-a97b3d42]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85em}.sent .message-info[data-v-a97b3d42]{flex-direction:row-reverse}.sender-name[data-v-a97b3d42]{font-weight:700;color:#409eff}.sent .sender-name[data-v-a97b3d42]{color:#67c23a}.message-time[data-v-a97b3d42]{color:#909399;font-size:.9em}.message-index[data-v-a97b3d42]{color:#c0c4cc;font-size:.8em}.message-bubble[data-v-a97b3d42]{padding:15px 20px;border-radius:20px;word-wrap:break-word;line-height:1.4}.received .message-bubble[data-v-a97b3d42]{background:#f1f1f1;color:#333;border-bottom-left-radius:8px}.sent .message-bubble[data-v-a97b3d42]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:8px}.message-text[data-v-a97b3d42]{word-break:break-word}.message-text[data-v-a97b3d42] a{color:inherit;text-decoration:underline}.sent .message-text[data-v-a97b3d42] a{color:hsla(0,0%,100%,.9)}@media (max-width:768px){.chat-viewer[data-v-a97b3d42]{padding:10px}.header h1[data-v-a97b3d42]{font-size:1.8em}.message-content[data-v-a97b3d42]{max-width:85%}.card-header[data-v-a97b3d42]{flex-direction:column;align-items:stretch}.controls-container .el-row .el-col[data-v-a97b3d42]{margin-bottom:10px}}