s: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10000; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: all 0.3s;}.float-close-btn:hover { background: var(--theme-color); transform: scale(1.1);}.float-close-btn .iconfont { font-size: 12px;}.float-drag-btn { position: absolute; top: -12px; left: -12px; width: 24px; height: 24px; background: var(--theme-color); border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: move; z-index: 10000; box-shadow: 0 2px 8px rgba(0,0,0,0.15); transition: all 0.3s;}.float-drag-btn:hover { background: var(--theme-color); transform: scale(1.1);}.float-drag-btn .iconfont { font-size: 12px;}@keyframes fadeIn { from { opacity: 0.5; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}@media (max-width: 767px) { .floating-player { width: 280px !important; height: 158px !important; bottom: 10px !important; right: 10px !important; } .float-close-btn, .float-drag-btn { top: -10px; width: 20px; height: 20px; } .float-close-btn { right: -10px; } .float-drag-btn { left: -10px; } .float-close-btn .iconfont, .float-drag-btn .iconfont { font-size: 10px; }}-->
