/* 全局字体大小控制 - 使用rem实现响应式字体 */

/* 确保所有文本元素使用相对单位，继承body的字体大小 */
p, span, div, a, label, li, td, th, dt, dd,
input, textarea, select, button,
.message-text, .message-content,
.chat-bubble, .ai-bubble, .user-bubble,
.card-text, .card-title, .card-desc,
.question-text, .question-card,
.nav-label, .menu-item, .drawer-text,
.btn, .button, .input-field, .message-input,
.user-name, .section-title, .list-item,
.description, .hint, .tip, .placeholder {
    font-size: 1rem; /* 使用rem实现响应式 */
}

/* 标题保持相对大小关系 */
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
h5, h6 { font-size: 1rem; }

/* 小字体 */
small, .small-text { font-size: 0.875rem; }

/* 调整行高以适应不同字体大小 */
body {
    line-height: 1.6;
}

/* 响应式调整行高 */
@media screen and (max-width: 374px) {
    body { line-height: 1.5; }
}

@media screen and (min-width: 768px) {
    body { line-height: 1.7; }
}