idth: 100% !important; height: 100% !important; padding-bottom: 0 !important; top: 0 !important; left: 0 !important; } /* 关闭按钮样式 */ .float-close-btn { position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; background: var(--theme-color); border-radius: 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; } } -->