.peek{margin-top:8px;position:relative}.stage{perspective:1400px;height:520px;position:relative;overflow:hidden}.stage:after{content:"";background:linear-gradient(transparent, var(--fade));pointer-events:none;z-index:9;height:90px;position:absolute;inset:auto 0 0}.ph{width:250px;height:500px;box-shadow:var(--ph-shadow);background:#1c1c1e;border-radius:34px;margin:0;padding:8px;transition:transform .8s cubic-bezier(.32,.72,0,1),opacity .8s;position:absolute;top:0;left:50%}.scr{color:#1c1c1e;background:linear-gradient(#cfe9fa 0%,#eaf5fd 45%,#f8f9fb 100%);border-radius:26px;height:100%;overflow:hidden}.slide{flex-direction:column;height:100%;padding:12px 12px 0;display:flex}.dtop{background:#fff;border-bottom:1px solid #eceef0;justify-content:space-between;align-items:center;margin:-12px -12px 10px;padding:6px 10px;display:flex}.dright{align-items:center;gap:4px;display:flex}.ava{color:#fff;background:#007aff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:inline-flex;position:relative}.ava i{color:#fff;background:#34c759;border-radius:999px;padding:0 3px;font-size:6px;font-style:normal;font-weight:700;position:absolute;bottom:-4px;right:-5px}.chip{background:#f2f2f7;border:1px solid #e5e5ea;border-radius:999px;padding:2px 6px;font-size:9px}.chip.pro{color:#ff9500;background:#fff7ec;border-color:#ff9500}.dic{color:#636366;font-size:11px}.card{background:#fff;border-radius:16px;margin-bottom:10px;padding:12px;box-shadow:0 1px 3px #0000000f}.card.c{text-align:center;flex:1}.ct{margin-bottom:10px;font-size:11px;font-weight:700}.ct2{text-transform:uppercase;letter-spacing:.5px;color:#636366;font-size:8px;font-weight:700}.ct3{text-transform:uppercase;letter-spacing:1px;text-align:center;color:#636366;margin-bottom:8px;font-size:9px;font-weight:700}.bars{justify-content:space-between;align-items:flex-end;display:flex}.bcol{flex-direction:column;align-items:center;gap:4px;display:flex}.bar{background:linear-gradient(#4da3f0,#a8d4f8);border-radius:7px;width:13px;display:block}.bcol u{color:#636366;font-size:7px;text-decoration:none}.bcol u.on{color:#007aff;border-bottom:1.5px solid #007aff;font-weight:700}.row2{gap:10px;margin-bottom:10px;display:flex}.ring{background:conic-gradient(#007aff 71%, #e5e5ea 0);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:8px auto;display:flex}.ring span{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.fire{font-size:11px}.fire b{font-weight:700}.hr{background:#e5e5ea;height:1px;margin:8px 12px}.sub{color:#636366;font-size:8px}.btn{text-align:center;border-radius:10px;margin-bottom:6px;padding:8px;font-size:10px;font-weight:600}.btn:last-child{margin-bottom:0}.btn.g{color:#aeaeb2;background:#f2f2f7}.btn.gr{color:#fff;background:#34c759}.btn.b{color:#fff;background:#007aff}.row3{gap:8px;display:flex}.mini{text-align:center;background:#fff;border-radius:12px;flex:1;padding:8px 4px;box-shadow:0 1px 3px #0000000f}.mini i{text-transform:uppercase;letter-spacing:.4px;color:#636366;margin-bottom:2px;font-size:6.5px;font-style:normal;font-weight:700;display:block}.mini b{font-size:13px}.wtop{background:#fff;border-bottom:1px solid #eceef0;justify-content:space-between;align-items:center;margin:-12px -12px 0;padding:6px 12px;font-size:11px;display:flex}.wtop b{text-align:center;flex:1;font-size:12px}.wtop .ws{text-align:center;color:#636366;min-width:28px;font-size:13px}.prog{color:#636366;background:#fff;border-bottom:1px solid #eceef0;align-items:center;gap:6px;margin:0 -12px 10px;padding:8px 12px;font-size:9px;display:flex}.pbar{background:#e5e5ea;border-radius:999px;width:52px;height:6px;overflow:hidden}.pbar i{background:#007aff;border-radius:999px;height:100%;display:block}.pspacer{flex:1}.herow{text-align:center;padding:20px 0 6px}.word{font-size:18px;font-weight:700}.ipa{color:#636366;margin-top:3px;font-size:10px;font-style:normal}.audio{color:#007aff;background:#e3f0fc;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:12px;font-size:12px;display:inline-flex}.hintc{text-align:center;margin:12px 0 8px;font-size:10px;font-weight:600}.opt{color:#1c1c1e;background:#fff;border:1px solid #eceef0;border-radius:12px;gap:8px;margin-bottom:8px;padding:9px 10px;font-size:11px;display:flex;box-shadow:0 1px 3px #0000000a}.opt b{color:#1c1c1e;font-weight:600}.wfoot{background:#fff;border-top:1px solid #f2f2f7;margin:auto -12px 0;padding:10px 12px 14px}.dk{color:#007aff;text-align:center;border:1.5px solid #007aff;border-radius:10px;padding:8px;font-size:11px;font-weight:600}.instr{margin-bottom:8px;font-size:11px;font-weight:600}.sentbox{background:#f2f2f7;border-radius:12px;margin-bottom:10px;padding:10px}.srow{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.st{font-size:12px;font-weight:700}.trb{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:inline-flex}.sh{color:#636366;margin-top:6px;font-size:8px}.hl{color:#007aff;font-size:10px;font-weight:600}.tabbar{background:#fff;border-top:1px solid #e5e5ea;justify-content:space-around;margin-top:auto;margin-left:-12px;margin-right:-12px;padding:8px 4px 10px;display:flex}.tab{color:#636366;font-size:7px;font-weight:600}.tab.on{color:#007aff;font-weight:700}.cnav{z-index:10;justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex;position:relative}.cbtn{border:1px solid var(--border);background:var(--card);width:28px;height:28px;color:var(--mut);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.cbtn:hover{color:var(--tx);border-color:var(--mut2)}.cap{text-align:center;color:var(--mut);min-width:260px;margin:0;font-size:13px}@media (width<=1023px){.stage{height:470px}.ph{width:210px;height:420px}}@media (width<=640px){.stage{height:420px}.ph{border-radius:28px;width:190px;height:380px}.scr{border-radius:21px}}.badge[data-astro-cid-ge2uvauf]{background:var(--badge-bg);border:1px solid var(--border);color:var(--badge-tx);border-radius:99px;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot[data-astro-cid-ge2uvauf]{background:var(--badge-dot);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:.5}50%{opacity:1}}.cta-primary[data-astro-cid-ge2uvauf]{background:var(--cta-bg);color:var(--cta-tx);border-radius:.5rem;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}.cta-primary[data-astro-cid-ge2uvauf]:hover{background:var(--cta-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000f}.cta-primary[data-astro-cid-ge2uvauf]:active{transform:scale(.98)}.cta-store[data-astro-cid-ge2uvauf]{cursor:not-allowed}