*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #FFF8E7;--bg-secondary: #FFE4B5;--accent: #FF8C42;--accent-light: #FFB370;--text: #4A3728;--text-light: #8B7355;--danger: #E74C3C;--success: #2ECC71;--radius: 24px;--shadow: 0 4px 20px rgba(255, 140, 66, .15)}html,body,#root{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text);user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}.app{height:100%;display:flex;flex-direction:column;position:relative}.kid-mode{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff8e7,#ffe4b5)}.kid-avatar-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.kid-avatar{width:200px;height:200px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:120px;transition:transform .3s,box-shadow .3s;position:relative}.kid-avatar.listening{animation:pulse-listen 1.2s ease-in-out infinite;box-shadow:0 0 0 8px #ff8c4233,var(--shadow)}.kid-avatar.thinking{animation:bounce-think .6s ease-in-out infinite}.kid-avatar.speaking{animation:wiggle .5s ease-in-out infinite}@keyframes pulse-listen{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce-think{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.kid-status{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#ffffffe6;padding:4px 16px;border-radius:20px;font-size:14px;color:var(--text-light);white-space:nowrap}.kid-bubble{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#fff;padding:16px 24px;border-radius:20px;box-shadow:var(--shadow);max-width:80%;text-align:center;font-size:20px;line-height:1.5;color:var(--text);animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.kid-buttons{display:flex;gap:16px;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.kid-btn{flex:1;height:100px;border-radius:var(--radius);font-size:22px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .15s;box-shadow:var(--shadow)}.kid-btn:active{transform:scale(.95)}.kid-btn .icon{font-size:36px}.btn-voice{background:var(--accent);color:#fff}.btn-voice.recording{background:var(--danger);animation:pulse-rec 1s ease-in-out infinite}@keyframes pulse-rec{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 12px #e74c3c00}}.btn-camera{background:#fff;color:var(--accent)}.kid-parent-btn{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:10}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;flex-direction:column}.camera-preview{flex:1;object-fit:cover}.camera-actions{display:flex;justify-content:space-around;align-items:center;padding:24px;background:#000c}.camera-btn{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px}.camera-btn.cancel{background:#ffffff4d}.parent-mode{height:100%;overflow-y:auto;background:var(--bg-primary);padding:16px;max-width:600px;margin:0 auto}.parent-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-top:12px}.parent-header h1{font-size:22px;flex:1}.parent-back{width:40px;height:40px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow)}.parent-section{background:#fff;border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.parent-section h2{font-size:17px;margin-bottom:16px;color:var(--text)}.parent-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:15px}.parent-field:last-child{margin-bottom:0}.parent-field label{color:var(--text)}.parent-field input[type=text],.parent-field input[type=number],.parent-field select{padding:8px 12px;border:1px solid #E5D5C5;border-radius:12px;font-size:15px;width:120px;text-align:right;background:var(--bg-primary)}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border-radius:16px;font-size:15px}.topic-toggle .emoji{font-size:20px;margin-right:8px}.switch{position:relative;width:44px;height:24px;background:#ccc;border-radius:12px;transition:background .2s;flex-shrink:0}.switch.on{background:var(--success)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on:after{transform:translate(20px)}.history-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #F0E6D6}.history-item:last-child{border-bottom:none}.history-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.history-icon.child{background:var(--accent-light)}.history-icon.ai{background:#d4e5ff}.history-content{flex:1;min-width:0}.history-text{font-size:14px;line-height:1.4;color:var(--text);margin-bottom:4px;word-break:break-word}.history-meta{font-size:12px;color:var(--text-light);display:flex;gap:8px;align-items:center}.history-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;margin-top:4px}.history-audio{margin-top:4px;height:32px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-light);font-size:15px}.parent-save-btn{width:100%;padding:16px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:17px;font-weight:700;margin-top:8px}.parent-tabs{display:flex;gap:8px;margin-bottom:16px;background:#fff;padding:4px;border-radius:16px;box-shadow:var(--shadow)}.parent-tab{flex:1;padding:10px;text-align:center;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-light);transition:all .2s}.parent-tab.active{background:var(--accent);color:#fff}