     <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="text-3xl sm:text-4xl font-bold text-gray-900 dark:text-white mb-4">价值观</h2>
                    <div class="w-20 h-1 bg-blue-600 mx-auto rounded-full"></div>
                </div>

                <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
                    {% for value in about.values %}
                        <div class="