:root{--paper: #f3ead8;--paper-2: #efe3cc;--ink: #241c12;--muted: #6b5b48;--line: #d7c8ae;--card: #fffaf1;--shadow: 0 10px 28px rgba(48, 32, 12, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 8%,#f8f0de 0%,transparent 40%),radial-gradient(circle at 88% 0%,#e7d7b8 0%,transparent 36%),var(--paper);font-family:Noto Sans SC,PingFang SC,sans-serif}h1,h2,h3,.serif{font-family:"Noto Serif SC",Noto Sans SC,serif;font-weight:700}a{color:inherit}.shell{max-width:920px;margin:0 auto;padding:22px 18px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.brand{display:flex;flex-direction:column;gap:2px;text-decoration:none}.brand b{font-size:22px;letter-spacing:.08em}.brand span{color:var(--muted);font-size:13px}.topbar nav{display:flex;gap:8px}.ghost,.btn,.primary{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--ink);color:#f7efe2;border-color:var(--ink)}.btn:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.hero{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 22px 18px;box-shadow:var(--shadow);margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:var(--muted);line-height:1.7}.teacher-desk .mascot{margin-bottom:12px}.teacher-desk .hint{margin-top:8px;font-size:13px;color:#8a6a3d}.teacher-say{display:flex;gap:10px;align-items:flex-start;margin:12px 0 14px;padding:12px 14px;background:#eef6f8;border:1px solid #c5dde4;border-radius:16px;text-align:left}.teacher-say .mini{width:36px;height:36px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#2a6f7f;color:#f4fbff;font-family:"Noto Serif SC",serif;font-size:16px}.teacher-say p{margin:0;line-height:1.65;color:var(--ink)}.teacher-say small{display:block;margin-top:4px;color:#5a7a84;font-size:12px}.teacher-say.pulse{opacity:.8}.chat-hello{margin:0 0 12px;max-width:92%}.gap-list{margin:10px 0 0;padding-left:1.2em;color:#8a6a3d;font-size:14px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 18px 16px;min-height:148px;box-shadow:var(--shadow);position:relative;overflow:hidden}.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--accent, #c45c26)}.stamp{width:40px;height:40px;border:2px solid var(--accent, #c45c26);color:var(--accent, #c45c26);border-radius:10px;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-weight:700;margin-bottom:12px}.tile h2{margin:0 0 6px;font-size:22px}.tile p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.chat-layout{display:grid;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 48px)}.thread{overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 0 16px}.bubble{max-width:78%;padding:12px 14px;border-radius:16px;line-height:1.7;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#2a6f7f;color:#f4fbff}.bubble.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--line)}.composer{display:flex;gap:8px;position:sticky;bottom:0;background:linear-gradient(transparent,var(--paper) 28%);padding-top:12px}.composer textarea{flex:1;resize:none;min-height:52px;max-height:140px;border-radius:16px;border:1px solid var(--line);background:var(--card);font:inherit;padding:12px 14px}.attach{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:12px 14px;font:inherit;cursor:pointer;white-space:nowrap}.preview{display:flex;align-items:center;gap:10px;margin-bottom:8px}.preview img{height:64px;border-radius:10px;border:1px solid var(--line)}.bubble img{max-width:220px;border-radius:10px;display:block;margin-top:8px}.banner{background:#efe0b8;border:1px solid #d9c58a;color:#5a4718;border-radius:12px;padding:8px 12px;font-size:13px;margin-bottom:10px}.missions{display:flex;flex-direction:column;gap:10px}.mission{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none}.num{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#efe6d3;font-family:"Noto Serif SC",serif;font-size:22px}.mission h3{margin:0 0 4px;font-size:18px}.mission p{margin:0;color:var(--muted);font-size:13px}.done{color:#3d7a4a;font-size:13px}.map-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}.points{margin:8px 0 0;padding-left:1.2em;line-height:1.75}.lesson h2{margin:0 0 8px;font-size:18px}.lesson{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;line-height:1.75}.q{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.choice{display:block;width:100%;text-align:left;margin-top:8px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:10px 12px;font:inherit;cursor:pointer}.choice.on{border-color:var(--ink);background:#efe6d3}.choice.good{border-color:#3d7a4a;background:#e7f3ea}.choice.bad{border-color:#a33;background:#fbeaea}.feedback{margin-top:8px;color:var(--muted);font-size:14px}.form{display:grid;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}label{display:grid;gap:6px;font-size:14px;color:var(--muted)}label small{font-size:12px;line-height:1.4}input,select{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.chats{display:grid;gap:8px;margin-top:16px}.chat-row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.chat-row b{display:block;margin-bottom:4px}.chat-row span{color:var(--muted);font-size:13px}.error{color:#8a2a12}.play-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 20px 24px;box-shadow:var(--shadow)}.mascot{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#2a6f7f;color:#f4fbff;font-family:"Noto Serif SC",serif;font-size:26px;margin-bottom:10px}.cheer-line{color:#2a6f7f;font-weight:600}.play-start{margin-top:16px}.play-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.bar{flex:1;height:10px;background:#efe6d3;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#3d7a4a;border-radius:99px;transition:width .25s ease}.combo{font-size:13px;color:#c45c26;font-weight:700;white-space:nowrap}.play-q{border:none;background:transparent;padding:0}.q-goal{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#f0f9fb,#f7f4ec);border:1.5px solid #b8d4dc}.q-goal strong{display:block;font-size:12px;letter-spacing:.04em;color:#2a6f7f;margin-bottom:6px}.q-goal p{margin:0;font-size:14px;line-height:1.55;color:#1a3d47;font-weight:600}.q-steps{margin:10px 0 0;padding-left:1.2em;font-size:13px;line-height:1.65;color:#3d5a63}.q-steps li{margin:4px 0}.cheer{margin-top:12px;border-radius:16px;padding:14px;animation:pop .25s ease}.cheer.yes{background:#e7f3ea;border:1px solid #b7d8bf}.cheer.no{background:#fff4e5;border:1px solid #e8c98a}.cheer .primary{margin-top:10px}.stars{font-size:32px;letter-spacing:6px;color:#c45c26;margin:8px 0}.win{text-align:center}.win .mascot{margin:0 auto 10px}.angle-viewer{margin:14px 0 8px}.angle-stage{height:190px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#f4fbf5,#f8f4ea);border-radius:16px;border:1px solid #b7d8bf}.angle-stage:active{cursor:grabbing}.angle-svg{width:100%;height:100%;display:block}.block-viewer{margin:14px 0 8px}.block-hint{font-size:13px;color:#2a6f7f;font-weight:600;text-align:center;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:6px}.block-hint-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f4f7;color:#2a8fa3;font-size:14px;line-height:1}.block-stage{position:relative;height:240px;perspective:900px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:18px;border:2px solid #b8d4dc;box-shadow:inset 0 1px #ffffffa6,0 8px 24px #2a6f7f1f}.block-stage:active{cursor:grabbing}.block-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#dff0f5,#eef7fa 42%,#f5efe6)}.block-floor{position:absolute;left:50%;bottom:28px;width:220px;height:220px;margin-left:-110px;transform:rotateX(78deg);transform-origin:center center;background:linear-gradient(90deg,rgba(42,143,163,.08) 1px,transparent 1px),linear-gradient(rgba(42,143,163,.08) 1px,transparent 1px),radial-gradient(ellipse at center,#d4ebe2,#c5ddd4);background-size:26px 26px,26px 26px,100% 100%;border-radius:12px;border:1px solid rgba(42,111,127,.15);pointer-events:none}.block-shadow{position:absolute;left:50%;bottom:36px;width:120px;height:36px;margin-left:-60px;background:radial-gradient(ellipse,rgba(26,85,96,.28) 0%,transparent 72%);pointer-events:none;filter:blur(2px)}.block-world{position:absolute;left:50%;top:46%;width:1px;height:1px;transform-style:preserve-3d;transition:transform .15s ease-out}.block-drag-ring{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border:2px dashed rgba(42,143,163,.35);border-radius:50%;pointer-events:none;animation:block-pulse 2.4s ease-in-out infinite}@keyframes block-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.block-cube{position:absolute;width:48px;height:48px;transform-style:preserve-3d;transform:translate3d(calc(var(--bx) * 1px),-24px,calc(var(--bz) * 1px))}.block-cube .face{position:absolute;width:48px;height:48px;backface-visibility:hidden;border:1.5px solid rgba(20,70,80,.55);box-sizing:border-box}.block-cube .front{background:linear-gradient(145deg,#3da3b8,#2a8fa3 55%,#1f7284);transform:rotateY(0) translateZ(24px)}.block-cube .back{background:linear-gradient(145deg,#2d8496,#236f7f);transform:rotateY(180deg) translateZ(24px)}.block-cube .right{background:linear-gradient(145deg,#257a8c,#1a5f6e);transform:rotateY(90deg) translateZ(24px)}.block-cube .left{background:linear-gradient(145deg,#257a8c,#1a5f6e);transform:rotateY(-90deg) translateZ(24px)}.block-cube .top{background:linear-gradient(145deg,#8ed4e4,#6ec4d8 45%,#4eb0c6);transform:rotateX(90deg) translateZ(24px)}.block-cube .bottom{background:linear-gradient(145deg,#1a5560,#134650);transform:rotateX(-90deg) translateZ(24px)}.block-views{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.block-views button{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1.5px solid #c5dde4;background:#fff;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.block-views button.on{background:linear-gradient(180deg,#3da3b8,#2a6f7f);color:#fff;border-color:#2a6f7f;box-shadow:0 2px 8px #2a6f7f40}.match-q{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin:12px 0}.match-col{display:grid;gap:8px}.match-mid{align-self:center;color:var(--muted);font-size:20px;padding-top:24px}.match-item{font:inherit;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer}.match-item.pick{border-color:#2a6f7f;box-shadow:0 0 0 2px #2a6f7f33}.match-tip{grid-column:1 / -1;font-size:13px;color:var(--muted);margin:4px 0 0;text-align:center}@keyframes pop{0%{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}@media(max-width:640px){.grid{grid-template-columns:1fr}.hero h1{font-size:24px}.bubble{max-width:90%}}