.landing{--ld-scr:#0d0c15;--ld-scr-2:#141123;--ld-line:#292340;--ld-line-2:#3c3658;--ld-ink:#f0eef9;--ld-ink-2:#cac6e6;--ld-dim:#9d98bc;--ld-violet:#a78bfa;--ld-violet-hi:#ddd6fe;--ld-violet-glow:#8b5cf673;--ld-violet-faint:#a78bfa17;--ld-fill:#7c3aed;--ld-fill-hover:#6d28d9;--ld-amber:#f2c14e;--ld-sky:#74c8ff;--ld-coral:#ff7a6e;--ld-hot:#e878bf;--ld-on-fill:#fff;--ld-f-cn:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--ld-f-num:"Bahnschrift", "DIN Condensed", "DIN Alternate", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Microsoft YaHei", sans-serif;--ld-f-mono:"Cascadia Mono", "Consolas", "SF Mono", "Menlo", "PingFang SC", "Microsoft YaHei", monospace;--ld-f-en:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--ld-wrap:1180px;--ld-gut:24px;background:var(--ld-scr);color:var(--ld-ink);font-family:var(--ld-f-cn);-webkit-font-smoothing:antialiased;flex:1 0 auto;font-size:15px;line-height:1.7;overflow-x:clip}body:has(#root .landing){background:#0d0c15}html:not(.no-prerender) body:has(#prerender .landing){background:#0d0c15}.landing a{color:inherit}:where(.landing) p,:where(.landing) li{text-wrap:pretty}.landing h1,.landing h2,.landing h3{margin:0}.ld-wrap{width:min(var(--ld-wrap), calc(100% - max(var(--ld-gut), env(safe-area-inset-left)) - max(var(--ld-gut), env(safe-area-inset-right))));margin-inline:auto}.ld-nw{white-space:nowrap}.landing .btn{border:1px solid var(--ld-line-2);height:34px;color:var(--ld-ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;text-decoration:none;transition:background-color .15s,box-shadow .2s,border-color .15s;display:inline-flex}.landing .btn:hover{border-color:var(--ld-violet);background:var(--ld-violet-faint);filter:none}.landing .install.hero .btn.install-btn{color:#cdb4f8;border:1.5px solid #7c3aedbf}.landing .install.hero .btn.install-btn:hover{border-color:var(--ld-violet);color:var(--ld-violet-hi)}.landing .btn:focus-visible{outline:2px solid var(--ld-violet-hi);outline-offset:2px}.landing .btn.primary{background:var(--ld-fill);border-color:var(--ld-fill);color:var(--ld-on-fill);font-weight:700}.landing .btn.primary:hover{background:var(--ld-fill-hover);box-shadow:0 0 0 4px #7c3aed38, 0 0 24px var(--ld-violet-glow)}.landing .btn.big{border-radius:11px;height:50px;padding:0 28px;font-size:16.5px}.landing .btn.big.primary{padding:0 34px;box-shadow:0 0 0 1px #ddd6fe40,0 8px 28px #7c3aed52}.landing .btn.primary:hover,.landing .btn.primary:active{border-color:var(--ld-fill)}.landing .btn.primary:active:not(:hover){background:var(--ld-fill)}.ld-bar{z-index:30;height:52px;padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--ld-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0c15db;align-items:center;gap:16px;display:flex;position:sticky;top:0}.ld-brand{white-space:nowrap;align-items:center;gap:9px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.ld-brand img{border-radius:7px;width:26px;height:26px;display:block}.ld-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.ld-nav a{height:40px;color:var(--ld-ink-2);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.ld-nav a:hover{color:var(--ld-ink);background:var(--ld-violet-faint)}.ld-nav a[aria-current=page]{color:var(--ld-violet);font-weight:700}.ld-nav a:focus-visible,.ld-brand:focus-visible{outline:2px solid var(--ld-violet-hi);outline-offset:2px}.banner.chrome-tip:has(~.landing){z-index:35;background:#221d0ff7;max-width:880px;margin:0 auto;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 14px 36px #0000008c}.banner.chrome-tip~.landing{padding-bottom:96px}.ld-monitor{background:radial-gradient(820px 420px at 22% 34%,#7c3aed24,#0000 70%),radial-gradient(600px 360px at 88% 26%,#e04ba90f,#0000 70%);position:relative}.ld-hero{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:64px;padding:40px 0 32px;display:grid}.ld-title{letter-spacing:-.01em;align-items:baseline;font-size:clamp(68px,8.6vw,124px);font-weight:800;line-height:.92;display:flex}.ld-title .icu{font-family:var(--ld-f-num);color:var(--ld-violet);letter-spacing:.01em;text-shadow:0 0 22px var(--ld-violet-glow), 0 0 2px #ddd6fe99;margin-left:.04em;font-weight:700;font-stretch:75%}.ld-slogan{letter-spacing:.02em;margin:20px 0 0;font-size:clamp(23px,2.4vw,34px);font-weight:800;line-height:1.3}.ld-slogan em{color:var(--ld-hot);font-style:normal}.ld-lead{max-width:33em;color:var(--ld-ink-2);margin:14px 0 0;font-size:16.5px;line-height:1.85}.ld-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ld-notes{color:var(--ld-dim);gap:6px;margin:18px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.ld-notes li{align-items:baseline;gap:10px;display:flex}.ld-notes .k{letter-spacing:.04em;color:var(--ld-violet);border:1px solid #a78bfa73;border-radius:4px;flex:none;padding:0 6px;font-size:12px;font-weight:700;line-height:19px;transform:translateY(-1px)}.ld-notes .k.warn{color:var(--ld-amber);border-color:#f2c14e73}.ld-notes b{color:var(--ld-ink-2);font-weight:600}.ld-vitals{border-left:1px solid var(--ld-line)}.ld-live{font-family:var(--ld-f-mono);letter-spacing:.08em;color:var(--ld-coral);border-bottom:1px solid var(--ld-line);justify-content:flex-end;align-items:center;gap:8px;margin:0;padding:0 0 10px 26px;font-size:12.5px;font-weight:700;display:flex}.ld-cross{flex:none;width:12px;height:12px}.ld-dot{background:var(--ld-coral);width:8px;height:8px;box-shadow:0 0 10px var(--ld-coral);border-radius:50%;animation:1.6s step-end infinite ld-blink}@keyframes ld-blink{50%{opacity:.25}}.ld-vital{border-bottom:1px solid var(--ld-line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lab num""cap num";align-items:center;gap:3px 16px;padding:14px 0 14px 26px;display:grid}.ld-vital:last-child{border-bottom:0}.ld-vital .lab{font-family:var(--ld-f-mono);letter-spacing:.04em;color:var(--c);grid-area:lab;align-self:end;align-items:center;gap:8px;font-size:13px;display:flex}.ld-vital .cap{color:var(--ld-dim);grid-area:cap;align-self:start;font-size:12.5px;line-height:1.55}.ld-vital .num{font-family:var(--ld-f-num);color:var(--c);text-shadow:0 0 18px var(--g);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:num;justify-self:end;font-size:58px;font-weight:600;font-stretch:75%;line-height:.9}.ld-vital .num small{font-family:var(--ld-f-cn);text-shadow:none;opacity:.9;margin-left:5px;font-size:16px;font-weight:700}.ld-vital .num .cnn{font-family:var(--ld-f-cn);margin-left:2px;font-size:.68em;font-weight:800}.v-goal{--c:var(--ld-violet);--g:#8b5cf680}.v-score{--c:var(--ld-amber);--g:#f2c14e61}.v-up{--c:var(--ld-sky);--g:#74c8ff61}.v-sub{--c:var(--ld-ink);--g:#f0eef940}.ld-heart{width:13px;height:13px;color:var(--ld-coral);transform-origin:50%;animation:1.2s ease-out infinite ld-beat}@keyframes ld-beat{0%,30%,to{transform:scale(1)}12%{transform:scale(1.35)}}.ld-trace{border-top:1px solid var(--ld-line);border-bottom:1px solid var(--ld-line);background-color:#0b0a13;background-image:linear-gradient(#a78bfa13 1px,#0000 1px),linear-gradient(90deg,#a78bfa13 1px,#0000 1px),linear-gradient(#a78bfa08 1px,#0000 1px),linear-gradient(90deg,#a78bfa08 1px,#0000 1px);background-position:50% 12px;background-size:100px 100px,100px 100px,20px 20px,20px 20px;height:262px;position:relative;overflow:hidden}.tr-d{width:1440px;height:262px;margin-left:-720px;position:absolute;top:0;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tr-m{display:none}.tr-d svg,.tr-m svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.w-lab text{font-family:var(--ld-f-mono);fill:#a29ec2;text-anchor:middle;letter-spacing:.02em;animation:ld-hear var(--dur) linear infinite}@keyframes ld-hear{0%,9%{fill:#fbf9ff}30%,to{fill:#a29ec2}}.w-sep line{stroke:#f0eef921;stroke-width:1px;stroke-dasharray:3 4}.t-cap{font-family:var(--ld-f-cn);letter-spacing:.06em;font-weight:700}.t-cap.bad{fill:var(--ld-dim)}.t-cap.good{fill:var(--ld-violet)}.ld-trace .chan,.ld-trace .src{font-family:var(--ld-f-mono);letter-spacing:.05em;z-index:1;font-size:12px;position:absolute;top:11px}.ld-trace .chan{left:max(16px, calc((100% - var(--ld-wrap)) / 2));color:var(--ld-violet)}.ld-trace .src{right:max(16px, calc((100% - var(--ld-wrap)) / 2));color:var(--ld-dim)}.ld-trace .src b{color:var(--ld-ink-2);font-weight:500}.cap-l,.cap-r{letter-spacing:.06em;z-index:1;white-space:nowrap;font-size:16px;font-weight:700;position:absolute;bottom:40px}.cap-l{color:var(--ld-dim);left:max(16px,50% - 470px)}.cap-r{color:var(--ld-violet);text-shadow:0 0 12px var(--ld-violet-glow);right:max(16px,50% - 470px)}.t-sub{text-align:center;z-index:1;width:max-content;max-width:calc(100% - 32px);position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.t-sub .en{font-family:var(--ld-f-en);letter-spacing:.01em;color:#fff;text-shadow:0 2px #000,0 0 3px #000;font-size:30px;font-weight:800;line-height:1.25}.t-sub .zh{color:var(--ld-violet-hi);text-shadow:0 1px #000;margin-top:2px;font-size:19px;font-weight:600;line-height:1.4}.ld-sec{border-top:1px solid var(--ld-line);padding:96px 0}.ld-eyebrow{color:var(--ld-violet);letter-spacing:.12em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.ld-eyebrow:before{content:"";background:var(--ld-violet);width:18px;height:2px;box-shadow:0 0 8px var(--ld-violet-glow)}.landing .ld-h2{letter-spacing:.01em;margin:12px 0 0;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.2}.ld-sub{color:var(--ld-ink-2);text-wrap:balance;max-width:32em;margin:12px 0 0;font-size:16px;line-height:1.85}.ld-feat-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;display:grid}.ld-legend{gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.ld-legend li{color:var(--ld-ink-2);grid-template-columns:24px minmax(0,1fr);align-items:baseline;gap:12px;font-size:14.5px;line-height:1.6;display:grid}.ld-legend b{color:var(--ld-ink);margin-right:8px;font-weight:700}.ld-pin{background:var(--ld-fill);width:22px;height:22px;color:var(--ld-on-fill);font:700 12px/1 var(--ld-f-num);border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid;transform:translateY(-1px)}.ld-mock{margin:0;container-type:inline-size}.ld-screen{aspect-ratio:16/9;border:1px solid var(--ld-line-2);box-shadow:0 30px 70px #00000073, 0 0 0 6px #141123e6, 0 0 0 7px var(--ld-line);background:url(/assets/home-still-Cn3ptqGJ.webp) 50%/cover no-repeat,radial-gradient(42% 60% at 74% 52%,#e296606b,#0000 70%),radial-gradient(40% 58% at 24% 60%,#4e74aa75,#0000 72%),radial-gradient(70% 45% at 50% 0,#f0dcaa29,#0000 70%),linear-gradient(#2a323e,#191d25 60%,#11141a);border-radius:14px;position:relative;overflow:hidden}.ld-screen:after{content:"";background:linear-gradient(#0000 50%,#00000080);position:absolute;inset:0}.ld-screen .ld-pin{z-index:2;box-shadow:0 0 0 3px #0b0a138c, 0 0 14px var(--ld-violet-glow);text-shadow:none;margin-right:10px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.ld-screen .note-top>span,.ld-screen .subs .en>span,.ld-screen .subs .zh>span{display:inline-block;position:relative}.ld-screen .note-top{z-index:1;color:#f6d27a;text-align:center;text-shadow:0 1px #000,0 0 6px #000c;width:max-content;max-width:80%;font-size:clamp(11px,2.2cqi,15px);font-weight:700;position:absolute;top:10%;left:50%;transform:translate(-50%)}.ld-screen .subs{z-index:1;text-align:center;padding:0 12%;position:absolute;bottom:8%;left:0;right:0}.ld-screen .subs .en{font-family:var(--ld-f-en);color:#fff;text-shadow:0 2px #000,0 0 3px #000;font-size:clamp(15px,3.6cqi,26px);font-weight:800;line-height:1.3}.ld-screen .subs .zh{color:#fff;text-shadow:0 1px #000,0 0 3px #000;margin-top:3px;font-size:clamp(12px,2.5cqi,18px);font-weight:600}.ld-screen .ctl{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14181e9e;border:1px solid #ffffff1a;border-radius:9px;gap:6px;padding:8px;font-size:clamp(10px,1.75cqi,14px);display:grid;position:absolute;top:32%;right:4%}.ld-screen .seg{border:1px solid #ffffff1f;border-radius:6px;display:flex;overflow:hidden}.ld-screen .seg span{color:#cfd6dc;padding:2px 9px}.ld-screen .seg span.on{color:#1d1405;background:#e8b96ad9;font-weight:700}.ld-screen .loop{text-align:center;color:#0f1a13;background:#54c47ad9;border-radius:6px;padding:3px 0;font-weight:700}.ld-mock-cap{color:var(--ld-dim);letter-spacing:.04em;text-align:right;margin-top:16px;font-size:12.5px}.ld-orders{border:1px solid var(--ld-line-2);background:linear-gradient(#141123e6,#14112359);border-radius:14px;margin:72px 0 0;padding:0;list-style:none;overflow:hidden}.ld-orders-head{border-bottom:1px solid var(--ld-line-2);color:var(--ld-dim);letter-spacing:.06em;background:#a78bfa0d;justify-content:space-between;align-items:center;gap:12px;padding:13px 28px;font-size:13px;display:flex}.ld-orders-head b{color:var(--ld-violet);letter-spacing:.3em;font-size:14px}.ld-order{border-top:1px dashed var(--ld-line);grid-template-columns:52px 250px minmax(0,1fr) auto;align-items:center;gap:0 32px;padding:22px 28px;display:grid}.ld-orders-head+.ld-order{border-top:0}.ld-order .no{font-family:var(--ld-f-num);color:var(--ld-violet);text-shadow:0 0 14px var(--ld-violet-glow);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;font-stretch:75%;line-height:1}.ld-order h3{font-size:18px;font-weight:800;line-height:1.45}.ld-order p{color:var(--ld-ink-2);margin:0;font-size:15px;line-height:1.8}.ld-order .tag{text-align:right;font-family:var(--ld-f-mono);color:var(--ld-dim);border:1px solid var(--ld-line-2);letter-spacing:.03em;white-space:nowrap;border-radius:5px;justify-self:end;padding:1px 8px;font-size:12px;line-height:20px}.ld-steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin:56px 0 0;padding:0;list-style:none;display:grid}.ld-step{border-top:2px solid var(--ld-violet);background:linear-gradient(#8b5cf61a,#0000 120px);padding:18px 26px 28px 0;position:relative}.ld-step:not(:first-child){border-left:2px solid var(--ld-violet);padding-left:26px}.ld-step:first-child{margin-top:126px}.ld-step:nth-child(2){margin-top:84px}.ld-step:nth-child(3){margin-top:42px}.ld-step:before{content:"";background:var(--ld-violet-hi);width:8px;height:8px;box-shadow:0 0 10px var(--ld-violet);border-radius:50%;position:absolute;top:-5px;left:-5px}.ld-step:first-child:before{left:0}.ld-step .n{font-family:var(--ld-f-num);color:var(--ld-violet);text-shadow:0 0 16px var(--ld-violet-glow);font-size:44px;font-weight:700;font-stretch:75%;line-height:1}.ld-step h3{align-items:center;gap:10px;margin:8px 0 0;font-size:20px;font-weight:800;display:flex}.ld-step p{color:var(--ld-ink-2);margin:8px 0 0;font-size:14.5px;line-height:1.8}.ld-step .lock{background:var(--ld-scr);border:1px solid var(--ld-line-2);width:24px;height:24px;color:var(--ld-dim);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;left:-13px}.ld-pal{aspect-ratio:4/5;--eye:#241805;background:linear-gradient(165deg,#f4ca63,#d9a338);border-radius:48% 48% 40% 40%/56% 56% 44% 44%;position:absolute;box-shadow:inset 0 -3px #0000001f}.ld-pal:before{content:"";background:radial-gradient(circle, var(--eye) 0 44%, transparent 50%) left / 30% 100% no-repeat, radial-gradient(circle, var(--eye) 0 44%, transparent 50%) right / 30% 100% no-repeat;height:14%;position:absolute;top:32%;left:24%;right:24%}.ld-pal:after{content:"";border:2.5px solid var(--eye);border-top:0;border-radius:0 0 999px 999px;width:24%;height:10%;position:absolute;top:54%;left:38%}.ld-st-pal{width:46px;height:58px;position:absolute;top:-60px;right:42px}.ld-st-pal .ld-pal{filter:drop-shadow(0 0 10px #f2c14e40);inset:0;transform:rotate(-4deg)}.ld-st-pal .flag{background:var(--ld-ink-2);transform-origin:50% 100%;border-radius:2px;width:2.5px;height:84px;position:absolute;top:-26px;left:-1px;transform:rotate(-5deg)}.ld-st-pal .flag:after{content:"";background:var(--ld-violet);clip-path:polygon(0 0,100% 50%,0 100%);width:22px;height:15px;filter:drop-shadow(0 0 6px var(--ld-violet-glow));position:absolute;top:0;left:2px}.ld-motto{letter-spacing:.02em;align-items:center;gap:18px;margin:72px 0 0;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.35;display:flex}.ld-motto svg{flex:none;width:80px;height:44px}.ld-motto em{color:var(--ld-violet);text-shadow:0 0 18px var(--ld-violet-glow);font-style:normal}.ld-method{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:56px;margin-top:36px;display:grid}.ld-rules{gap:22px;padding-top:52px;display:grid}.ld-rules h3{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.ld-rules h3 svg{color:var(--ld-amber);flex:none}.ld-rules p{color:var(--ld-ink-2);margin:8px 0 0;font-size:15px;line-height:1.85}.ld-demo{background:linear-gradient(#282e36c7,#1a1e24c7);border:1px solid #ffffff17;border-radius:14px;padding:18px 20px 20px;box-shadow:0 24px 60px #0006;container-type:inline-size}.dm-cap{color:#d8dde2;text-wrap:balance;margin:0;font-size:14px}.dm-screen{background:radial-gradient(40% 70% at 72% 40%,#e2966057,#0000 70%),radial-gradient(36% 70% at 22% 55%,#4e74aa61,#0000 72%),linear-gradient(#232a34,#15181e 70%,#101318);border-radius:10px;height:128px;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.dm-tabs{background:#0a0c0f99;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:1fr 1fr;font-size:12px;display:inline-grid;position:absolute;top:10px;left:10px}.dm-tabs b{z-index:1;text-align:center;color:#ffffffd1;padding:2px 12px;font-weight:600;position:relative}.dm-ind{width:50%;box-shadow:inset 0 0 0 1px var(--ld-violet);background:#7c3aed4d;border-radius:999px;position:absolute;top:0;bottom:0;left:0;transform:translate(100%)}.dm-subs{text-align:center;padding:0 12px;position:absolute;bottom:14px;left:0;right:0}.dm-en{font-family:var(--ld-f-en);color:#fff;text-shadow:0 2px #000,0 0 3px #000;font-size:21px;font-weight:800;line-height:1.3}.dm-zh{color:#fff;text-shadow:0 1px #000,0 0 3px #000;margin-top:2px;font-size:15px;font-weight:600}.dm-mask{flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:18px;left:0;right:0}.dm-mask-lab,.dm-mask i{opacity:0}.dm-mask-lab{color:#ffffff9e;letter-spacing:.04em;margin-bottom:2px;font-size:11.5px}.dm-mask i{border-radius:999px;display:block}.dm-mask .mask-en{background:#ffffff2b;width:56%;height:14px}.dm-mask .mask-zh{background:#f6d27a33;width:34%;height:11px}.dm-prac{margin-top:14px;font-size:clamp(13px,4cqi,23px)}.dm-field{width:19.4em;height:8.05em;font-family:var(--ld-f-en);margin:0 auto;position:relative}.dm-ans,.dm-ans-ok,.dm-bank,.dm-res-row{border-radius:12px;position:absolute;left:-.6em;right:-.6em}.dm-ans,.dm-ans-ok{height:3.5em;top:0}.dm-ans{background:#ffffff08;border:1.5px dashed #ffffff29}.dm-ans-ok{background:#54c47a1c;border:1.5px solid #54c47a99;box-shadow:0 0 0 4px #54c47a12}.dm-bank{opacity:0;background:#ffffff05;border:1px solid #ffffff12;height:3.6em;top:4.4em}.dm-res-row{height:3.6em;font-family:var(--ld-f-cn);justify-content:space-between;align-items:center;gap:.8em;padding:0 .15em 0 .35em;display:flex;top:4.4em}.dm-res{color:#9be6b6;white-space:nowrap;align-items:center;gap:.4em;font-size:.9em;font-weight:700;display:inline-flex}.dm-res .tick{color:#06200f;background:#54c47a;border-radius:50%;place-items:center;width:1.5em;height:1.5em;font-size:.82em;font-weight:800;display:inline-grid;box-shadow:0 0 0 4px #54c47a29}.dm-res b{font-family:var(--ld-f-en);font-variant-numeric:tabular-nums}.dm-next{white-space:nowrap;color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9px;align-items:center;height:2.2em;padding:0 .95em;font-size:.72em;display:flex}.dm-slot,.dm-chip{top:.72em;left:calc(var(--x) * 1em);width:calc(var(--w) * 1em);height:2.05em;position:absolute}.dm-slot{opacity:0;background:#ffffff05;border:1px dashed #ffffff29;border-bottom:2px dashed #ffffff4d;border-radius:7px 7px 3px 3px}.dm-qm{color:#ffffffbf;align-items:center;height:2.05em;font-weight:600;display:flex;position:absolute;top:.72em;left:18.75em}.dm-chip{color:#eef3f4;white-space:nowrap;background:linear-gradient(#343a3d 0%,#262a2d 100%);border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;font-size:1em;font-weight:600;display:flex;box-shadow:0 1px 2px #0000004d,0 3px 8px #00000047,inset 0 1px #ffffff17}.dm-chip:before{content:"";border-radius:inherit;opacity:0;box-shadow:0 0 0 1.5px var(--ld-violet), 0 0 14px #8b5cf673, 0 10px 20px #00000080;position:absolute;inset:-1px}.dm-chip:after{content:"";border-radius:inherit;background:#54c47a29;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #54c47a99}.dm-foot{color:#fff9;font-variant-numeric:tabular-nums;white-space:nowrap;border-top:1px solid #ffffff12;align-items:center;gap:.5em;margin-top:.9em;padding-top:.75em;font-size:13px;display:flex}.dm-n{text-align:right;color:#fff;width:1.9em;font-weight:600;display:inline-block;position:relative}.dm-n i{font-style:normal;display:inline-block}.dm-n .n0{opacity:0;position:absolute;right:0}.dm-of{margin-left:-.4em}.dm-meter{background:#ffffff1a;border-radius:999px;flex:1;min-width:3em;height:.45em;position:relative;overflow:hidden}.dm-meter i{border-radius:inherit;transform-origin:0;position:absolute;inset:0}.dm-meter .m0{transform:scaleX(var(--from,.98));opacity:0;background:#c9a45c}.dm-meter .m1{background:#54c47a}.dm-met{color:#8fe0ad;font-weight:600}@media (prefers-reduced-motion:no-preference){.ld-demo{--T:15s;--phase:calc(var(--T) * -.78)}.dm-ind{animation:dm-ind var(--T) cubic-bezier(.6, 0, .2, 1) var(--phase) infinite both}.dm-mask-lab,.dm-mask .mask-en{animation:dm-men var(--T) ease var(--phase) infinite both}.dm-mask .mask-zh{animation:dm-mzh var(--T) ease var(--phase) infinite both}.dm-subs{animation:dm-txt var(--T) ease var(--phase) infinite both}.dm-prac{animation:dm-prac var(--T) ease var(--phase) infinite both}.dm-slot{animation:dm-slot var(--T) linear var(--phase) infinite both}.dm-ans-ok{animation:dm-ok var(--T) ease var(--phase) infinite both}.dm-bank{animation:dm-bank var(--T) linear var(--phase) infinite both}.dm-res{animation:dm-res var(--T) cubic-bezier(.2, .9, .3, 1.3) var(--phase) infinite both}.dm-next{animation:dm-next var(--T) ease var(--phase) infinite both}.dm-chip:after{animation:dm-ok var(--T) ease var(--phase) infinite both}.dm-chip.c0{animation:dm-fly0 var(--T) linear var(--phase) infinite both}.dm-chip.c1{animation:dm-fly1 var(--T) linear var(--phase) infinite both}.dm-chip.c2{animation:dm-fly2 var(--T) linear var(--phase) infinite both}.dm-chip.c3{animation:dm-fly3 var(--T) linear var(--phase) infinite both}.dm-chip.c4{animation:dm-fly4 var(--T) linear var(--phase) infinite both}.dm-chip:before{animation:dm-lift var(--T) ease calc(var(--i) * var(--T) * .05 + var(--phase)) infinite both}.dm-n .n0{animation:dm-n0 var(--T) ease var(--phase) infinite both}.dm-n .n1{animation:dm-n1 var(--T) ease var(--phase) infinite both}.dm-meter .m0{animation:dm-m0 var(--T) linear var(--phase) infinite both}.dm-meter .m1{animation:dm-m1 var(--T) cubic-bezier(.3, .7, .2, 1) var(--phase) infinite both}.dm-met{animation:dm-met var(--T) ease var(--phase) infinite both}.ld-demo.is-off *,.ld-demo.is-off :before,.ld-demo.is-off :after{animation-play-state:paused}}@keyframes dm-ind{0%,31%{transform:translate(0)}34%,93%{transform:translate(100%)}98%,to{transform:translate(0)}}@keyframes dm-men{0%,3%{opacity:0;transform:translateY(6px)}7%,67%{opacity:1;transform:none}71%,to{opacity:0;transform:none}}@keyframes dm-mzh{0%,10%{opacity:0;transform:translateY(5px)}14%,67%{opacity:1;transform:none}71%,to{opacity:0;transform:none}}@keyframes dm-txt{0%,68%{opacity:0;transform:translateY(6px)}72%,93%{opacity:1;transform:none}98%,to{opacity:0;transform:none}}@keyframes dm-prac{0%{opacity:0}4%,33%{opacity:.4}37%,93%{opacity:1}98%,to{opacity:0}}@keyframes dm-slot{0%,67%{opacity:1}70%,to{opacity:0}}@keyframes dm-ok{0%,67%{opacity:0}71%,to{opacity:1}}@keyframes dm-bank{0%,67%{opacity:1}70%,to{opacity:0}}@keyframes dm-res{0%,69%{opacity:0;transform:translateY(5px)scale(.92)}73%,to{opacity:1;transform:none}}@keyframes dm-next{0%,72%{opacity:0;transform:translate(-6px)}76%,to{opacity:1;transform:none}}@keyframes dm-fly0{0%,42%{transform:translate(calc(var(--dx) * 1em), calc(var(--dy) * 1em));animation-timing-function:cubic-bezier(.4,0,.8,.6)}45%{transform:translate(calc(var(--dx) * .45em), calc(var(--dy) * .45em - 1.1em)) scale(1.06);animation-timing-function:cubic-bezier(.2,.4,.2,1)}48%,to{transform:none}}@keyframes dm-fly1{0%,47%{transform:translate(calc(var(--dx) * 1em), calc(var(--dy) * 1em));animation-timing-function:cubic-bezier(.4,0,.8,.6)}50%{transform:translate(calc(var(--dx) * .45em), calc(var(--dy) * .45em - 1.1em)) scale(1.06);animation-timing-function:cubic-bezier(.2,.4,.2,1)}53%,to{transform:none}}@keyframes dm-fly2{0%,52%{transform:translate(calc(var(--dx) * 1em), calc(var(--dy) * 1em));animation-timing-function:cubic-bezier(.4,0,.8,.6)}55%{transform:translate(calc(var(--dx) * .45em), calc(var(--dy) * .45em - 1.1em)) scale(1.06);animation-timing-function:cubic-bezier(.2,.4,.2,1)}58%,to{transform:none}}@keyframes dm-fly3{0%,57%{transform:translate(calc(var(--dx) * 1em), calc(var(--dy) * 1em));animation-timing-function:cubic-bezier(.4,0,.8,.6)}60%{transform:translate(calc(var(--dx) * .45em), calc(var(--dy) * .45em - 1.1em)) scale(1.06);animation-timing-function:cubic-bezier(.2,.4,.2,1)}63%,to{transform:none}}@keyframes dm-fly4{0%,62%{transform:translate(calc(var(--dx) * 1em), calc(var(--dy) * 1em));animation-timing-function:cubic-bezier(.4,0,.8,.6)}65%{transform:translate(calc(var(--dx) * .45em), calc(var(--dy) * .45em - 1.1em)) scale(1.06);animation-timing-function:cubic-bezier(.2,.4,.2,1)}68%,to{transform:none}}@keyframes dm-lift{0%,41.5%{opacity:0}43.5%,46%{opacity:1}48%,to{opacity:0}}@keyframes dm-n0{0%,70.5%{opacity:1;transform:none}71.5%,to{opacity:0;transform:translateY(-.35em)}}@keyframes dm-n1{0%,71.5%{opacity:0;transform:translateY(.35em)}72.5%,to{opacity:1;transform:none}}@keyframes dm-m0{0%,72%{opacity:1}76%,to{opacity:0}}@keyframes dm-m1{0%,70%{opacity:0;transform:scaleX(var(--from,.98))}76%,to{opacity:1;transform:none}}@keyframes dm-met{0%,73%{opacity:0}77%,to{opacity:1}}.ld-split{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:64px;display:grid}.ld-split+.ld-split{margin-top:96px}.ld-split .ld-sub{font-size:15px}.ld-who{gap:20px;margin:0;padding:0;list-style:none;display:grid}.ld-bubble{border-radius:22px;padding:22px 26px 24px;position:relative}.ld-bubble:after{content:"";background:inherit;width:16px;height:20px;position:absolute;bottom:0}.ld-bubble.kid{background:#1d1b14;border-bottom-left-radius:6px;margin:0 clamp(110px,24%,220px) 0 76px;box-shadow:inset 0 0 0 1px #f2c14e21}.ld-bubble.kid:after{clip-path:polygon(100% 0,100% 100%,0 100%);left:-12px}.ld-bubble.parent{background:#1d1832;border-bottom-right-radius:6px;margin:0 76px 0 clamp(110px,24%,220px)}.ld-bubble.parent:after{clip-path:polygon(0 0,100% 100%,0 100%);right:-12px}.ld-bubble h3{font-size:18px;font-weight:800}.ld-bubble.kid h3{color:#f4d27f}.ld-bubble.parent h3{color:var(--ld-violet-hi)}.ld-bubble p{color:var(--ld-ink-2);margin:8px 0 0;font-size:15px;line-height:1.85}.ld-av{background:var(--ld-scr-2);width:56px;height:56px;box-shadow:0 0 0 1px var(--ld-line-2);border-radius:50%;position:absolute;bottom:0}.ld-bubble.kid .ld-av{left:-76px}.ld-bubble.parent .ld-av{right:-76px}.ld-av .ld-pal{width:28px;margin-left:-14px;bottom:7px;left:50%}.ld-bubble.kid .ld-av .ld-pal{transform:rotate(-4deg)}.ld-bubble.kid .ld-av:before{content:"";z-index:1;border:3px solid var(--ld-violet);border-bottom:0;border-radius:28px 28px 0 0;height:27px;position:absolute;top:8px;left:10px;right:10px}.ld-bubble.kid .ld-av:after{content:"";z-index:1;background:var(--ld-violet);width:8px;height:13px;box-shadow:32px 0 0 var(--ld-violet);border-radius:4px;position:absolute;top:27px;left:8px}.ld-bubble.parent .ld-av .ld-pal{--eye:#1e0b3d;background:linear-gradient(165deg,#c4b5fd,#8b5cf6);width:32px;margin-left:-16px;bottom:5px;transform:rotate(3deg)}.ld-need{border:1px solid var(--ld-line-2);background:var(--ld-scr-2);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ld-need li{grid-template-columns:24px minmax(0,1fr);gap:16px;padding:22px 26px;display:grid}.ld-need li:nth-child(n+3){border-top:1px dashed var(--ld-line-2)}.ld-need li:nth-child(2n){border-left:1px dashed var(--ld-line-2)}.ld-ic{width:22px;height:22px;color:var(--ld-violet);filter:drop-shadow(0 0 6px #8b5cf659);flex:none;margin-top:2px}.ld-ic svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.ld-need b{font-size:16.5px;font-weight:800;display:block}.ld-need span{color:var(--ld-ink-2);margin-top:4px;font-size:15px;line-height:1.8;display:block}.ld-need span .ld-nw{margin:0;display:inline}.ld-need span em{color:var(--ld-amber);font-style:normal;font-weight:700}.ld-need li.tip b{color:var(--ld-ink-2);font-size:15px}.ld-need li.tip span{color:var(--ld-dim);font-size:14px}.ld-need li.tip .ld-ic{color:var(--ld-dim);filter:none}.ld-end{border-top:1px solid var(--ld-line);text-align:center;padding:0 0 92px}.ld-end-trace{height:84px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.ld-end-trace svg{width:1440px;height:80px;margin-left:-720px;position:absolute;top:0;left:50%}.ld-end-title{text-wrap:balance;max-width:26em;margin:30px auto 0;font-size:clamp(24px,2.8vw,36px);font-weight:800;line-height:1.35}.ld-end .ld-cta{justify-content:center}.ld-after{color:var(--ld-dim);text-wrap:balance;max-width:30em;margin:18px auto 0;font-size:13.5px}.ld-foot{border-top:1px solid var(--ld-line);text-align:center;color:var(--ld-dim);padding:24px 0 36px;font-size:12.5px}.ld-foot p{margin:0}.ld-foot-brand{letter-spacing:.04em;text-wrap:balance}.ld-foot .ld-foot-en{max-width:46em;font-family:var(--ld-f-en);text-wrap:balance;margin:8px auto 0;font-size:13px;line-height:1.6}.ld-foot-links{flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:12px;display:flex}.ld-foot-links a{color:var(--ld-ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--ld-line-2);text-decoration-color:var(--ld-line-2);text-underline-offset:3px}.ld-foot-links a:hover{color:var(--ld-violet);text-decoration-color:currentColor}.ld-foot-links a:focus-visible{outline:2px solid var(--ld-violet-hi);outline-offset:2px;border-radius:2px}@media (width>=1081px) and (height>=861px){.ld-hero{padding:72px 0 36px}}@media (width>=761px) and (height<=860px){.ld-hero{padding:24px 0 18px}.ld-title{font-size:min(8.6vw,104px)}.ld-slogan{margin-top:14px;font-size:30px}.ld-lead{margin-top:10px;font-size:16px;line-height:1.75}.ld-cta{margin-top:20px}.ld-notes{gap:4px;margin-top:12px}.ld-vital{padding-top:10px;padding-bottom:10px}.ld-vital .num{font-size:52px}}@media (width>=761px) and (height<=720px){.ld-hero{padding:14px 0 10px}.ld-title{font-size:min(8.6vw,88px)}.ld-slogan{margin-top:10px;font-size:28px}.ld-lead{margin-top:8px;font-size:15.5px;line-height:1.7}.ld-cta{margin-top:16px}.landing .ld-cta .btn.big{height:44px}.ld-notes{margin-top:10px}.ld-vital{padding-top:8px;padding-bottom:8px}.ld-vital .num{font-size:48px}.ld-trace{height:236px}.tr-d{top:-12px}.t-sub{bottom:10px}.t-sub .en{font-size:26px}.t-sub .zh{font-size:17px}.cap-l,.cap-r{bottom:30px}}@media (width>=761px) and (height<=640px){.ld-hero{padding:10px 0 8px}.ld-title{font-size:min(8.6vw,78px)}.ld-slogan{font-size:26px}.ld-trace{height:216px}.tr-d{top:-18px}.t-sub{bottom:8px}.t-sub .en{font-size:24px}.t-sub .zh{font-size:16px}.cap-l,.cap-r{bottom:24px}}@media (width<=1080px){.ld-hero{grid-template-columns:minmax(0,1fr) clamp(250px,30vw,310px);gap:36px}.ld-vital{grid-template-areas:"lab num";padding:11px 0 11px 18px}.ld-vital .lab{align-self:center}.ld-vital .cap{display:none}.ld-vital .num{font-size:44px}.ld-feat-top{grid-template-columns:minmax(0,1fr);gap:40px}.ld-mock{width:100%;max-width:680px;margin-inline:auto}.ld-order{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"no h3 tag""no p p";align-items:start;gap:6px 20px}.ld-order .no{grid-area:no}.ld-order h3{grid-area:h3}.ld-order p{grid-area:p}.ld-order .tag{grid-area:tag}}@media (width<=860px){.ld-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px}.ld-step,.ld-step:not(:first-child){border-top:0;border-left:2px solid var(--ld-violet);background:0 0;padding:6px 0 24px 26px;margin-top:0!important}.ld-step:nth-child(2){margin-left:14px}.ld-step:nth-child(3){margin-left:28px}.ld-step:nth-child(4){margin-left:42px}.ld-step:before,.ld-step:first-child:before{top:12px;left:-5px}.ld-step .lock{display:none}.ld-st-pal{width:32px;height:40px;top:8px;left:60px;right:auto}.ld-st-pal .flag{height:54px;top:-14px}.ld-st-pal .flag:after{width:16px;height:11px}.ld-method{grid-template-columns:minmax(0,1fr);gap:48px}.ld-rules{padding-top:0}.ld-split{grid-template-columns:minmax(0,1fr);gap:28px}.ld-split+.ld-split{margin-top:64px}.ld-need{grid-template-columns:minmax(0,1fr)}.ld-need li:nth-child(2n){border-left:0}.ld-need li:nth-child(n+2){border-top:1px dashed var(--ld-line-2)}}@media (width<=760px){.ld-hero{grid-template-columns:minmax(0,1fr);gap:32px}.ld-vitals{border-left:0;border-top:1px solid var(--ld-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.ld-live{border:0;padding:0;position:absolute;top:13px;right:0}.ld-vital{grid-template-columns:minmax(0,1fr);grid-template-areas:"lab""num""cap";row-gap:4px;padding:12px 12px 12px 0}.ld-vital:nth-of-type(2n){border-left:1px solid var(--ld-line);padding-left:16px;padding-right:0}.ld-vital:nth-of-type(-n+2){border-bottom:1px solid var(--ld-line)}.ld-vital:nth-of-type(n+3){border-bottom:0}.ld-vital .lab{align-self:auto}.ld-vital .cap{font-size:12px;line-height:1.5;display:block}.ld-vital .num{justify-self:start;margin-top:2px;font-size:50px}.ld-vital .num small{font-size:14px}.ld-trace{background-position:50% 6px;height:auto}.tr-d{display:none}.tr-m{aspect-ratio:560/220;width:100%;display:block;position:relative}.ld-trace .src,.cap-l,.cap-r{display:none}.t-sub{width:auto;max-width:none;padding:0 16px 20px;position:static;transform:none}.t-sub .en{font-size:24px}.t-sub .zh{font-size:16.5px}}@media (width<=640px){.landing{--ld-gut:16px}.ld-bar{padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));gap:8px}.ld-nav{gap:2px}.ld-nav a{min-width:64px;padding:0 8px;font-size:13.5px}.ld-hero{gap:26px;padding:26px 0 22px}.ld-title{font-size:78px}.ld-slogan{margin-top:16px;font-size:24px}.ld-lead{font-size:15.5px;line-height:1.85}.ld-cta{margin-top:22px}.ld-cta .btn.big{flex:140px;padding:0 16px}.ld-cta .install{flex:140px;display:flex}.ld-cta .install .btn.big{flex:1}.ld-notes{font-size:13px}.ld-vital:nth-of-type(2n){padding-left:14px}.ld-sec{padding:64px 0}.ld-sub{font-size:15.5px}.ld-legend{margin-top:22px}.ld-legend li{font-size:14px}.ld-screen{box-shadow:0 20px 40px #00000073, 0 0 0 4px #141123e6, 0 0 0 5px var(--ld-line);border-radius:10px}.ld-screen .ld-pin{width:17px;height:17px;margin-right:6px;font-size:10px}.ld-screen .ctl{gap:5px;padding:6px;font-size:10px}.ld-screen .seg span{padding:1px 6px}.ld-mock-cap{text-align:left}.ld-orders{border-radius:12px;margin-top:44px}.ld-orders-head{padding:11px 16px}.ld-order{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"no h3""no p""no tag";gap:6px 14px;padding:18px 16px}.ld-order .no{font-size:28px}.ld-order h3{font-size:17px}.ld-order .tag{justify-self:start;margin-top:4px}.ld-motto{align-items:flex-start;gap:12px;margin-top:44px}.ld-motto svg{width:50px;height:28px;margin-top:8px}.ld-motto em{display:block}.ld-demo{padding:14px 14px 16px}.dm-screen{height:112px}.dm-en{font-size:18px}.dm-zh{font-size:14px}.dm-foot{font-size:12px}.ld-bubble{padding:18px 18px 20px}.ld-bubble.kid{margin:0 0 0 58px}.ld-bubble.parent{margin:0 58px 0 0}.ld-av{width:46px;height:46px}.ld-bubble.kid .ld-av{left:-58px}.ld-bubble.parent .ld-av{right:-58px}.ld-av .ld-pal{width:23px;margin-left:-11.5px;bottom:6px}.ld-bubble.kid .ld-av:before{border-width:2.5px;height:22px;top:6px;left:8px;right:8px}.ld-bubble.kid .ld-av:after{width:7px;height:11px;box-shadow:27px 0 0 var(--ld-violet);top:22px;left:6px}.ld-bubble.parent .ld-av .ld-pal{width:26px;margin-left:-13px;bottom:4px}.ld-bubble h3{font-size:17px}.ld-need li{gap:12px;padding:16px}.ld-split .ld-sub{margin-top:8px}.ld-end{padding-bottom:64px}.ld-end-title{font-size:24px}}@media (prefers-reduced-motion:reduce){.ld-dot,.ld-heart{animation:none}.ld-trace .gap,.ld-trace .head{display:none}.w-lab text{animation:none}}.ld-qr{text-align:left;background:var(--ld-scr-2);border:1px solid var(--ld-line-2);border-radius:14px;align-items:center;gap:20px;margin:36px auto 0;padding:16px 22px 16px 16px;display:inline-flex}.ld-qr img{background:#fff;border-radius:8px;flex:none;width:148px;height:148px;padding:6px}.ld-qr p{margin:0}.ld-qr-title{color:var(--ld-ink);font-size:17px;font-weight:800}.ld-qr-sub{color:var(--ld-ink-2);font-size:14px;line-height:1.6;margin-top:6px!important}.ld-qr-how{color:var(--ld-violet);font-size:13px;margin-top:10px!important}.ld-qr-phone{display:none}@media (width<=760px){.ld-qr{text-align:center;flex-direction:column;gap:12px;padding:16px}.ld-qr-pc{display:none}.ld-qr-phone{display:inline}}#feedback{scroll-margin:72px 0}.ld-qr:focus,.ld-foot-links span:focus{outline:none}.ld-qr:focus-visible,.ld-foot-links span:focus-visible{outline:2px solid var(--ld-violet-hi);outline-offset:4px}@media (width<=359px){.ld-brand span{display:none}}.ld-page{--ld-wrap:820px}.ld-page-head{background:radial-gradient(720px 300px at 18% 0,#7c3aed1f,#0000 70%);padding:56px 0 10px}.ld-page-title{letter-spacing:.01em;margin:12px 0 0;font-size:clamp(32px,4.2vw,50px);font-weight:800;line-height:1.18}.ld-page-head .ld-sub{margin-top:12px}.ld-page-end{padding:36px var(--ld-gut) 72px;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ld-toc{margin-top:26px}.ld-toc ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ld-toc a{border:1px solid var(--ld-line-2);min-height:38px;color:var(--ld-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-size:14px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ld-toc a:hover{border-color:var(--ld-violet);color:var(--ld-ink);background:var(--ld-violet-faint)}.ld-toc a:focus-visible{outline:2px solid var(--ld-violet-hi);outline-offset:2px}.ld-toc .no{width:26px;height:26px;color:var(--ld-violet);font:700 13px/1 var(--ld-f-num);background:#8b5cf62e;border-radius:50%;place-items:center;display:inline-grid}@media (prefers-reduced-motion:no-preference){html:has(.ld-guide){scroll-behavior:smooth}}.ld-g-body{padding:10px 0 8px}.ld-g-sec{border-top:1px solid var(--ld-line);padding:44px 0 12px;scroll-margin-top:60px}.ld-g-h{align-items:baseline;gap:14px;margin:0 0 18px;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.3;display:flex}.ld-g-h .no{font-family:var(--ld-f-num);color:var(--ld-violet);text-shadow:0 0 14px var(--ld-violet-glow);font-variant-numeric:tabular-nums;font-size:1.15em;font-weight:600;font-stretch:75%}.ld-g-sec p{color:var(--ld-ink-2);margin:0 0 14px;font-size:16px;line-height:1.9}.ld-g-sec .ld-g-chain{color:var(--ld-ink);font-weight:700}.ld-g-sec .ld-g-note{color:var(--ld-dim);font-size:14.5px}.ld-g-row{grid-template-columns:78px minmax(0,1fr);align-items:baseline;gap:14px;margin:0 0 14px;display:grid}.ld-g-row .k{letter-spacing:.04em;color:var(--ld-violet);white-space:nowrap;border:1px solid #a78bfa73;border-radius:4px;justify-self:start;padding:0 7px;font-size:12.5px;font-weight:700;line-height:22px;transform:translateY(-1px)}.ld-g-row .k.warn{color:var(--ld-amber);border-color:#f2c14e73}.ld-g-row p{margin:0}.ld-g-row ul{color:var(--ld-ink-2);margin:0;padding-left:1.1em;font-size:16px;line-height:1.9}.ld-g-row li+li{margin-top:2px}.ld-g-table{border:1px solid var(--ld-line-2);background:var(--ld-scr-2);border-radius:12px;margin:4px 0 18px;overflow-x:auto}.ld-g-table table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.55}.ld-g-table th,.ld-g-table td{text-align:left;vertical-align:top;border-top:1px solid var(--ld-line);padding:11px 14px}.ld-g-table thead th{color:var(--ld-dim);border-top:0;font-size:13px;font-weight:600}.ld-g-table tbody th{color:var(--ld-violet);white-space:nowrap;font-weight:800}.ld-g-table td{color:var(--ld-ink-2)}.ld-g-table td:last-child{font-family:var(--ld-f-mono);white-space:nowrap}.ld-g-faq{gap:10px;margin:0;display:grid}.ld-g-faq>div{border:1px solid var(--ld-line-2);background:var(--ld-scr-2);border-radius:12px;padding:16px 18px}.ld-g-faq dt{color:var(--ld-ink);font-size:16.5px;font-weight:800}.ld-g-faq dd{color:var(--ld-ink-2);margin:6px 0 0;font-size:15.5px;line-height:1.85}.ld-about-body{max-width:680px;padding:64px 0 8px}.ld-about-body .ld-page-title{margin:0 0 28px}.ld-about-body p{color:var(--ld-ink-2);margin:0 0 18px;font-size:17px;line-height:2}.ld-about-body .ld-about-lead{color:var(--ld-ink);font-size:20px;font-weight:700;line-height:1.8}.ld-about-body ul{border-left:2px solid var(--ld-violet);margin:0 0 22px;padding:2px 0 2px 18px;list-style:none}.ld-about-body li{color:var(--ld-ink);margin:6px 0;font-size:17px;line-height:1.9}.ld-about-body .ld-about-icu{color:var(--ld-ink);font-weight:700}.ld-about-icu em{color:var(--ld-violet);text-shadow:0 0 14px var(--ld-violet-glow);font-style:normal}.ld-about .ld-end-trace{margin-top:28px}@media (width<=640px){.ld-page-head{padding-top:36px}.ld-toc a{min-height:36px;padding-right:12px;font-size:13.5px}.ld-g-sec{padding-top:36px}.ld-g-row{grid-template-columns:minmax(0,1fr);gap:6px}.ld-g-sec p,.ld-g-row ul{font-size:15.5px}.ld-g-table table{font-size:13.5px}.ld-g-table th,.ld-g-table td{padding:9px 8px}.ld-g-faq>div{padding:14px}.ld-about-body{padding-top:40px}.ld-about-body p,.ld-about-body li{font-size:16.5px}.ld-about-body .ld-about-lead{font-size:18.5px}.ld-page-end .btn.big{flex:140px;padding:0 16px}}.sp-page .sp-wrap{width:min(760px,100% - 48px)}.sp-head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;margin-bottom:12px;display:flex}.sp-pill{background:var(--ok-soft);color:var(--ok-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13.5px}.sp-note{background:var(--warn-soft);color:var(--warn);border-radius:8px;margin-right:auto;padding:4px 10px;font-size:13px}.sp-box{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px 20px 16px}.sp-msg{text-align:center;color:var(--muted);padding:36px 20px;font-size:15px;line-height:1.8}.sp-msg p{color:var(--text);margin:0 0 18px;font-size:16px}.sp-banner{border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px;padding:12px 16px;font-size:15.5px;line-height:1.6;display:flex}.sp-banner>span{flex:260px}.sp-banner.is-done{background:var(--ok-soft);color:var(--ok-text);border:1px solid #54c47a59}.sp-banner.is-skip{background:var(--warn-soft);color:var(--warn);border:1px solid #f5c4514d}.sp-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.sp-chip{border:2px solid var(--line);min-width:40px;color:var(--muted);text-align:center;cursor:pointer;font-variant-numeric:tabular-nums;background:#161226;border-radius:9px;padding:3px 6px;font-size:13px}.sp-chip i{margin-left:2px;font-style:normal}.sp-chip:hover:not(:disabled){color:var(--text);border-color:#423c5f}.sp-chip.ok{background:var(--ok-soft);color:var(--ok-text);border-color:#54c47a8c}.sp-chip.cur{border-color:var(--text);color:var(--text);font-weight:700}.sp-chip:disabled{opacity:.45;cursor:default}.sp-sent{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;margin:6px 0 16px;font-size:24px;line-height:1.75}.sp-w{cursor:pointer;border-radius:5px}.sp-w:hover{text-underline-offset:4px;-webkit-text-decoration:underline #ece9f759;text-decoration:underline #ece9f759}.sp-w.is-ok{color:var(--ok-text)}.sp-w.is-bad{background:var(--bad-soft);color:#ff8f8f;padding:0 3px}.sp-w.is-dim{color:var(--muted)}.sp-w.is-on{outline:2px solid var(--accent);outline-offset:1px}.sp-sounds{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.sp-page .sp-snd{border-radius:10px;padding:8px 14px;font-size:15px}.sp-page .sp-snd.on{border-color:var(--accent);color:var(--accent-text)}.sp-page .sp-ai{color:#c4c8ff;background:#7a81e61f;border-color:#7a81e68c}.sp-page .sp-ai:hover:not(:disabled){background:#7a81e633;border-color:#8f95f0}.sp-page .sp-ai.dim{opacity:.6}.sp-ainote{color:var(--muted);margin:-2px 0 10px;font-size:13px}.sp-recbar{margin:4px 0 10px}.sp-page .sp-rec{font-variant-numeric:tabular-nums;border-radius:12px;width:100%;padding:14px 18px;font-size:19px;font-weight:600}.sp-page .sp-rec.is-go{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink)}.sp-page .sp-rec.is-go:hover:not(:disabled){background:var(--accent-fill-hi);border-color:var(--accent-fill-hi)}.sp-page .sp-rec.is-go:active:not(:disabled){background:var(--accent-fill-down);border-color:var(--accent-fill-down)}.sp-page .sp-rec.is-rec,.sp-page .sp-rec.is-rec:disabled:hover{color:#fff;background:#c94040;border-color:#c94040}.sp-page .sp-rec.is-rec:hover:not(:disabled){background:#d84b4b;border-color:#d84b4b}.sp-page .sp-rec.is-busy,.sp-page .sp-rec.is-busy:disabled:hover{color:var(--muted);background:#2d2846;border-color:#2d2846}.sp-page .sp-rec:disabled{opacity:1;cursor:default}.sp-meter{background:#292441;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.sp-meter i{background:var(--accent-grad);width:0;height:100%;transition:width .1s linear;display:block}.sp-recoff{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#161226;border-radius:12px;margin:4px 0 10px;padding:14px 16px;font-size:15.5px;line-height:1.6}.sp-best{color:var(--muted);margin:4px 0;font-size:13.5px}.sp-best.ok{color:var(--ok-text)}.sp-zh{color:#cdc9e9;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 8px;font-size:16px;line-height:1.6;display:flex}.sp-res{border-radius:12px;margin-top:10px;padding:12px 14px;font-size:16.5px;line-height:1.7}.sp-res.is-pass{background:var(--ok-soft);color:var(--ok-text)}.sp-res.is-retry{background:var(--bad-soft);color:#ff9e9e}.sp-res.is-warn{background:var(--warn-soft);color:var(--warn)}.sp-stars{color:#f2b01e;letter-spacing:5px;margin-bottom:2px;font-size:26px;line-height:1.2}.sp-stars .off{color:#3f395c}.sp-heard{color:var(--muted);margin-top:6px;font-size:13.5px}.sp-hint{margin-top:6px;font-size:14.5px}.sp-duo{justify-content:center;gap:22px;margin:16px 0 8px;display:flex}.sp-round{border:1px solid var(--line);width:76px;height:76px;color:var(--text);cursor:pointer;background:#161226;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13.5px;display:flex}.sp-round b{font-size:21px;font-weight:400}.sp-round:hover:not(:disabled){border-color:#423c5f}.sp-round.on{border-color:var(--accent);color:var(--accent-text)}.sp-round:disabled{opacity:.4;cursor:default}.sp-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.sp-nav .btn{border-radius:10px;min-width:120px;padding:9px 18px;font-size:15px}.sp-an{z-index:60;position:fixed;inset:0}.sp-recording .wordcard .wc-say{opacity:.35;pointer-events:none}.is-mobile .sp-page .sp-wrap{width:calc(100% - 24px);padding:12px 0 calc(28px + env(safe-area-inset-bottom))}.is-mobile .sp-head{margin-bottom:8px}.is-mobile .sp-box{border-radius:12px;padding:14px 12px 12px}.is-mobile .sp-banner{padding:10px 12px;font-size:15px}.is-mobile .sp-banner .btn{flex:100%;min-height:44px}.is-mobile .sp-chips{gap:5px;margin-bottom:12px}.is-mobile .sp-chip{min-width:40px;min-height:34px;font-size:13.5px}.is-mobile .sp-sent{margin:4px 0 14px;font-size:21px;line-height:1.7}.is-mobile .sp-sounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.is-mobile .sp-snd{min-height:46px;padding:8px 4px;font-size:14.5px}.is-mobile .sp-recbar{z-index:2;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#17142a00, var(--panel) 18px);margin:6px -12px 10px;position:sticky;bottom:0}.is-mobile .sp-rec{touch-action:manipulation;min-height:58px;font-size:18px}.is-mobile .sp-recoff{margin:6px 0 10px;padding:12px;font-size:15px}.is-mobile .sp-res{font-size:16px}.is-mobile .sp-duo{gap:16px}.is-mobile .sp-round{width:72px;height:72px}.is-mobile .sp-nav .btn{flex:1 1 0;min-width:0;min-height:46px}.is-mobile .sp-zh .btn{min-height:40px;padding:4px 14px;font-size:14px}.vocab-view{min-height:100%}.vc-wrap{width:min(720px,100% - 32px);margin:0 auto;padding:22px 0 48px}.vc-done{background:var(--ok-soft);color:var(--ok-text,#8fdcaa);border:1px solid #54c47a66;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:14px;padding:9px 14px;font-size:14px;display:flex}.vc-done b{font-weight:600}.vc-done span{color:var(--muted);font-size:13px}.vc-center{text-align:center;place-items:center;min-height:58vh;padding:24px 0;display:grid}.vc-center-box{width:min(440px,100%)}.vc-ic{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-text);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.vc-center h1{margin:0;font-size:21px;line-height:1.35}.vc-center p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.vc-center .btn{margin-top:20px}.vc-center .btn+.btn{margin-left:10px}.vc-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.vc-chain li{align-items:center;gap:6px;display:inline-flex}.vc-chain i{color:#8b85a8;font-style:normal}.vc-chain span{color:var(--muted);border:1px solid #3b3557;border-radius:14px;padding:3px 11px}.vc-chain .is-cur span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.vc-chain .is-done span{color:var(--ok-text,#8fdcaa);border-color:#54c47a80}.vc-spin{border:3px solid #342e4e;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:0 auto 14px;animation:.9s linear infinite vc-spin}@keyframes vc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vc-spin{animation-duration:3s}}.vc-head{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;display:flex}.vc-head .vc-head-t{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:70%;overflow:hidden}.vc-head .meter{min-width:60px}.vc-type{color:#cdc9e9;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:15px;display:flex}.vc-tag{color:var(--warn);border:1px solid #f5c45173;border-radius:10px;padding:1px 8px;font-size:12px}.vc-sent{text-align:center;max-width:620px;color:var(--text);margin:14px auto 0;font-size:19px;line-height:1.7}.vc-blank{vertical-align:-.15em;border-bottom:2px solid var(--accent);width:3.2em;height:1.1em;margin:0 2px;display:inline-block}.vc-stage{flex-direction:column;align-items:center;margin-top:18px;display:flex}.vc-play{width:132px;height:132px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.vc-play svg.vc-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.vc-ring .track{fill:none;stroke:#292441;stroke-width:7px}.vc-ring .bar{fill:none;stroke:url(#vc-ring-g) var(--accent);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .2s}.vc-ring .g0{stop-color:var(--accent)}.vc-ring .g1{stop-color:var(--accent-2)}.vc-play.is-urgent .vc-ring .bar{stroke:var(--bad)}.vc-play.is-answered .vc-ring .bar{stroke:#413b5e}.vc-play .vc-core{background:var(--panel-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:96px;height:96px;transition:background .15s,transform .1s;display:grid}.vc-play:hover .vc-core{background:#282340}.vc-play:active .vc-core{transform:scale(.96)}.vc-play.is-playing .vc-core{background:var(--accent-soft);color:var(--accent-text);border-color:#7c3aed99}.vc-play:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.vc-left{min-height:22px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px;font-size:15px}.vc-left.is-urgent{color:var(--bad);font-weight:600}.vc-tap{color:var(--accent-text);margin-top:10px;font-size:15px}.vc-note{color:var(--warn);margin-top:10px;font-size:14px}.vc-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.vc-opts.is-mean{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-opt{border:1px solid var(--line);background:var(--panel);min-height:56px;color:var(--text);cursor:pointer;text-align:center;border-radius:12px;padding:12px 14px;font-size:20px;line-height:1.3;transition:border-color .12s,background .12s,opacity .2s;position:relative}.vc-opts.is-mean .vc-opt{font-size:17px}.vc-opt:hover:not(:disabled){background:#1f1a34;border-color:#453f63}.vc-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vc-opt:disabled{cursor:default}.vc-opt.is-right{border-color:var(--ok);background:var(--ok-soft);color:#c9f2d6}.vc-opt.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:#ffc9c9}.vc-opt.is-dim{opacity:.45}.vc-opt.is-busy{border-color:var(--accent)}.vc-key{color:#8b85a8;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:6px;left:9px}.vc-err{text-align:center;color:var(--bad);margin-top:12px;font-size:14px}.vc-verdict{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:20px;padding:16px 18px}.vc-v-title{font-size:18px;font-weight:600}.vc-v-title.ok{color:var(--ok-text,#8fdcaa)}.vc-v-title.bad{color:#ff9b9b}.vc-v-line{color:#cdc9e9;margin-top:4px;font-size:14px;line-height:1.6}.vc-v-line .vc-dots{letter-spacing:.12em;color:var(--accent-text)}.vc-word{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:14px;padding-top:12px;display:flex}.vc-word-w{font-size:24px;font-weight:600}.vc-word-ph{color:var(--muted);font-size:14px}.vc-say{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.vc-say:hover{background:#7c3aed57}.vc-say:disabled{opacity:.5;cursor:default}.vc-word-zh{color:#e6e4f6;width:100%;font-size:15px}.vc-ctx{color:#cdc9e9;margin-top:8px;font-size:15px;line-height:1.65}.vc-ctx mark{color:var(--accent-text);background:0 0;font-weight:600}.vc-film{color:#8b85a8;margin-top:2px;font-size:12.5px}.vc-speak{color:var(--warn);margin-top:8px;font-size:13.5px}.vc-bar{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:18px;display:flex}.vc-bar .vc-why{color:var(--muted);font-size:13px}.vc-bar .vc-known-ok{color:var(--accent-text);font-size:13px}.vc-bar .vc-grow{flex:1}.vc-sum h2{margin:0;font-size:20px}.vc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.vc-stat{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;padding:12px 10px}.vc-stat b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.vc-stat small{color:var(--muted);font-size:12.5px}.vc-stat em{color:var(--muted);font-size:12px;font-style:normal;display:block}.vc-table{border-collapse:collapse;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:100%;margin-top:16px;font-size:14px;overflow:hidden}.vc-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 12px;font-size:12.5px;font-weight:500}.vc-table td{vertical-align:top;border-top:1px solid #25203c;padding:8px 12px}.vc-table .w{white-space:nowrap;font-weight:600}.vc-table .zh{color:#cdc9e9}.vc-table .res-ok{color:var(--ok-text,#8fdcaa)}.vc-table .res-wrong,.vc-table .res-timeout{color:#ff9b9b}.vc-table .dots{letter-spacing:.12em;color:var(--accent-text);white-space:nowrap}.vc-table .next{color:var(--muted);white-space:nowrap}.vc-foot{color:var(--muted);margin-top:12px;font-size:13px}.vc-sum .vc-bar{margin-top:14px}.vc-more-msg{color:var(--muted);font-size:13.5px}@media (width<=640px){.vc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-table thead{display:none}.vc-table,.vc-table tbody,.vc-table tr,.vc-table td{width:100%;display:block}.vc-table tr{border-top:1px solid #25203c;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"w res""zh dots""zh next";gap:2px 12px;padding:9px 12px;display:grid}.vc-table tr:first-child{border-top:0}.vc-table td{border:0;width:auto;padding:0}.vc-table .w{grid-area:w}.vc-table .zh{grid-area:zh;align-self:start}.vc-table .res{text-align:right;grid-area:res}.vc-table .dots{text-align:right;grid-area:dots}.vc-table .next{text-align:right;grid-area:next;font-size:12.5px}}.vocab-view.is-m .vc-wrap{width:calc(100% - 32px);padding-top:14px}.vocab-view.is-m .vc-play{width:148px;height:148px}.vocab-view.is-m .vc-play .vc-core{width:108px;height:108px}.vocab-view.is-m .vc-left{font-size:17px}.vocab-view.is-m .vc-opts{grid-template-columns:1fr;gap:10px}.vocab-view.is-m .vc-opt{min-height:54px;font-size:21px}.vocab-view.is-m .vc-opts.is-mean .vc-opt{font-size:18px}.vocab-view.is-m .vc-key{display:none}.vocab-view.is-m .vc-sent{font-size:18px}.vocab-view.is-m .vc-bar .btn{min-height:44px;padding:0 18px;font-size:15px}.vocab-view.is-m .vc-bar .btn.primary{flex:1}.vocab-view.is-m .vc-center .btn{min-height:48px}.vocab-view.is-m .vc-say{width:44px;height:44px}:root{--bg:#0f0d17;--panel:#17142a;--panel-2:#1f1b36;--line:#2d2846;--text:#ece9f7;--muted:#9a94b8;--accent:#7c3aed;--accent-fill:#7c3aed;--accent-fill-hi:#6d28d9;--accent-fill-down:#5b21b6;--accent-ink:#fff;--accent-soft:#7c3aed38;--accent-text:#cdb4f8;--accent-bright:#a78bfa;--accent-2:#e04ba9;--accent-grad:linear-gradient(90deg, var(--accent), var(--accent-2));--loop:#f5a524;--loop-soft:#f5a52424;--bad:#ff6b6b;--bad-soft:#ff6b6b1f;--warn:#f5c451;--warn-soft:#f5c4511a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,select{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.topbar{z-index:35;border-bottom:1px solid var(--line);background:var(--panel);flex:none;height:44px;position:relative}.bar-in{align-items:stretch;gap:4px;width:min(1040px,100% - 48px);height:100%;margin:0 auto;display:flex}.bar-in.is-wide{width:auto;margin:0;padding:0 20px}.bar-logo{border-radius:6px;flex:none;align-self:center;width:22px;height:22px;margin-right:10px}.tabs{flex:none;align-items:stretch;display:flex}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0 12px;font-size:14px;display:inline-flex;position:relative}.tab:first-child{padding-left:0}.tab:hover{color:var(--text)}.tab.on{color:var(--text);font-weight:600}.tab.on:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.tab:first-child.on:after{left:0}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-6px;border-radius:8px}.tab.is-locked{color:#8b85a8}.tab.is-locked.on{color:var(--muted)}.tab-lock{margin-top:1px;display:inline-flex}.tab-mark{flex:none;display:inline-flex}.tab-mark.is-doing{background:var(--doing-bg);border-radius:50%;width:7px;height:7px;margin-top:1px}.tab-mark.is-done{color:var(--ok-text);margin-top:1px}.tab-n{color:var(--muted);font-variant-numeric:tabular-nums;background:#25203c;border-radius:9px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px}.tab.on .tab-n{background:var(--accent-soft);color:var(--accent-text)}.vtitle{min-width:0;color:var(--muted);flex:1;align-items:center;gap:4px;margin-left:4px;padding-left:13px;font-size:13px;display:flex;position:relative}.vtitle:before{content:"";background:#3b3557;width:1px;height:18px;margin-top:-9px;position:absolute;top:50%;left:0}.vt-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.vt-text b{color:var(--text);font-weight:600}.vt-close{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:0;font-size:17px;line-height:1}.vt-close:hover{background:var(--panel-2);color:var(--text)}.bar-gap{flex:1}.bar-r{flex:none;align-items:center;gap:8px;margin-left:auto;padding-left:8px;display:flex}.bar-r>.btn{align-items:center;height:30px;padding:0 12px;font-size:13px;display:inline-flex}.account{flex:none;position:relative}.avatar{cursor:pointer;color:#dddaf3;font-variant-numeric:tabular-nums;background:#282340;border:1px solid #3b3557;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:11.5px;font-weight:700;display:grid}.avatar:hover,.avatar.open{border-color:var(--accent);color:var(--text)}.avatar.is-big{cursor:default;flex:none;width:36px;height:36px;font-size:12.5px}.account-menu{z-index:40;background:#1d1831;border:1px solid #3b3557;border-radius:12px;width:264px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 36px #00000080}.am-who{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px 10px;display:flex}.am-who b{font-variant-numeric:tabular-nums;font-size:14px;display:block}.am-who div>span{color:var(--muted);font-size:12px}.mi{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.mi:hover,.mi:focus-visible{background:#292441;outline:0}.mi svg{color:var(--muted);flex:none}.mi-sub{color:#8b85a8;margin-top:1px;font-size:12px;display:block}.mi-end{color:#8b85a8;margin-left:auto;font-size:12px}.mi.is-out,.mi.is-out svg{color:#ff9b9b}.account-menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.install.is-menu .install-help{width:auto;box-shadow:none;max-height:50vh;margin:2px 4px 6px;position:static}.shell-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.page-wrap{width:min(1040px,100% - 48px);margin:0 auto;padding:24px 0 40px}.tab-page{z-index:30;overscroll-behavior:contain;background:var(--bg);position:absolute;inset:0;overflow-y:auto}.meter{background:#292441;border-radius:3px;flex:1;min-width:80px;height:6px;overflow:hidden}.meter i{background:var(--accent-grad);border-radius:3px;height:100%;transition:width .3s;display:block}.btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px}.btn:hover{background:#27223f;border-color:#423c5f}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-fill-hi);border-color:var(--accent-fill-hi)}.btn.primary:active{background:var(--accent-fill-down);border-color:var(--accent-fill-down)}.btn.big{border-radius:10px;padding:12px 28px;font-size:16px}.btn.small{padding:2px 8px;font-size:12px}.btn.chip{padding:4px 10px}.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(.primary):disabled:hover{border-color:var(--line);background:var(--panel-2)}.btn.primary:disabled:hover{background:var(--accent-fill);border-color:var(--accent-fill)}.banner{border-radius:8px;align-items:center;gap:12px;margin:12px 20px 0;padding:10px 14px;display:flex}.banner button{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:auto;font-size:18px}.banner.error,.notice.error{background:var(--bad-soft);color:#ffb3b3;border:1px solid #ff6b6b59}.notice{border-radius:8px;margin-bottom:10px;padding:8px 12px}.notice.warn{background:var(--warn-soft);color:#f3d991;border:1px solid #f5c4514d}.home{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.home>.page-wrap{flex-direction:column;flex:1;display:flex}.today-strip{flex-wrap:wrap;align-items:center;gap:6px 16px;min-height:24px;display:flex}.ts-lbl{color:var(--muted);flex:none;font-size:14px}.ts-num{font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:700}.ts-num small,.ts-num em{color:var(--muted);font-size:13px;font-style:normal;font-weight:500}.ts-why{min-width:0;color:var(--muted);flex:0 auto;align-items:center;gap:5px;margin-left:auto;font-size:13px;display:inline-flex}.ts-go{background:var(--accent-soft);color:var(--accent-text);cursor:pointer;border:1px solid #7c3aed99;border-radius:999px;flex:none;margin-left:auto;padding:4px 10px;font-size:13px;font-weight:600}.ts-go:hover{border-color:var(--accent);background:#7c3aed57}.ts-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.today-strip.is-done .ts-num,.today-strip.is-done .ts-num em{color:var(--ok-text)}.today-strip.is-done .meter i,.meter.is-done i{background:var(--ok)}.ov-ic{background:var(--accent-soft);color:var(--accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.open-big{text-align:center;background:var(--panel);border:1.5px dashed #393355;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:440px;margin-top:18px;padding:32px 24px;display:flex}.open-big .ov-ic{width:56px;height:56px}.open-big h1{margin:14px 0 4px;font-size:20px}.open-big p{color:var(--muted);margin:0 0 20px;font-size:13px}.open-row{background:var(--panel);border:1.5px dashed #393355;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:10px 12px 10px 14px;display:flex}.open-row .ov-ic{width:36px;height:36px}.ov-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.ov-text span{color:var(--muted);font-size:13px}.open-row .btn{flex:none;height:34px;padding:0 16px;font-weight:600}.drop-overlay{z-index:50;border:3px dashed var(--accent);pointer-events:none;background:#0f0d17d9;place-items:center;font-size:22px;display:grid;position:fixed;inset:0}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 440px;gap:16px;min-height:0;padding:16px 20px;display:grid}.left{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.right{min-height:0;display:flex}.stage{background:#000;border-radius:10px;position:relative;overflow:hidden}.stage video{background:#000;width:100%;min-height:200px;max-height:calc(100vh - 290px);display:block}.stage:fullscreen video{height:100%;max-height:100vh}.overlay-sub{text-align:center;pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:2px;padding:0 8%;display:flex;position:absolute;bottom:12%;left:0;right:0}.overlay-sub span{white-space:pre-line;color:#fff;-webkit-text-stroke:.6px #000000d9;paint-order:stroke fill;text-shadow:0 0 3px #000,0 1px 3px #000,0 0 1px #000;font-size:clamp(16px,2.1vw,26px);font-weight:700;line-height:1.35;display:inline-block}.overlay-sub .zh.pending{opacity:.6;font-size:clamp(13px,1.4vw,18px);font-weight:400}.stage:fullscreen .overlay-sub span{font-size:2.6vw}.overlay-note{text-align:center;pointer-events:none;z-index:2;padding:0 10%;position:absolute;top:5%;left:0;right:0}.overlay-note span{color:#ffe08a;-webkit-text-stroke:.5px #000000d9;paint-order:stroke fill;text-shadow:0 0 3px #000,0 1px 3px #000,0 0 1px #000;font-size:clamp(13px,1.5vw,20px);font-weight:600;line-height:1.35;display:inline-block}.stage:fullscreen .overlay-note span{font-size:1.9vw}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.track-row{align-items:flex-start;gap:12px;padding:6px 0;display:flex}.track-row+.track-row{border-top:1px solid var(--line)}.track-label{width:52px;color:var(--muted);flex:none;padding-top:2px}.track-row select{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;flex:1;min-width:0;padding:5px 8px}.track-row progress{width:240px;accent-color:var(--accent);margin-top:6px;display:block}.track-list{margin:0;padding:0;list-style:none}.track-list li{padding:2px 0}.track-list li.bad{color:#ffb3b3}.tag{border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px}.tag.bad{background:var(--bad-soft);border:1px solid #ff6b6b66}.lines-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.lines-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.lines-head .btn{margin-left:auto;font-weight:400}.lines-empty{text-align:center;padding:24px}.lines{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.line{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:46px 1fr 28px;align-items:start;gap:8px;padding:8px;display:grid}.line:hover{background:var(--panel-2)}.line .time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:12px}.line .text{white-space:pre-line}.line.current{background:var(--accent-soft);border-color:#7c3aed8c}.line.looping{background:var(--loop-soft);border-color:#f5a52480}.loop-btn{opacity:0;cursor:pointer;filter:grayscale();background:0 0;border:0;padding:0;font-size:14px}.line:hover .loop-btn,.line.looping .loop-btn{opacity:1}.line.looping .loop-btn{filter:none}@media (width<=1100px){.workspace{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=560px){.bar-in,.bar-in.is-wide{width:auto;margin:0;padding:0 12px}.tab{padding:0 7px;font-size:13px}.bar-logo,.vtitle,.tab-lock{display:none}.bar-r{gap:6px;padding-left:4px}}.install{position:relative}.install-help{z-index:40;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;width:340px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.install-help p{margin:0 0 6px}.install-help ol{margin:0 0 8px;padding-left:20px}.stage{cursor:default;-webkit-user-select:none;user-select:none}.stage.idle{cursor:none}.cbar{z-index:3;color:#fff;background:linear-gradient(#0000,#000000bf);padding:28px 16px 6px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.stage.idle .cbar{opacity:0;pointer-events:none}.cb-row{justify-content:space-between;align-items:center;gap:8px;height:44px;display:flex}.cb-left,.cb-right{align-items:center;gap:6px;display:flex}.cb-btn{color:#fff;cursor:pointer;filter:drop-shadow(0 1px 2px #00000080);background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;transition:background .15s,color .15s;display:grid}.cb-btn:hover{background:#ffffff24}.cb-btn.on{color:var(--accent-bright)}.cbar .cb-btn.cb-loop.on{color:var(--loop)}.cb-text{white-space:nowrap;width:auto;padding:0 10px;font-size:15px}.cb-time{color:#ffffffa6;font-variant-numeric:tabular-nums;margin-left:8px;font-size:15px}.cb-time b{color:#fff;font-weight:600}.cb-progress{cursor:pointer;touch-action:none;align-items:center;height:16px;display:flex;position:relative}.cb-track{background:#ffffff40;border-radius:2px;width:100%;height:4px;transition:height .15s;position:relative}.cb-progress:hover .cb-track,.cb-progress.dragging .cb-track{height:6px}.cb-buf{background:#ffffff59;border-radius:2px;position:absolute;inset:0 auto 0 0}.cb-played{background:var(--accent-grad);border-radius:2px;position:absolute;inset:0 auto 0 0}.cb-thumb{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .15s;position:absolute;top:50%;box-shadow:0 0 0 3px #7c3aed99}.cb-progress:hover .cb-thumb,.cb-progress.dragging .cb-thumb{opacity:1}.cb-tip{pointer-events:none;white-space:nowrap;background:#000c;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;bottom:20px;transform:translate(-50%)}.cb-volume{align-items:center;display:flex;position:relative}.cb-vol-pop{padding-bottom:6px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.cb-volume:hover .cb-vol-pop,.cb-volume.dragging .cb-vol-pop{display:block}.cb-vol-pop:before{content:"";background:#14161ceb;border:1px solid #ffffff1a;border-radius:8px;position:absolute;inset:0 0 6px}.cb-vol-num{text-align:center;font-variant-numeric:tabular-nums;width:40px;padding-top:8px;font-size:13px;position:relative}.cb-vol-track{cursor:pointer;touch-action:none;width:40px;height:110px;margin:6px 0 12px;position:relative}.cb-vol-track:before{content:"";background:#ffffff4d;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.cb-vol-fill{background:var(--accent);border-radius:2px;width:4px;margin-left:-2px;position:absolute;bottom:0;left:50%}.cb-vol-knob{background:#fff;border-radius:50%;width:12px;height:12px;margin:0 0 -6px -6px;position:absolute;left:50%}.cb-menu-wrap{position:relative}.cb-menu{background:#14161cf2;border:1px solid #ffffff1f;border-radius:8px;min-width:76px;margin:0;padding:6px;list-style:none;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.cb-menu button{color:#fff;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:6px;width:100%;padding:6px 12px;font-size:14px;display:block}.cb-menu button:hover{background:#ffffff1f}.cb-menu button.on{color:var(--accent-bright);font-weight:600}.stage:fullscreen .cbar{padding:40px 28px 12px}.stage:fullscreen .cb-btn{width:46px;height:46px}.stage:fullscreen .cb-btn svg{width:28px;height:28px}.stage:fullscreen .cb-btn.cb-text{width:auto;padding:0 12px;font-size:17px}.video-slot{display:contents}.pip-body{background:#000;margin:0;overflow:hidden}.stage.in-pip{border-radius:0;position:fixed;inset:0}.stage.in-pip video{object-fit:contain;width:100%;height:100vh;min-height:0;max-height:none}.stage.in-pip .cbar{padding:20px 8px 2px}.stage.in-pip .cb-time{font-size:13px}.stage.in-pip .overlay-sub span{font-size:clamp(14px,4.2vw,26px)}.stage.in-pip .overlay-note span{font-size:clamp(12px,3vw,18px)}.pip-placeholder{aspect-ratio:16/9;width:100%;max-height:calc(100vh - 290px);color:var(--muted);background:#000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.recent{margin:28px 0 0}.recent-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.recent-head h2{margin:0;font-size:15px;font-weight:600}.recent-sub{color:#8b85a8;font-size:12.5px}.recent-more{color:var(--accent-text);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:13px}.recent-more:hover{text-decoration:underline}.recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.recent-card{position:relative}.recent-open{text-align:left;cursor:pointer;width:100%;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.recent-open:hover{border-color:var(--accent);transform:translateY(-2px)}.recent-thumb{aspect-ratio:16/9;background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.recent-thumb img{object-fit:cover;width:100%;height:100%;display:block}.recent-ph{color:#413b5e;font-size:32px}.recent-bar{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.recent-bar div{background:var(--accent-grad);height:100%}.recent-play{color:#fff;opacity:0;background:#0000008c;border-radius:50%;place-items:center;width:48px;height:48px;padding-left:4px;font-size:18px;transition:opacity .15s;display:grid;position:absolute}.recent-open:hover .recent-play{opacity:1}.recent-name{white-space:nowrap;text-overflow:ellipsis;padding:8px 10px 0;font-size:13.5px;font-weight:500;overflow:hidden}.recent-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:1px 10px 9px;font-size:12px;overflow:hidden}.recent-meta.is-done{color:var(--ok-text)}.recent-dur{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:4px;padding:0 6px;font-size:11px;line-height:18px;position:absolute;bottom:8px;right:6px}.recent-card.nohandle .recent-open{opacity:.6}.recent-del{cursor:pointer;color:#fff;opacity:0;background:#0009;border:0;border-radius:50%;width:26px;height:26px;font-size:16px;line-height:1;transition:opacity .15s;position:absolute;top:6px;right:6px}.recent-card:hover .recent-del{opacity:1}.recent-del:hover{background:var(--bad)}.line .text{flex-direction:column;gap:2px;display:flex}.line .en{white-space:pre-line}.line .zh{color:#c9b77a;white-space:pre-line;font-size:13px}.lines.view-zh .line .zh{color:var(--text);font-size:14px}.line .zh.pending{color:var(--muted);opacity:.5}.line .note{color:var(--muted);margin-top:1px;font-size:12px;display:block}.line .note:before{content:"注 ";opacity:.7}.line.current .zh{color:#ffe08a}.seg{border:1px solid var(--line);border-radius:7px;margin-left:auto;font-weight:400;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:3px 10px;font-size:12px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-soft);color:var(--accent-text)}.lines-sub{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:36px;padding:6px 14px;display:flex}.lines-back{z-index:3;width:38px;height:38px;color:var(--accent-text);cursor:pointer;background:#26213df0;border:1px solid #4c466a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px #00000073}.lines-back:hover{background:#342e4e}.tr-status{color:var(--muted);font-size:12px}.tr-status.bad{color:#ffb3b3}.login-gate{flex:1;grid-template-columns:minmax(0,380px);justify-content:center;place-items:center;min-height:0;padding:24px 16px;display:grid;overflow-y:auto}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(380px,100%);padding:28px 28px 18px}.login-card h1{margin:0 0 6px;font-size:20px}.login-card form{flex-direction:column;gap:10px;display:flex}.login-card form>p{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.6}.login-card input,.login-card select{height:40px;color:var(--text);font:inherit;background:#110f1c;border:1px solid #3b3557;border-radius:8px;padding:0 12px;font-size:16px}.login-card input:focus,.login-card select:focus{border-color:var(--accent);outline:none}.login-card .btn.primary{height:40px;font-size:15px;font-weight:600}.login-err{color:#ffb3b3;font-size:12.5px;line-height:1.6}.login-phone{gap:8px;display:flex}.login-phone input{flex:1;min-width:0}.login-card .login-phone select{flex:none;max-width:150px;padding:0 6px;font-size:14px}.login-card .login-code{letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.login-card .login-code::placeholder{letter-spacing:normal;font-size:14px}.login-card input::placeholder,.settings input::placeholder{color:var(--muted);opacity:1}.login-links{justify-content:space-between;gap:8px;display:flex}.login-link{color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px}.login-link:hover:not(:disabled){text-decoration:underline}.login-link:disabled{color:var(--muted);cursor:default}.login-tip{color:var(--muted);margin:12px 0 0;font-size:12.5px;line-height:1.6}.login-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;font-size:12.5px;display:flex}.login-site{color:var(--accent-text);flex:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.login-site:hover{text-decoration:underline}.sms-consent{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;line-height:1.55;display:flex}.login-card .sms-consent{margin-top:-2px}.sms-consent p{margin:0}.sms-consent-links{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.sms-consent a{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.sms-consent a:hover{text-decoration-thickness:2px}.sms-consent.is-set{padding-bottom:4px;font-size:12.5px}.sms-consent-note{font-size:12.5px}.cb-check button{text-align:left;white-space:nowrap}.bad{color:#ffb3b3}:root{--ok:#54c47a;--ok-soft:#54c47a24;--ok-text:#7ee787;--wait-bg:#34383a;--wait-fg:#9da4a8;--go-bg:#dfe3e5;--go-fg:#141516;--doing-bg:#e8b96a;--doing-fg:#1d1405;--done-bg:#54c47a;--done-fg:#0f1a13;--tok-fs:16.5px;--tok-line:40px}.right{flex-direction:column;gap:10px}.taskbar{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:none;gap:8px;padding:10px 14px;display:flex}.today-line{color:var(--text);font-size:14px;font-weight:600}.today-line.is-done{color:var(--ok-text);font-weight:700}.mode-row{align-items:center;gap:10px;min-height:30px;display:flex}.mode-seg{border:1px solid var(--line);background:#110f1c;border-radius:8px;flex:none;gap:2px;padding:2px;display:inline-flex}.mode-seg button{height:26px;color:var(--muted);cursor:pointer;letter-spacing:1px;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.mode-seg button:hover{color:var(--text)}.mode-seg button.on[data-mode=listen],.mode-seg button.on[data-mode=sort]{background:var(--accent-fill);color:var(--accent-ink)}.mode-seg button em{letter-spacing:0;color:var(--muted);background:#ffffff14;border-radius:4px;padding:0 4px;font-size:10px;font-style:normal}.mode-seg button.on[data-mode=sort] em{color:var(--accent-ink);background:#0003}.mode-seg button[aria-disabled=true]{opacity:.4;cursor:not-allowed}.mode-pos{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;overflow:hidden}.mode-pos b{color:var(--text);font-weight:600}.sort-panel{background:var(--panel);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex}.sort-head{border-bottom:1px solid #ffffff0f;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.sort-title{align-items:center;gap:8px;min-width:0;display:flex}.sort-title strong{letter-spacing:2px;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.sort-title strong:before{content:"";background:var(--ok);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #54c47acc}.sort-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sort-tool{color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff21;border-radius:999px;padding:4px 12px;font-size:12px;transition:border-color .13s,background .13s,color .13s}.sort-tool:hover{background:#54c47a1a;border-color:#54c47a80}.sort-tool.is-active{color:#bfe9cf;background:#54c47a29;border-color:#54c47aa6}.sort-tool[aria-disabled=true],.sort-tool:disabled{opacity:.4;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff21}.sort-tool.is-waiting[aria-disabled=true]{opacity:.68}.sort-body{flex:1;min-height:0;padding:10px 14px 12px;overflow-y:auto}.sort-collapsed-tip{color:var(--muted);margin:4px 0 8px;font-size:13px}.sort-label{letter-spacing:2px;color:var(--muted);opacity:.85;margin:8px 0 6px;font-size:11px}.sort-label:first-child{margin-top:0}.sort-answer{background:#ffffff08;border:1.5px dashed #ffffff24;border-radius:14px;min-height:72px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s}.sort-answer:hover{border-color:#ffffff3d}.sort-template{line-height:var(--tok-line);font-size:var(--tok-fs);letter-spacing:.2px;color:#e8edef;white-space:normal;overflow-wrap:anywhere}.sort-placeholder{color:#777f82;letter-spacing:0;font-size:12px}.sort-tok{vertical-align:baseline;font:inherit;font-size:var(--tok-fs);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;color:var(--text);align-items:center;line-height:1.25;display:inline-flex}.sort-template .sort-tok{color:#f2f6f7;background:#ffffff0e;border:1px solid #0000;border-bottom:2px solid #54c47a8c;border-radius:7px 7px 3px 3px;margin:2px 1px;padding:6px 9px 5px}.sort-template .sort-tok:hover,.sort-template .sort-tok:focus-visible{border-bottom-color:var(--ok);background:#54c47a24;outline:0}.sort-slot{color:#0000;text-align:center;vertical-align:baseline;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff29;border-bottom:2px dashed #ffffff4d;border-radius:7px 7px 3px 3px;min-width:62px;margin:0 2px;padding:6px 9px 5px;line-height:1.25;transition:background .15s,border-color .15s;display:inline-block}.sort-slot:hover{border-color:#54c47a80;border-bottom-color:var(--ok);background:#54c47a1f}.sort-panel.is-long{--tok-fs:15.5px;--tok-line:34px}.sort-panel.is-long .sort-answer{padding:8px 10px}.sort-panel.is-long .sort-template .sort-tok{padding:4px 6px 3px}.sort-panel.is-long .sort-slot{white-space:nowrap;letter-spacing:-.3em;width:46px;min-width:0;padding:4px 0 3px}.sort-panel.is-long .sort-bank{gap:6px;padding:10px}.sort-panel.is-long .sort-bank .sort-tok{padding:5px 11px}.sort-slot.is-drop-target{color:#0000;border-color:var(--ok);border-bottom-color:var(--ok);background:#54c47a38;border-style:solid;box-shadow:0 0 0 2px #54c47a40}.sort-template .sort-tok.is-drop-target{border-color:var(--ok);border-bottom-color:var(--ok);background:#54c47a42;box-shadow:0 0 0 2px #54c47a40}.sort-tok.is-dragging{opacity:.4;border-style:dashed!important}.sort-ghost{z-index:9999;pointer-events:none;font-size:var(--tok-fs);color:#f3f5f8;white-space:nowrap;border:1px solid var(--ok);background:linear-gradient(#3a4043 0%,#2b3032 100%);border-radius:999px;padding:7px 15px;font-family:inherit;position:fixed;top:0;left:0;box-shadow:0 8px 22px #0000008c}.sort-bank{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:8px;min-height:56px;padding:12px 14px;display:flex}.sort-bank .sort-tok{background:linear-gradient(#33383b 0%,#262a2c 100%);border:1px solid #ffffff21;border-radius:999px;padding:7px 15px;transition:transform .13s,box-shadow .13s,border-color .13s,background .13s;box-shadow:0 1px 2px #0000004d,0 3px 8px #00000047,inset 0 1px #ffffff17}.sort-bank .sort-tok:hover,.sort-bank .sort-tok:focus-visible{background:linear-gradient(#3a4043 0%,#2b3032 100%);border-color:#54c47a99;outline:0;transform:translateY(-2px)}.sort-bank .sort-tok:active{cursor:grabbing;transform:translateY(0)scale(.97)}.sort-tok.is-preset,.sort-tok.is-preset:hover,.sort-template .sort-tok.is-preset,.sort-template .sort-tok.is-preset:hover{color:#98a2a5;box-shadow:none;cursor:default;background-color:#ffffff06;background-image:repeating-linear-gradient(135deg,#ffffff0f 0 2px,#0000 2px 6px);border-color:#0000 #0000 #ffffff3d;border-bottom-style:dotted;border-bottom-width:2px;transform:none}.sort-answer.is-correct{background:#ffffff05;border-color:#ffffff1a}.sort-solved{cursor:pointer;background:#54c47a1a;border:1px solid #54c47a6b;border-radius:12px;width:fit-content;max-width:100%;padding:8px 12px;transition:background .15s,border-color .15s;display:inline-block}.sort-solved:hover{background:#54c47a2b;border-color:#54c47abf}.sort-solved .sort-tok,.sort-solved .sort-tok:hover,.sort-solved .sort-tok.is-preset{color:#eef3f4;cursor:pointer;background:#ffffff0e;border-color:#0000;border-bottom-style:solid;border-bottom-width:1px;border-radius:6px}.sort-panel.is-hinting .sort-answer{background:#f0c35a12;border-style:solid;border-color:#f0c35a8c;box-shadow:0 0 0 3px #f0c35a1a}.sort-panel.is-hinting .sort-template .sort-tok{color:#f8ecd0;background:#f0c35a29;border-bottom-color:#f0c35ad9}.sort-panel.is-hinting .sort-template,.sort-panel.is-hinting .sort-bank{pointer-events:none}.sort-hinting{color:#f0c35ae6;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.sort-next{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.sort-playpause{text-align:center;min-width:7.5em}.sort-result{margin:8px 2px 0;font-size:13px}.sort-result.ok{color:var(--ok-text)}.sort-result.warn{color:#ffd28a}.sort-result.muted{color:var(--muted)}.sort-note{color:var(--muted);margin:10px 0 0;font-size:12px}.sort-zh{text-align:center;color:#fff;text-shadow:0 2px 5px #000000f2,0 0 3px #000000d9,0 1px #0009;-webkit-user-select:text;user-select:text;margin:12px 0 2px;padding:2px 8px;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-size:clamp(18px,1.6vw,24px);font-weight:700;line-height:1.35}.lv-badge{text-align:center;color:#0b0d0f;cursor:default;background:#9aa3ad;border-radius:6px;min-width:26px;padding:1px 7px;font-size:12px;font-weight:700;line-height:18px;display:inline-block}.lv-badge.is-estimate{opacity:.75;outline-offset:1px;outline:1px dashed #ffffff8c}.lv-badge.is-l0{color:#e4e8ec;background:#5d6670}.lv-badge.is-l1{color:#0b2414;background:#54c47a}.lv-badge.is-l2{color:#061a2a;background:#4aa3d8}.lv-badge.is-l3{color:#2b2205;background:#e3c150}.lv-badge.is-l4{color:#2e1504;background:#e8904a}.lv-badge.is-l5{color:#2e0906;background:#e2665c}.an-layer{z-index:7;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8edf4;cursor:default;-webkit-user-select:text;user-select:text;background:#06090df0;outline:none;font:14px/1.6 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;inset:0;overflow:auto}.an-box{max-width:820px;margin:0 auto;padding:0 clamp(12px,3%,24px) 20px}.an-top{z-index:1;background:#06090df0;position:sticky;top:0}.an-top-in{align-items:center;gap:12px;max-width:820px;margin:0 auto;padding:20px clamp(12px,3%,24px) 14px;display:flex}.an-title{font-size:17px;font-weight:600}.an-x{color:#93a0b4;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:9px;flex:none;width:34px;height:34px;margin-left:auto;font-size:19px;line-height:1}.an-x:hover{color:#e8edf4;border-color:#ffffff47}.an-msg{color:#93a0b4;padding:24px 4px}.an-card{background:#181d25f5;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:11px;padding:13px 15px}.an-h{color:#93a0b4;letter-spacing:1px;margin-bottom:9px;font-size:12px;font-weight:600}.an-sent{white-space:pre-line;font-size:18px;font-weight:600}.an-trans{color:#93a0b4;margin-top:5px;font-size:15px}.an-tags{flex-wrap:wrap;gap:7px;display:flex}.an-tag{color:#5ad19a;background:#5ad19a21;border:1px solid #5ad19a52;border-radius:20px;padding:3px 10px;font-size:12.5px}.an-formula{color:#93a0b4;margin-bottom:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.an-block{background:#7aa2ff0d;border:1px solid #7aa2ff59;border-radius:11px;margin-bottom:9px;padding:10px 12px 8px}.an-blabel{align-items:center;gap:8px;margin-bottom:8px;display:flex}.an-bname{color:#7aa2ff;font-size:13px;font-weight:600}.an-bmark{color:#93a0b4;background:#ffffff0f;border-radius:5px;padding:1px 7px;font-size:11.5px}.an-bcount{color:#93a0b4;white-space:nowrap;margin-left:auto;font-size:11.5px}.an-words{flex-wrap:wrap;gap:8px;display:flex}.an-word{text-align:center}.an-wtext{white-space:nowrap;border:2px solid #0000;border-radius:8px;padding:6px 11px;font-size:15px;font-weight:600}.an-wrole{margin-top:4px;font-size:11px;font-weight:600}.an-wpos{color:#6f7c8f;letter-spacing:.6px;margin-top:1px;font-size:9.5px}.an-layer .is-subject .an-wtext{color:#6ee7b7;background:#10b98126;border-color:#10b98166}.an-layer .is-subject .an-wrole{color:#34d399}.an-layer .is-head .an-wtext{color:#93c5fd;background:#3b82f626;border-color:#3b82f666}.an-layer .is-head .an-wrole{color:#60a5fa}.an-layer .is-aux .an-wtext{color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa66}.an-layer .is-aux .an-wrole{color:#60a5fa}.an-layer .is-object .an-wtext{color:#f9a8d4;background:#ec489926;border-color:#ec489966}.an-layer .is-object .an-wrole{color:#f472b6}.an-layer .is-adv .an-wtext{color:#d8b4fe;background:#a855f726;border-color:#a855f766}.an-layer .is-adv .an-wrole{color:#c084fc}.an-layer .is-adj .an-wtext{color:#d8b4fe;background:#c084fc1a;border-color:#c084fc66}.an-layer .is-adj .an-wrole{color:#c084fc}.an-layer .is-prep .an-wtext{color:#a5b4fc;background:#6366f126;border-color:#6366f166}.an-layer .is-prep .an-wrole{color:#818cf8}.an-layer .is-pron .an-wtext{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf666}.an-layer .is-pron .an-wrole{color:#a78bfa}.an-layer .is-conj .an-wtext{color:#c4b5fd;background:#a78bfa1a;border-color:#a78bfa66}.an-layer .is-conj .an-wrole{color:#a78bfa}.an-layer .is-art .an-wtext{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b866}.an-layer .is-art .an-wrole{color:#94a3b8}.an-layer .is-punct .an-wtext{color:#94a3b8;background:#94a3b80f;border-color:#94a3b866}.an-layer .is-punct .an-wrole{color:#7c8a9c}.an-layer .is-other .an-wtext{color:#cbd5e1;background:#94a3b814;border-color:#94a3b866}.an-layer .is-other .an-wrole{color:#93a0b4}.an-layer .an-block.is-b-main{background:#10b9810d;border-color:#10b98166}.an-layer .an-block.is-b-main .an-bname{color:#34d399}.an-layer .an-block.is-b-adverbial{background:#8b5cf60d;border-color:#8b5cf666}.an-layer .an-block.is-b-adverbial .an-bname{color:#a78bfa}.an-layer .an-block.is-b-relative{background:#f59e0b0d;border-color:#f59e0b66}.an-layer .an-block.is-b-relative .an-bname{color:#fbbf24}.an-layer .an-block.is-b-noun{background:#3b82f60d;border-color:#3b82f666}.an-layer .an-block.is-b-noun .an-bname{color:#60a5fa}.an-layer .an-block.is-b-subjp{background:#10b98108;border-color:#10b9814d}.an-layer .an-block.is-b-subjp .an-bname{color:#34d399}.an-layer .an-block.is-b-predp{background:#3b82f608;border-color:#3b82f64d}.an-layer .an-block.is-b-predp .an-bname{color:#60a5fa}.an-layer .an-block.is-b-objp{background:#ec489908;border-color:#ec48994d}.an-layer .an-block.is-b-objp .an-bname{color:#f472b6}.an-layer .an-block.is-b-prepp{background:#6366f108;border-color:#6366f14d}.an-layer .an-block.is-b-prepp .an-bname{color:#818cf8}.an-layer .an-block.is-b-infp{background:#a855f708;border-color:#a855f74d}.an-layer .an-block.is-b-infp .an-bname{color:#c084fc}.an-layer .an-block.is-b-partp{background:#f9731608;border-color:#f973164d}.an-layer .an-block.is-b-partp .an-bname{color:#fb923c}.an-layer .an-block.is-b-advp{background:#06b6d408;border-color:#06b6d44d}.an-layer .an-block.is-b-advp .an-bname{color:#22d3ee}.an-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:6px 0;display:flex}.an-row:last-child{border-bottom:0}.an-k{min-width:170px;font-size:14.5px;font-weight:600}.an-ipa{color:#8b9ab0;min-width:116px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.an-v{color:#93a0b4;font-size:13.5px}.an-spoken{color:#5ad19a;font-size:13.5px}.lock-banner{color:#f0d9ac;background:#e8b96a1a;border:1px solid #e8b96a4d;border-radius:8px;margin:8px 10px 2px;padding:6px 10px;font-size:12.5px}.line.masked .text{gap:6px;padding-top:4px}.mask-en{background:#2f2a49;border-radius:5px;width:78%;height:10px;display:block}.mask-zh{background:#2e2c22;border-radius:5px;width:46%;height:9px;display:block}.line.masked.current .mask-en{background:#41247c}.cb-menu .cb-menu-note{color:#f0d9ac;white-space:nowrap;padding:4px 10px 6px;font-size:12px}.modal-backdrop{z-index:60;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:min(460px,100%);height:100%;display:flex;box-shadow:-12px 0 36px #00000073}.set-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex}.set-head .x{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:22px;line-height:1}.set-body{flex-direction:column;flex:1;min-height:0;padding:8px 16px 0;display:flex;overflow-y:auto}.set-body h4{color:var(--muted);letter-spacing:1px;margin:16px 0 6px;font-size:13px;font-weight:600}.set-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.set-row>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.set-row small{color:var(--muted);font-size:12px}.set-ctl{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.set-tz{flex-direction:column;align-items:flex-end;max-width:220px}.set-tz select{max-width:220px}.settings input,.settings select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:16px}.settings input:focus,.settings select:focus{border-color:var(--accent);outline:none}.settings input.num{width:84px}.settings input:disabled{opacity:.5}.set-loop{gap:10px;display:flex}.set-loop label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.set-lock{margin-left:4px;font-size:12px}.set-eff{color:#ffd28a!important}.set-undo{margin-left:6px}.set-err{font-size:12px;color:#ffb3b3!important}.set-warn{color:#ffd28a;font-size:13px}.set-row small.set-warn{color:#ffd28a;font-size:12px}.set-pinbar{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;margin-top:8px;padding:10px;display:flex}.set-pinbar label,.set-pinnew label{align-items:center;gap:8px;display:flex}.set-pinbar input,.set-pinnew input{width:120px}.pin-input{-webkit-text-security:disc;letter-spacing:2px}.set-pinnew{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 0 8px;display:flex}.switch{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.switch input{width:18px;height:18px;accent-color:var(--accent)}.set-foot{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:16px;padding:12px 0;display:flex;position:sticky;bottom:0}.grow{flex:1}.set-row.is-stack{flex-direction:column;align-items:stretch;gap:8px}.set-grade{border:1px solid var(--line);background:#110f1c;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;display:grid}.set-grade button{height:32px;color:var(--muted);letter-spacing:1px;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 4px;font-size:14px;font-weight:600}.set-grade button:hover{color:var(--text)}.set-grade button.on{background:var(--accent-fill);color:var(--accent-ink)}.set-grade button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.set-num{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:inline-flex}.settings input.num.sm{width:64px}@media (width<=480px){.set-row.is-nums{flex-wrap:wrap}.set-row.is-nums>div:first-child{flex:100%}.set-row.is-nums>.set-ctl{justify-content:flex-start}}.toast{z-index:70;color:#f3f2fb;text-align:center;pointer-events:none;background:#2d2846;border:1px solid #4c466a;border-radius:9px;max-width:min(560px,100vw - 32px);padding:9px 16px;font-size:13.5px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.workspace.is-float{gap:0;padding:0;display:flex}.workspace.is-float .left{flex:1;gap:0;min-width:0;overflow:hidden}.workspace.is-float .player{flex-direction:column;flex:1;min-height:0;display:flex}.workspace.is-float .stage{border-radius:0;flex:1 1 0;min-height:0}.workspace.is-float .stage video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:none}.workspace.is-float .pip-placeholder{aspect-ratio:auto;border-radius:0;height:100%;max-height:none}:is(.cbar:has(.cb-menu),.cbar:has(.cb-volume:hover),.cbar:has(.cb-volume.dragging)){z-index:6}.float-ctl{z-index:5;cursor:default;width:min(318px,100% - 24px);max-height:calc(100% - 90px);color:var(--text);opacity:.62;background:#161226;border:1px solid #332d4d;border-radius:10px;flex-direction:column;font-size:13px;line-height:1.4;transition:opacity .16s;display:flex;position:absolute;top:calc(50% - 37px);right:16px;overflow:auto;transform:translateY(-50%);box-shadow:0 18px 48px #0000006b}.float-ctl:hover,.float-ctl:focus-within,.float-ctl.is-dragging{opacity:1}.fc-head{z-index:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c1730;border-bottom:1px solid #2d2846;align-items:center;gap:8px;padding:9px 12px;display:flex;position:sticky;top:0}.float-ctl.is-dragging .fc-head{cursor:grabbing}.fc-title{flex:1;min-width:0}.fc-title strong{font-size:13px}.fc-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fc-status .btn.small{padding:1px 6px;font-size:11px}.fc-collapse{width:30px;height:30px;color:var(--text);cursor:pointer;background:#221d38;border:1px solid #3b3557;border-radius:6px;flex:none;font-size:19px;line-height:1}.fc-body{flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.float-ctl .taskbar{background:0 0;border:0;border-radius:0;padding:0}.float-ctl .mode-row{flex-wrap:wrap;row-gap:6px}.float-ctl .mode-pos{flex-basis:100%;margin-left:0}.fc-transport{grid-template-columns:38px 1fr 1fr 38px;gap:6px;display:grid}.fc-transport button{height:34px;color:var(--text);cursor:pointer;white-space:nowrap;background:#1f1b36;border:1px solid #3b3557;border-radius:7px;font-size:13px}.fc-transport button:hover{border-color:#534d72}.fc-transport .fc-arrow{font-size:21px;line-height:1}.fc-transport .fc-btn.on{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill);font-weight:700}.fc-transport .fc-btn.on:hover{background:var(--accent-fill-hi);border-color:var(--accent-fill-hi)}.fc-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fc-label{width:56px;color:var(--muted);flex:none;font-size:12px}.fc-chips{flex:1;gap:4px;min-width:0;display:flex}.fc-chips button{min-width:0;height:28px;color:var(--muted);cursor:pointer;background:#1d1831;border:1px solid #342e4e;border-radius:7px;flex:1;padding:0 4px;font-size:12px}.fc-chips button:hover{color:var(--text)}.fc-chips button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600}.fc-lock{color:#d9b77a;flex-basis:100%;padding-left:62px;font-size:11.5px}.fc-levels{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}.fc-levels .lv-chip{height:24px;padding:0 2px;font-size:11.5px}.fc-body>.panel{background:#1d1831;padding:6px 8px;font-size:12.5px}.fc-settings{height:36px}.float-ctl.is-collapsed{touch-action:none;opacity:.72;background:linear-gradient(#25203c,#171329);border:1px solid #7c3aed99;border-radius:50%;width:52px;height:52px;overflow:hidden;box-shadow:0 6px 18px #00000080,inset 0 1px #ffffff14}.float-ctl.is-collapsed:hover,.float-ctl.is-collapsed.is-dragging{opacity:1;border-color:var(--accent);box-shadow:0 6px 18px #00000080,0 0 0 3px #7c3aed4d}.fc-round{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:100%;height:100%;padding:0;display:grid}.fc-round img{pointer-events:none;width:32px;height:32px;display:block}.fc-round:hover{background:#7c3aed29}.float-prac{z-index:4;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);opacity:.7;cursor:default;background:linear-gradient(#181a1cf0,#101113f5);border:1px solid #ffffff17;border-radius:14px;flex-direction:column;min-width:min(500px,100% - 16px);max-width:calc(100% - 16px);max-height:calc(100% - 92px);transition:none;display:flex;position:absolute;bottom:84px;overflow:hidden;box-shadow:0 24px 64px #0000008c,inset 0 2px #ffffff08}.fp-edge{z-index:3;cursor:ew-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0}.fp-edge.is-l{left:0}.fp-edge.is-r{right:0}.fp-edge:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background .12s;position:absolute;top:14px;bottom:14px}.fp-edge.is-l:after{left:2px}.fp-edge.is-r:after{right:2px}.fp-edge:hover:after,.fp-edge:active:after{background:#ffffff59}.float-prac .sort-panel{--tok-fs:15px;--tok-line:38px;background:0 0;border:0;border-radius:0;flex:0 auto;min-height:0}.float-prac .sort-head{cursor:grab;touch-action:none}.float-prac.is-dragging .sort-head{cursor:grabbing}.float-prac .sort-head,.float-prac .sort-body{transition:opacity .26s}.float-prac .sort-zh{font-size:clamp(16px,2.1vw,26px)}.stage:fullscreen .float-prac .sort-zh{font-size:2.6vw}.float-prac.is-idle{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;pointer-events:none;background:0 0;border-color:#0000;transition:background .3s,border-color .3s,box-shadow .3s,opacity .26s}.float-prac.is-idle .sort-head,.float-prac.is-idle .sort-body{opacity:0;pointer-events:none}.float-prac.is-idle .sort-head{border-bottom-color:#0000}.sort-foot{flex:none;padding:0 14px 8px}.sort-foot .sort-zh{margin-top:6px}.overlay-sub.under-prac{z-index:4;justify-content:flex-end;top:calc(100% - 78px);bottom:2px}.overlay-sub.under-prac>span{margin-bottom:auto}.list-tab{z-index:2;writing-mode:vertical-rl;color:var(--text);letter-spacing:4px;opacity:.62;cursor:pointer;background:#141516d1;border:1px solid #ffffff24;border-left:0;border-radius:0 9px 9px 0;padding:14px 7px;font-size:13px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.list-tab:hover{opacity:1}.float-list{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);visibility:hidden;cursor:default;background:#141516f0;border-right:1px solid #ffffff17;flex-direction:column;width:min(380px,42%);transition:transform .2s,visibility .2s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:18px 0 40px #00000059}.float-list.is-open{visibility:visible;transform:none}.float-list .lines-panel{background:0 0;border:0;border-radius:0;flex:1;min-height:0}.float-list .lines{padding-bottom:84px}.lines-head .lines-close{margin-left:0;padding:1px 8px}.stage.list-open .overlay-sub,.stage.list-open .overlay-note{left:min(380px,42%)}.toast.is-top{top:30vh;bottom:auto}.stage .toast{z-index:7;position:absolute;top:22%;bottom:auto}.loop-bar{flex-direction:column;gap:4px;display:flex}.lb-mid{align-items:center;gap:8px;display:flex}.lb-track{background:#282340;border-radius:5px;flex:1;min-width:0;height:10px;display:flex;position:relative;overflow:visible}.lb-track i{height:100%;display:block}.lb-track i:first-child{border-radius:5px 0 0 5px}.lb-track i:last-of-type{border-radius:0 5px 5px 0}.lb-track .pre,.lb-track .post{background:#7c3aed6b}.lb-track .sen{background:var(--accent)}.lb-track .gap{background:repeating-linear-gradient(45deg,#4b456a 0 4px,#2d2846 4px 8px)}.lb-head{pointer-events:none;background:#fff;border-radius:2px;width:3px;height:16px;margin-left:-1px;position:absolute;top:-3px;left:0;box-shadow:0 0 0 2px #0000008c}.loop-bar.is-off .lb-track i{opacity:.35}.lb-dims{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.lb-legend{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.lb-legend span:before{content:"";vertical-align:-1px;background:#7c3aed6b;border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.lb-legend span.s:before{background:var(--accent)}.lb-legend span.g:before{background:repeating-linear-gradient(45deg,#4b456a 0 3px,#2d2846 3px 6px)}.lb-legend span.n{color:var(--text);margin-left:auto}.lb-legend span.n:before,.loop-bar.is-off .lb-legend span.n{display:none}.install.hero .install-help{text-align:left;width:min(460px,100vw - 32px);left:50%;right:auto;transform:translate(-50%)}.install-help{max-height:calc(100vh - 72px);overflow-y:auto}.install-help .ig-glyph{vertical-align:-3px;color:var(--accent-text);margin:0 2px}.install-help ol li{margin-bottom:4px;line-height:1.6}.install-help .ig-warn{margin:6px 0 8px;font-size:12.5px;line-height:1.6}.install-help .ig-warn .ig-url{margin-top:6px}.ig-url{align-items:center;gap:8px;margin:4px 0 2px;display:flex}.ig-url code{background:var(--bg);border:1px solid var(--line);word-break:break-all;border-radius:6px;flex:1;min-width:0;padding:4px 8px;font-size:12.5px}.ig-mac{margin:8px 0 10px;font:12px/1.5 -apple-system,PingFang SC,Microsoft YaHei,sans-serif}.ig-mac-bar{color:#1d1d1f;white-space:nowrap;background:#e9e9ec;border-radius:6px 6px 0 0;align-items:center;gap:12px;padding:3px 10px;display:flex;overflow:hidden}.ig-mac-bar .ig-apple{background:#1d1d1f;border-radius:5px 5px 4px 4px;flex:none;width:10px;height:12px}.ig-mac-bar .on{color:#fff;background:#2f6fe4;border-radius:4px;margin:0 -6px;padding:0 6px}.ig-mac-menu{color:#1d1d1f;background:#f5f5f7;border-radius:0 0 8px 8px;flex-direction:column;width:168px;margin-left:98px;padding:4px;display:flex;box-shadow:0 6px 18px #00000059}.ig-mac-menu span{border-radius:4px;padding:1px 8px}.ig-mac-menu span.on{color:#fff;background:#2f6fe4;font-weight:600}.ig-mac-menu i{background:#d2d2d7;height:1px;margin:3px 6px;display:block}.ig-cap{color:var(--muted);margin-top:6px;font-size:11.5px}@media (width<=720px){.install-help,.install.hero .install-help{z-index:60;width:auto;max-height:70vh;position:fixed;inset:auto 16px 16px;overflow-y:auto;transform:none}.topbar{gap:10px;padding:0 16px}}.lv-badge.is-pending{color:var(--muted);background:0 0;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff2e}.set-levels{grid-template-columns:repeat(6,minmax(34px,1fr));gap:4px;display:grid}.lv-chip{cursor:pointer;min-width:0;height:26px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:0 8px;font-size:12px;transition:border-color .12s,background .12s,color .12s}.lv-chip:hover{border-color:#7c3aeda6}.lv-chip.is-l0.on{color:#dfe3e7;background:#8a939c33;border-color:#8a939c}.lv-chip.is-l1.on{color:#bfe9cf;background:#54c47a33;border-color:#54c47a}.lv-chip.is-l2.on{color:#c3e2f6;background:#4aa3d833;border-color:#4aa3d8}.lv-chip.is-l3.on{color:#f3e3a6;background:#e3c15033;border-color:#e3c150}.lv-chip.is-l4.on{color:#f5caa6;background:#e8904a33;border-color:#e8904a}.lv-chip.is-l5.on{color:#f2b8b3;background:#e2665c33;border-color:#e2665c}.wt-w{border-radius:3px}.wt-w:hover,.wt-w.is-on{background:#e8b96a47}.sort-tok.is-on{box-shadow:0 0 0 2px #e8b96a99}.wt-click .wt-w{cursor:pointer;text-underline-offset:3px;-webkit-text-decoration:underline dotted #8080808c;text-decoration:underline dotted #8080808c}.overlay-sub .wt-w{pointer-events:auto}.stage.in-pip .overlay-sub .wt-w{pointer-events:none}.overlay-sub .wt-w.is-now{z-index:1;color:#ffe14d;transform-origin:50% 80%;animation:.24s ease-out kara-pop;position:relative;transform:translateY(-.06em)scale(1.18)}@keyframes kara-pop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-.28em)scale(1.26)}to{transform:translateY(-.06em)scale(1.18)}}@media (prefers-reduced-motion:reduce){.overlay-sub .wt-w.is-now{animation:none}}@media (pointer:coarse){.wt-w,.sort-tok{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.wordcard{z-index:55;color:#f3f5f5;text-align:left;cursor:default;-webkit-user-select:text;user-select:text;background:#17191a;border:1px solid #444a4c;border-radius:7px;width:310px;max-height:calc(100vh - 16px);padding:12px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5;position:fixed;top:8px;left:8px;overflow:auto;box-shadow:0 16px 40px #00000080}.wordcard *{letter-spacing:0}.wc-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wc-title{overflow-wrap:anywhere;font-size:18px;font-weight:700}.wc-x{width:30px;height:30px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:0;font-size:16px;line-height:1}.wc-kind{color:#e8b96a;background:#e8b96a29;border-radius:999px;margin-top:4px;padding:1px 9px;font-size:12px;display:inline-block}.wc-pron{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 8px;display:flex}.wc-ph{color:#c9cfd1}.wc-say,.wc-nb{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:3px 10px;font-size:12px}.wc-say:hover,.wc-nb:hover{background:#54c47a1f;border-color:#54c47a8c}.wc-nb.is-in{color:#7ee787;background:#54c47a38;border-color:#54c47a73}.wc-nb:disabled{opacity:.5;cursor:default}.wc-form{color:#a8afb2;margin:2px 0 6px}.wc-mean{flex-direction:column;gap:5px;margin:6px 0;display:flex}.wc-sub{color:#a8afb2;font-size:12px}.wc-line{align-items:baseline;gap:8px;line-height:1.55;display:flex}.wc-pos{color:#e8b96a;flex:none;min-width:26px;font-size:12px;font-style:italic}.wc-base{color:#c9cfd1;border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px}.wc-base .wc-line{font-size:12px}.wc-tags{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.wc-tg{color:#9da4a8;border:1px solid #ffffff29;border-radius:999px;padding:1px 8px;font-size:10.5px}.wc-msg{color:#a8afb2;margin:8px 0 2px}.nb-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.nb-seg{border:1px solid var(--line);background:#110f1c;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.nb-seg button{height:28px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px}.nb-seg button:hover{color:var(--text)}.nb-seg button.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nb-list{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:16px 0 0;padding:0;list-style:none;overflow:hidden}.nb-it{border-top:1px solid var(--line);grid-template-columns:30px minmax(110px,170px) minmax(0,1fr) minmax(150px,250px) minmax(84px,120px) 26px;grid-template-areas:"say w zh src st rm"".hint hint hint hint hint"".err err err err err";align-items:center;column-gap:12px;min-height:50px;padding:9px 14px;display:grid}.nb-it:first-child{border-top:0}.nb-it:hover{background:#1d1831}.nb-say{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text);cursor:pointer;border:0;border-radius:50%;grid-area:say;place-items:center;padding:0;display:grid}.nb-say:hover{background:#7c3aed57}.nb-wcell{grid-area:w;min-width:0;line-height:1.25}.nb-w{font-size:15.5px;font-weight:600}.nb-wcell .nb-w,.nb-ph{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.nb-ph{color:#8b85a8;font-size:11.5px}.nb-zh{color:#cdc9e9;white-space:nowrap;text-overflow:ellipsis;grid-area:zh;min-width:0;font-size:13px;overflow:hidden}.nb-srccell{grid-area:src;min-width:0}.nb-src{max-width:100%;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12.5px;display:block;overflow:hidden}.nb-src:hover,.nb-src.is-here{color:var(--accent-text)}.nb-st{color:var(--muted);text-align:right;grid-area:st;font-size:12px;line-height:1.35}.nb-st small{color:#8b85a8;font-size:11px;display:block}.nb-st.ok>span{color:var(--ok-text)}.nb-dots{letter-spacing:.14em;color:var(--accent-text)}.nb-rm{color:#8b85a8;cursor:pointer;opacity:.5;background:0 0;border:0;border-radius:6px;grid-area:rm;place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:grid}.nb-it:hover .nb-rm,.nb-rm:focus-visible{opacity:1}.nb-rm:hover{color:var(--bad);background:var(--bad-soft)}.nb-rm:disabled{opacity:.3;cursor:default}.nb-hint{color:var(--warn);grid-area:hint;margin-top:4px;font-size:12.5px}.nb-err{color:var(--bad);grid-area:err;margin-top:4px;font-size:12.5px}.nb-empty{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;margin-top:16px;padding:16px 14px;line-height:1.7}.nb-stale{color:var(--warn);margin-top:12px;font-size:12.5px}@media (width<=760px){.nb-it{grid-template-columns:30px minmax(0,1fr) auto 26px;grid-template-areas:"say w st rm"".zh zh zh"".src src src"".hint hint hint"".err err err";row-gap:4px}.nb-zh{white-space:normal}}.lk-head{margin-top:16px;font-size:14px}.lk-note{color:var(--muted);margin:4px 0 8px;font-size:12.5px;line-height:1.6}.lk-clear.is-confirm{color:var(--bad);border-color:var(--bad)}.lk-list{margin-top:12px}.lk-it{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex}.lk-it:first-child{border-top:0}.lk-it .nb-w{font-size:15.5px}.lk-lemma{color:var(--muted);font-size:13px}.lk-n{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.lk-day{color:var(--muted);font-size:12.5px}.lock-page{place-items:center;padding:24px 16px;display:grid}.lock-box{text-align:center;width:min(440px,100%)}.lock-ic{background:var(--panel-2);width:56px;height:56px;color:var(--muted);border:1px solid #3b3557;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.lock-box h1{margin:0;font-size:20px}.lock-box>p{color:var(--muted);margin:6px 0 0;font-size:13.5px;line-height:1.6}.lock-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:22px 0 6px;padding:0;font-size:13px;list-style:none;display:flex}.lock-chain li{align-items:center;gap:8px;display:inline-flex}.lock-chain i{color:#8b85a8;font-style:normal}.lock-chain span{color:var(--muted);border:1px solid #3b3557;border-radius:14px;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.lock-chain .is-cur span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.lock-chain .is-done span{color:var(--ok-text);border-color:#54c47a80}.lock-box .meter{flex:none;width:260px;margin:18px auto 8px}.lock-num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.lock-box .btn{margin-top:20px}.lock-wait{color:var(--muted);margin:0;font-size:14px}.banner.chrome-tip{color:#f0d9ac;background:#e8b96a1a;border:1px solid #e8b96a59;gap:12px}.banner.chrome-tip .btn{flex:none;text-decoration:none}.banner.chrome-tip button{margin-left:0}.stage .float-ctl{--g-inset:#141414;--g-panel:#1c1c1c;--g-head:#232323;--g-chip:#202020;--g-ctl:#2a2a2a;--g-ctl-hi:#323232;--g-sel:#474747;--g-line:#2e2e2e;--g-edge:#383838;--g-ctl-line:#3d3d3d;--g-hover-line:#575757;--g-sel-line:#7a7a7a;--g-text:#ededed;--g-text-2:#c8c8c8;--g-muted:#a8a8a8;--g-small:#b3b3b3;--violet:#7c3aed;--violet-line:#8b5cf6;--violet-text:#cdb4f8;--remind:#dbb56d;--text:var(--g-text);--muted:var(--g-muted);--line:var(--g-line);--panel:var(--g-panel);--panel-2:var(--g-ctl);color:var(--g-text);background:var(--g-panel);border-color:var(--g-edge);scrollbar-color:#4a4a4a transparent;box-shadow:0 0 0 1px #00000073,0 18px 48px #00000080,inset 0 1px #ffffff09}.stage .float-ctl .fc-head{background:var(--g-head);border-bottom-color:var(--g-line)}.stage .float-ctl .fc-title strong{color:#f4f4f4}.stage .float-ctl .fc-status,.stage .float-ctl .fc-status .tr-status{color:var(--g-muted)}.stage .float-ctl .fc-status .tr-status.bad{color:#f0a8a3}.stage .float-ctl .fc-collapse{background:var(--g-ctl);border-color:var(--g-ctl-line);color:#d9d9d9}.stage .float-ctl .fc-collapse:hover{background:var(--g-ctl-hi);border-color:var(--g-hover-line);color:#fff}.stage .float-ctl .taskbar{background:0 0;border-color:#0000}.stage .float-ctl .today-line{color:var(--g-text)}.stage .float-ctl .today-line.is-done{color:var(--ok-text)}.stage .float-ctl .mode-seg{background:var(--g-inset);border-color:var(--g-line)}.stage .float-ctl .mode-seg button{color:var(--g-muted);background:0 0}.stage .float-ctl .mode-seg button:hover{color:var(--g-text)}.stage .float-ctl .mode-seg button em{color:var(--g-muted);background:#ffffff12}.stage .float-ctl .mode-seg button.on[data-mode=listen],.stage .float-ctl .mode-seg button.on[data-mode=sort]{color:var(--violet-text);background:#363636;box-shadow:inset 0 0 0 1px #cdb4f86b,0 1px 2px #0006}.stage .float-ctl .mode-seg button.on[data-mode=sort] em{color:var(--violet-text);background:#cdb4f824}.stage .float-ctl .mode-pos{color:var(--g-muted)}.stage .float-ctl .mode-pos b{color:var(--g-text)}.stage .float-ctl .lb-track{background:#292929}.stage .float-ctl .lb-track .pre,.stage .float-ctl .lb-track .post{background:#8b5cf66b}.stage .float-ctl .lb-track .sen{background:var(--violet-line)}.stage .float-ctl .lb-track .gap{background:repeating-linear-gradient(45deg,#4c4c4c 0 4px,#2c2c2c 4px 8px)}.stage .float-ctl .loop-bar.is-off .lb-track i{opacity:1}.stage .float-ctl .loop-bar.is-off .lb-track .pre,.stage .float-ctl .loop-bar.is-off .lb-track .post{background:#3d3d3d}.stage .float-ctl .loop-bar.is-off .lb-track .sen{background:#6b6b6b}.stage .float-ctl .lb-head{background:#f5f5f5;box-shadow:0 0 0 2px #0009}.stage .float-ctl .lb-dims,.stage .float-ctl .lb-legend{color:var(--g-small)}.stage .float-ctl .lb-legend span:before{background:#8b5cf66b}.stage .float-ctl .lb-legend span.s:before{background:var(--violet-line)}.stage .float-ctl .lb-legend span.g:before{background:repeating-linear-gradient(45deg,#4c4c4c 0 3px,#2c2c2c 3px 6px)}.stage .float-ctl .loop-bar.is-off .lb-legend span:before{background:#3d3d3d}.stage .float-ctl .loop-bar.is-off .lb-legend span.s:before{background:#6b6b6b}.stage .float-ctl .loop-bar.is-off .lb-legend span.g:before{background:repeating-linear-gradient(45deg,#4c4c4c 0 3px,#2c2c2c 3px 6px)}.stage .float-ctl .lb-legend span.n{color:var(--violet-text)}.stage .float-ctl .fc-transport button{background:var(--g-ctl);border-color:var(--g-ctl-line);color:var(--g-text)}.stage .float-ctl .fc-transport button:hover{background:var(--g-ctl-hi);border-color:var(--g-hover-line)}.stage .float-ctl .fc-transport .fc-arrow{color:#d4d4d4}.stage .float-ctl .fc-transport .fc-btn.on{background:var(--loop-soft);border-color:var(--loop);color:var(--loop);font-weight:700;box-shadow:inset 0 0 0 1px #f5a5248c,0 0 14px #f5a52433}.stage .float-ctl .fc-transport .fc-btn.on:hover{background:#f5a52438;border-color:#f7b548}.stage .float-ctl .fc-label{color:var(--g-muted)}.stage .float-ctl .fc-chips button{background:var(--g-chip);color:var(--g-muted);border-color:#333}.stage .float-ctl .fc-chips button:hover{color:var(--g-text);border-color:var(--g-hover-line)}.stage .float-ctl .fc-chips button.on{background:var(--g-sel);border-color:var(--g-sel-line);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff0f}.stage .float-ctl .fc-chips button.on:hover{border-color:#8c8c8c}.stage .float-ctl .fc-lock{color:var(--remind)}.stage .float-ctl .lv-chip{background:var(--g-chip);color:var(--g-small);border-color:#3a3a3a}.stage .float-ctl .lv-chip:hover{color:var(--g-text);border-color:#6a6a6a}.stage .float-ctl .lv-chip.is-l0.on{color:#f0f0f0;background:#a0a0a042;border-color:#a3a3a3}.stage .float-ctl .lv-chip.is-l1.on{color:#bdeacb;background:#58c07c38;border-color:#58c07c}.stage .float-ctl .lv-chip.is-l2.on{color:#c4e2f6;background:#4ea3d838;border-color:#4ea3d8}.stage .float-ctl .lv-chip.is-l3.on{color:#f3e4a8;background:#dec05438;border-color:#dec054}.stage .float-ctl .lv-chip.is-l4.on{color:#f6cba8;background:#e8904a38;border-color:#e8904a}.stage .float-ctl .lv-chip.is-l5.on{color:#f4bab4;background:#e2665c38;border-color:#e2665c}.stage .float-ctl .lv-chip.on{font-weight:600}.stage .float-ctl .fc-settings{background:var(--g-ctl);border-color:var(--g-ctl-line);color:var(--g-text)}.stage .float-ctl .fc-settings:hover{background:var(--g-ctl-hi);border-color:var(--g-hover-line)}.stage .float-ctl .fc-body>.panel{background:#222}.stage .float-ctl.is-collapsed{background:linear-gradient(#2c2c2c,#1b1b1b);border-color:#4a4a4a;box-shadow:0 0 0 1px #00000073,0 6px 18px #00000080,inset 0 1px #ffffff14}.stage .float-ctl.is-collapsed:hover,.stage .float-ctl.is-collapsed.is-dragging{border-color:var(--violet-line);box-shadow:0 0 0 1px #00000073,0 6px 18px #00000080,0 0 0 3px #7c3aed4d,inset 0 1px #ffffff14}.stage .float-ctl .fc-round:hover{background:#ffffff0d}.am-qr{align-items:center;gap:12px;padding:6px 10px 8px;display:flex}.am-qr img{background:#fff;border-radius:6px;flex:none;width:96px;height:96px;padding:5px}.am-qr p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}html.is-mobile{--g-bg:#0f0d17;--g-inset:#120f1d;--g-panel:#1a152d;--g-chip:#1e1933;--g-ctl:#282340;--g-ctl-hi:#312b4a;--g-sel:#474165;--g-line:#2c2745;--g-edge:#373152;--g-ctl-line:#3c3759;--g-sel-line:#7f7aa0;--g-text:#efeef9;--g-muted:#aeaacd;--g-small:#b9b4d7;--violet:#7c3aed;--violet-line:#8b5cf6;--violet-text:#cdb4f8;--remind:#dbb56d;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.is-mobile body{touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.is-mobile #root{height:100dvh}@media (orientation:portrait){.is-mobile.is-app{--m-glass:6px}}.is-mobile .ios-top-strip{display:none}@media (orientation:portrait){.is-mobile.is-app .ios-top-strip{background:var(--panel);z-index:2147483000;pointer-events:none;height:10px;display:block;position:fixed;top:0;left:0;right:0}}.is-mobile .topbar{height:calc(44px + env(safe-area-inset-top) + var(--m-glass,0px));padding:0;padding-top:calc(env(safe-area-inset-top) + var(--m-glass,0px));gap:0}.is-mobile .app.m-watch .topbar{background:#17142a;border-bottom-color:#2d2846;transition:height .22s}.is-mobile .app.m-watch .topbar .bar-in{transition:opacity .16s .1s,transform .22s}.is-mobile .app.m-watch.m-bar-hidden .topbar{height:calc(env(safe-area-inset-top) + var(--m-glass,0px));border-bottom-width:0;transition:height .8s ease-in-out}.is-mobile .app.m-watch.m-bar-hidden .topbar .bar-in{opacity:0;pointer-events:none;transition:opacity .48s,transform .8s ease-in-out;transform:translateY(-12px)}.is-mobile .bar-in,.is-mobile .bar-in.is-wide{width:auto;padding:0 max(12px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));gap:0;margin:0}.is-mobile .bar-logo{display:none}.is-mobile .tab{gap:3px;padding:0 8px;font-size:14px}.is-mobile .tab:first-child{padding-left:2px}.is-mobile .tab.on:after{left:8px;right:8px}.is-mobile .tab:first-child.on:after{left:2px}.is-mobile .tab-lock{display:inline-flex}.is-mobile .tab-n{padding:0 5px;font-size:11.5px;line-height:17px}.is-mobile .bar-r{gap:6px;padding-left:6px}.is-mobile .avatar:not(.is-big){width:32px;height:32px;position:relative}.is-mobile button.avatar:after{content:"";position:absolute;inset:-6px}.m-score{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-self:center;align-items:stretch;gap:3px;padding:4px;display:flex}.m-score b{letter-spacing:-.2px;color:var(--g-text);white-space:nowrap;font-size:14px;font-weight:700;line-height:16px}.m-score b span{color:var(--g-muted);font-size:12px;font-weight:500}.m-score-m{background:#322c4b;border-radius:2px;height:3px;overflow:hidden}.m-score-m i{background:var(--remind);border-radius:2px;height:100%;display:block}.m-score.is-met .m-score-m i{background:var(--violet-line)}.m-score.is-done .m-score-m i{background:var(--ok)}@media (width<=389px){.is-mobile .tab{padding:0 6px;font-size:13.5px}.is-mobile .tab-lock,.is-mobile .tab-mark{display:none}.is-mobile .m-score{padding:4px 2px}}@media (width<=340px){.is-mobile .tab{padding:0 5px;font-size:13px}.is-mobile .m-score b span{display:none}}.is-mobile .page-wrap{width:calc(100% - 32px)}.is-mobile .ts-go{min-height:40px;padding:0 16px;font-size:14px}.is-mobile .banner{margin:10px 14px 0}.is-mobile .workspace.is-m{background:var(--g-bg);flex-direction:column;gap:0;padding:0;display:flex}.is-mobile .workspace.is-m .left{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.is-mobile .workspace.is-m .player{flex:none}.is-mobile .workspace.is-m .stage{aspect-ratio:16/9;border-radius:0;width:100%}.is-mobile .workspace.is-m .stage video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.is-mobile .stage .overlay-sub{padding:0 4%;transition:bottom .2s;bottom:10%}.is-mobile .stage:not(.idle) .overlay-sub{bottom:86px}.is-mobile .stage .overlay-sub span{font-size:15px}.is-mobile .stage .overlay-sub .zh.pending{font-size:12.5px}.is-mobile .stage .overlay-note span{font-size:13px}.is-mobile .cbar.is-m{padding:14px 8px 0}.is-mobile .cbar.is-m .cb-progress{height:28px}.is-mobile .cbar.is-m .cb-thumb{opacity:1}.is-mobile .cbar.is-m .cb-row{height:40px}.is-mobile .cbar.is-m .cb-left,.is-mobile .cbar.is-m .cb-right{gap:2px}.is-mobile .cbar.is-m .cb-time{margin-left:6px;font-size:13px}.is-mobile .cb-land{display:none}.cb-mini{z-index:3;pointer-events:none;opacity:0;background:#ffffff2e;height:3px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.cb-mini i{background:#ffffffd1;height:100%;display:block}.is-mobile .stage.idle .cb-mini{opacity:1}.is-mobile .m-lower{min-height:0;color:var(--g-text);padding:10px max(14px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;flex:1;display:flex}.is-mobile .m-lower>.panel{background:#201b36;flex:none;margin-bottom:8px;padding:8px 10px;font-size:13px}.is-mobile .m-pill{text-align:center;min-width:0;height:44px;color:var(--g-text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;flex:0 auto;padding:0 14px;font-size:14.5px;line-height:42px;display:inline-block;overflow:hidden}.is-mobile .m-pill:active{background:#ffffff1a}.is-mobile .m-pill[aria-disabled=true]{opacity:.4}.is-mobile .m-pill.is-go{color:#141516;background:#dfe3e5;border-color:#dfe3e5;font-weight:700}.is-mobile .m-card{background:linear-gradient(#1a152c,#141121);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:0;padding:10px;display:flex;overflow:hidden}.is-mobile .sort-panel.is-m{--tok-fs:18px;--tok-line:45px;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.is-mobile .sort-panel.is-m.is-collapsed .m-card{flex:none}.is-mobile .sort-panel.is-m .sort-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex;overflow-y:auto}.is-mobile .sort-panel.is-m .sort-body.is-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.is-mobile .sort-panel.is-m .sort-answer{flex:none;min-height:0;padding:4px 10px}.is-mobile .sort-panel.is-m .sort-answer:hover{border-color:#ffffff24}.is-mobile .sort-panel.is-m .sort-template .sort-tok{border-radius:8px 8px 3px 3px;margin:0 1px;padding:7px 10px 6px}.is-mobile .sort-panel.is-m .sort-slot{white-space:nowrap;letter-spacing:-.3em;border-radius:8px 8px 3px 3px;width:52px;min-width:0;padding:7px 0 6px}.is-mobile .sort-panel.is-m .sort-slot.is-next{background:#54c47a1a;border-color:#54c47a73 #54c47a73 #54c47acc}.is-mobile .sort-panel.is-m .sort-bank{flex:none;gap:9px 8px;min-height:0;padding:10px}.is-mobile .sort-panel.is-m .sort-bank .sort-tok{background:linear-gradient(#363051 0%,#27223f 100%);height:44px;padding:0 17px}.is-mobile .sort-panel.is-m .sort-bank .sort-tok:hover{background:linear-gradient(#3e385b 0%,#2d2846 100%);transform:none}.is-mobile .sort-ghost{background:linear-gradient(#3e385b 0%,#2d2846 100%)}.is-mobile .sort-panel.is-m.is-long{--tok-fs:16px;--tok-line:40px}.is-mobile .sort-panel.is-m.is-long .sort-template .sort-tok{padding:5px 7px 4px}.is-mobile .sort-panel.is-m.is-long .sort-slot{width:44px;padding:5px 0 4px}.is-mobile .sort-panel.is-m.is-long .sort-bank .sort-tok{height:40px;padding:0 13px}.is-mobile .sort-panel.is-m .sort-solved{cursor:pointer;padding:4px 8px}.is-mobile .sort-panel.is-m .sort-solved .sort-template{line-height:44px}.is-mobile .sort-panel.is-m .sort-solved .sort-tok{padding:6px 8px}.is-mobile .sort-panel.is-m .sort-solved .sort-tok.is-on{background:#e8b96a2e;box-shadow:0 0 0 2px #e8b96abf}.is-mobile .sort-panel.is-m .sort-zh{flex:none;margin:2px 0 0;padding:0 6px;font-size:21px;line-height:1.4}.is-mobile .sort-panel.is-m .sort-result{text-align:center;flex:none;margin:-2px 0 0;font-size:13.5px}.is-mobile .sort-panel.is-m .sort-hinting{padding-top:4px;font-size:12.5px}.is-mobile .m-acts{flex:none;gap:8px;display:flex}.is-mobile .m-acts .m-pill{flex:1 1 0}.is-mobile .m-card.m-list{gap:0;padding:0}.is-mobile .m-list .lines-panel{background:0 0;border:0;border-radius:0;flex:1;min-height:0}.is-mobile .m-list .lines-head{padding:8px 12px}.is-mobile .m-list .seg button{padding:11px 13px;font-size:13px}.is-mobile .m-list .lines-back{border-color:var(--g-ctl-line);width:44px;height:44px;color:var(--violet-text);background:#241f3bf2;bottom:10px;right:10px}.is-mobile .m-list .lines-sub{min-height:32px;padding:4px 12px}.is-mobile .m-list .lines{overscroll-behavior:contain;position:relative}.is-mobile .m-list .line{grid-template-columns:42px minmax(0,1fr) 40px;padding:9px 6px;font-size:15px}.is-mobile .m-list .line .zh{font-size:14px}.is-mobile .loop-btn{opacity:.45;width:40px;height:40px;margin-top:-8px}.is-mobile .m-looprow{flex:none;align-items:center;gap:10px;height:30px;margin:7px 2px;display:flex}.is-mobile .m-tools{flex:none;gap:6px;display:flex}.is-mobile .m-tool{height:30px;color:var(--g-text);white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:0 12px;font-size:13.5px;position:relative}.is-mobile .m-tool:after{content:"";position:absolute;inset:-7px -3px}.is-mobile .m-tool:active{background:#ffffff1a}.is-mobile .m-tool[aria-disabled=true]{opacity:.4}.is-mobile .m-tool.is-waiting[aria-disabled=true]{opacity:.68}.is-mobile .m-looprow .lv-badge{min-width:28px;font-size:12.5px;line-height:19px}.is-mobile .m-looprow .loop-bar{flex:1;min-width:0}.is-mobile .m-looprow .lb-dims,.is-mobile .m-looprow .lb-legend{display:none}.is-mobile .m-looprow .lb-track{background:#27223e;border-radius:2px;height:4px}.is-mobile .m-looprow .lb-track i:first-child{border-radius:2px 0 0 2px}.is-mobile .m-looprow .lb-track i:last-of-type{border-radius:0 2px 2px 0}.is-mobile .m-looprow .lb-track .pre,.is-mobile .m-looprow .lb-track .post{background:#8b5cf66b}.is-mobile .m-looprow .lb-track .sen{background:var(--violet-line)}.is-mobile .m-looprow .lb-track .gap{background:repeating-linear-gradient(45deg,#4d476b 0 4px,#2a2542 4px 8px)}.is-mobile .m-looprow .loop-bar.is-off .lb-track i{opacity:1}.is-mobile .m-looprow .loop-bar.is-off .lb-track .pre,.is-mobile .m-looprow .loop-bar.is-off .lb-track .post{background:#3c3759}.is-mobile .m-looprow .loop-bar.is-off .lb-track .sen{background:#6f6990}.is-mobile .m-looprow .lb-head{background:#f5f5f5;width:4px;height:12px;margin-left:-2px;top:-4px;box-shadow:0 0 0 2px #0009}.is-mobile .m-tp{flex:none;grid-template-columns:50px 1fr 1fr 50px 50px;gap:7px;display:grid}.is-mobile .m-tp button{border:1px solid var(--g-ctl-line);background:var(--g-ctl);height:52px;color:var(--g-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:600;display:flex}.is-mobile .m-tp button:active{background:var(--g-ctl-hi)}.is-mobile .m-tp button:disabled{opacity:.45}.is-mobile .m-tp .m-ar,.is-mobile .m-tp .m-more{color:#d8d4f1}.is-mobile .m-tp .m-loop svg{width:21px;height:21px}.is-mobile .m-tp .m-play svg{width:18px;height:18px}.is-mobile .m-tp .m-play{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink)}.is-mobile .m-tp .m-play:active{background:var(--accent-fill-down);border-color:var(--accent-fill-down)}.is-mobile .m-tp .m-loop.on{background:var(--loop-soft);border-color:var(--loop);color:var(--loop);font-weight:700;box-shadow:inset 0 0 0 1px #f5a5248c,0 0 14px #f5a52433}@media (height<=700px){.is-mobile .m-lower{padding-top:8px}.is-mobile .sort-panel.is-m{--tok-line:42px}.is-mobile .sort-panel.is-m .sort-template .sort-tok,.is-mobile .sort-panel.is-m .sort-slot{padding-top:6px;padding-bottom:5px}.is-mobile .sort-panel.is-m .sort-bank{gap:8px 7px;padding:8px}.is-mobile .sort-panel.is-m .sort-bank .sort-tok{height:42px}.is-mobile .m-looprow{margin:5px 2px}.is-mobile .m-tp button{height:48px}.is-mobile .m-list .lines-head{padding:4px 12px}.is-mobile .m-list .lock-banner{margin:6px 8px 0;padding:5px 9px;font-size:12px;line-height:1.45}}@media (height<=600px){.is-mobile .m-lower{padding-top:6px}.is-mobile .m-card{gap:6px;margin-top:6px;padding:6px}.is-mobile .sort-panel.is-m,.is-mobile .sort-panel.is-m.is-long{--tok-line:40px}.is-mobile .sort-panel.is-m .sort-bank{gap:6px;padding:6px}.is-mobile .sort-panel.is-m .sort-bank .sort-tok{height:40px}.is-mobile .m-looprow{height:16px;margin:5px 2px}.is-mobile .m-looprow .lv-badge{font-size:11.5px;line-height:16px}.is-mobile .m-tp button{height:44px}}@media (width<=389px){.is-mobile .m-tp{grid-template-columns:44px 1fr 1fr 44px 44px;gap:6px}}.m-sheet-wrap{z-index:50;position:fixed;inset:0}.m-scrim{background:#00000080;position:absolute;inset:0}.m-sheet{overscroll-behavior:contain;max-height:calc(100% - 40px);color:var(--g-text);padding:4px max(16px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--g-panel);border-top:1px solid var(--g-edge);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;animation:.18s ease-out m-sheet-in;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px #00000080}@keyframes m-sheet-in{0%{opacity:.6;transform:translateY(28px)}to{opacity:1;transform:none}}.m-grab{cursor:pointer;background:0 0;border:0;flex:none;align-self:center;width:64px;height:18px;margin-bottom:-8px;padding:0;position:relative}.m-grab:before{content:"";background:#4b4569;border-radius:3px;height:5px;position:absolute;top:6px;left:13px;right:13px}.m-sh-head{border-bottom:1px solid var(--g-line);align-items:center;gap:10px;padding-bottom:12px;display:flex}.m-sh-t{flex-direction:column;flex:1;min-width:0;display:flex}.m-sh-t b,.m-sh-t span,.m-sh-t small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-sh-t b{font-size:15px}.m-sh-t span{color:var(--g-muted);font-variant-numeric:tabular-nums;font-size:13px}.m-sh-t small{color:var(--g-muted);font-size:12px}.m-btn{border:1px solid var(--g-ctl-line);background:var(--g-ctl);height:44px;color:var(--g-text);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14.5px;display:inline-flex}.m-btn:active{background:var(--g-ctl-hi)}.m-row{align-items:center;gap:8px;display:flex}.m-lb{width:66px;color:var(--g-muted);flex:none;font-size:14px}.m-chips{flex:1;gap:6px;min-width:0;display:flex}.m-chips button{background:var(--g-chip);min-width:0;height:44px;color:var(--g-muted);cursor:pointer;border:1px solid #322c4b;border-radius:10px;flex:1;padding:0 2px;font-size:15px}.m-chips button.on{background:var(--g-sel);border-color:var(--g-sel-line);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff0f}.m-lock{color:var(--remind);margin:-6px 0 0 74px;font-size:13px}.m-sheet .m-moderow .mode-seg{background:0 0;border:0;flex:1;gap:6px;min-width:0;padding:0;display:flex}.m-sheet .m-moderow .mode-seg button{background:var(--g-chip);min-width:0;height:44px;color:var(--g-muted);letter-spacing:1px;border:1px solid #322c4b;border-radius:10px;flex:1;justify-content:center;gap:6px;padding:0 2px;font-size:15px}.m-sheet .m-moderow .mode-seg button em{color:var(--g-muted);background:#ffffff12;padding:0 5px;font-size:11px;line-height:17px}.m-sheet .m-moderow .mode-seg button.on[data-mode]{background:var(--g-sel);border-color:var(--g-sel-line);color:#fff;box-shadow:inset 0 1px #ffffff0f}.m-sheet .m-moderow .mode-seg button.on[data-mode=sort] em{color:var(--violet-text);background:#00000038}.m-sheet .fc-row{flex-wrap:nowrap;gap:8px}.m-sheet .fc-label{width:66px;color:var(--g-muted);font-size:14px}.m-sheet .set-levels.fc-levels{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.m-sheet .fc-levels .lv-chip{background:var(--g-chip);height:44px;color:var(--g-small);border-color:#393355;border-radius:22px;padding:0 2px;font-size:13.5px}.m-sheet .fc-levels .lv-chip.on{font-weight:600}.m-sheet .fc-levels .lv-chip.is-l0.on{color:#f0f0f0;background:#a0a0a042;border-color:#a3a3a3}.m-sheet .fc-levels .lv-chip.is-l1.on{color:#bdeacb;background:#58c07c38;border-color:#58c07c}.m-sheet .fc-levels .lv-chip.is-l2.on{color:#c4e2f6;background:#4ea3d838;border-color:#4ea3d8}.m-sheet .fc-levels .lv-chip.is-l3.on{color:#f3e4a8;background:#dec05438;border-color:#dec054}.m-sheet .fc-levels .lv-chip.is-l4.on{color:#f6cba8;background:#e8904a38;border-color:#e8904a}.m-sheet .fc-levels .lv-chip.is-l5.on{color:#f4bab4;background:#e2665c38;border-color:#e2665c}.m-foot{gap:8px;padding-top:2px;display:flex}.m-foot .m-btn{flex:1}.is-mobile .wordcard{border-radius:12px;max-height:calc(100dvh - 16px);padding:12px 14px 14px;font-size:14px;box-shadow:0 16px 40px #0009}.is-mobile .wordcard .wc-head{justify-content:flex-start;gap:10px}.is-mobile .wordcard .wc-title{font-size:21px}.is-mobile .wordcard .wc-ph{font-size:14px}.is-mobile .wordcard .wc-x{width:40px;height:40px;margin-left:auto;font-size:18px}.is-mobile .wordcard .wc-mean{gap:4px;margin:8px 0 4px}.is-mobile .wordcard .wc-pos{font-size:13px}.wc-btns{gap:8px;margin-top:10px;display:flex}.is-mobile .wordcard .wc-btns button{flex:1 1 0;min-width:0;height:44px;padding:0 10px;font-size:14px}.is-mobile .an-layer{z-index:58;padding-top:calc(env(safe-area-inset-top) + var(--m-glass,0px));position:fixed;inset:0}.is-mobile .an-x{width:40px;height:40px}.is-mobile .an-wpos{font-size:11px}.is-mobile .set-head .x{flex:none;place-items:center;width:44px;height:44px;margin:-8px -12px -8px auto;font-size:26px;display:grid}.is-mobile .settings input:not([type=checkbox]),.is-mobile .settings select,.is-mobile .settings .set-levels .lv-chip{height:40px}.is-mobile .settings .set-grade button{height:40px;font-size:15px}.is-mobile .settings .btn.small{min-height:36px;padding:0 12px;font-size:13px}.is-mobile .set-foot .btn{height:44px;padding:0 20px;font-size:15px}.is-mobile .nb-seg button{height:40px;padding:0 13px;font-size:14px}.is-mobile .nb-say{width:40px;height:40px}.is-mobile .nb-rm{opacity:1;width:40px;height:40px;font-size:20px}.is-mobile .nb-rm:disabled{opacity:.3}.is-mobile .nb-it{grid-template-columns:40px minmax(110px,170px) minmax(0,1fr) minmax(150px,250px) minmax(84px,120px) 40px}@media (width<=760px){.is-mobile .nb-it{grid-template-columns:40px minmax(0,1fr) auto 40px}}.is-mobile .app.m-watch .toast{bottom:calc(env(safe-area-inset-bottom) + 136px)}@media (orientation:landscape){.is-mobile .app.m-watch .topbar{display:none}.is-mobile .workspace.is-m{background:#000}.is-mobile .workspace.is-m .m-lower{display:none}.is-mobile .workspace.is-m .player{flex-direction:column;flex:1;min-height:0;display:flex}.is-mobile .workspace.is-m .stage{aspect-ratio:auto;flex:1;min-height:0}.is-mobile .cb-land{display:grid}.is-mobile .cbar.is-m .cb-btn.cb-land.on{color:var(--loop)}.is-mobile .cbar.is-m{padding:18px max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left))}.is-mobile .stage:not(.idle) .overlay-sub{bottom:calc(90px + env(safe-area-inset-bottom))}.is-mobile .stage .overlay-sub span{font-size:clamp(16px,2.6vw,24px)}.is-mobile .stage .overlay-note span{font-size:clamp(13px,1.8vw,18px)}.is-mobile .app.m-watch .toast{bottom:24px}}