/**
 * Dchat应用主样式表
 * 该文件导入所有分离的CSS文件，确保它们按照正确的顺序加载
 */

/* 基础样式，包括变量、重置和基本组件 */
@import 'base.css';

/* 动画效果定义 */
@import 'animations.css';

/* 身份验证页面样式 */
@import 'auth.css';

/* 布局结构样式 */
@import 'layout.css';

/* 列表项目样式 */
@import 'lists.css';

/* 消息相关样式 */
@import 'messages.css';

/* 模态框和通知样式 */
@import 'modals.css';

/* 工具类样式 */
@import 'utils.css';

/* 响应式设计样式 */
@import 'responsive.css';

/* 添加日期分割线样式 */
.date-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    position: relative;
    text-align: center;
}

.date-divider::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.date-divider span {
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    color: #666;
    position: relative;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}