/* 字体定义 */
@font-face {
    font-family: 'ZhiMangXing';
    src: url('./fonts/ZhiMangXing-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* 名医堂AI客服主题样式 */
:root {
    /* 覆盖默认色彩 */
    --primary-color: #8B1A1A;
    --primary-hover: #6B1414;
    --secondary-color: #DAA520;
    --text-color: #2C1810;
    --text-light: #5D4E37;
    --bg-light: #FFF8F0;
    --border-color: #E8DDD5;
    
    /* 状态色 */
    --status-green: #228B22;
    --status-red: #DC143C;
    
    /* 阴影 */
    --shadow-sm: 0 1px 3px rgba(44, 24, 16, 0.08);
    --shadow-md: 0 4px 6px rgba(44, 24, 16, 0.1);
    --shadow-lg: 0 10px 15px rgba(44, 24, 16, 0.12);
}

/* 字体优化 */
body {
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
}

.logo {
    font-family: 'ZhiMangXing', '楷体', 'KaiTi', serif;
    color: var(--primary-color) !important;
    letter-spacing: 0.15em;
    font-size: 1.5rem;
}

/* 按钮主题 */
.btn-primary {
    background: var(--primary-color) !important;
}

.btn-primary:hover {
    background: var(--primary-hover) !important;
    box-shadow: 0 4px 12px rgba(139, 26, 26, 0.25) !important;
}

/* 状态徽章 */
.status-connected {
    background: #E8F5E8 !important;
    color: var(--status-green) !important;
}

.status-disconnected {
    background: #FFE8E8 !important;
    color: var(--status-red) !important;
}

/* 卡片标题 */
.card-title {
    font-family: 'ZhiMangXing', '楷体', 'KaiTi', serif;
    color: var(--text-color) !important;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
}

/* 服务标题 */
.service-title {
    font-family: 'ZhiMangXing', '楷体', 'KaiTi', serif !important;
    font-size: 1.4rem !important;
    letter-spacing: 0.1em;
}

/* 服务卡片 */
.service-card:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 8px 25px rgba(139, 26, 26, 0.1) !important;
}

.service-card.active {
    border-color: var(--primary-color) !important;
    background: var(--bg-light) !important;
}

/* 提示框 */
.tips {
    background: #FFF5E0 !important;
    border-color: var(--secondary-color) !important;
}

.tips-text {
    color: #8B6914 !important;
}

/* 进度条 */
.progress-fill {
    background: var(--status-green) !important;
}

/* 页面背景优化 */
body {
    background: linear-gradient(180deg, #FFFCF8 0%, #FFF8F0 100%) !important;
}