.frt{--frt-sans:var(--font-sans,Arial, Helvetica, sans-serif);--frt-mono:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace)}.frt svg{vertical-align:middle;display:inline-block}.frt .film{aspect-ratio:16/9;border:1px solid var(--border);background:#e9eef5;border-radius:14px;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0f,0 12px 40px -12px #0f172a40}.frt .canvas{transform-origin:0 0;width:1280px;height:720px;font-family:var(--frt-sans);color:#0f172a;background:#e9eef5;position:absolute;top:0;left:0;overflow:hidden}.frt .canvas *{box-sizing:border-box}.frt .bg{background:radial-gradient(circle at 1px 1px,#2563eb21 1px,#0000 1.4px) 0 0/24px 24px,linear-gradient(#eef3f9 0%,#e3eaf3 100%);position:absolute;inset:0}.frt .bg i{border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 5px #fff9}.frt .cap{flex-direction:column;justify-content:center;gap:16px;width:300px;display:flex;position:absolute;top:0;bottom:0;left:56px}.frt .cap-step{font-family:var(--frt-mono);color:#2563eb;letter-spacing:.04em;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.frt .cap-step b{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:inline-flex}.frt .cap-h{font-family:var(--frt-sans);color:#0f172a;letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:34px;font-weight:700;line-height:1.14}.frt .cap-p{color:#334155;margin:0;font-size:17px;line-height:1.5}.frt .cap-dots{gap:6px;margin-top:6px;display:flex}.frt .cap-dots span{background:#cbd5e1;border-radius:2px;width:22px;height:4px;transition:background .3s}.frt .cap-dots span.on{background:#2563eb}.frt .cap.in>*{animation:.5s cubic-bezier(.2,.7,.2,1) both frt-capIn}.frt .cap.in>:nth-child(2){animation-delay:60ms}.frt .cap.in>:nth-child(3){animation-delay:.12s}.frt .cap.in>:nth-child(4){animation-delay:.18s}@keyframes frt-capIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.frt .win{background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;width:848px;height:616px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s;display:flex;position:absolute;top:52px;left:392px;overflow:hidden;box-shadow:0 2px 4px #0f172a0d,0 24px 60px -20px #0f172a59}.frt .win.away{opacity:.9;transform:translate(-24px)scale(.97)}.frt .bar{background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex:none;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.frt .dots{gap:6px;display:flex}.frt .dots i{border-radius:50%;width:11px;height:11px}.frt .url{height:24px;font-family:var(--frt-mono);color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.frt .url svg{color:#64748b;flex:none}.frt .url .host{color:#94a3b8}.frt .view{background:#f8fafc;flex:1;position:relative;overflow:hidden}.frt .view.in{animation:.45s ease-out both frt-viewIn}@keyframes frt-viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.frt .cursor{pointer-events:none;z-index:50;will-change:transform;width:26px;height:26px;transition:opacity .3s;position:absolute;top:0;left:0}.frt .cursor svg{filter:drop-shadow(0 2px 3px #0f172a59)}.frt .cursor.hide{opacity:0}.frt .cursor .frt-rip{opacity:0;border:2px solid #2563eb;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.frt .cursor.clk .frt-rip{animation:.45s ease-out frt-rip}@keyframes frt-rip{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.frt .pressed{filter:brightness(.93);transform:scale(.96)!important}.frt .ap{color:#0f172a;font-size:13px}.frt .btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .12s,filter .12s,background .2s;display:inline-flex}.frt .btn-p{color:#fff;background:#2563eb;box-shadow:0 1px 2px #2563eb4d}.frt .btn-i{color:#fff;background:#4f46e5}.frt .btn-s{color:#334155;background:#fff;border-color:#cbd5e1}.frt .btn-g{color:#fff;background:#059669}.frt .fld{flex-direction:column;gap:5px;display:flex}.frt .lbl{color:#334155;font-size:12px;font-weight:500}.frt .inp{color:#0f172a;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:13.5px;display:flex;overflow:hidden}.frt .inp.mono{font-family:var(--frt-mono);font-size:13px}.frt .inp.focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.frt .inp .phd{color:#94a3b8}.frt .typing:after{content:"";vertical-align:-3px;background:#2563eb;width:1.5px;height:16px;margin-left:1px;animation:.8s step-end infinite frt-blink;display:inline-block}@keyframes frt-blink{50%{opacity:0}}.frt .hint{opacity:0;align-items:center;gap:4px;font-size:11.5px;transition:all .25s;display:flex;transform:translateY(-3px)}.frt .hint.on{opacity:1;transform:none}.frt .ok{color:#047857}.frt .row{gap:12px;display:flex}.frt .row>*{flex:1;min-width:0}.frt .pane{display:none}.frt .pane.on{animation:.35s ease-out both frt-paneIn;display:flex}@keyframes frt-paneIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.frt .pop{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.5,1);transform:scale(.85)}.frt .pop.on{opacity:1;transform:none}.frt .ico{flex:none}.frt .land{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:0 70px;display:flex}.frt .land h3{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.frt .land p{color:#334155;max-width:540px;margin:0;font-size:15.5px;line-height:1.6}.frt .land .ctas{gap:12px;margin-top:12px;display:flex}.frt .land .ctas .btn{height:44px;padding:0 22px;font-size:14px}.frt .land small{color:#64748b;font-size:13px}.frt .land small b{color:#4f46e5}.frt .land .lnk{gap:10px;margin-top:22px;display:flex}.frt .land .lnk span{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.frt .authwrap{justify-content:center;align-items:center;height:100%;display:flex}.frt .auth{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;width:430px;padding:22px;display:flex;box-shadow:0 1px 3px #0f172a0d}.frt .tabs{background:#f1f5f9;border-radius:7px;grid-template-columns:1fr 1fr;height:40px;padding:4px;display:grid}.frt .tabs span{color:#64748b;border-radius:5px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.frt .tabs span.on{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a14}.frt .sub{gap:8px;display:flex}.frt .sub span{color:#334155;border:1px solid #e2e8f0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;font-size:12px;font-weight:500;display:flex}.frt .sub span.on{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;font-weight:600}.frt .stp{align-items:center;gap:8px;display:flex}.frt .stp .s{color:#64748b;white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:500;display:flex}.frt .stp .n{color:#64748b;width:22px;height:22px;font-family:var(--frt-mono);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.frt .stp .s.on .n{color:#fff;background:#4f46e5;box-shadow:0 0 0 4px #eef2ff}.frt .stp .s.on{color:#0f172a;font-weight:600}.frt .stp .s.done .n{color:#fff;background:#4f46e5}.frt .stp .s.done{color:#334155}.frt .stp .ln{background:#f1f5f9;border-radius:1px;flex:1;height:2px;transition:background .3s}.frt .stp .ln.on{background:#4f46e5}.frt .pane.col{flex-direction:column;gap:11px}.frt .nav{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:18px;height:52px;padding:0 18px;display:flex}.frt .logo{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.frt .logo i{color:#fff;background:#2563eb;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.frt .nav .it{color:#475569;font-size:12.5px;font-weight:500}.frt .nav .it.on{color:#2563eb}.frt .nav .srch{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;width:190px;height:30px;margin-left:auto;padding:0 10px;font-size:12px;display:flex}.frt .nav .srch kbd{font-family:var(--frt-mono);color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-left:auto;padding:0 4px;font-size:10px}.frt .ava{color:#fff;background:#4f46e5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11.5px;font-weight:600;display:inline-flex}.frt .body{flex-direction:column;gap:16px;padding:22px 26px;display:flex}.frt .hello h4{letter-spacing:-.015em;margin:0;font-size:21px;font-weight:700}.frt .hello span{color:#64748b;font-size:12.5px}.frt .card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.frt .gs-top{align-items:center;gap:12px;padding:14px 16px;display:flex}.frt .gs-ic{color:#2563eb;background:#eff6ff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.frt .gs-t{font-size:14px;font-weight:600}.frt .gs-s{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:430px;margin-top:2px;font-size:12.5px;overflow:hidden}.frt .prog{background:#f1f5f9;border-radius:3px;flex:none;width:150px;height:6px;overflow:hidden}.frt .prog i{background:#2563eb;border-radius:3px;height:100%;transition:width .8s cubic-bezier(.2,.7,.2,1);display:block}.frt .gs-list{border-top:1px solid #f1f5f9;display:none}.frt .gs-list.on{animation:.3s ease-out both frt-paneIn;display:block}.frt .gs-li{border-top:1px solid #f1f5f9;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;display:flex}.frt .gs-li:first-child{border-top:0}.frt .gs-li .t{flex:1}.frt .gs-li .a{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600;transition:transform .12s}.frt .gs-li.hot{background:#f8fbff}.frt .gs-li.done .t{color:#64748b}.frt .muted{color:#94a3b8}.frt .strips{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.frt .strip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.frt .strip .k{font-family:var(--frt-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:10.5px}.frt .strip .v{color:#94a3b8;font-size:13px}.frt .strip .v.live{color:#047857;font-weight:600}.frt .duty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.frt .of{flex-direction:column;gap:14px;max-width:640px;padding:22px 30px;display:flex}.frt .of-h{align-items:center;gap:10px;display:flex}.frt .of-h h4{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.frt .badge{font-family:var(--frt-mono);color:#2563eb;background:#eff6ff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.frt .back{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.frt .sel{justify-content:space-between}.frt .dotc{border-radius:50%;width:9px;height:9px;display:inline-block}.frt .eyb{font-family:var(--frt-mono);letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-top:4px;font-size:10.5px}.frt .toast{color:#fff;opacity:0;background:#0f172a;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;transition:all .3s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(12px);box-shadow:0 10px 30px -8px #0f172a80}.frt .toast.on{opacity:1;transform:none}.frt .toast svg{color:#34d399}.frt .obh{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 26px 0}.frt .obh .t{align-items:center;gap:10px;display:flex}.frt .obh h4{margin:0;font-size:19px;font-weight:700}.frt .obh .a{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.frt .chip{color:#334155;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.frt .chip.info{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.frt .chip.acc{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.frt .chip.ok{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.frt .chip.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.frt .otabs{gap:20px;margin-top:14px;display:flex}.frt .otabs span{color:#64748b;border-bottom:2px solid #0000;padding-bottom:10px;font-size:13px;font-weight:500}.frt .otabs span.on{color:#2563eb;border-color:#2563eb;font-weight:600}.frt .notes{flex-direction:column;gap:10px;padding:18px 26px;display:flex}.frt .note{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.frt .note .tx{flex-direction:column;flex:1;gap:6px;font-size:13.5px;line-height:1.45;display:flex}.frt .note .meta{color:#94a3b8;font-size:11.5px}.frt .iconbtn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .12s,filter .12s;display:inline-flex}.frt .note.dim{opacity:.55}.frt .wiz{background:#f8fafc;flex-direction:column;display:none;position:absolute;inset:0}.frt .wiz.on{animation:.4s ease-out both frt-viewIn;display:flex}.frt .wiz-top{background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px 26px 14px;display:flex}.frt .wiz-top h4{align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.frt .wchips{align-items:center;gap:8px;display:flex}.frt .wc{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:7px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.frt .wc.cur{color:#fff;background:#2563eb}.frt .wc.done{color:#047857;background:#ecfdf5}.frt .wln{background:#e2e8f0;flex:1;height:1px}.frt .wbody{flex-direction:column;flex:1;gap:12px;padding:18px 26px;display:flex;position:relative}.frt .wcount{font-family:var(--frt-mono);color:#64748b;text-align:center;font-size:11.5px}.frt .photos{gap:10px;display:flex}.frt .ph{border:1px solid #e2e8f0;border-radius:9px;width:112px;height:84px;position:relative;overflow:hidden}.frt .ph.add{color:#2563eb;background:#eff6ff;border:1.5px dashed #93c5fd;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.frt .works{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:6px;min-height:78px;padding:10px 12px;display:flex}.frt .works div{align-items:center;gap:8px;min-height:20px;font-size:13.5px;display:flex}.frt .works div:before{content:"";background:#2563eb;border-radius:50%;flex:none;width:5px;height:5px}.frt .works div:empty:before{display:none}.frt .wfoot{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 26px;display:flex}.frt .wfoot .bk{color:#64748b;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.frt .mat{background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.frt .mat .q{font-family:var(--frt-mono);color:#334155;background:#f1f5f9;border-radius:5px;margin-left:auto;padding:2px 8px;font-size:12.5px}.frt .mat svg{color:#64748b}.frt .done-ov{opacity:0;pointer-events:none;background:#f8fafcf0;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .35s;display:flex;position:absolute;inset:0}.frt .done-ov.on{opacity:1}.frt .done-ov .big{color:#fff;background:#059669;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .45s cubic-bezier(.3,1.6,.5,1);display:flex;transform:scale(.5)}.frt .done-ov.on .big{transform:none}.frt .done-ov h5{margin:4px 0 0;font-size:19px;font-weight:700}.frt .done-ov p{color:#64748b;margin:0;font-size:13px}.frt .uh{align-items:center;gap:12px;display:flex}.frt .uh h4{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.frt .utab{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.frt .ur{border-top:1px solid #f1f5f9;grid-template-columns:36px 1.4fr 1fr 1fr;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;display:grid}.frt .ur.hd{font-family:var(--frt-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748b;background:#f8fafc;border-top:0;padding:9px 16px;font-size:10.5px}.frt .ur .nm{font-weight:600}.frt .ur .nm small{color:#64748b;font-size:12px;font-weight:400;display:block}.frt .ur.new{background:#f0fdf8;animation:.5s cubic-bezier(.2,.7,.2,1) both frt-rowIn}@keyframes frt-rowIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.frt .scrim{opacity:0;pointer-events:none;background:#0f172a59;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.frt .scrim.on{opacity:1}.frt .modal{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:500px;padding:22px;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;transform:translateY(14px)scale(.98);box-shadow:0 30px 60px -20px #0f172a80}.frt .scrim.on .modal{transform:none}.frt .modal .eb{font-family:var(--frt-mono);letter-spacing:.08em;text-transform:uppercase;color:#4f46e5;font-size:10.5px}.frt .modal h5{margin:0;font-size:18px;font-weight:700}.frt .modal p{color:#475569;margin:0;font-size:13px;line-height:1.5}.frt .inv{align-items:center;gap:16px;display:flex}.frt .qr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:none;width:132px;height:132px;padding:8px}.frt .qr svg{clip-path:inset(0 0 100%);width:100%;height:100%;transition:clip-path .9s ease-out;display:block}.frt .qr.on svg{clip-path:inset(0)}.frt .inv .side{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.frt .linkbox{align-items:center;gap:8px;display:flex}.frt .linkbox .inp{font-family:var(--frt-mono);color:#334155;flex:1;min-width:0;font-size:11.5px}.frt .linkbox .btn{height:36px;padding:0 12px}.frt .ttl{color:#64748b;font-size:12px}.frt .phone{z-index:30;background:#0f172a;border-radius:40px;width:292px;height:600px;padding:10px;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:74px;right:70px;transform:translateY(760px)rotate(4deg);box-shadow:0 30px 70px -20px #0f172a99}.frt .phone.on{transform:translateY(0)rotate(-2deg)}.frt .scr{background:#f8fafc;border-radius:31px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.frt .sbar{background:#fff;flex:none;justify-content:space-between;align-items:center;height:34px;padding:0 22px;font-size:12px;font-weight:600;display:flex}.frt .notch{background:#0f172a;border-radius:12px;width:84px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frt .ph-tabs{background:#fff;border-bottom:1px solid #e2e8f0;gap:14px;padding:6px 14px 0;font-size:12px;display:flex}.frt .ph-tabs span{color:#64748b;padding-bottom:7px}.frt .ph-tabs span.on{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:600}.frt .ph-tabs em{background:#eff6ff;border-radius:8px;margin-left:3px;padding:0 5px;font-style:normal}.frt .ph-f{align-items:center;gap:6px;padding:9px 12px;display:flex}.frt .ph-list{flex-direction:column;flex:1;gap:8px;padding:0 10px;display:flex}.frt .rq{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:4px;padding:9px 10px;transition:border-color .4s;display:flex}.frt .rq .top{align-items:center;gap:6px;display:flex}.frt .rq .id{font-family:var(--frt-mono);color:#2563eb;background:#eff6ff;border-radius:4px;padding:0 5px;font-size:11px;font-weight:600}.frt .rq .tag{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#7c3aed;border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.frt .rq h6{margin:0;font-size:14px;font-weight:700}.frt .rq .ad{color:#64748b;font-size:11.5px}.frt .rq .ds{color:#334155;font-size:12px;line-height:1.4}.frt .rq .ft{align-items:center;gap:6px;margin-top:3px;display:flex}.frt .st{color:#2563eb;background:#eff6ff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .3s}.frt .rq.fin{border-left-color:#059669}.frt .rq.fin .st{color:#047857;background:#ecfdf5}.frt .rq.new{animation:.55s cubic-bezier(.2,.7,.2,1) both frt-rqIn}@keyframes frt-rqIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:none}}.frt .rq.other{opacity:.75}.frt .tabbar{background:#fff;border-top:1px solid #e2e8f0;flex:none;grid-template-columns:repeat(5,1fr);padding:7px 4px 14px;display:grid}.frt .tabbar span{color:#64748b;flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex;position:relative}.frt .tabbar span.on{color:#2563eb}.frt .tabbar b{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;font-size:9px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;top:-4px;right:18px;transform:scale(0)}.frt .tabbar b.on{transform:scale(1)}.frt .push{z-index:5;background:#fffffff7;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:8px;left:8px;right:8px;transform:translateY(-120%);box-shadow:0 10px 30px -8px #0f172a73}.frt .push.on{transform:none}.frt .push i{color:#fff;background:#2563eb;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.frt .push b{font-size:12px;display:block}.frt .push span{color:#475569;font-size:11.5px}.frt .frt-tap{opacity:0;pointer-events:none;z-index:6;background:#2563eb40;border:2px solid #2563eb99;border-radius:50%;width:38px;height:38px;position:absolute}.frt .frt-tap.on{animation:.7s ease-out frt-tap}@keyframes frt-tap{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.frt .end{color:#e2e8f0;opacity:0;pointer-events:none;z-index:60;text-align:center;background:linear-gradient(#0f1a33 0%,#0b1220 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s;display:flex;position:absolute;inset:0}.frt .end.on{opacity:1}.frt .end .lg{font-family:var(--frt-sans);letter-spacing:-.02em;color:#fff;align-items:center;gap:14px;font-size:52px;font-weight:600;display:flex}.frt .end .lg i{background:#2563eb;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.frt .end h2{font-family:var(--frt-sans);color:#cbd5e1;letter-spacing:-.01em;margin:0;font-size:28px;font-weight:500}.frt .end .chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin-top:6px;display:flex}.frt .end .chips span{color:#dbeafe;opacity:0;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:20px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:15px;transition:all .45s cubic-bezier(.2,.7,.2,1);display:inline-flex;transform:translateY(10px)}.frt .end .chips span.on{opacity:1;transform:none}.frt .end .chips svg{color:#34d399}.frt .end .try{color:#94a3b8;margin-top:14px;font-size:17px}.frt .end .try b{color:#fff;font-weight:600}.frt .end .try code{font-family:var(--frt-mono);color:#93c5fd}.frt .ctl{align-items:center;gap:14px;display:flex}.frt .play{border:1px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.frt .play:hover{border-color:var(--accent);color:var(--accent)}.frt .play:focus-visible,.frt .chap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.frt .time{font-family:var(--frt-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;min-width:92px;font-size:13px}.frt .chaps{flex:1;grid-template-columns:repeat(7,1fr);gap:6px;min-width:0;display:grid}.frt .chap{appearance:none;text-align:left;cursor:pointer;color:var(--muted-foreground);font:inherit;background:0 0;border:0;flex-direction:column;gap:7px;min-width:0;padding:0;display:flex}.frt .chap .tr{background:var(--muted-strong);border-radius:2px;height:4px;overflow:hidden}.frt .chap .tr i{background:var(--accent);width:0;height:100%;display:block}.frt .chap .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.frt .chap.on{color:var(--foreground)}.frt .chap.on .nm{font-weight:600}.frt .live{color:var(--secondary-foreground);margin:0;font-size:15px;line-height:1.5}.frt .live b{color:var(--foreground)}@media (min-width:760px){.frt .live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:640px){.frt .ctl{flex-wrap:wrap}.frt .chaps{flex-basis:100%;order:3;gap:4px}.frt .chap .nm{font-size:0}.frt .film{border-radius:10px}}.frt.rec .ctl,.frt.rec .live{display:none}.frt.rec .film{box-shadow:none;border:0;border-radius:0;width:1280px;height:720px}@media (prefers-reduced-motion:reduce){.frt .cap.in>*,.frt .view.in,.frt .pane.on,.frt .wiz.on,.frt .ur.new,.frt .rq.new,.frt .gs-list.on{animation:none}.frt .phone,.frt .win,.frt .pop,.frt .hint,.frt .toast,.frt .push,.frt .scrim,.frt .modal,.frt .end,.frt .end .chips span,.frt .qr svg,.frt .prog i{transition:none}}
