.ruler-slider[data-v-49df755c]{position:absolute;width:calc(100% - 8.75rem);height:3.75rem;top:0;left:0;z-index:9}.ruler-slider .ruler-slider-container[data-v-49df755c]{background:#fff;padding:0 2.5rem;padding-left:1.25rem;-webkit-box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.1);box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.1);min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ruler-slider .time-display-area[data-v-49df755c]{margin-bottom:2.5rem;text-align:center}.ruler-slider .current-time-display[data-v-49df755c]{margin-bottom:1.25rem}.ruler-slider .current-time-display span[data-v-49df755c]{font-size:3.5em;font-weight:700;font-family:Courier New,monospace;color:#2c3e50;text-shadow:.125rem .125rem .25rem rgba(0,0,0,.1);letter-spacing:.1em}.ruler-slider .time-info-grid[data-v-49df755c]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:37.5rem;margin:0 auto}.ruler-slider .info-item[data-v-49df755c]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.9375rem;border-radius:.625rem;text-align:center;border:.125rem solid #dee2e6}.ruler-slider .info-label[data-v-49df755c]{display:block;font-size:.9em;color:#6c757d;margin-bottom:.3125rem}.ruler-slider .info-item span[data-v-49df755c]:last-child{font-size:1.4em;font-weight:700;color:#2c3e50}.ruler-slider .ruler-main[data-v-49df755c]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:1.25rem;cursor:ns-resize}.ruler-slider .hour-labels[data-v-49df755c]{top:0;left:0;right:0;height:1.25rem;pointer-events:none}.ruler-slider .hour-label[data-v-49df755c]{position:absolute;font-size:.875rem;color:#2c3e50;text-align:center;min-width:2.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:0}.ruler-slider .ruler-scale[data-v-49df755c]{position:relative;height:.625rem;background:-webkit-gradient(linear,left top,right top,from(#ecf0f1),to(#bdc3c7));background:linear-gradient(90deg,#ecf0f1,#bdc3c7);overflow:hidden}.ruler-slider .scale-mark[data-v-49df755c]{position:absolute;background:#2c3e50;-webkit-transform-origin:bottom;transform-origin:bottom}.ruler-slider .scale-mark.major[data-v-49df755c]{width:.125rem;height:100%;background:#2c3e50}.ruler-slider .scale-mark.minor[data-v-49df755c]{width:.0625rem;height:60%;background:#7f8c8d;bottom:0}.ruler-slider .slider-track[data-v-49df755c]{position:relative;margin-top:.3125rem;height:1.25rem;background:#ecf0f1}.ruler-slider .data-highlights[data-v-49df755c]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.ruler-slider .data-segment[data-v-49df755c]{position:absolute;top:0;bottom:0;background:linear-gradient(45deg,#3498db,#2980b9);opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ruler-slider .data-segment[data-v-49df755c]:hover{opacity:.9}.ruler-slider .progress-fill[data-v-49df755c]{position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width .1s ease;transition:width .1s ease;z-index:2;border-radius:1.125rem;background:none;pointer-events:none}.ruler-slider .ruler-thumb[data-v-49df755c]{position:absolute;top:100%;margin-top:0;left:0;width:1.125rem;height:1.125rem;cursor:-webkit-grab;cursor:grab;z-index:10;-webkit-transform:translateX(-.5625rem);transform:translateX(-.5625rem);-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.ruler-slider .ruler-thumb[data-v-49df755c]:active{cursor:-webkit-grabbing;cursor:grabbing}.ruler-slider .thumb-dot[data-v-49df755c]{width:1.125rem;height:1.125rem;border-radius:50%;background:#e74c3c;border:.125rem solid #fff;-webkit-box-shadow:0 0 0 .125rem #e74c3c,0 .125rem .5rem rgba(231,76,60,.4);box-shadow:0 0 0 .125rem #e74c3c,0 .125rem .5rem rgba(231,76,60,.4);-webkit-transition:all .15s;transition:all .15s;position:relative;top:0}.ruler-slider .ruler-thumb:active .thumb-dot[data-v-49df755c],.ruler-slider .ruler-thumb:hover .thumb-dot[data-v-49df755c]{-webkit-box-shadow:0 0 0 .1875rem #e74c3c,0 .125rem .75rem rgba(231,76,60,.6);box-shadow:0 0 0 .1875rem #e74c3c,0 .125rem .75rem rgba(231,76,60,.6)}.ruler-slider .thumb-pointer[data-v-49df755c]{width:.125rem;height:1.25rem;background:#e74c3c;position:absolute;top:-1.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5;border-radius:.0625rem}.ruler-slider .hidden-slider[data-v-49df755c]{position:absolute;top:2.1875rem;left:0;right:0;height:1.25rem;opacity:0;cursor:pointer;z-index:15;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ruler-slider .hidden-slider[data-v-49df755c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.875rem;height:2.5rem;cursor:-webkit-grab;cursor:grab}.ruler-slider .hidden-slider[data-v-49df755c]:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.ruler-slider .control-panel[data-v-49df755c]{display:grid;grid-template-columns:auto 1fr auto;gap:1.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2.5rem 0;padding:1.5625rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:.9375rem;border:.125rem solid #dee2e6}.ruler-slider .playback-controls[data-v-49df755c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.625rem;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ruler-slider .playback-controls .time-display[data-v-49df755c]{padding:.625rem 0;font-size:1.25rem;font-weight:700}.ruler-slider .playback-controls .speed-selector[data-v-49df755c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;padding:.3125rem .75rem;border-radius:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.8125rem;font-weight:600;color:#2c3e50;background:#f0f2f5;border:.0625rem solid #dcdfe6;-webkit-transition:all .2s;transition:all .2s}.ruler-slider .playback-controls .speed-selector[data-v-49df755c]:hover{background:#e8eaed;border-color:#39e3c3}.ruler-slider .playback-controls .speed-selector .speed-arrow[data-v-49df755c]{width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.3125rem solid #909399;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ruler-slider .playback-controls .speed-selector .speed-dropdown[data-v-49df755c]{position:absolute;top:calc(100% + .375rem);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;border:.0625rem solid #e4e7ed;border-radius:.625rem;-webkit-box-shadow:0 .25rem 1rem rgba(0,0,0,.12);box-shadow:0 .25rem 1rem rgba(0,0,0,.12);z-index:100;min-width:4.5rem;padding:.25rem;overflow:hidden}.ruler-slider .playback-controls .speed-selector .speed-dropdown .speed-option[data-v-49df755c]{padding:.4375rem .875rem;cursor:pointer;font-size:.8125rem;color:#606266;border-radius:.375rem;text-align:center;-webkit-transition:all .15s;transition:all .15s}.ruler-slider .playback-controls .speed-selector .speed-dropdown .speed-option[data-v-49df755c]:hover{color:#39e3c3;background:#f0faf8}.ruler-slider .playback-controls .speed-selector .speed-dropdown .speed-option.active[data-v-49df755c]{color:#fff;background:#39e3c3;font-weight:700}.ruler-slider .control-btn[data-v-49df755c]{width:2.5rem;height:2.5rem;border:none;border-radius:50%;font-size:1rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 .25rem .75rem rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1)}.ruler-slider .play-btn[data-v-49df755c]{background:linear-gradient(45deg,#39e3c3,#39e3c3);color:#fff}.ruler-slider .zoom-reset-btn[data-v-49df755c]{background:#f0f2f5;color:#2c3e50;font-size:1rem;font-weight:600;border:.0625rem solid #dcdfe6;border-radius:1rem;width:2rem;height:2rem;padding:0 .625rem;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ruler-slider .zoom-reset-btn[data-v-49df755c]:hover{background:#e8eaed;border-color:#39e3c3;color:#39e3c3}.ruler-slider .stop-btn[data-v-49df755c]{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.ruler-slider .stop-btn[data-v-49df755c]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 .375rem 1rem rgba(231,76,60,.3);box-shadow:0 .375rem 1rem rgba(231,76,60,.3)}.ruler-slider .reset-btn[data-v-49df755c]{background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff}.ruler-slider .reset-btn[data-v-49df755c]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 .375rem 1rem rgba(243,156,18,.3);box-shadow:0 .375rem 1rem rgba(243,156,18,.3)}.ruler-slider .speed-control[data-v-49df755c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.9375rem}.ruler-slider .speed-control label[data-v-49df755c]{font-weight:700;color:#2c3e50}.ruler-slider .speed-control input[type=range][data-v-49df755c]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:12.5rem}.ruler-slider .speed-control span[data-v-49df755c]{font-weight:700;color:#2c3e50;min-width:2.5rem}.ruler-slider .preset-times[data-v-49df755c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.ruler-slider .preset-btn[data-v-49df755c]{padding:.5rem 1rem;border:none;border-radius:1.25rem;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;cursor:pointer;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 .1875rem .625rem rgba(52,152,219,.3);box-shadow:0 .1875rem .625rem rgba(52,152,219,.3)}.ruler-slider .preset-btn[data-v-49df755c]:hover{-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);-webkit-box-shadow:0 .3125rem .9375rem rgba(52,152,219,.4);box-shadow:0 .3125rem .9375rem rgba(52,152,219,.4)}.ruler-slider .data-config-panel[data-v-49df755c]{background:linear-gradient(135deg,#f1f2f6,#ddd);padding:1.5625rem;border-radius:.9375rem;border:.125rem solid #ced6e0}.ruler-slider .data-config-panel h3[data-v-49df755c]{color:#2c3e50;margin-bottom:1.25rem;text-align:center}.ruler-slider .config-controls[data-v-49df755c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.9375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.25rem}.ruler-slider .config-btn[data-v-49df755c]{padding:.625rem 1.25rem;border:none;border-radius:1.5625rem;background:linear-gradient(45deg,#8e44ad,#9b59b6);color:#fff;cursor:pointer;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 .25rem .75rem rgba(142,68,173,.3);box-shadow:0 .25rem .75rem rgba(142,68,173,.3)}.ruler-slider .config-btn[data-v-49df755c]:hover{-webkit-transform:translateY(-.125rem);transform:translateY(-.125rem);-webkit-box-shadow:0 .375rem 1rem rgba(142,68,173,.4);box-shadow:0 .375rem 1rem rgba(142,68,173,.4)}.ruler-slider .data-info[data-v-49df755c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;text-align:center}.ruler-slider .data-info span[data-v-49df755c]{font-weight:700;color:#2c3e50}@media (max-width:1300px){.ruler-slider .ruler-slider-container[data-v-49df755c]{min-width:auto;padding:1.25rem}.ruler-slider .current-time-display span[data-v-49df755c]{font-size:2.5em}.ruler-slider .control-panel[data-v-49df755c]{grid-template-columns:1fr;gap:1.25rem;text-align:center}.ruler-slider .config-controls[data-v-49df755c]{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:768px){.ruler-slider .container[data-v-49df755c]{padding:.625rem}.ruler-slider .ruler-slider-container[data-v-49df755c]{padding:.9375rem}.ruler-slider .current-time-display span[data-v-49df755c]{font-size:2em}.ruler-slider .time-info-grid[data-v-49df755c]{grid-template-columns:1fr;gap:.625rem}.ruler-slider .ruler-main[data-v-49df755c]{height:6.25rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ruler-slider .hour-labels[data-v-49df755c]{height:1.5625rem}.ruler-slider .ruler-scale[data-v-49df755c]{top:1.875rem;height:1.25rem}.ruler-slider .slider-track[data-v-49df755c]{top:3.75rem;height:1.875rem}.ruler-slider .ruler-thumb[data-v-49df755c]{width:.625rem;height:.625rem;-webkit-transform:translateX(-.3125rem);transform:translateX(-.3125rem)}}