*{box-sizing:border-box}:root{--bg:#f7f4ff;--ink:#2d2842;--muted:#746d8b;--card:#fff;--primary:#7c5cff;--primary2:#5c3ee6;--accent:#ffb84d;--good:#2da66f;--bad:#e05a67;--line:#e8e1f5;--shadow:0 12px 35px rgba(76,54,130,.12);--radius:24px}html,body{margin:0;min-height:100%;font-family:ui-rounded,"SF Pro Rounded","Microsoft YaHei",system-ui,sans-serif;background:radial-gradient(circle at 10% 5%,#fff1bd 0 8%,transparent 9%),radial-gradient(circle at 90% 10%,#d9f4ff 0 9%,transparent 10%),var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:active{transform:translateY(1px)}#app,#parentApp{max-width:1100px;margin:auto;min-height:100vh;padding:0 18px}.topbar{height:72px;display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(247,244,255,.92);backdrop-filter:blur(12px)}.brand{border:0;background:transparent;font-weight:900;font-size:20px;color:var(--ink)}.subject-badge{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;font-weight:900;color:var(--primary2)}.topstats{display:flex;gap:14px;background:#fff;padding:9px 14px;border-radius:999px;box-shadow:var(--shadow)}main{padding:8px 0 40px}.view{display:none}.view.active{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero{min-height:330px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.eyebrow{letter-spacing:.08em;color:var(--primary);font-weight:900;font-size:13px;margin:0 0 8px}h1{font-size:clamp(34px,5vw,60px);line-height:1.05;margin:0 0 16px}h2{font-size:30px;margin:0 0 12px}h3{margin-top:0}.sub{font-size:18px;color:var(--muted);max-width:640px}.actions{display:flex;gap:12px;margin-top:22px}.actions.wrap{flex-wrap:wrap}.actions.center{justify-content:center}.primary,.secondary,.ghost,.danger{border:0;border-radius:15px;padding:13px 18px;font-weight:900}.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.secondary{background:#f0ebff;color:var(--primary2)}.ghost{background:#fff;color:var(--muted);border:1px solid var(--line)}.danger{background:#ffe9ec;color:#b73442}.small{padding:8px 11px;font-size:13px}.big{min-width:120px;font-size:19px}.hidden{display:none!important}.mascot{height:280px;position:relative;background:linear-gradient(#c9efff,#f4ffdd);border-radius:45% 45% 22px 22px;overflow:hidden}.mascot:after{content:"";position:absolute;bottom:-40px;left:-10%;width:120%;height:125px;background:#aee58d;border-radius:50% 50% 0 0}.kid{position:absolute;font-size:86px;left:42%;bottom:62px;z-index:3;animation:bob 2.8s ease-in-out infinite}.pet{position:absolute;font-size:45px;right:18%;bottom:64px;z-index:3;animation:bob 2.3s ease-in-out infinite}.cloud{position:absolute;font-size:48px;opacity:.85;animation:float 8s linear infinite}.c1{top:24px;left:8%}.c2{top:72px;right:8%;animation-delay:-3s}@keyframes bob{50%{transform:translateY(-9px)}}@keyframes float{50%{transform:translateX(22px)}}.menu-grid,.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.menu-card,.subject-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 12px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);text-decoration:none}.menu-card span,.subject-card span{font-size:34px}.menu-card small,.subject-card small{color:var(--muted);text-align:center}.subject-card em{font-style:normal;color:var(--primary);font-weight:800;margin-top:6px}.subject-card.locked{filter:grayscale(.5);opacity:.6}.today{margin-top:18px}.progress-shell{height:14px;background:#eee9f7;border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#ffd466,#ff9e5e)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:15px 0 18px}.section-title.compact{margin:0 0 12px}.world-map{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world{min-height:210px;border-radius:28px;padding:22px;position:relative;overflow:hidden;border:0;text-align:left;color:#fff;box-shadow:var(--shadow)}.world h3{font-size:25px;margin:8px 0}.world p{opacity:.9}.world-icon{font-size:52px}.world .lock{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.2);padding:8px 10px;border-radius:999px}.world.forest{background:linear-gradient(135deg,#45bd85,#279c70)}.world.valley{background:linear-gradient(135deg,#66a9ff,#5366dc)}.world.castle{background:linear-gradient(135deg,#b76cff,#7d4ce5)}.world.locked{filter:grayscale(.8);opacity:.65}.stage-panel{margin-top:18px}.stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stage-btn{border:1px solid var(--line);background:#fbfaff;border-radius:18px;padding:17px 10px;text-align:center;min-height:112px}.stage-btn b{display:block;margin:7px 0}.stage-btn small{color:var(--muted)}.stage-btn.boss{background:#fff2e6;border-color:#ffd7aa}.stage-btn.locked{opacity:.45}.play-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.play-stats{display:flex;gap:10px;flex-wrap:wrap}.play-stats span{background:#f7f4ff;padding:10px 12px;border-radius:13px}.question-card{text-align:center;max-width:800px;margin:auto}.question-text{font-size:clamp(42px,8vw,78px);font-weight:1000;margin:44px 0 28px}.answer-row{display:flex;gap:10px;justify-content:center}.answer-row input{width:min(380px,70vw);font-size:30px;text-align:center;padding:14px;border:3px solid #ddd4f5;border-radius:18px;outline:none;background:#fff;caret-color:transparent}.feedback{min-height:28px;margin:14px 0;font-weight:800}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:430px;margin:18px auto 0}.keypad button{border:0;background:#f0ebff;border-radius:14px;padding:13px;min-height:58px;font-size:22px;font-weight:900;touch-action:manipulation}.boss-badge{display:inline-block;background:#fff0dc;color:#a75a00;padding:8px 12px;border-radius:999px;font-weight:900}.result-card{max-width:720px;margin:35px auto;text-align:center}.result-icon{font-size:84px}.result-stars{font-size:42px;margin:8px}.result-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.result-grid>div,.dashboard-grid>div{background:#f8f5ff;border-radius:16px;padding:16px}.result-grid span,.dashboard-grid span{display:block;color:var(--muted);font-size:13px}.result-grid b,.dashboard-grid b{font-size:22px}.result-message,.meta{color:var(--muted)}.list-stack{display:grid;gap:12px}.history-item,.wrong-item{display:flex;justify-content:space-between;gap:18px;align-items:center}.history-item.slim{padding:12px 0;border-bottom:1px solid var(--line)}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#f0ebff;color:var(--primary2);font-size:12px;font-weight:800}.print-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.print-controls label{display:grid;gap:6px;color:var(--muted);font-weight:700}.print-controls select,input{padding:11px;border:1px solid #dcd4ef;border-radius:12px;background:#fff}.parent-login{max-width:520px;margin:auto;text-align:center}.parent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.parent-grid input{width:100%;margin:5px 0}.answer-scroll{overflow:auto}.answer-table{width:100%;border-collapse:collapse}.answer-table th,.answer-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.notice{margin-bottom:16px}.link-clean{text-decoration:none}.link-card{text-decoration:none}footer{text-align:center;color:var(--muted);font-size:13px;padding:20px}#printSheet{display:none}@media(max-width:800px){#app,#parentApp{padding:0 12px}.topbar{height:62px}.brand{font-size:17px}.subject-badge{font-size:13px}.hero{grid-template-columns:1fr}.mascot{height:210px;margin-top:16px}.menu-grid,.subject-grid{grid-template-columns:repeat(2,1fr)}.world-map{grid-template-columns:1fr}.stage-grid{grid-template-columns:repeat(2,1fr)}.play-head{align-items:flex-start;gap:12px;flex-direction:column}.question-card{padding:18px}.question-text{margin:30px 0 20px}.answer-row{flex-direction:column}.answer-row input{width:100%}.result-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.parent-grid{grid-template-columns:1fr}.section-title h2{font-size:25px}.section-title{align-items:flex-end}.hero h1{font-size:38px}}@media print{body{background:#fff!important}.topbar,.view:not(#view-print),#view-print>.section-title,#view-print>.print-controls,footer{display:none!important}#view-print{display:block!important}#printSheet{display:block!important}.worksheet{box-shadow:none!important;border:0!important;padding:0!important}.worksheet h1{font-size:22pt}.worksheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;font-size:16pt}}

.offline-card{
  margin:18px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.offline-card h2{font-size:20px;margin:0 0 6px}
.offline-card p{margin:0;color:var(--muted)}
.offline-card.ready{border-color:#bce8d2;background:#f4fff9}
.offline-card.waiting{border-color:#ffe0a6;background:#fffaf0}
.offline-card.error{border-color:#ffc4cb;background:#fff6f7}
@media(max-width:700px){
  .offline-card{align-items:flex-start;flex-direction:column}
}

.diagnostic-card{margin:14px 0;background:#fbfbff;border-style:dashed}
.diagnostic-card h3{margin:0 0 10px}
.diagnostic-body{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:#3e3852}
.diag-note{margin:10px 0 0;color:var(--muted);font-size:12px}