/* ====== 生活助手 - 儿童主题层 ====== * 在 common.css 之后加载，通过作用域生效 * 面向小学生：明亮配色 + 大字号 + 大触控目标 * 规范：禁止页面级 :root 重定义共享 token，统一在此覆盖 */ /* ---------- 儿童主题 token 覆盖 ---------- */ body.theme-kids { --primary: #FF6B6B; --primary-dark: #E55A5A; --primary-light: #FFE0E0; --blue: #4ECDC4; --green: #2ECC71; --yellow: #F1C40F; --orange: #E67E22; --danger: #FF4757; --danger-light: #FFE0E3; --warning: #FFA502; --warning-light: #FFF3D6; --info: #3742FA; --bg: #FFF5F5; --card: #FFFFFF; --text: #2D3436; --text-secondary: #636E72; --text-muted: #8B95A5; --touch-min: 60px; --touch-min-sm: 48px; --radius: 18px; --radius-lg: 24px; --radius-sm: 14px; --font-md: 16px; --font-sm: 14px; --font-xs: 12px; --font-lg: 18px; --shadow-sm: 0 2px 6px rgba(0,0,0,0.08); --shadow: 0 4px 12px rgba(0,0,0,0.08); } /* ---------- 儿童组件触控/字号覆盖 ---------- */ body.theme-kids .btn { min-height: 56px; font-size: var(--font-xl, 18px); } body.theme-kids .btn-sm { min-height: 44px; font-size: var(--font-md); } body.theme-kids .chip { min-height: 44px; font-size: var(--font-md); padding: 10px 18px; } body.theme-kids .input { font-size: var(--font-lg); } body.theme-kids .phrase-card { min-height: 56px; } body.theme-kids .cat-chip, body.theme-kids .tpl-chip, body.theme-kids .speed-btn { min-height: 44px; font-size: var(--font-md); padding: 10px 16px; } body.theme-kids .rt th, body.theme-kids .rt td { padding: 12px 8px; font-size: var(--font-sm); }