.video-interactive{width:100%}.video-interactive .vi-container{width:100%;margin:0 auto}.video-interactive .vi-wrapper{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.video-interactive .vi-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-interactive .vi-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#000;transition:opacity 0.5s ease, transform 0.5s ease}.video-interactive .vi-poster.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.video-interactive .vi-poster img{width:100%;height:100%;object-fit:cover}.video-interactive .vi-interactive{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;z-index:3;transition:opacity 0.3s ease, visibility 0.3s ease;pointer-events:none}.video-interactive .vi-interactive.hide{opacity:0;visibility:hidden;pointer-events:none}.video-interactive .vi-content{display:flex;align-items:center;justify-content:center;padding-bottom:44px;min-width:500px;max-width:558px}@media (max-width: 768px){.video-interactive .vi-content{min-width:auto;width:90%}}.video-interactive .vi-input-wrapper{position:relative;width:100%;font-size:0}.video-interactive .vi-input{flex-shrink:0;width:100%;height:50px;padding:0 18px;font-size:16px;font-family:Poppins;font-weight:500;border-radius:8px 0 0 8px;background:#fff;color:#3A325A;letter-spacing:-0.32px;outline:none;transition:all 0.3s ease;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.video-interactive .vi-input::-webkit-scrollbar{display:none}.video-interactive .vi-typing-cursor{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:2px;height:24px;background:#3A325A;opacity:0}.video-interactive .vi-typing-cursor.active{animation:vi-blink 1s step-end infinite}@keyframes vi-blink{0%,50%{opacity:1}51%,100%{opacity:0}}.video-interactive .vi-btn{flex-shrink:0;padding:0 34px;height:50px;font-size:18px;font-weight:600;color:#fff;box-shadow:2px 4px 20px #4D2CE7CC;border-radius:0 8px 8px 0;border:none;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.video-interactive .vi-btn>*{position:relative;z-index:2}.video-interactive .vi-btn::before,.video-interactive .vi-btn::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;transition:opacity 0.3s ease}.video-interactive .vi-btn::before{background:transparent linear-gradient(90deg, #8B3DFF 0%, #561DF1 100%) 0 0 no-repeat padding-box;opacity:1}.video-interactive .vi-btn::after{background:transparent linear-gradient(90deg, #8B3DFF 0%, #F11DEA 100%) 0 0 no-repeat padding-box;opacity:0}.video-interactive .vi-btn.clicking{animation:vi-btn-click 0.3s ease}.video-interactive .vi-btn.clicking::before{opacity:0}.video-interactive .vi-btn.clicking::after{opacity:1}.video-interactive .vi-btn .vi-btn-text{color:#fff}.video-interactive .vi-btn .vi-btn-icon{display:inline-block;transition:transform 0.3s ease}@keyframes vi-btn-click{0%,100%{transform:scale(1)}50%{transform:scale(0.95)}}.video-interactive .vi-cursor{position:absolute;width:35px;height:35px;pointer-events:none;opacity:0;z-index:100;color:#000;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));transition:opacity 0.3s ease;font-size:0}.video-interactive .vi-cursor svg{width:100%;height:100%}.video-interactive .vi-cursor.show{opacity:1}.video-interactive .vi-cursor.clicking{animation:vi-cursor-click 0.3s ease}@keyframes vi-cursor-click{0%,100%{transform:scale(1)}50%{transform:scale(0.8)}}.video-interactive .vi-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.8);z-index:10;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.video-interactive .vi-loader.active{opacity:1}.video-interactive .vi-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:vi-spin 0.8s linear infinite}@keyframes vi-spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.video-interactive .vi-wrapper{border-radius:0.16rem;box-shadow:0 0.2rem 0.6rem rgba(0,0,0,0.3)}.video-interactive .vi-content{padding-bottom:0.44rem;min-width:5rem;max-width:5.58rem}}@media (max-width: 1200px) and (max-width: 768px){.video-interactive .vi-content{min-width:auto;width:90%}}@media (max-width: 1200px){.video-interactive .vi-input{height:0.5rem;padding:0 0.18rem;font-size:0.16rem;border-radius:0.08rem 0 0 0.08rem;letter-spacing:-0.0032rem}.video-interactive .vi-typing-cursor{right:0.2rem;width:0.02rem;height:0.24rem}.video-interactive .vi-btn{padding:0 0.34rem;height:0.5rem;font-size:0.18rem;box-shadow:0.02rem 0.04rem 0.2rem #4D2CE7CC;border-radius:0 0.08rem 0.08rem 0}.video-interactive .vi-cursor{width:0.35rem;height:0.35rem;filter:drop-shadow(0 0.02rem 0.04rem rgba(0,0,0,0.3))}.video-interactive .vi-spinner{width:0.5rem;height:0.5rem;border:0.04rem solid rgba(255,255,255,0.3)}}