/* ===== 响应式 - 移动端优先 ===== */

/* 小屏手机 */
@media (max-width: 360px) {
    .dp-sentence-chinese { font-size: 22px; }
    .dp-sentence-chinese.dp-sentence-xs { font-size: 24px; }
    .dp-sentence-chinese.dp-sentence-sm { font-size: 21px; }
    .dp-sentence-chinese.dp-sentence-md { font-size: 18px; }
    .dp-sentence-chinese.dp-sentence-lg { font-size: 15px; }
    .dp-mic-btn { width: 80px; height: 80px; border-radius: 22px; }
    .dp-mic-icon svg { width: 28px; height: 28px; }
    .dp-mode-tab { padding: 7px 12px; font-size: 12px; }
    .dp-vocab-card { min-width: 130px; padding: 10px 12px; }
    .dp-greeting { font-size: 24px; }
}

/* 桌面端 */
@media (min-width: 768px) {
    .dp-main { max-width: 560px; padding: 28px 24px; }
    .dp-sentence-chinese { font-size: 30px; }
    .dp-sentence-chinese.dp-sentence-xs { font-size: 32px; }
    .dp-sentence-chinese.dp-sentence-sm { font-size: 28px; }
    .dp-sentence-chinese.dp-sentence-md { font-size: 24px; }
    .dp-sentence-chinese.dp-sentence-lg { font-size: 20px; }
    .dp-mic-btn { width: 104px; height: 104px; border-radius: 30px; }
    .dp-text-input { font-size: 18px; }
    .dp-vocab-card { min-width: 170px; }
}

/* 大屏 */
@media (min-width: 1024px) {
    .dp-main { max-width: 640px; }
}