.slider-range[data-v-a7d942a8]{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.slider-range-inner[data-v-a7d942a8]{position:relative;width:100%;height:100%;overflow:visible;border-radius:8px}.slider-bg-strip[data-v-a7d942a8]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;background:#1a1a1a}.frame-item[data-v-a7d942a8]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.frame-item img[data-v-a7d942a8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.slider-mask[data-v-a7d942a8]{position:absolute;top:0;height:100%;background-color:rgba(0,0,0,.5);z-index:1}.left-mask[data-v-a7d942a8]{left:0}.right-mask[data-v-a7d942a8]{right:0}.slider-highlight[data-v-a7d942a8]{position:absolute;top:0;height:100%;background-color:rgba(255,204,0,0);border:2px solid #fc0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2;border-radius:6px}.slider-handle[data-v-a7d942a8]{position:absolute;top:0;bottom:0;width:20px;height:100%;background-color:#fc0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;cursor:ew-resize;border-radius:4px}.arrow-left[data-v-a7d942a8]:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-75%,-50%);transform:translate(-75%,-50%);border:6px solid transparent;border-right-color:#000}.arrow-right[data-v-a7d942a8]:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%);border:6px solid transparent;border-left-color:#000}.slider-range.disabled .slider-highlight[data-v-a7d942a8]{opacity:.35}.slider-range.disabled .slider-handle[data-v-a7d942a8]{cursor:not-allowed;background-color:#999}.range-tip[data-v-a7d942a8]{position:absolute;top:-25px;font-size:12px;color:#fff;background:rgba(0,0,0,.7);padding:2px 6px;border-radius:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}#video_bookdesign[data-v-5db406cc]{background-color:#000;height:100vh;width:100vw;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif}.video-container video[data-v-5db406cc]{position:relative;z-index:1}.video-container[data-v-5db406cc]{width:90%;margin:2rem auto .8rem;text-align:center;min-height:200px}.video-container .video-placeholder[data-v-5db406cc],.video-container video[data-v-5db406cc]{width:100%;height:auto;max-height:50vh;-o-object-fit:contain;object-fit:contain;border:none;outline:none;display:block;margin:0 auto}.frame-preview[data-v-5db406cc]{width:90%;margin:0 auto 15px;overflow:hidden}.preview-scroll[data-v-5db406cc]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.preview-scroll[data-v-5db406cc]::-webkit-scrollbar{display:none}.preview-item[data-v-5db406cc]{width:80px;height:45px;background-color:#333;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.preview-item.active[data-v-5db406cc]{border:2px solid #fc0}.slider-wrapper[data-v-5db406cc]{width:97%;margin:45px auto 30px;padding:0;background-color:#1a1a1a;border-radius:8px}.btn-group[data-v-5db406cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:90%;margin:1rem auto;gap:15px}.btn[data-v-5db406cc]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:50px;line-height:50px;text-align:center;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.reupload[data-v-5db406cc]{background-color:#000;color:#fff;border:1px solid #fff}.reupload[data-v-5db406cc]:active{background-color:#222}.next[data-v-5db406cc]{background-color:#007aff;color:#fff;border:none}.next[data-v-5db406cc]:active{background-color:#06c}@media (max-width:480px){.video-container[data-v-5db406cc]{margin:2rem auto .8rem}.btn[data-v-5db406cc]{height:45px;line-height:45px;font-size:15px}.preview-item[data-v-5db406cc]{width:70px;height:40px}}.upLoad{overflow:auto;background-color:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:78px;-webkit-box-sizing:border-box;box-sizing:border-box}.upLoad-bottom-box{position:fixed;bottom:0;left:0;right:0;background-color:#fff;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.05);padding:15px 20px;z-index:100;height:1.4rem}.upLoad-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9;width:100%;padding:0;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.fanshu{width:100%;text-align:center;margin-bottom:15px}.fanshu p{font-size:20px;color:#434a58;font-weight:700}.fanshu span{color:#ffc04c;font-size:13px;display:block;margin-top:8px}.loading-design{width:100%;margin-bottom:15px}.loading-design .con{padding:25px;border-radius:16px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 15px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-design .con p{font-size:16px;margin-bottom:15px}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}.progress-text{font-size:14px;margin-top:10px;opacity:.9}#confirm-btn{width:100%}.inputVideo{background-color:#346def;color:#fff;text-align:center;height:.9rem;line-height:.9rem;border-radius:8px;font-size:15px;font-weight:500;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-transition:all .3s;transition:all .3s;width:100%}.inputVideo:active{-webkit-transform:scale(.98);transform:scale(.98)}.video-design-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.modal-overlay{background:rgba(0,0,0,.7)}.modal-content,.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.modal-content{background:#434a54;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-content,.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:#3a4149;z-index:10}.modal-title{color:#fff;font-size:18px;font-weight:700}.modal-close{color:#fff;font-size:28px;cursor:pointer;line-height:1}.modal-close:hover{color:#26c6da}.video-design{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.carousel-container{position:relative;height:3.7rem;overflow:hidden;border-radius:0 0 0 0;margin:1px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.carousel{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;will-change:transform}.carousel-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;height:100%;background-size:cover;background-position:50%;position:relative}.carousel-indicators{position:absolute;bottom:.3rem;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.1rem}.indicator{width:.12rem;height:.12rem;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.indicator.active{background-color:#346def;-webkit-transform:scale(1.2);transform:scale(1.2)}.notice-panel{background-color:#fff;margin:-9px 2px 0;border-radius:15px 15px 0 0;padding:.25rem .2rem;-webkit-box-shadow:0 -4px 20px rgba(0,0,0,.08);box-shadow:0 -4px 20px rgba(0,0,0,.08);position:relative;z-index:10}.notice-header{margin-bottom:.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.notice-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.notice-icon{width:.4rem;height:.4rem;border:2px solid #346def;border-radius:50%;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;font-size:.28rem;font-weight:700;color:#346def;-webkit-transform:rotate(15deg);transform:rotate(15deg);-ms-flex-negative:0;flex-shrink:0}.notice-content,.notice-item{margin-bottom:25px}.notice-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.notice-number-container{-ms-flex-negative:0;flex-shrink:0;margin-right:15px}.notice-number{width:.7rem;height:.7rem;border-radius:6px;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;font-weight:700;font-size:16px;border:1px solid}.number-01{border-color:#d8e4ff;color:#346def;background-color:#eef3ff}.number-02{border-color:#bcece2;color:#0d9488;background-color:#f1fdfa}.number-03{border-color:#fef4c7;color:#d97707;background-color:#fffbec}.notice-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.notice-item-title{font-size:16px;font-weight:600;color:#333;margin-bottom:.2rem;line-height:1.2}.notice-description{font-size:15px;line-height:1.7;color:#444}.highlight{color:#346def;font-weight:600;text-decoration:underline;-webkit-text-decoration-color:#346def;text-decoration-color:#346def;text-decoration-thickness:1px;text-underline-offset:2px}.divider{height:1px;background-color:#eee;margin:20px 0}.notice-footer{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;text-align:center;margin:20px 0}.footer-text{color:#444;font-size:16px;font-weight:500;margin:0 15px;position:relative}.footer-text:after,.footer-text:before{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#eee}.footer-text:before{left:-50px}.footer-text:after{right:-50px}