/* 全局样式设置 */
:root {
    /* 白天模式变量 */
    --text-color: #333333;
    --placeholder-color: rgba(0, 0, 0, 0.5);
    --border-color: currentColor;
    --logo-color: currentColor;
    --common-disease-color: #333333;
    --symptom-tag-bg: rgba(0, 0, 0, 0.1);
    --symptom-tag-border: rgba(0, 0, 0, 0.2);
    --symptom-tag-hover-bg: rgba(0, 0, 0, 0.1);
    --upload-border-color: #8e9692;
    --accent-color: #296a29;
    --hover-text-color: white;
    --textarea-color: var(--text-color);
}

/* 系统设置的暗黑模式变量 */
@media (prefers-color-scheme: dark) {
    :root {
        --text-color: white;
        --placeholder-color: rgba(255, 255, 255, 0.7);
        --border-color: currentColor;
        --logo-color: #818692;
        --common-disease-color: white;
        --symptom-tag-bg: rgba(255, 255, 255, 0.15);
        --symptom-tag-border: rgba(255, 255, 255, 0.3);
        --symptom-tag-hover-bg: rgba(255, 255, 255, 0.25);
        --upload-border-color: #8e9692;
        --accent-color: #296a29;
        --hover-text-color: white;
        --textarea-color: var(--text-color);
    }
}

/* 手动切换的暗黑模式 */
.dark,
body.dark-theme {
    --text-color: white;
    --placeholder-color: rgba(255, 255, 255, 0.7);
    --border-color: #fff;
    --logo-color: #f2f3f5;
    --common-disease-color: white;
    --symptom-tag-bg: rgba(255, 255, 255, 0.15);
    --symptom-tag-border: rgba(255, 255, 255, 0.3);
    --symptom-tag-hover-bg: rgba(255, 255, 255, 0.25);
    --upload-border-color: #8e9692;
    --accent-color: #296a29;
    --hover-text-color: white;
    --textarea-color: var(--text-color);
}

body {
    background-color: transparent;
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0px;
}
        
/* 症状描述文本框 placeholder 样式 */
#symptom-description::placeholder {
    color: var(--placeholder-color) !important;
}
        
/* 常见病症样式 */
.common-disease-label {
    color: var(--common-disease-color);
}

/* 病症标签样式 */
.symptom-tag {
    background-color: var(--symptom-tag-bg);
    border: 1px solid var(--symptom-tag-border);
    color: var(--text-color);
}

.symptom-tag:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

/* 问诊表单边框样式 */
#consultation-form {
    border-color: var(--border-color) !important;
}



/* 炎黄健康AI 文字样式 */
/* 常见病症标签容器样式 - 实现满行两端对齐，不满行居左对齐 */
.common-disease-label:first-child {
    display: inline-block;
    margin-right: 8px;
    filter: blur(0.5px) !important;
}