*{box-sizing:border-box}body{margin:0;background:#fff6de;color:#693c22;font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible{outline:4px solid #1878be;outline-offset:3px}[hidden]{display:none!important}#hub{min-height:100svh;display:flex;justify-content:center;align-items:center;background:#bfe5f5}.stage{position:relative;width:min(100vw,150svh);aspect-ratio:3/2}.art{display:block;width:100%;height:100%;object-fit:contain}.stage picture{display:block;width:100%;height:100%}.hit{position:absolute;border:0;background:transparent;border-radius:28px;z-index:2}.hit:hover,.hit:focus-visible{box-shadow:0 0 0 4px #fff9 inset}.hit:active{background:#fff4}.avatar.selected{outline:4px solid #36a94b;outline-offset:-4px}.yi{left:1.5%;top:2.5%;width:11%;height:18%}.xiao{left:13%;top:4%;width:11%;height:17%}.parent{left:82%;top:2%;width:8.5%;height:12%}.sound{left:91%;top:2%;width:7.5%;height:11%}.sound.muted{backdrop-filter:grayscale(1);background:#ffffff66}.start{left:35.5%;top:45.5%;width:28%;height:13%}.warmup{left:18%;top:58%;width:15%;height:20%}.jump{left:43%;top:58%;width:15%;height:20%}.reward{left:67%;top:57%;width:15%;height:21%}.medal-hit{top:80.5%;height:15%;width:11%;border-radius:40%}.medal-hit.locked{backdrop-filter:grayscale(1);background:#fff6}.medal-hit:nth-child(1){left:24%}.medal-hit:nth-child(2){left:38%}.medal-hit:nth-child(3){left:52.5%}.medal-hit:nth-child(4){left:66.5%}.medal-hit:nth-child(5){left:80.5%}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;max-width:1300px;margin:auto}h1{font-size:clamp(24px,3vw,38px);margin:0}button.soft{background:#fffaf0;border:2px solid #e7bc77;color:#6e4825;border-radius:22px;padding:12px 20px;min-height:48px;font-weight:bold}.child-layout{max-width:1300px;margin:0 auto 24px;display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:20px;padding:0 20px}.child-layout>img{width:100%;border-radius:32px;display:block}.activity{text-align:center;padding:20px;background:#fffdf5;border-radius:32px}.activity h2{font-size:clamp(28px,3vw,44px);margin:18px 0}.activity p{font-size:20px;line-height:1.6;min-height:2em}.primary{display:block;margin:20px auto 14px;background:#ffb12d;border:4px solid #fff1b8;border-radius:30px;color:#663500;font-size:30px;font-weight:bold;padding:18px 35px;min-width:220px;box-shadow:0 5px 0 #d78625}.steps{display:flex;gap:10px;justify-content:center}.steps span{border-radius:50%;width:42px;height:42px;line-height:42px;background:#f0e3cb;font-weight:bold}.steps .done{background:#b7e5af}.steps .now{background:#ffcd61;outline:3px solid #ebac32}.score-control{display:flex;gap:10px;justify-content:center;margin:10px}.score-control button{width:48px;border-radius:18px;border:1px solid #dfba76;background:#fff0c7;font-size:24px}.score-control input{width:110px;text-align:center;padding:10px;font-size:28px;border-radius:14px;border:2px solid #dfba76}.reward-banner{display:block;width:min(650px,90%);max-height:310px;object-fit:contain;margin:0 auto 16px;border-radius:28px}#awardGrid{max-width:980px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:15px}.award{background:#fffaf0;border-radius:26px;padding:10px;text-align:center;border:2px solid #ffe0a0}.badge-image{width:100%;aspect-ratio:1;background-image:url('home-v8.webp');background-size:900% 600%;background-position-y:98%;border-radius:35%}.award.locked .badge-image{filter:grayscale(1);opacity:.5}.award h2{font-size:19px}.award p{font-size:14px}.center{text-align:center;font-size:20px}.parent-grid{max-width:1100px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px}.parent-grid>img{width:100%;border-radius:30px}.panel{padding:24px;border-radius:26px;background:#fffdf6}select{padding:12px;max-width:100%;border:2px solid #e5bc7c;border-radius:14px;background:white;margin:8px}details{padding:16px 0;border-bottom:1px solid #ecd9b3}summary{cursor:pointer;font-weight:bold;min-height:30px}.small{font-size:13px;line-height:1.7;color:#876b50}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#603c24;color:white;padding:15px 24px;border-radius:22px;z-index:30;max-width:90%;text-align:center}button:disabled{opacity:.5}.rest{margin-top:10px}
@media(orientation:portrait){.stage{width:100%;max-width:680px;aspect-ratio:2/3}.yi{left:6%;top:13%;width:20%;height:14%}.xiao{left:28%;top:13%;width:20%;height:14%}.parent{left:81%;top:3%;width:15%;height:9%}.sound{left:83%;top:14%;width:13%;height:9%}.start{left:23%;top:58%;width:54%;height:11%}.warmup{left:10%;top:71%;width:23%;height:13%}.jump{left:39%;top:71%;width:23%;height:13%}.reward{left:68%;top:71%;width:23%;height:13%}.medal-hit{top:89%;height:9%;width:16%}.medal-hit:nth-child(1){left:8%}.medal-hit:nth-child(2){left:25%}.medal-hit:nth-child(3){left:42%}.medal-hit:nth-child(4){left:59%}.medal-hit:nth-child(5){left:76%}}
@media(max-width:760px){header{padding:12px;gap:8px}header .soft{padding:10px 14px}.child-layout,.parent-grid{grid-template-columns:1fr;padding:0 12px;gap:12px}.child-layout>img{max-height:44svh;object-fit:contain;border-radius:24px}.activity{padding:14px}.activity h2{margin:10px 0}.activity p{font-size:18px;margin:8px 0}.primary{margin:12px auto;font-size:26px;padding:14px 25px}.parent-grid>img{max-height:240px;object-fit:contain}#awardGrid{grid-template-columns:repeat(2,1fr);gap:10px}.reward-banner{max-height:240px}.award:last-child{grid-column:1/-1;width:50%;justify-self:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(orientation:portrait){.yi{left:23%;top:14.5%;width:24%;height:15.5%}.xiao{left:53%;top:14.5%;width:24%;height:15.5%}.parent{left:2%;top:1.5%;width:15%;height:9%}.sound{left:84%;top:1.5%;width:14%;height:9%}.start{left:24%;top:55.5%;width:53%;height:11%}.warmup{left:9%;top:67%;width:21%;height:15%}.jump{left:39%;top:67%;width:23%;height:15%}.reward{left:69%;top:67%;width:22%;height:15%}.medal-hit{top:86.5%;height:10%;width:14%}.medal-hit:nth-child(1){left:23.5%}.medal-hit:nth-child(2){left:38%}.medal-hit:nth-child(3){left:52.5%}.medal-hit:nth-child(4){left:66.5%}.medal-hit:nth-child(5){left:81%}}

.avatar{border-radius:45%}.medal-hit{top:80%;height:17%;width:12.4%;border-radius:36%}.medal-hit.locked{background:#ffffff33}.medal-hit:nth-child(1){left:23.7%}.medal-hit:nth-child(2){left:37.7%}.medal-hit:nth-child(3){left:52%}.medal-hit:nth-child(4){left:66.2%}.medal-hit:nth-child(5){left:80.2%}@media(orientation:portrait){.medal-hit{top:86%;height:11%;width:15.4%}.medal-hit:nth-child(1){left:23%}.medal-hit:nth-child(2){left:37.5%}.medal-hit:nth-child(3){left:52%}.medal-hit:nth-child(4){left:66%}.medal-hit:nth-child(5){left:80.5%}}