*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}uni-tabbar{display:block;box-sizing:border-box;width:100%;z-index:998}.uni-tabbar{display:flex;z-index:998;box-sizing:border-box}.uni-tabbar-top,.uni-tabbar-bottom,.uni-tabbar-top .uni-tabbar,.uni-tabbar-bottom .uni-tabbar{position:fixed;left:var(--window-left);right:var(--window-right)}.uni-app--showlayout+.uni-tabbar-top,.uni-app--showlayout+.uni-tabbar-bottom,.uni-app--showlayout+.uni-tabbar-top .uni-tabbar,.uni-app--showlayout+.uni-tabbar-bottom .uni-tabbar{left:var(--window-margin);right:var(--window-margin)}.uni-tabbar-bottom .uni-tabbar{bottom:0;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.uni-tabbar~.uni-placeholder{width:100%;margin-bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.uni-tabbar *{box-sizing:border-box}.uni-tabbar__item{display:flex;justify-content:center;align-items:center;flex-direction:column;flex:1;font-size:0;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.uni-tabbar__bd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.uni-tabbar__icon{position:relative;display:inline-block;margin-top:5px}.uni-tabbar__icon.uni-tabbar__icon__diff{margin-top:0;width:34px;height:34px}.uni-tabbar__icon img{width:100%;height:100%}.uni-tabbar__iconfont{font-family:UniTabbarIconFont}.uni-tabbar__label{position:relative;text-align:center;font-size:10px}.uni-tabbar-border{position:absolute;left:0;top:0;width:100%;height:1px;transform:scaleY(.5)}.uni-tabbar__reddot{position:absolute;top:2px;right:0;width:12px;height:12px;border-radius:50%;background-color:#f43530;color:#fff;transform:translate(40%)}.uni-tabbar__badge{width:auto;height:16px;line-height:16px;border-radius:16px;min-width:16px;padding:0 2px;font-size:12px;text-align:center;white-space:nowrap}.uni-tabbar__mid{display:flex;justify-content:center;position:absolute;bottom:0;background-size:100% 100%}.uni-app--showtabbar uni-page-wrapper{display:block;height:calc(100% - var(--tab-bar-height));height:calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));height:calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom))}uni-page[data-type] uni-page-wrapper{height:100%}.uni-app--showtabbar uni-page-wrapper:after{content:"";display:block;width:100%;height:var(--tab-bar-height);height:calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}.uni-app--showtabbar uni-page-head[uni-page-head-type=default]~uni-page-wrapper{height:calc(100% - 44px - var(--tab-bar-height));height:calc(100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) - constant(safe-area-inset-bottom));height:calc(100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) - env(safe-area-inset-bottom))}:root{--blue: #4A9BFF;--blue-d: #2F6FE0;--amber: #FFB020;--amber-d: #E88A0B;--green: #7CD44B;--green-d: #45A81F;--purple: #A97BF2;--purple-d: #7C4BD8;--ink: #2B3A55;--ink-2: #66748C;--ink-3: #9AA7BC;--line: #E4EEF9;--red: #FF6B5B;--r-card: 26px;--bg: linear-gradient(180deg, #E8F4FF 0%, #F6FBFF 38%, #FFF8EF 100%)}uni-page-body{--blue: #4A9BFF;--blue-d: #2F6FE0;--amber: #FFB020;--amber-d: #E88A0B;--green: #7CD44B;--green-d: #45A81F;--purple: #A97BF2;--purple-d: #7C4BD8;--ink: #2B3A55;--ink-2: #66748C;--ink-3: #9AA7BC;--line: #E4EEF9;--red: #FF6B5B;--r-card: 26px;--bg: linear-gradient(180deg, #E8F4FF 0%, #F6FBFF 38%, #FFF8EF 100%);color:var(--ink);font-size:15px;line-height:1.55;background:var(--bg);min-height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif}body{background:var(--bg)}html,body{margin:0;background:#eaf2fb}uni-page-body{display:block;max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg);box-sizing:border-box}html.learn-tab .uni-tabbar-bottom{display:none!important}html.learn-tab uni-app.uni-app--showtabbar uni-page-wrapper{height:100%!important}html.learn-tab uni-app.uni-app--showtabbar uni-page-wrapper:after{display:none!important}.page{--blue: #4A9BFF;--blue-d: #2F6FE0;--amber: #FFB020;--amber-d: #E88A0B;--green: #7CD44B;--green-d: #45A81F;--purple: #A97BF2;--purple-d: #7C4BD8;--ink: #2B3A55;--ink-2: #66748C;--ink-3: #9AA7BC;--line: #E4EEF9;--red: #FF6B5B;--r-card: 26px;--bg: linear-gradient(180deg, #E8F4FF 0%, #F6FBFF 38%, #FFF8EF 100%);padding:calc(8px + var(--safe-top, env(safe-area-inset-top))) 16px 104px;animation:fade .22s ease;box-sizing:border-box}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page.tab-page{animation-name:fade-soft}@keyframes fade-soft{0%{opacity:0}to{opacity:1}}.ktitle{text-align:center;font-size:21px;font-weight:800;padding:12px var(--capsule-pad, 0px) 10px;letter-spacing:1px}.card{background:#fff;border-radius:var(--r-card);padding:16px;margin-bottom:12px;box-shadow:0 4px 14px rgba(74,130,200,.08)}.nav{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) var(--capsule-pad, 0px) 12px 0}.nav-back{width:38px;height:38px;flex:none;border-radius:50%;background:linear-gradient(180deg,#9be063,#45a81f);color:#fff;font-size:26px;line-height:34px;text-align:center;box-shadow:0 3px rgba(20,70,10,.2)}.nav-title{flex:1;min-width:0;font-size:19px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint{color:var(--ink-3);font-size:13px}.btn{display:block;width:100%;min-height:62px;line-height:62px;border:none;border-radius:26px;background:linear-gradient(180deg,#7cbbff,#3b7be8);box-shadow:0 5px #2a5fbb;color:#fff;font-size:18px;font-weight:800;letter-spacing:1px;padding:0;margin:0}.btn:after{border:none}.btn:active{transform:translateY(3px);box-shadow:0 2px #2a5fbb}.btn[disabled]{background:#c9d8ec;box-shadow:0 5px #b0c2da;color:#fff}.footer-note{text-align:center;color:var(--ink-3);font-size:12px;padding:16px 0 6px}.toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);background:rgba(31,42,55,.88);color:#fff;font-size:13px;padding:8px 14px;border-radius:12px;z-index:80;white-space:nowrap}.brand{padding:2px 2px 14px}.brand-t{font-size:16px;font-weight:800}.brand-line{height:7px;width:58px;border-radius:4px;margin-top:6px;background:linear-gradient(90deg,#a6e86f,#45a81f)}.entry{display:flex;align-items:center;gap:14px;height:106px;border-radius:28px;padding:0 16px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 6px rgba(31,58,100,.13),0 10px 20px rgba(60,110,190,.16)}.entry:active{transform:translateY(2px);box-shadow:0 4px rgba(31,58,100,.13)}.entry:after{content:"";position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));border-radius:28px 28px 40% 40%}.entry.g-blue{background:linear-gradient(135deg,#7cbbff,#3b7be8)}.entry.g-orange{background:linear-gradient(135deg,#ffc473,#f08a2e)}.entry.g-yellow{background:linear-gradient(135deg,#ffe07a,#f5b31e)}.entry.g-purple{background:linear-gradient(135deg,#c7a9fa,#8e5fea)}.entry.off{background:#c9d8ec;box-shadow:0 6px #b0c2da}.entry.off:active{transform:none;box-shadow:0 6px #b0c2da}.entry-art{width:76px;height:76px;flex:none;border-radius:24px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:42px;box-shadow:inset 0 -3px rgba(0,0,0,.06);position:relative;z-index:1}.entry-txt{position:relative;z-index:1}.entry-t{font-size:23px;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.13);letter-spacing:1px}.entry-s{font-size:12px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.6px;margin-top:2px}.hero{position:relative;height:calc(168px + var(--safe-top, env(safe-area-inset-top)));overflow:hidden;background:linear-gradient(180deg,#5fa6f2,#9ccbfa 62%,#dcebff)}.hero.sun{background:linear-gradient(180deg,#ffb65c,#ffd08a 60%,#fff0d8)}.hero.leaf{background:linear-gradient(180deg,#74c447,#a8de7c 60%,#e4f6d6)}.hero.grape{background:linear-gradient(180deg,#9a6ff0,#c3a2f7 60%,#eee4ff)}.hero-deco{position:absolute;left:0;right:0;top:0;bottom:0;font-size:26px;opacity:.5}.hero-deco uni-text{position:absolute}.hero-char{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,rgba(255,255,255,.55) 62%,rgba(255,255,255,0) 72%);display:flex;align-items:center;justify-content:center;font-size:76px}.hero-title{position:absolute;top:calc(16px + var(--safe-top, env(safe-area-inset-top)));left:50%;transform:translate(-50%);color:#fff;font-size:20px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 2px rgba(20,50,100,.35);white-space:nowrap}.hero-close{position:absolute;left:14px;top:calc(12px + var(--safe-top, env(safe-area-inset-top)));width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#9be063,#45a81f);color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 3px rgba(20,70,10,.25);line-height:1}.hero-menu{position:absolute;right:var(--capsule-right, 16px);top:calc(16px + var(--safe-top, env(safe-area-inset-top)));width:26px}.hero-menu uni-view{display:block;height:3.5px;border-radius:2px;background:#fff;opacity:.95;margin-bottom:5px;box-shadow:0 1px 1px rgba(0,0,0,.15)}.stage{position:relative;margin-top:-16px;border-radius:24px 24px 0 0;background:#fbfdff;min-height:calc(100vh - 152px);padding-bottom:40px;display:flex;flex-direction:column}.prow{display:flex;justify-content:center;padding:14px 20px 6px}.prow.flush{padding:8px 10px 0}.prow-i{color:var(--ink-3);font-weight:800;font-size:14px;letter-spacing:.5px}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 24px 0}.center.flush{justify-content:flex-start;padding:8px 10px 0}.art-tile{width:168px;height:168px;border-radius:34px;background:#fff;box-shadow:0 8px 22px rgba(80,130,200,.14);display:flex;align-items:center;justify-content:center;font-size:96px}.bigword{font-size:46px;font-weight:900;letter-spacing:-.5px;line-height:1.1;text-align:center}.ipa{color:var(--ink-3);font-size:15px;margin-top:6px}.bigsentence{font-size:30px;font-weight:900;line-height:1.35;text-align:center}.zh-sub{color:var(--ink-3);font-size:14px;margin-top:10px;text-align:center}.kbtns{display:flex;gap:22px;justify-content:center;margin-top:22px}.kbtn{width:72px;height:72px;border:none;border-radius:24px;font-size:30px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:72px}.kbtn:after{border:none}.kbtn:active{transform:translateY(3px)}.kbtn.y{background:linear-gradient(180deg,#ffce58,#f0a013);box-shadow:0 5px #c97f06}.kbtn.y:active{box-shadow:0 2px #c97f06}.kbtn.g{background:linear-gradient(180deg,#96e262,#45a81f);box-shadow:0 5px #2f7a12}.kbtn.g:active{box-shadow:0 2px #2f7a12}.kbtn.rec{background:linear-gradient(180deg,#ff8a7a,#e8432f);box-shadow:0 5px #b72a19;animation:mic 1s ease-in-out infinite}@keyframes mic{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pill{height:52px;width:100%;max-width:300px;border-radius:26px;background:#e7f7da;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:22px}.pill uni-view{width:4px;height:10px;border-radius:2px;background:#a8de7c}.pill.on{background:#dbf3c7}.pill.on uni-view{background:#45a81f;animation:pill-wave .8s ease-in-out infinite}@keyframes pill-wave{0%,to{height:10px}50%{height:30px}}.res{margin-top:16px;font-size:18px;font-weight:800;text-align:center}.res.pass{color:#45a81f}.res.unclear{color:#f0a013}.res.retry{color:var(--ink-2)}.dots{display:flex;gap:7px;justify-content:center;margin-top:26px;flex-wrap:wrap}.dots .dot{width:8px;height:8px;border-radius:4px;background:#d6e2f0}.dots .dot.on{background:var(--blue)}.rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:20px 16px 6px}.rewards .cup{font-style:normal;font-size:22px;filter:grayscale(1);opacity:.3}.rewards .cup.on{filter:none;opacity:1;transform:translateY(-3px) scale(1.12)}.rewards.dense{gap:5px;padding:16px 12px 6px}.rewards.dense .cup{font-size:16px}.overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:70;background:rgba(43,58,85,.5);display:flex;align-items:center;justify-content:center}.ov-box{width:84%;max-width:350px;background:#fff;border-radius:30px;padding:26px 20px;text-align:center}.ov-wave{display:flex;justify-content:center;align-items:flex-end;gap:6px;height:90px}.ov-wave uni-view{width:9px;height:20px;border-radius:5px;background:linear-gradient(180deg,#96e262,#45a81f);animation:ov-bounce .8s ease-in-out infinite}@keyframes ov-bounce{0%,to{height:16px}50%{height:74px}}.ov-t{margin-top:14px;font-size:19px;font-weight:800}.ov-s{color:var(--ink-3);font-size:14px;margin-top:4px}.ov-hint{color:var(--ink-3);font-size:12px;margin-top:10px}.burst{position:fixed;left:0;right:0;top:0;bottom:0;z-index:80;pointer-events:none;overflow:hidden}.burst uni-view{position:absolute;top:-20px;width:10px;height:15px;border-radius:3px;animation:fall 1.5s linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}.wait{margin-top:28px;text-align:center}.wait-wave{display:flex;justify-content:center;align-items:flex-end;gap:5px;height:60px}.wait-wave uni-view{width:6px;border-radius:3px;background:var(--blue);animation:wait-bounce .9s ease-in-out infinite}@keyframes wait-bounce{0%,to{height:14px}50%{height:52px}}.wait-text{margin-top:14px;font-size:16px;color:var(--ink-2)}.wait-retry{margin-top:14px;font-size:16px;color:var(--blue-d);font-weight:800}.stage-sky.page{background:linear-gradient(180deg,#79ccfb,#c5e9ff 24%,#e7f6ff 58%,#f4fbff);min-height:100vh}.stage-top{display:flex;align-items:center;min-height:44px;margin-bottom:6px}.stage-back{display:flex;align-items:center;gap:2px;min-width:64px;color:#fff;font-size:28px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(20,70,130,.25)}.stage-back-t{font-size:16px;font-weight:800}.stage-title{flex:1;text-align:center;color:#fff;font-size:20px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 2px rgba(20,70,130,.22)}.stage-side{min-width:64px;display:flex;justify-content:flex-end;font-size:22px}.stage-dots{display:flex;justify-content:center;gap:7px;margin:8px 0 4px}.stage-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.72)}.stage-dot.on{transform:scale(1.35)}.stage-count{display:flex;align-items:center;justify-content:center;gap:10px;color:#3e5678;font-size:15px;font-weight:800;margin:6px 0 12px}.stage-body{padding-bottom:24px}.stage-bubble{position:relative;background:#fff;border-radius:28px;padding:16px 16px 22px;box-shadow:0 10px 28px rgba(70,140,200,.14)}.stage-bubble.tail:after{content:"";position:absolute;left:50%;bottom:-13px;transform:translate(-50%);border-width:14px 12px 0;border-style:solid;border-color:#fff transparent transparent}.stage-cloud{margin-top:22px;background:#fff;border-radius:36px 36px 28px 28px;box-shadow:0 12px 28px rgba(80,140,200,.12);padding:18px 14px 16px}.stage-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-play{width:76px;height:76px;margin-top:0;border-radius:50%;border:6px solid #fff;background:linear-gradient(180deg,#ffe08a,#f5a623);box-shadow:0 8px 16px rgba(240,160,30,.35);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;flex:none}.stage-ghost{min-width:92px;height:40px;padding:0 14px;border-radius:20px;background:#fff;border:1.5px solid #E3EDF8;box-shadow:0 4px 10px rgba(80,130,190,.08);color:#5e7594;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.stage-ghost.off{color:#c5d0de}.stage-pills{display:flex;justify-content:center;gap:14px;margin-top:8px}.stage-pill{min-width:72px;height:32px;padding:0 16px;border-radius:16px;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.stage-pill.g{background:linear-gradient(180deg,#8be07a,#46c45a)}.stage-pill.o{background:linear-gradient(180deg,#ffc56a,#f0a13a)}.stage-bars{display:flex;align-items:flex-end;gap:3px;height:16px}.stage-bars uni-view{display:block;width:3px;height:8px;border-radius:2px;background:#8fb4e0}.stage-bars.on uni-view{animation:stage-eq .8s ease-in-out infinite;background:#3b7be8}.stage-bars uni-view:nth-child(2){height:14px;animation-delay:.1s}.stage-bars uni-view:nth-child(3){height:10px;animation-delay:.2s}@keyframes stage-eq{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.stage-wordrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.stage-eq{display:flex;align-items:flex-end;gap:3px;height:22px;opacity:.55}.stage-eq uni-view{display:block;width:3px;border-radius:2px;background:#7eb0e8;height:8px}.stage-eq uni-view:nth-child(2){height:16px}.stage-eq uni-view:nth-child(3){height:12px}.stage-eq uni-view:nth-child(4){height:18px}.hit-amber{color:#e8891a;font-weight:800}.hit-green{background:#d9f5d0;color:#2e8b57;border-radius:6px;padding:0 3px;font-weight:800}