*{box-sizing:border-box}:root{--bg: #fff8ec;--card: #ffffff;--ink: #3d3229;--muted: #9b8f82;--orange: #ff8a3d;--orange-dark: #f2711c;--blue: #4fa3ff;--green: #52c41a;--red: #ff6b6b;--purple: #9b7bff;--shadow: 0 4px 14px rgba(120, 90, 40, .12);--radius: 20px}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Comic Sans MS,system-ui,sans-serif;font-size:17px}.app{max-width:860px;margin:0 auto;padding:16px 16px 60px}.app-loading{text-align:center;padding:80px 20px;font-size:22px}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.btn{border:none;border-radius:14px;padding:12px 22px;font-size:17px;font-weight:600;transition:transform .1s}.btn:active{transform:scale(.96)}.btn.primary{background:var(--orange);color:#fff}.btn.primary:hover{background:var(--orange-dark)}.btn.secondary{background:#f1e9dc;color:var(--ink)}.btn.danger{background:var(--red);color:#fff}.btn.wide{width:100%;margin-top:14px}.muted{color:var(--muted);font-size:14px;font-weight:400}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.back-btn{border:none;background:#fff;border-radius:12px;padding:8px 14px;font-size:15px;box-shadow:var(--shadow)}.topbar-title{flex:1;font-size:21px;font-weight:700}.star-chip{background:#fff3d6;border-radius:999px;padding:6px 14px;font-weight:700;color:#c98a00}.home-header{display:flex;align-items:center;gap:16px;padding:10px 6px 18px}.mascot{font-size:56px;animation:bounce 2.2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-header h1{margin:0;font-size:30px}.home-greet{margin:4px 0 0;color:var(--muted)}.star-total{margin-left:auto;text-align:center;background:#fff;border-radius:var(--radius);padding:10px 18px;box-shadow:var(--shadow)}.star-num{font-size:24px;font-weight:800;color:#c98a00}.star-label{font-size:13px;color:var(--muted)}.task-strip h3{margin:0 0 10px}.task-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:16px}.task-item.done .task-label{text-decoration:line-through;color:var(--muted)}.task-progress{margin-left:auto;color:var(--muted);font-size:14px}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.module-card,.mode-card{border:none;border-radius:var(--radius);padding:22px 18px;text-align:left;color:#fff;box-shadow:var(--shadow);transition:transform .12s}.module-card:hover,.mode-card:hover{transform:translateY(-3px) scale(1.01)}.c-blue{background:linear-gradient(135deg,#5aa8ff,#3c7ee8)}.c-green{background:linear-gradient(135deg,#6ed14a,#43a815)}.c-orange{background:linear-gradient(135deg,#ffa054,#f2711c)}.c-purple{background:linear-gradient(135deg,#ab8bff,#7c5ae0)}.c-red{background:linear-gradient(135deg,#ff8585,#e85555)}.c-gray{background:linear-gradient(135deg,#9aa7b8,#6e7d90)}.c-pink{background:linear-gradient(135deg,#ff8fb1,#e2578c)}.c-gold{background:linear-gradient(135deg,#ffc53d,#e8960c)}.module-emoji{font-size:38px;margin-bottom:8px}.module-title{font-size:21px;font-weight:800}.module-desc{font-size:14px;opacity:.92;margin-top:4px}.page-tip{color:var(--muted);margin:0 4px 14px}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.unit-card{border:none;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;text-align:left;transition:transform .12s}.unit-card:hover{transform:translateY(-3px)}.unit-emoji{font-size:34px}.unit-name{font-weight:800;font-size:17px;margin-top:6px}.unit-desc{color:var(--muted);font-size:14px;margin-top:3px}.unit-acc{margin-top:8px;font-size:13px;font-weight:700;border-radius:8px;padding:3px 8px;display:inline-block}.unit-acc.good{background:#e8f8dc;color:#3c8c0f}.unit-acc.mid{background:#fff3d6;color:#c98a00}.unit-acc.low{background:#ffe3e3;color:#d63b3b}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px}.quiz-progress{color:var(--muted);font-size:14px;display:flex;justify-content:space-between;margin-bottom:12px}.quiz-score{font-weight:700;color:var(--green)}.quiz-prompt{color:var(--muted);font-size:15px;margin-bottom:6px}.quiz-question{font-size:26px;font-weight:800;line-height:1.5;margin:10px 0 18px}.quiz-question.en-word{font-size:34px;color:#2c6fd6}.answer-row{display:flex;gap:10px;flex-wrap:wrap}.answer-input{flex:1;min-width:160px;border:3px solid #f0e4d2;border-radius:14px;padding:12px 16px;font-size:20px;font-family:inherit;outline:none}.answer-input:focus{border-color:var(--orange)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.choice-grid.sentences{grid-template-columns:1fr}.choice-btn{border:3px solid #f0e4d2;background:#fffdf8;border-radius:14px;padding:14px;font-size:19px;font-weight:700;transition:all .12s}.choice-btn.sentence{text-align:left;font-size:17px}.choice-btn:hover:not(:disabled){border-color:var(--orange)}.choice-btn.right{border-color:var(--green);background:#edfbe2}.choice-btn.wrong{border-color:var(--red);background:#ffecec}.choice-btn.dim{opacity:.45}.similar-tag{display:inline-block;background:#e8f2ff;color:#2c6fd6;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;margin-bottom:4px}.similar-note{font-size:14px}.hint{margin-top:14px;color:var(--muted)}.hint summary{cursor:pointer;font-weight:600}.hint p{margin:8px 0 0}.feedback{margin-top:16px;border-radius:14px;padding:14px 16px;font-size:17px;display:flex;flex-direction:column;gap:10px}.feedback.right{background:#edfbe2;color:#2f7a08}.feedback.wrong{background:#fff0e8;color:#b35a1f}.feedback .btn{align-self:flex-start}.feedback-actions{display:flex;gap:10px;flex-wrap:wrap}.explain-box{background:#fdf7ff;border:2px dashed #d9c2ff;border-radius:14px;padding:14px 16px;margin-top:10px;color:var(--ink)}.loading-dots{color:var(--muted);padding:10px 0}.dots span{animation:blink 1.4s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.2}30%{opacity:1}}.result-screen{text-align:center;padding:36px 20px}.result-emoji{font-size:64px}.result-screen h2{margin:10px 0 4px}.result-msg{color:var(--muted)}.result-stars{font-size:20px;font-weight:800;color:#c98a00}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}.flashcard{text-align:center;padding:36px 24px}.flash-progress{color:var(--muted);font-size:14px}.flash-word{font-size:52px;font-weight:900;color:#2c6fd6;margin:18px 0 6px}.flash-zh{font-size:24px;color:var(--ink);margin-bottom:18px}.speak-btn{border:none;background:#e8f2ff;color:#2c6fd6;border-radius:999px;padding:10px 22px;font-size:17px;font-weight:700}.speak-btn.big{font-size:22px;padding:16px 30px}.speak-btn.small{font-size:14px;padding:6px 14px;margin-top:8px}.read-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.bubble-tools{margin-top:4px}.bubble.assistant .speak-btn.small{background:#f0f6ff}.chat-toolbar{display:flex;align-items:center;gap:10px;padding:0 2px 8px}.btn.mic{padding:12px 16px;font-size:18px}.btn.mic.rec{background:var(--red);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 10px #ff6b6b00}}.flash-nav{display:flex;justify-content:center;gap:14px;margin-top:24px}.teacher-page{display:flex;flex-direction:column;height:calc(100vh - 40px)}.chat-box{flex:1;overflow-y:auto;padding:6px 2px}.bubble-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.bubble-row.user{justify-content:flex-end}.avatar{font-size:28px}.bubble{max-width:78%;border-radius:18px;padding:12px 16px;box-shadow:var(--shadow);line-height:1.6}.bubble.assistant{background:#fff;border-bottom-left-radius:4px}.bubble.user{background:var(--orange);color:#fff;border-bottom-right-radius:4px}.typing{color:var(--muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.chip{border:2px solid #f0e4d2;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px}.chip:hover:not(:disabled){border-color:var(--orange)}.chip.active{border-color:var(--orange);background:#fff3e6;font-weight:700}.chip.new{border-style:dashed;color:var(--purple);border-color:#d9c2ff}.chat-input-row{display:flex;gap:10px}.chat-input{flex:1;border:3px solid #f0e4d2;border-radius:14px;padding:12px 16px;font-size:17px;font-family:inherit;outline:none}.chat-input:focus{border-color:var(--orange)}.section-title{margin:20px 4px 12px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.topic-card{border:none;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 12px;text-align:center;transition:transform .12s}.topic-card:hover:not(:disabled){transform:translateY(-3px)}.topic-emoji{font-size:36px}.topic-title{font-weight:700;margin-top:6px}.topic-read{font-size:12px;color:var(--green);margin-top:4px;font-weight:700}.explore-content{line-height:1.7}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.book-card{position:relative;border:none;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;text-align:left;transition:transform .12s}.book-card:hover{transform:translateY(-3px)}.book-emoji{font-size:32px}.book-title{font-weight:800;font-size:16px;margin-top:6px}.book-author{color:var(--muted);font-size:13px;margin-top:2px}.book-intro{font-size:13px;opacity:.85;margin-top:6px;line-height:1.5}.book-level{font-size:12px;color:#c98a00;margin-top:8px;font-weight:700}.book-must{background:#ffe9f1;color:#d6437e;border-radius:999px;padding:2px 8px;margin-left:6px;font-size:11px}.book-badge{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}.book-badge.read{background:#e8f8dc;color:#3c8c0f}.book-badge.want{background:#fff3d6;color:#c98a00}.book-detail-head{display:flex;gap:16px;align-items:flex-start}.book-detail-emoji{font-size:56px}.book-detail-title{margin:0;font-size:24px}.book-detail-intro{font-size:16px;line-height:1.7;margin:12px 0 0}.book-why{background:#fff8ec;border-radius:12px;padding:10px 14px;font-size:14px;color:var(--ink);margin-top:10px;line-height:1.6}.md p{margin:4px 0;line-height:1.7}.md h3,.md h4{margin:12px 0 4px}.md-li{margin:3px 0 3px 8px;line-height:1.6}.md-gap{height:8px}.wrong-meta{color:var(--muted);font-size:13px}.wrong-question{font-size:19px;font-weight:700;margin:8px 0;line-height:1.5}.wrong-prev{color:var(--red);font-size:14px;margin-bottom:12px}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;text-align:center}.stat-num{font-size:24px;font-weight:800}.stat-label{color:var(--muted);font-size:13px;margin-top:4px}.acc-row{display:flex;align-items:center;gap:10px;margin:8px 0}.acc-name{width:110px;font-size:14px;font-weight:600}.acc-bar{flex:1;height:12px;background:#f3ecdf;border-radius:999px;overflow:hidden}.acc-fill{height:100%;border-radius:999px}.acc-fill.good{background:var(--green)}.acc-fill.mid{background:#ffb800}.acc-fill.low{background:var(--red)}.acc-num{width:110px;font-size:13px;color:var(--muted);text-align:right}.log-row{display:flex;gap:10px;font-size:14px;padding:5px 0;border-bottom:1px dashed #f0e4d2}.log-stars{margin-left:auto;color:#c98a00;font-weight:700}.danger-zone h3{color:var(--red)}.setup-card ol{line-height:2}.setup-card code{background:#f5efe3;border-radius:6px;padding:2px 8px}@media (max-width: 560px){.home-header{flex-wrap:wrap}.quiz-question{font-size:22px}.flash-word{font-size:40px}.acc-name,.acc-num{width:90px}}