body {
        font-family: 'Inter', 'Noto Sans SC', sans-serif;
        background-color: #f8fafc;
        color: #1e293b;
    }
    .card-hover {
        transition: all 0.3s ease;
    }
    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(30, 41, 59, 0.1);
    }
    /* 难度按钮基础样式（未选中状态） */
    .difficulty-easy, .difficulty-medium, .difficulty-hard, .difficulty-impossible {
        background-color: #e2e8f0;
        border: 1px solid #e2e8f0;
    }
    /* 难度按钮选中状态 */
    .difficulty-easy.selected { background-color: #4ade80; }
    .difficulty-medium.selected { background-color: #60a5fa; }
    .difficulty-hard.selected { background-color: #ef4444; }
    .difficulty-impossible.selected { background-color: #ef4444; }

    /* 题材按钮基础样式（未选中状态） */
    .theme-ancient, .theme-fantasy, .theme-family, .theme-workplace {
        background-color: #e2e8f0;
        border: 1px solid #e2e8f0;
    }
    /* 题材按钮选中状态 */
    .theme-ancient.selected { background-color: #a78bfa; }
    .theme-fantasy.selected { background-color: #c084fc; }
    .theme-family.selected { background-color: #7dd3fc; }
    .theme-workplace.selected { background-color: #67e8f9; }

    .search-box {
        transition: all 0.3s ease;
    }
    .search-box:focus {
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
    }
    @media (max-width: 640px) {
        .filter-section {
            flex-direction: column;
        }
        .filter-group {
            margin-bottom: 1rem;
        }
    }