/**
 * 悬浮球主题样式
 * 使用项目的 Aurora UI 变量系统
 */

/* 悬浮球样式 - 使用项目的渐变系统 */
.floating-orb {
    background: var(--gradient-primary);
    border: 1px solid var(--card-border-color);
    box-shadow: var(--shadow-aurora);
    backdrop-filter: var(--glass-blur-md);
    -webkit-backdrop-filter: var(--glass-blur-md);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.floating-orb:hover {
    transform: scale(1.1);
    box-shadow: var(--shadow-xl);
}

/* 悬浮球图标 */
.floating-orb-icon {
    color: white;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

/* 面板已经在 floating-panel.css 中使用项目变量 */

/* 响应式适配 */
@media (max-width: 480px) {
    .floating-orb-panel.floating-orb-panel {
        width: 280px;
        max-height: 400px;
    }
    
    .floating-orb-panel .panel-content {
        padding: var(--spacing-3) var(--spacing-4);
    }
}

/* 辅助功能 - 高对比度模式 */
@media (prefers-contrast: high) {
    .floating-orb {
        border-width: 2px;
    }
    
    .floating-orb-panel {
        border-width: 2px;
    }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    .floating-orb,
    .floating-orb-panel,
    .floating-orb-panel * {
        transition: none !important;
        animation: none !important;
    }
}