@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;600;700;900&display=swap";:root{color:#17335b;font-synthesis:none;background:#f4f8ff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 5%,#fff6cc,#0000 25%),linear-gradient(145deg,#f7fbff,#eaf3ff);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:active{transform:scale(.97)}svg{width:1.2em;height:1.2em}.home{background:linear-gradient(145deg,#eff8ff 30%,#fff8db);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero{text-align:center;z-index:2;width:min(900px,92vw);padding:45px}.kicker,.lesson-tag{color:#2563a7;letter-spacing:.08em;background:#dcecff;border-radius:99px;padding:8px 18px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.06em;margin:25px 0 15px;font-size:clamp(54px,8vw,100px);font-weight:900;line-height:.94}.hero h1 span{color:#1875e8}.hero>p{color:#587294;font-size:clamp(20px,2.4vw,31px);font-weight:700}.stats{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px;display:flex}.stats span{background:#fff;border-radius:14px;padding:10px 17px;box-shadow:0 8px 30px #6c8caf16}.primary,.secondary,.success,.danger,.ghost,.parentbtn,.iconbtn,.score,.chip{border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:14px 23px;font-size:18px;font-weight:800;transition:all .2s;display:inline-flex}.primary{color:#fff;background:#1676e8;box-shadow:0 10px 25px #1676e849}.primary:hover{background:#0866d5;transform:translateY(-2px)}.primary:disabled{opacity:.4}.huge{padding:18px 36px;font-size:23px}.secondary{background:#fff;margin:12px;box-shadow:0 8px 25px #17335b17}.goal{color:#66809e;margin:26px auto 0}.mascot{filter:drop-shadow(0 12px 8px #2b568f25);font-size:75px;animation:2.5s ease-in-out infinite float;position:absolute;bottom:8%;right:7%}.mascot span{background:#fff;border-radius:12px;padding:7px 12px;font-size:14px;display:block}.cloud{opacity:.7;background:#fff;border-radius:99px;width:180px;height:65px;position:absolute}.c1{top:14%;left:5%}.c2{top:18%;right:8%;transform:scale(.6)}.setup{text-align:left;background:#fff;border-radius:28px;gap:18px;max-width:620px;margin:auto;padding:25px;display:grid;box-shadow:0 20px 60px #1f477c26}.setup label{gap:8px;font-weight:800;display:grid}.setup input{border:2px solid #d9e6f5;border-radius:14px;outline:none;padding:14px 17px;font-size:20px}.setup input:focus{border-color:#1676e8}.choices{flex-wrap:wrap;gap:10px;display:flex}.choices button{background:#edf3fb;border:2px solid #0000;border-radius:14px;padding:12px 16px;font-size:18px}.choices button.selected,.selected{color:#075cad!important;background:#e1f0ff!important;border-color:#1680ed!important}.interest button{font-size:15px}.page{place-items:center;min-height:100vh;padding:90px 22px 100px;display:grid}.page>section{text-align:center;width:min(1100px,100%)}.page h2{letter-spacing:-.04em;margin:15px 0 5px;font-size:clamp(34px,4vw,56px)}.sub{color:#6c819d;margin:0 0 25px;font-size:22px}.app .page{min-height:calc(100vh - 140px)}header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdf;border-bottom:1px solid #dce7f3;align-items:center;gap:12px;height:74px;padding:12px 3%;display:flex;position:fixed;top:0;left:0;right:0}.brand{margin-right:auto;font-size:18px}.map{gap:7px;display:flex}.map span{background:#e5edf6;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.map .done{color:#fff;background:#53bf77}.map .now{color:#fff;background:#1676e8;box-shadow:0 0 0 5px #dcecff}.score{background:#fff4b8;padding:9px 13px}.score svg{fill:#f6bf22;color:#f6bf22}.iconbtn{background:#eef4fb;padding:10px}.iconbtn .active{color:#1676e8}.parentbtn{background:#e8f2ff;padding:10px 14px;font-size:15px}footer{z-index:19;background:#fff;border-top:1px solid #dce7f3;justify-content:space-between;align-items:center;height:68px;padding:10px 4%;display:flex;position:fixed;bottom:0;left:0;right:0}footer button{background:0 0;align-items:center;gap:5px;font-weight:700;display:flex}footer button:disabled{opacity:.3}.chip{color:#1765b9;background:#e7f2ff;margin:8px}.bigcards,.guide-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0;display:grid}.bigcards button,.guide-card{background:#fff;border-radius:24px;padding:25px;font-size:21px;font-weight:800;box-shadow:0 13px 38px #284d7917}.bigcards i,.guide-card i{font-size:50px;font-style:normal;display:block}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-card{text-align:left}.guide-card h3{margin:12px 0 5px;font-size:21px}.guide-card p{color:#687e98}.challenge{background:#fff;border-radius:24px;max-width:720px;margin:22px auto;padding:22px;box-shadow:0 15px 50px #284d7920}.challenge h3{margin:12px;font-size:29px}.script{background:#f3f7fc;border-radius:14px;padding:15px;font-size:23px;line-height:1.8}.script b{color:#1676e8}.success{color:#fff;background:#48b96e;margin:12px;box-shadow:0 10px 24px #48b96e40}.timer{justify-content:center;align-items:center;gap:18px;margin:18px;display:flex}.ring{--p:360deg;background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(#4bc375 var(--p),#dfe8ef 0);border-radius:50%;align-content:center;place-items:center;width:96px;height:96px;transition:all 1s linear;display:grid}.ring b{font-size:31px;line-height:1}.ring small{font-size:11px}.traits{justify-content:center;max-width:850px;margin:20px auto}.traits button{gap:5px;min-width:150px;font-size:28px;display:grid}.traits b{font-size:17px}.recorder{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:15px;display:flex}.recorder small{color:#71829a;width:100%}.danger{color:#fff;background:#e84e5d}.super-id{color:#fff;text-align:left;background:linear-gradient(140deg,#1779e8,#5c9ff3);border-radius:28px;align-items:center;gap:18px;width:280px;margin:20px auto;padding:22px;display:flex;box-shadow:0 15px 35px #1878e84f}.super-id i{font-size:58px;font-style:normal}.super-id h3{margin:0;font-size:29px}.stage{background:linear-gradient(#1e2e5b,#6b4cab);border-radius:30px 30px 10px 10px;max-width:620px;height:220px;margin:auto;position:relative;overflow:hidden}.spot{clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(#fff9,#0000);width:190px;height:240px;position:absolute;left:calc(50% - 95px)}.kid{font-size:72px;position:absolute;bottom:24px;left:calc(50% - 35px)}.audience{width:100%;font-size:20px;position:absolute;bottom:5px}.stepper{grid-template-columns:repeat(5,1fr);gap:8px;margin:17px 0;display:grid}.stepper button{opacity:.5;background:#e9eff7;border-radius:14px;padding:12px 5px;display:grid}.stepper button.on{opacity:1;background:#e1f0ff}.stepper i{font-size:30px;font-style:normal}.stepper small{font-size:11px}.fingers{justify-content:center;align-items:end;gap:8px;height:180px;display:flex}.fingers button{background:#dcecff;border:2px solid #0000;border-radius:50px 50px 20px 20px;width:100px;height:145px;padding:25px 8px}.fingers button:nth-child(2),.fingers button:nth-child(3){height:175px}.fingers i{font-size:30px;font-style:normal;display:block}.hint{background:#fff;border-radius:16px;justify-content:center;gap:20px;max-width:600px;margin:15px auto;padding:14px;font-size:22px;display:flex}.timers{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.classroom{background:linear-gradient(#d8efff 70%,#d8ad75 70%);border:12px solid #fff;border-radius:25px;height:270px;position:relative;box-shadow:0 15px 40px #18395e28}.teacher{font-size:60px;position:absolute;top:40px;left:12%}.teacher span{vertical-align:top;background:#fff;border-radius:18px;max-width:380px;padding:13px;font-size:19px;display:inline-block}.desks{font-size:28px;line-height:2;position:absolute;bottom:15px;right:12%}.mic{font-size:70px;position:absolute;bottom:20px;left:48%}.scenario-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:15px;display:flex}.scenario-tabs button{background:#e7edf5;border:2px solid #0000;border-radius:11px;padding:10px}aside{z-index:50;background:#fff;width:min(390px,92vw);padding:35px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-15px 0 50px #0b25462d}aside h3{font-size:26px}aside li{margin:12px 0}.close{float:right;background:#edf2f7;border-radius:50%;padding:8px}.say{border-radius:15px;margin:15px 0;padding:16px;line-height:1.8}.bad{color:#a4313d;background:#fff0f1}.good{color:#267442;background:#ecfff2}.ghost{background:#edf2f7}.ready{background:#fff;border-radius:30px;padding:35px;font-size:65px;box-shadow:0 15px 50px #23487120}.ready p{font-size:20px}.finish{text-align:center;background:linear-gradient(145deg,#edf8ff,#fff4bd);place-items:center;min-height:100vh;padding:35px;display:grid}.certificate{background:#fffdf6;border:12px double #e9b82f;border-radius:8px;width:min(900px,95vw);padding:45px;position:relative;box-shadow:0 25px 70px #7c5c1730}.certificate h1{color:#c38c12;margin:8px;font-family:serif;font-size:52px}.certificate h2{border-bottom:2px solid #c9b57b;padding:0 25px;font-size:34px;display:inline-block}.seal{font-size:65px}.award{margin:20px;font-size:20px}.award b{color:#c68600}.badge-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px;display:flex}.badge-row span{font-size:35px;display:grid}.badge-row small{font-size:11px}.finish-actions{gap:10px;display:flex}.confetti{font-size:35px}.finish strong{color:#d18c00;font-size:22px}@keyframes float{50%{transform:translateY(-12px)}}@media (width<=700px){header{height:62px}.brand b,.map,.parentbtn svg{display:none}.parentbtn{font-size:12px}.page{padding:75px 12px 90px}.bigcards,.guide-grid{grid-template-columns:1fr}.page h2{font-size:32px}.sub{font-size:17px}.hero{padding:20px}.mascot{display:none}.stepper{grid-template-columns:repeat(5,1fr)}.stepper small{display:none}.fingers{margin-left:-12%;margin-right:-12%;transform:scale(.78)}.classroom{height:230px}.teacher{font-size:45px;left:4%}.teacher span{max-width:210px;font-size:15px}.desks{font-size:19px;right:5%}.certificate{padding:20px}.certificate h1{font-size:39px}.finish{padding:10px}.finish-actions{flex-wrap:wrap;justify-content:center}}@media print{body{background:#fff}.finish>:not(.certificate){display:none}.finish{padding:0}.certificate{width:270mm;height:185mm;box-shadow:none;page-break-inside:avoid}.finish-actions{display:none}@page{size:A4 landscape;margin:8mm}}