.floating-video-player{z-index:1000;cursor:pointer;transition:all .3s;position:fixed;bottom:60px;left:60px}.floating-video-player.expanded .floating-content{width:320px;height:80px;padding:0 20px}.floating-video-player.expanded .character-image{opacity:1;top:-29px;left:-30px}.floating-video-player.expanded .text-content{opacity:1;transform:translate(0)}.floating-video-player.expanded .play-icon{opacity:1;right:22px}.floating-video-player.collapsed .floating-content{width:135px;height:80px;padding:0}.floating-video-player.collapsed .character-image{opacity:1;top:-29px;left:-30px}.floating-video-player.collapsed .character-image .char-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.floating-video-player.collapsed .text-content{opacity:0}.floating-video-player.collapsed .play-icon{opacity:1;right:10px}.floating-video-player .floating-content{background:linear-gradient(135deg,#b3ffff 0%,#5be1ff 100%);border-radius:10px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:visible;box-shadow:0 8px 25px rgba(0,98,245,.3)}.floating-video-player .floating-content:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,98,245,.4)}.floating-video-player .character-image{z-index:2;width:116px;height:109px;transition:none;position:absolute}.floating-video-player .character-image .char-img{object-fit:contain;object-position:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:100%;height:100%;transform:translateZ(0)}.floating-video-player .play-icon{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.floating-video-player .play-icon .play-btn{filter:brightness(0)invert();width:24px;height:24px}.floating-video-player .text-content{z-index:2;cursor:pointer;margin-left:60px;text-decoration:none;display:block}.floating-video-player .text-content:hover .brand-text{color:#0062f5}.floating-video-player .text-content:hover .action-text{color:#1481ff}.floating-video-player .text-content .brand-text{font-family:var(--font-family-primary);color:#1481ff;letter-spacing:.5px;margin-bottom:2px;font-size:20px;font-weight:700;line-height:1.2;transition:color .2s}.floating-video-player .text-content .action-text{font-family:var(--font-family-primary);color:#0d0f12;letter-spacing:.3px;font-size:24px;font-weight:700;line-height:1.2;transition:color .2s}@media (max-width:768px){.floating-video-player{bottom:20px;left:20px}.floating-video-player.expanded .floating-content{width:280px;height:70px;padding:0 15px}.floating-video-player.expanded .text-content{left:75px}.floating-video-player.expanded .text-content .brand-text{letter-spacing:.4px;font-size:18px}.floating-video-player.expanded .text-content .action-text{letter-spacing:.2px;font-size:20px}.floating-video-player.expanded .play-icon{width:35px;height:35px;right:18px}.floating-video-player.expanded .play-icon .play-btn{width:20px;height:20px}.floating-video-player.collapsed .floating-content{width:115px;height:70px}.floating-video-player.collapsed .play-icon{width:35px;height:35px;right:8px}.floating-video-player.collapsed .play-icon .play-btn{width:20px;height:20px}}@media (max-width:480px){.floating-video-player{bottom:15px;left:15px}.floating-video-player.expanded .floating-content{width:250px;height:65px;padding:0 12px}.floating-video-player.expanded .text-content{left:70px}.floating-video-player.expanded .text-content .brand-text{letter-spacing:.3px;font-size:16px}.floating-video-player.expanded .text-content .action-text{letter-spacing:.1px;font-size:18px}.floating-video-player.expanded .play-icon{width:32px;height:32px;right:15px}.floating-video-player.expanded .play-icon .play-btn{width:18px;height:18px}.floating-video-player.collapsed .floating-content{width:150px;height:65px}.floating-video-player.collapsed .play-icon{width:32px;height:32px;right:6px}.floating-video-player.collapsed .play-icon .play-btn{width:18px;height:18px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-video-player:hover{animation:2s ease-in-out infinite float}
.pc-hide{display:none}@media (max-width:1200px){.pc-hide{display:block}}