.wf-explainer{--bg:#030712;--g900:#111827;--g800:#1f2937;--g700:#374151;--g600:#4b5563;--g500:#6b7280;--g400:#9ca3af;--g300:#d1d5db;--fg:#f3f4f6;--accent:#f97316;--accent-deep:#ea580c;--line:#ffffff14;aspect-ratio:16/9;background:radial-gradient(110% 80% at 0 0,#ea580c29,transparent 55%),var(--bg);outline:1px solid var(--line);border-radius:18px;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073}.wf-explainer .stage{transform-origin:0 0;width:1280px;height:720px;color:var(--fg);font-family:inherit;position:absolute;top:0;left:0;overflow:hidden}.wf-explainer .stage *{box-sizing:border-box}.wf-explainer .a{position:absolute;top:0;left:0}.wf-explainer .o0,.wf-explainer .win{transform-origin:0 0}.wf-explainer .win{background:var(--bg);border:1px solid #1f2937;border-radius:16px;width:1200px;height:600px;overflow:hidden;box-shadow:0 28px 80px #0000008c}.wf-explainer .side{border-right:1px solid var(--g800);z-index:5;background:#111827f2;width:72px;position:absolute;top:0;bottom:0;left:0}.wf-explainer .side img{height:36px;position:absolute;top:20px;left:18px}.wf-explainer .nav{width:48px;height:48px;color:var(--g300);place-items:center;display:grid;position:absolute;left:12px}.wf-explainer .nav svg{width:24px;height:24px}.wf-explainer .navhi{background:#ea580c33;border-radius:9px;width:48px;height:48px;position:absolute;left:12px}.wf-explainer .sbtn{border-radius:12px;place-items:center;width:48px;display:grid;position:absolute;left:12px}.wf-explainer .sbtn.search{border:1px solid var(--g700);height:38px;color:var(--g300);background:#1f2937b3;bottom:112px}.wf-explainer .sbtn.add{color:#fff;background:linear-gradient(90deg,#ea580c,#f97316);height:44px;bottom:60px;box-shadow:0 6px 16px #7c2d1259}.wf-explainer .sbtn svg{width:22px;height:22px}.wf-explainer .me{background:linear-gradient(135deg,#fdba74,#9a3412);border-radius:50%;width:32px;height:32px;position:absolute;bottom:16px;left:20px}.wf-explainer .pg{position:absolute;inset:0 0 0 72px;overflow:hidden}.wf-explainer .h1{font-size:24px;font-weight:600}.wf-explainer .tagpill{border:1px solid var(--g700);background:var(--g900);height:36px;color:var(--g300);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;display:inline-flex}.wf-explainer .tagpill svg{width:16px;height:16px}.wf-explainer .tagbtn{border-left:1px solid var(--g800);height:36px;color:var(--g300);align-items:center;gap:6px;padding-left:12px;font-size:15px;display:flex}.wf-explainer .seg{border:1px solid var(--g800);background:var(--g900);border-radius:10px;padding:3px;display:flex}.wf-explainer .seg span{height:34px;color:var(--g400);border-radius:7px;place-items:center;padding:0 14px;font-size:15px;display:grid}.wf-explainer .seg span.on{background:var(--g700);color:#fff;font-weight:600}.wf-explainer .fold{border:1px solid var(--g800);background:var(--g900);height:44px;color:var(--g400);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:15px;display:flex}.wf-explainer .fold svg{width:20px;height:20px}.wf-explainer .fold i{opacity:0;background:#172554;border:1px solid #3b82f699;border-radius:10px;position:absolute;inset:-1px}.wf-explainer .fold span,.wf-explainer .fold svg{position:relative}.wf-explainer .colh{color:var(--g400);font-size:14px;font-weight:500}.wf-explainer .crow{border-top:1px solid var(--g900);align-items:center;gap:12px;padding-left:2px;display:flex}.wf-explainer .av{color:#030712b3;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.wf-explainer .nm{color:var(--fg);white-space:nowrap;font-size:17px}.wf-explainer .cell{white-space:nowrap;color:var(--g400);font-variant-numeric:tabular-nums;font-size:15px}.wf-explainer .tp{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:13px;display:inline-flex}.wf-explainer .tp.fav{color:#fde68a;background:#facc1514;border-color:#facc1559}.wf-explainer .tp.wk{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa66}.wf-explainer .tp svg{width:13px;height:13px}.wf-explainer .dots{width:36px;height:36px;color:var(--g400);border-radius:8px;place-items:center;display:grid}.wf-explainer .dots svg{width:20px;height:20px}.wf-explainer .empty{text-align:center;justify-items:center;gap:6px;width:1064px;display:grid}.wf-explainer .empty svg{width:56px;height:56px;color:var(--g700);margin-bottom:8px}.wf-explainer .empty b{color:var(--g300);font-size:16px;font-weight:500}.wf-explainer .empty span{color:var(--g500);font-size:16px}.wf-explainer .fbox{border:1px solid var(--g800);border-radius:12px;overflow:hidden}.wf-explainer .aside{border-right:1px solid var(--g800);width:230px;padding:12px;position:absolute;top:0;bottom:0;left:0}.wf-explainer .fsearch{border:1px solid var(--g800);background:var(--g900);height:38px;color:var(--g500);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:15px;display:flex}.wf-explainer .fsearch svg{width:18px;height:18px}.wf-explainer .navrow{height:38px;color:var(--g300);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:15px;display:flex}.wf-explainer .navrow svg{color:#93c5fd;width:18px;height:18px}.wf-explainer .navrow.on{background:var(--g800);color:#fff}.wf-explainer .phead{background:var(--g900);border-bottom:1px solid var(--g800);align-items:center;height:48px;padding-left:20px;font-size:19px;font-weight:600;display:flex;position:absolute;top:0;left:230px;right:0}.wf-explainer .frow{border-radius:10px;align-items:center;gap:8px;display:flex}.wf-explainer .frow svg{color:#93c5fd;flex:none;width:22px;height:22px}.wf-explainer .frow b{font-size:17px;font-weight:600}.wf-explainer .frow i{opacity:0;background:#172554;border-radius:10px;outline:2px solid #3b82f6;position:absolute;inset:0}.wf-explainer .frow b,.wf-explainer .frow svg{position:relative}.wf-explainer .dim{background:#0307128c}.wf-explainer .vc{background:var(--g900);border:1px solid var(--g800);border-radius:6px;overflow:hidden}.wf-explainer .th{position:relative;overflow:hidden}.wf-explainer .th:after{content:"";aspect-ratio:1;background:#ffffff1a;border-radius:50%;width:46%;position:absolute;top:-30%;right:-12%}.wf-explainer .th.short{place-items:center;display:grid}.wf-explainer .th.short:after{display:none}.wf-explainer .vert{border-radius:6px;width:26%;height:82%}.wf-explainer .bd{z-index:1;color:#fff;white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:11px;font-weight:600;display:inline-flex;position:absolute}.wf-explainer .bd svg{width:11px;height:11px}.wf-explainer .bd.dur{background:#000c;bottom:7px;right:7px}.wf-explainer .bd.age{color:#e5e7eb;background:#0009;bottom:7px;left:7px}.wf-explainer .bd.st{top:7px;left:7px}.wf-explainer .bd.w{background:#16a34ae6}.wf-explainer .bd.s{background:#000000b3}.wf-explainer .bd.live{background:#dc2626}.wf-explainer .prog{z-index:1;background:#00000080;height:4px;position:absolute;bottom:0;left:0;right:0}.wf-explainer .prog i{background:#dc2626;height:100%;display:block}.wf-explainer .th.watched{filter:saturate(.55)brightness(.75)}.wf-explainer .vb{gap:6px;padding:12px;display:grid;position:relative}.wf-explainer .tl{background:#4b5563;border-radius:4px;height:9px}.wf-explainer .tl+.tl{background:#374151;width:62%}.wf-explainer .cn{color:var(--g400);white-space:nowrap;margin-top:4px;font-size:13px}.wf-explainer .vb .dots{background:var(--g800);border-radius:6px;width:28px;height:28px;position:absolute;bottom:6px;right:8px}.wf-explainer .vb .dots svg{width:16px;height:16px}.wf-explainer .menu{background:var(--g800);border:1px solid var(--g700);border-radius:10px;width:210px;padding:6px;box-shadow:0 18px 40px #00000080}.wf-explainer .menu div{height:36px;color:var(--g300);border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex;position:relative}.wf-explainer .menu div i{background:var(--g700);opacity:0;border-radius:7px;position:absolute;inset:0}.wf-explainer .menu div span,.wf-explainer .menu div svg{position:relative}.wf-explainer .menu svg{width:16px;height:16px;color:var(--g400)}.wf-explainer .modal{background:var(--g900);border:1px solid var(--g700);border-radius:14px;box-shadow:0 30px 80px #0009}.wf-explainer .modal>*{position:absolute}.wf-explainer .mh{border-bottom:1px solid var(--g800);justify-content:space-between;align-items:center;height:54px;font-size:19px;font-weight:700;display:flex;top:0;left:24px;right:24px}.wf-explainer .mh svg{width:20px;height:20px;color:var(--g400)}.wf-explainer .lbl{color:var(--g400);font-size:13px}.wf-explainer .pick{border-radius:8px;align-items:center;gap:12px;height:50px;padding:0 8px;display:flex;left:16px;right:16px}.wf-explainer .cb{border:1.5px solid var(--g600);border-radius:5px;flex:none;width:20px;height:20px;position:relative}.wf-explainer .cb i{background:var(--accent-deep);opacity:0;border-radius:5px;place-items:center;display:grid;position:absolute;inset:-1.5px}.wf-explainer .cb svg{color:#fff;width:14px;height:14px}.wf-explainer .mth{border-radius:5px;flex:none;width:54px;height:30px}.wf-explainer .pick b{flex:1;font-size:15px;font-weight:600}.wf-explainer .pick span{color:var(--g400);font-variant-numeric:tabular-nums;font-size:13px}.wf-explainer .toast{background:var(--g800);border:1px solid var(--g700);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 14px 30px #00000073}.wf-explainer .toast svg{color:#4ade80;width:18px;height:18px}.wf-explainer .fbar{background:#111827e6;border:1px solid #1f2937cc;border-radius:16px;width:1064px;height:54px;box-shadow:0 10px 24px #0000004d}.wf-explainer .fbar>*{position:absolute;top:8px}.wf-explainer .ctl{border:1px solid var(--g700);height:36px;color:var(--g300);white-space:nowrap;background:#030712cc;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.wf-explainer .ctl svg{width:14px;height:14px;color:var(--g400)}.wf-explainer .ctl .chev{margin-left:auto}.wf-explainer .ctl i{opacity:0;background:#ea580c29;border:1px solid #f97316b3;border-radius:8px;position:absolute;inset:-1px}.wf-explainer .ctl span,.wf-explainer .ctl svg{position:relative}.wf-explainer .tseg{border:1px solid var(--g700);background:#030712cc;border-radius:8px;height:36px;display:flex;overflow:hidden}.wf-explainer .tseg span{color:var(--g300);flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex;position:relative}.wf-explainer .tseg span i{background:var(--accent-deep);opacity:0;position:absolute;inset:0}.wf-explainer .tseg span b,.wf-explainer .tseg span svg{font-weight:500;position:relative}.wf-explainer .tseg svg{width:14px;height:14px}.wf-explainer .vcount{color:var(--g400);font-variant-numeric:tabular-nums;font-size:14px;top:17px;right:16px}.wf-explainer .vcount b{color:var(--fg)}.wf-explainer .col{width:250px}.wf-explainer .mosaic{border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:250px;height:140px;display:grid;overflow:hidden}.wf-explainer .col b{margin-top:10px;font-size:16px;font-weight:700;display:block}.wf-explainer .col span{color:var(--g400);font-variant-numeric:tabular-nums;font-size:14px}.wf-explainer .newcol{border:2px dashed var(--g700);width:250px;height:140px;color:var(--g400);border-radius:8px;place-items:center;font-size:15px;font-weight:600;display:grid}.wf-explainer .cwb{border:1px solid var(--g800);background:var(--g900);height:36px;color:var(--g300);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.wf-explainer .cwb svg{width:16px;height:16px}.wf-explainer .wp{width:1064px}.wf-explainer .wp>*{position:absolute}.wf-explainer .wph{border-bottom:1px solid var(--g800);height:64px;top:0;left:0;right:0}.wf-explainer .wph>*{position:absolute}.wf-explainer .wph .ic{width:28px;height:28px;top:10px;left:0}.wf-explainer .wph h3{white-space:nowrap;margin:0;font-size:28px;font-weight:700;line-height:1.1;top:6px;left:40px}.wf-explainer .wph p{color:var(--g400);white-space:nowrap;margin:0;font-size:13px;top:42px;left:40px}.wf-explainer .wph .btns{gap:8px;display:flex;top:12px;right:0}.wf-explainer .wph .btns span{border:1px solid var(--g800);background:var(--g900);width:36px;height:36px;color:var(--g300);border-radius:8px;place-items:center;display:grid}.wf-explainer .wph .btns svg{width:18px;height:18px}.wf-explainer .wrow{gap:16px;display:flex;top:84px;left:0}.wf-explainer .gc{background:var(--g900);border:1px solid var(--g800);border-radius:8px;width:300px;overflow:hidden}.wf-explainer .gch{border-bottom:1px solid var(--g800);align-items:center;gap:10px;height:52px;padding:0 14px;font-size:15px;font-weight:600;display:flex}.wf-explainer .gch .av{width:28px;height:28px;font-size:12px}.wf-explainer .gch em{background:var(--accent);color:#fff;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:12px;font-style:normal;font-weight:800}.wf-explainer .statbox{border:1px solid var(--g800);background:var(--g900);border-radius:10px;height:150px;top:84px;left:0;right:0}.wf-explainer .statbox>*{position:absolute}.wf-explainer .sv b{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;display:block}.wf-explainer .sv span{color:var(--g400);font-size:13px}.wf-explainer .sbars{align-items:flex-end;gap:8px;height:100px;display:flex;bottom:22px;right:24px}.wf-explainer .sbars i{background:var(--accent);opacity:.85;border-radius:4px 4px 0 0;width:22px;display:block}.wf-explainer .input{border:1px solid var(--g700);background:var(--bg);border-radius:8px;align-items:center;height:38px;padding:0 12px;font-size:15px;display:flex}.wf-explainer .caret{background:var(--accent);width:2px;height:18px;margin-left:1px;display:inline-block}.wf-explainer .kseg{border:1px solid var(--g700);border-radius:8px;width:220px;height:36px;display:flex;overflow:hidden}.wf-explainer .kseg span{color:var(--g300);flex:1;place-items:center;font-size:14px;display:grid;position:relative}.wf-explainer .kseg span i{background:var(--g700);opacity:0;position:absolute;inset:0}.wf-explainer .kseg span b{font-weight:600;position:relative}.wf-explainer .pill{background:var(--g800);border:1px solid var(--g700);height:26px;color:var(--g300);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.wf-explainer .cond{gap:8px}.wf-explainer .cond,.wf-explainer .sel{align-items:center;height:32px;display:flex}.wf-explainer .sel{border:1px solid var(--g700);background:var(--g800);color:var(--fg);white-space:nowrap;border-radius:7px;gap:6px;padding:0 10px;font-size:14px}.wf-explainer .sel.op{color:var(--g300);background:0 0}.wf-explainer .sel.v{color:#fed7aa;background:#ea580c1f;border-color:#f9731673}.wf-explainer .sel svg{width:13px;height:13px;color:var(--g400)}.wf-explainer .cond .rm{color:var(--g500);margin-left:auto}.wf-explainer .cond .rm svg{width:16px;height:16px}.wf-explainer .grp{border:1px dashed var(--g700);border-radius:10px}.wf-explainer .grp>*{position:absolute}.wf-explainer .btn{border-radius:8px;place-items:center;height:38px;font-size:15px;font-weight:700;display:grid}.wf-explainer .btn.pri{background:var(--accent-deep);color:#fff}.wf-explainer .btn.ghost{color:var(--g300);border:1px solid var(--g700)}.wf-explainer .end{text-align:center;justify-items:center;gap:18px;width:640px;display:grid}.wf-explainer .mark{align-items:center;gap:18px;display:flex}.wf-explainer .mark img{height:84px}.wf-explainer .mark span{letter-spacing:-.02em;background:linear-gradient(90deg,#fb923c,#ea580c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:800}.wf-explainer .tag{color:var(--g300);font-size:30px;font-weight:500}.wf-explainer .ea{color:#fdba74;background:#f9731614;border:1px solid #f973164d;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:700}.wf-explainer .crumb{color:var(--g400);align-items:center;gap:6px;font-size:14px;display:flex}.wf-explainer .crumb svg{width:16px;height:16px;transform:rotate(180deg)}.wf-explainer .chead b{letter-spacing:-.01em;font-size:30px;font-weight:800;display:block}.wf-explainer .chead span{color:var(--g400);font-size:15px}.wf-explainer .qrow{border-radius:10px;align-items:center;gap:14px;padding:0 10px;display:flex}.wf-explainer .qrow .n{width:18px;color:var(--g500);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.wf-explainer .qrow .qt{border-radius:6px;flex:none;position:relative;overflow:hidden}.wf-explainer .qrow .qb{flex:1;gap:6px;min-width:0;display:grid}.wf-explainer .qrow .qb i{background:#4b5563;border-radius:4px;width:70%;height:9px;display:block}.wf-explainer .qrow .qb i+i{background:#374151;width:42%}.wf-explainer .qrow .qb em{color:var(--g400);font-size:13px;font-style:normal}.wf-explainer .qrow .d{color:var(--g400);font-variant-numeric:tabular-nums;font-size:13px}.wf-explainer .court{position:absolute;inset:0}.wf-explainer .court .ln{border:3px solid #ffffffd9;position:absolute}.wf-explainer .court .net{background:#ffffffe6;width:4px;position:absolute;top:9%;bottom:9%;left:calc(50% - 2px);box-shadow:0 0 0 3px #00000026}.wf-explainer .ball{background:radial-gradient(circle at 35% 35%,#fef9c3,#d9f99d 40%,#a3e635);height:18px;margin:-9px;box-shadow:0 0 12px #d9f99d99}.wf-explainer .ball,.wf-explainer .bsh{border-radius:50%;width:18px;position:absolute}.wf-explainer .bsh{background:#00000059;height:8px;margin:-4px -9px}.wf-explainer .plr{border:4px solid #ffffffe6;border-radius:50%;width:30px;height:30px;margin:-15px;position:absolute}.wf-explainer .watch{z-index:15;background:#000;overflow:hidden}.wf-explainer .vidarea{place-items:center;display:grid;position:absolute;top:0;bottom:56px;left:0;overflow:hidden}.wf-explainer .vid{position:relative;overflow:hidden}.wf-explainer .wbar{border-top:1px solid var(--g800);background:#111827f2;align-items:center;gap:8px;height:56px;padding:0 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.wf-explainer .wb{color:#fff;border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid}.wf-explainer .wb svg{width:24px;height:24px}.wf-explainer .wb.on{background:var(--g700)}.wf-explainer .wcount{text-align:center;width:40px;color:var(--g400);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.wf-explainer .wtitle{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wf-explainer .wtitle .av{width:28px;height:28px;margin:0 8px;font-size:12px}.wf-explainer .wtitle i{background:#6b7280;border-radius:5px;height:10px;display:block}.wf-explainer .wtitle svg{color:#fff;flex:none;width:24px;height:24px}.wf-explainer .qpanel{background:var(--g900);border-left:1px solid var(--g800);width:380px;position:absolute;top:0;bottom:56px;right:0}.wf-explainer .qph{border-bottom:1px solid var(--g800);height:52px;color:var(--g500);align-items:center;gap:4px;padding:0 8px 0 12px;font-size:12px;display:flex}.wf-explainer .qph .sp{margin-left:auto}.wf-explainer .qph svg{width:20px;height:20px;color:var(--g300)}.wf-explainer .qph b{color:var(--g400);font-variant-numeric:tabular-nums;padding:0 4px;font-weight:400}.wf-explainer .qopts{border-bottom:1px solid var(--g800);height:52px;color:var(--g400);align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.wf-explainer .qopts span{align-items:center;gap:8px;padding:0 12px;display:flex}.wf-explainer .qopts svg{width:20px;height:20px}.wf-explainer .qi{border-bottom:1px solid var(--g800);align-items:center;gap:12px;height:72px;padding:0 12px;display:flex}.wf-explainer .qi .h{color:var(--g600);display:flex}.wf-explainer .qi .h svg{width:18px;height:18px}.wf-explainer .qi .t{border:1px solid var(--g700);border-radius:4px;flex:none;width:80px;height:45px;position:relative;overflow:hidden}.wf-explainer .qi .t u{color:#f3f4f6;background:#000000b3;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1;text-decoration:none;position:absolute;bottom:4px;right:4px}.wf-explainer .qi .t b{color:var(--accent);opacity:0;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.wf-explainer .qi .t b svg{width:22px;height:22px}.wf-explainer .qi .x{flex:1;gap:7px;display:grid}.wf-explainer .qi .x i{opacity:.55;background:#9ca3af;border-radius:4px;width:85%;height:9px;display:block}.wf-explainer .qi .x em{color:var(--g500);font-size:12px;font-style:normal}.wf-explainer .chap{text-align:center;justify-items:center;gap:14px;width:1280px;display:grid}.wf-explainer .chap small{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.wf-explainer .chap small b{background:var(--accent-deep);color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.wf-explainer .chap span{letter-spacing:-.02em;text-shadow:0 6px 30px #0009;font-size:58px;font-weight:800;line-height:1.05}.wf-explainer .ctag{border:1px solid var(--g800);white-space:nowrap;transform-origin:0;background:#111827e6;border-radius:999px;align-items:center;gap:10px;height:38px;padding:0 16px 0 5px;font-size:16px;font-weight:700;display:inline-flex}.wf-explainer .ctag b{background:var(--accent-deep);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.wf-explainer .ctag em{color:var(--g500);font-style:normal;font-weight:600}.wf-explainer .inner{width:100%;height:100%}.wf-explainer .mhead{align-items:center;gap:10px;height:44px;display:flex;top:14px;left:16px;right:16px}.wf-explainer .mhead img{height:36px}.wf-explainer .mhead span{color:var(--accent);letter-spacing:-.01em;font-size:24px;font-weight:700}.wf-explainer .mhead i{border:1px solid var(--g800);background:var(--g900);width:38px;height:38px;color:var(--g300);border-radius:9px;place-items:center;margin-left:auto;display:grid}.wf-explainer .mhead i svg{width:18px;height:18px}.wf-explainer .bnav{border:1px solid var(--g700);z-index:6;background:#111827e0;border-radius:20px;justify-content:space-around;align-items:center;height:66px;display:flex;inset:auto 16px 16px;box-shadow:0 10px 30px #00000080}.wf-explainer .bnav span{color:var(--g300);justify-items:center;gap:3px;font-size:11px;display:grid;position:relative}.wf-explainer .bnav span.on{color:#fb923c}.wf-explainer .bnav svg{width:22px;height:22px}.wf-explainer .bnav em{background:var(--accent);color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-6px;right:-4px}.wf-explainer .dlabel{text-align:center;width:200px;color:var(--g400);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:700}.wf-explainer .stand{background:linear-gradient(#1f2937,#111827)}.wf-explainer .cursor{transform-origin:0 0;z-index:40;filter:drop-shadow(0 3px 6px #00000080);width:26px;height:26px}.wf-explainer .ripple{border:3px solid var(--accent);z-index:39;border-radius:50%;width:44px;height:44px}.wf-explainer .overlay{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;inset:0}.wf-explainer .overlay:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:18px}.wf-explainer .ov{justify-items:center;gap:14px;display:grid}.wf-explainer .ov .playbtn{aspect-ratio:1;background:var(--accent-deep);border-radius:50%;place-items:center;width:clamp(56px,10vw,92px);transition:transform .2s;display:grid;box-shadow:0 12px 40px #ea580c73}.wf-explainer .overlay:hover .playbtn{transform:scale(1.06)}.wf-explainer .ov .playbtn svg{width:38%;height:38%;margin-left:6%}.wf-explainer .ov b{font-size:clamp(16px,2.6vw,26px);font-weight:800}.wf-explainer .ov span{color:var(--g400);font-size:clamp(12px,1.6vw,15px)}.wf-explainer[data-state=poster] .overlay{background:#0307129e}.wf-explainer[data-state=paused] .overlay{background:#03071273}.wf-explainer[data-state=playing] .ov{display:none}.wf-explainer[data-state=ended] .overlay{place-items:end center;padding-bottom:5%}.wf-explainer[data-state=ended] .ov b,.wf-explainer[data-state=ended] .ov span:not(.replay){display:none}.wf-explainer .replay{color:var(--fg);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:clamp(13px,1.6vw,15px);font-weight:700;display:none}.wf-explainer[data-state=ended] .playbtn{display:none}.wf-explainer[data-state=ended] .replay{display:inline-flex}.wf-explainer .progress{pointer-events:none;background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0}.wf-explainer .progress i{background:var(--accent);width:0;height:100%;display:block}.wf-explainer[data-state=poster] .progress{opacity:0}.wf-explainer .ghostbtn{border:1px solid var(--g700);height:36px;color:var(--g300);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.use-case-slide-enter-active[data-v-e426fe30],.use-case-slide-leave-active[data-v-e426fe30]{transition:opacity .22s,transform .22s}.use-case-slide-enter-from[data-v-e426fe30],.use-case-slide-leave-to[data-v-e426fe30]{opacity:0;transform:translateY(.4rem)}