/* New Hero Section for About Us Page */
        .hero-about {
            background: linear-gradient(to right, #007bff, #0056b3);
            color: #fff;
            padding: 80px 0;
            text-align: center;
            position: relative;
            overflow: hidden; /* For subtle background elements */
        }

        .hero-about::before { /* Subtle background shape */
            content: '';
            position: absolute;
            top: -50px;
            left: -50px;
            width: 200px;
            height: 200px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transform: rotate(45deg);
            z-index: 0;
        }

        .hero-about::after { /* Another subtle background shape */
            content: '';
            position: absolute;
            bottom: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transform: rotate(-30deg);
            z-index: 0;
        }

        .hero-about .container {
            position: relative; /* Ensure content is above pseudo-elements */
            z-index: 1;
        }

        .hero-about h1 {
            font-size: 48px;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }

        .hero-about p {
            font-size: 20px;
            margin-bottom: 30px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
        }


        /* Specific Styles for About Us Page Content Blocks */
        .about-content {
            display: grid;
            grid-template-columns: 1fr; /* Default to single column */
            gap: 40px;
            margin-top: 40px;
        }

        .about-block {
            background-color: #fff;
            padding: 35px;
            border-radius: 12px; /* 更大的圆角 */
            box-shadow: 0 6px 15px rgba(0,0,0,0.1); /* 更明显的阴影 */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .about-block:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
        }

        .about-block h3 {
            font-size: 28px;
            color: #007bff;
            margin-bottom: 20px;
            text-align: center;
            font-weight: 700;
            position: relative; /* For the underline effect */
            padding-bottom: 10px;
        }

        .about-block h3::after { /* Underline effect for h3 */
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            width: 60px;
            height: 4px;
            background-color: #ffc107; /* Accent color */
            border-radius: 2px;
        }

        .about-block p {
            font-size: 17px;
            color: #555;
            margin-bottom: 15px;
            line-height: 1.8;
            text-align: justify; /* Justify text for better readability */
        }

        .about-block ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .about-block ul li {
            font-size: 17px;
            color: #555;
            margin-bottom: 10px;
            padding-left: 25px; /* Space for custom bullet */
            position: relative;
        }

        .about-block ul li::before {
            content: '•'; /* Custom bullet point */
            color: #007bff;
            font-size: 20px;
            position: absolute;
            left: 0;
            top: -2px;
        }

        /* Achievements Section */
        .achievements-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            margin-top: 30px;
            text-align: center;
        }

        .achievement-item {
            background-color: #f2f7fc;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .achievement-item .number {
            font-size: 48px;
            font-weight: 700;
            color: #007bff;
            margin-bottom: 10px;
        }

        .achievement-item .label {
            font-size: 18px;
            color: #555;
            font-weight: 500;
        }
        /* Responsive Design */
        @media (min-width: 992px) {
            .about-content {
                grid-template-columns: 2fr 1fr; /* Two columns on larger screens */
            }
            .about-block.full-width {
                grid-column: 1 / -1; /* Make specific blocks full width */
            }
        }