.r04{--r-bg: var(--ss-bg, #080b11);--r-panel: var(--ss-surface, #0e131b);--r-panel2: var(--ss-surface-raised, #141b25);--r-line: rgba(255, 255, 255, .08);--r-line2: rgba(255, 255, 255, .14);--r-text: var(--ss-text, #f5f8fd);--r-muted: var(--ss-muted, #8e98aa);--r-dim: #5d6678;--r-blue: var(--ss-brand, #1267f4);--r-blue2: #5b95ff;background:var(--r-bg);color:var(--r-text);line-height:1.5;overflow-x:clip;text-autospace:normal}.r04 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.r04 :focus-visible{outline:2px solid var(--r-blue2);outline-offset:2px}.r04-wrap{max-width:1080px;margin:0 auto;padding:0 24px}@media(max-width:640px){.r04-wrap{padding:0 16px}}.r04-btn{display:inline-flex;align-items:center;gap:8px;background:var(--r-blue);color:#fff;border-radius:12px;padding:14px 26px;font-size:16px;font-weight:600;transition:background .2s}.r04-btn:hover{background:#2a78ff}.r04-link{color:var(--r-blue2);font-size:15px;display:inline-flex;align-items:center;gap:6px}.r04-hero{padding:152px 0 80px;text-align:center}.r04-hero .ver{font-size:15px;color:var(--r-muted);letter-spacing:.02em}.r04-hero h1{font-size:clamp(44px,8vw,96px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:18px 0 22px;text-wrap:balance}.r04-hero p{font-size:clamp(17px,2.2vw,22px);color:var(--r-muted);max-width:760px;margin:0 auto;text-wrap:pretty}.r04-index{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}.r04-index a{font-size:14px;color:var(--r-muted);border:1px solid var(--r-line2);border-radius:999px;padding:7px 15px;transition:color .2s,border-color .2s}.r04-index a:hover{color:var(--r-text);border-color:#ffffff4d}.r04-feat{padding:120px 0;border-top:1px solid var(--r-line);scroll-margin-top:var(--ss-nav-height, 4.5rem)}.r04-head{text-align:center;margin-bottom:56px}.r04-num{font-size:13px;color:var(--r-dim);font-variant-numeric:tabular-nums;letter-spacing:.08em}.r04-feat h2{font-size:clamp(32px,5vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:12px 0 14px;text-wrap:balance}.r04-head p{font-size:clamp(16px,2vw,19px);color:var(--r-muted);max-width:640px;margin:0 auto;line-height:1.6;text-wrap:pretty}.r04-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--r-blue2);border:1px solid rgba(91,149,255,.4);border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:6px;letter-spacing:0}@media(max-width:640px){.r04-feat{padding:80px 0}.r04-hero{padding:112px 0 56px}}.r04-stage{background:var(--r-panel);border:1px solid var(--r-line);border-radius:22px;overflow:hidden;position:relative}.r04-ctl{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.r04-seg{display:inline-flex;background:var(--r-panel);border:1px solid var(--r-line);border-radius:12px;padding:4px;flex-wrap:wrap;justify-content:center}.r04-seg button{font-size:14px;padding:7px 15px;border-radius:9px;color:var(--r-muted);transition:background .2s,color .2s}.r04-seg button[aria-pressed=true]{background:#232c3d;color:var(--r-text)}.r04-ghost{font-size:14px;padding:9px 16px;border-radius:11px;border:1px solid var(--r-line2);color:var(--r-text);transition:border-color .2s}.r04-ghost:hover{border-color:#ffffff4d}.r04-cap{font-size:13px;color:var(--r-dim);text-align:center;margin-top:14px}.r04-win{background:#f5f7fa;border-radius:12px;overflow:hidden;color:#1d2433;box-shadow:0 30px 70px -20px #000000b3}.r04-win .tb{height:30px;background:#e6e9ef;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:11.5px;color:#6a7283}.r04-win .tb i{width:10px;height:10px;border-radius:50%;background:#c9ced8}.r04-win .tb span{margin-left:8px}.r04-cut{padding:44px 40px 36px}@media(max-width:640px){.r04-cut{padding:28px 18px}}.r04-words{font-size:clamp(18px,2.4vw,26px);line-height:1.9;color:#d9dfeb;max-width:820px;margin:0 auto;text-align:center}.r04-w{border-radius:6px;padding:1px 4px;transition:all .35s;display:inline-block;max-width:420px;white-space:nowrap;vertical-align:bottom;overflow:hidden}.r04-w.m{background:#ffffff14;color:#f0d38a;cursor:pointer}.r04-w.m.pause{color:var(--r-muted);font-size:.7em;padding:3px 8px;vertical-align:middle}.r04-w.gone{max-width:0;padding-left:0;padding-right:0;opacity:0;margin:0}.r04-tl{display:flex;height:54px;gap:3px;margin:40px auto 0;max-width:820px}.r04-st{border-radius:7px;background:#25344f;transition:flex-grow .5s cubic-bezier(.3,.7,.2,1),opacity .4s,margin .5s;flex-basis:0;overflow:hidden;position:relative;padding:0}.r04-st:after{content:"";position:absolute;inset:14px 6px;background:repeating-linear-gradient(90deg,rgba(91,149,255,.55) 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.r04-st.m{background:#f0d38a2e}.r04-st.m:after{background:repeating-linear-gradient(90deg,rgba(240,211,138,.5) 0 2px,transparent 2px 5px)}.r04-st.m.pause:after{display:none}.r04-st.gone{flex-grow:0!important;opacity:0;margin-left:-3px}.r04-dur{display:flex;justify-content:space-between;max-width:820px;margin:12px auto 0;font-size:13px;color:var(--r-dim);font-variant-numeric:tabular-nums}.r04-dur b{color:var(--r-text);font-weight:600;font-size:15px}.r04-cmp{position:relative;padding:52px 44px 44px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}@media(max-width:640px){.r04-cmp{padding:44px 16px 16px}}.r04-cmp .after{position:absolute;inset:52px 44px 44px}@media(max-width:640px){.r04-cmp .after{inset:44px 16px 16px}}.r04-pv{display:grid;grid-template-columns:150px 1fr;min-height:300px}.r04-pv .side{background:#eceff4;padding:14px 10px;display:grid;gap:4px;align-content:start;font-size:12.5px;color:#6a7283}.r04-pv .side div{padding:6px 10px;border-radius:6px}.r04-pv .side .on{background:#dde3ec;color:#1d2433}.r04-pv .main{padding:22px 26px;display:grid;gap:12px;align-content:start;font-size:13.5px}.r04-pv h4{font-size:17px;font-weight:600;margin-bottom:4px}.r04-pv .row{display:grid;grid-template-columns:110px 1fr;gap:16px;border-bottom:1px solid #e3e7ee;padding-bottom:10px}.r04-pv .row .k{color:#7a8294}.r04-pv .row .v{justify-self:start;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.r04-pv{grid-template-columns:1fr}.r04-pv .side{display:none}.r04-pv .main{padding:16px;font-size:12px}.r04-pv .row{grid-template-columns:76px 1fr;gap:8px}}.r04-px{position:absolute;inset:-3px -5px;border-radius:4px;background-image:linear-gradient(45deg,#9aa3b3 25%,#b7bfcc 25% 50%,#9aa3b3 50% 75%,#b7bfcc 75%);background-size:9px 9px}.r04-handle{position:absolute;top:0;bottom:0;width:0;z-index:3;cursor:ew-resize;touch-action:none}.r04-handle:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 12px #0006}.r04-handle span{position:absolute;top:50%;left:-20px;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:#fff;box-shadow:0 4px 18px #00000059;display:grid;place-items:center;color:#1d2433;font-size:13px;font-weight:700}.r04-lbl{position:absolute;top:16px;font-size:12.5px;color:var(--r-muted);z-index:2}.r04-lbl.l{left:20px}.r04-lbl.r{right:20px}.r04-pstage{height:420px;display:grid;place-items:center;position:relative;overflow:hidden}@media(max-width:640px){.r04-pstage{height:300px}}.r04-canvas{position:relative;transition:all .7s cubic-bezier(.2,.8,.2,1);overflow:hidden}.r04-scr{position:absolute;transition:all .7s cubic-bezier(.2,.8,.2,1);background:#f5f7fa;overflow:hidden}.r04-scr .tb2{height:9%;background:#e6e9ef}.r04-scr .ct{padding:5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%}.r04-scr .ct span{height:22px;border-radius:5px;background:#dde3ec}.r04-scr .ct span:first-child{background:#c3d6ff}.r04-scr .ct span:nth-child(4){grid-column:span 3;height:70px;background:#e8edf5}.r04-cam{position:absolute;transition:all .7s cubic-bezier(.2,.8,.2,1);border:2px solid rgba(255,255,255,.9);overflow:hidden;background:radial-gradient(circle at 50% 40%,#e9c2a2 0 17%,transparent 18%),radial-gradient(ellipse at 50% 105%,#41536f 0 44%,transparent 45%),#6b7a90}.r04-thumbs{display:flex;justify-content:center;gap:14px;margin-top:24px;flex-wrap:wrap}.r04-th{display:grid;gap:8px;justify-items:center;font-size:13.5px;color:var(--r-muted);max-width:110px;text-align:center;line-height:1.3;text-wrap:balance}.r04-th .box{width:96px;height:60px;border-radius:10px;border:2px solid transparent;position:relative;overflow:hidden;transition:border-color .2s}.r04-th .box i{position:absolute;inset:18% 16%;background:#f5f7fa;border-radius:3px}.r04-th[aria-pressed=true]{color:var(--r-text)}.r04-th[aria-pressed=true] .box{border-color:var(--r-blue)}@media(max-width:640px){.r04-th .box{width:58px;height:40px}.r04-thumbs{gap:8px}.r04-th{font-size:12px;max-width:70px}}.r04-clk{height:440px;position:relative;cursor:none;overflow:hidden;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;outline:none}.r04-clk:focus-visible{box-shadow:inset 0 0 0 2px var(--r-blue2)}@media(max-width:640px){.r04-clk{height:300px}}.r04-clk canvas,.r04-lz canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.r04-hintc{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:13px;color:#ffffff8c;pointer-events:none;transition:opacity .4s}.r04-knobs{display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--r-muted)}.r04-knob{display:flex;align-items:center;gap:10px}.r04-knob input[type=range]{width:110px;accent-color:var(--r-blue)}.r04-knob output{min-width:44px;color:var(--r-text);font-variant-numeric:tabular-nums}.r04-duo{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--r-line)}@media(max-width:640px){.r04-duo{grid-template-columns:1fr}}.r04-duo>div{background:var(--r-panel);height:340px;display:grid;place-items:center;position:relative;overflow:hidden}.r04-duo .t{position:absolute;top:18px;left:0;right:0;text-align:center;font-size:13px;color:var(--r-muted);z-index:1}.r04-zm{width:62%;transform-origin:68% 60%;animation:r04-zm 3.2s cubic-bezier(.65,0,.35,1) infinite}.r04-zm.b{animation-name:r04-zmb}@keyframes r04-zm{0%,12%{transform:scale(1)}38%,62%{transform:scale(2.1)}88%,to{transform:scale(1)}}@keyframes r04-zmb{0%,12%{transform:scale(1);filter:blur(0)}25%{filter:blur(3.5px)}38%,62%{transform:scale(2.1);filter:blur(0)}75%{filter:blur(3.5px)}88%,to{transform:scale(1);filter:blur(0)}}.r04-zm .body{padding:14px;display:grid;gap:8px}.r04-zm .body span{height:9px;border-radius:5px;background:#dde3ec}.r04-zm .body span:nth-child(1){width:55%;background:#c3d6ff}.r04-zm .body span:nth-child(3){width:70%}.r04-zm .body b{display:block;height:26px;width:40%;margin-left:auto;border-radius:6px;background:#1267f4}.r04-lz{height:420px;position:relative;cursor:none;overflow:hidden;touch-action:pan-y}@media(max-width:640px){.r04-lz{height:300px}}.r04-rp{padding:56px 24px;display:grid;place-items:center}.r04-card{width:min(520px,100%);background:#171d29;border:1px solid var(--r-line2);border-radius:18px;padding:14px;box-shadow:0 30px 60px -20px #000000b3}.r04-card .shot{aspect-ratio:16/9;border-radius:10px;background:#2a3d63;position:relative;overflow:hidden;display:grid;place-items:center}.r04-card .shot .r04-win{width:78%}.r04-card .shot .body{height:120px;display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:10px}.r04-card .shot .body span{background:#e3e8f0;border-radius:5px}.r04-card .shot .t{position:absolute;bottom:8px;right:10px;font-size:12px;color:#fff;background:#00000073;border-radius:6px;padding:1px 7px;font-variant-numeric:tabular-nums}.r04-trim{position:relative;height:42px;margin-top:14px;border-radius:8px;background:repeating-linear-gradient(90deg,#26324a 0 22px,#2c3a56 22px 44px);touch-action:none}.r04-trim .cover{position:absolute;top:0;bottom:0;background:#0a0d14b8}.r04-trim .sel{position:absolute;top:0;bottom:0;border:2.5px solid #f5c542;border-radius:8px;pointer-events:none}.r04-trim .h{position:absolute;top:0;bottom:0;width:22px;margin-left:-11px;cursor:ew-resize;z-index:2;display:grid;place-items:center;touch-action:none}.r04-trim .h:after{content:"";width:5px;height:18px;border-radius:3px;background:#f5c542}.r04-card .acts{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;color:var(--r-muted)}.r04-card .acts div{display:flex;gap:8px}.r04-card .acts span.b{padding:6px 14px;border-radius:9px;background:#262f40;color:var(--r-text)}.r04-card .acts span.b.p{background:var(--r-blue)}.r04-fd{padding:44px;display:grid;place-items:center;position:relative;min-height:420px}@media(max-width:640px){.r04-fd{padding:16px}}.r04-finder{width:min(620px,100%)}.r04-finder .list{background:#fff;font-size:13.5px}.r04-finder .it{display:grid;grid-template-columns:22px 1fr 80px;gap:10px;align-items:center;padding:9px 16px;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;text-align:left;color:#1d2433;-webkit-touch-callout:none}.r04-finder .it:nth-child(2n){background:#f6f8fb}.r04-finder .it[aria-pressed=true]{background:#1267f4;color:#fff}.r04-finder .it[aria-pressed=true] .s{color:#ffffffbf}.r04-finder .it .s{color:#8a92a2;font-size:12px;text-align:right}.r04-finder .it .ic{width:18px;height:14px;border-radius:3px;background:linear-gradient(135deg,#5b95ff,#1267f4)}.r04-finder .it[aria-pressed=true] .ic{background:#fff}.r04-menu{position:absolute;background:#f0f2f6f7;border-radius:9px;box-shadow:0 12px 34px #0006;padding:5px;font-size:13px;color:#1d2433;min-width:210px;z-index:4}.r04-menu>*{display:block;width:100%;text-align:left;padding:5px 12px;border-radius:5px;color:#1d2433}.r04-menu .hl{background:#1267f4;color:#fff}.r04-menu hr{border:0;border-top:1px solid #d7dbe2;margin:4px 0;padding:0}.r04-jobs{position:absolute;right:24px;bottom:24px;width:280px;background:#171d29;border:1px solid var(--r-line2);border-radius:14px;padding:12px;display:grid;gap:10px;font-size:12.5px;box-shadow:0 20px 40px #00000080}.r04-jobs .j{display:grid;gap:5px;color:var(--r-muted)}.r04-jobs .j>div:first-child{display:flex;justify-content:space-between;gap:8px}.r04-jobs .bar{height:4px;border-radius:2px;background:#273145;overflow:hidden}.r04-jobs .bar i{display:block;height:100%;background:var(--r-blue);transition:width .25s linear}.r04-jobs .j.done .bar i{background:#34c77b}@media(max-width:640px){.r04-jobs{left:16px;right:16px;width:auto;bottom:16px}}.r04-au{padding:44px;display:grid;gap:10px;max-width:640px;margin:0 auto}@media(max-width:640px){.r04-au{padding:20px 14px}}.r04-arow{display:grid;grid-template-columns:34px 110px 1fr 44px;gap:14px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--r-panel2);transition:opacity .3s}.r04-arow .ai{width:34px;height:34px;border-radius:9px}.r04-arow .nm{font-size:15px}.r04-arow .mt{display:flex;gap:3px;align-items:center;height:30px}.r04-arow .mt i{flex:1;background:var(--r-blue2);border-radius:2px;height:3px;transition:height .12s}.r04-arow.off{opacity:.38}.r04-arow.off .mt i{background:#4a5468}.r04-tg{width:44px;height:26px;border-radius:13px;background:#34c77b!important;position:relative;transition:background .2s}.r04-tg:after{content:"";position:absolute;top:3px;left:21px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.r04-arow.off .r04-tg{background:#3a4252!important}.r04-arow.off .r04-tg:after{left:3px}@media(max-width:640px){.r04-arow{grid-template-columns:30px 70px 1fr 44px;gap:10px}.r04-arow .nm{font-size:13.5px}}.r04-more{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:820px){.r04-more{grid-template-columns:1fr}}.r04-mc{background:var(--r-panel);border:1px solid var(--r-line);border-radius:18px;padding:24px;display:grid;gap:14px;align-content:start;min-height:180px}.r04-mc .vis{height:52px;display:flex;align-items:center;gap:6px}.r04-mc h3{font-size:17px;font-weight:600}.r04-mc p{font-size:14px;color:var(--r-muted)}.r04-kbd{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:9px;background:#1b2231;border:1px solid var(--r-line2);border-bottom-width:3px;font-size:16px;font-family:ui-monospace,Menlo,monospace}.r04-end{padding:140px 0;text-align:center;border-top:1px solid var(--r-line)}.r04-end h2{font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.03em;margin-bottom:30px}.r04-end .links{display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap}.r04[data-js] .r04-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.r04[data-js] .r04-reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.r04[data-js] .r04-reveal{opacity:1;transform:none;transition:none}.r04-zm{animation:none}.r04 *{transition-duration:0s!important}}