body {
            font-family: Arial, sans-serif;
            background-color: #f7f7f7;
            padding: 20px;
        }

        .content-container {
            background-color: #9c9c9c; /* 设置背景色为#333 */
            color: #fff; /* 设置文字颜色为白色 */
            padding: 40px 20px; /* 设置内边距，增加上下的空间 */
            margin: 80px auto; /* 上下预留80px的空间，左右自动对齐 */
            text-align: center; /* 让内容居中 */
            max-width: 800px; /* 限制最大宽度 */
            border-radius: 10px; /* 设置圆角 */
        }

        h2 {
            margin-bottom: 20px; /* 设置标题的下边距 */
        }

        p {
            margin-bottom: 30px; /* 设置段落的下边距 */
        }

        .wp-block-button a {
            background-color: #033941; /* 按钮背景色 */
            color: #fff; /* 按钮文字颜色 */
            text-decoration: none;
            padding: 12px 40px;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

        .wp-block-button a:hover {
            background-color: #4c6c6f; /* 按钮悬停背景色 */
            color: #fff;
        }



/*FAQ*/



.faq-container {
    max-width: 800px;
    margin: 80px auto; /* 上下预留80px的空间，左右自动对齐 */
    padding: 0 20px; /* 左右预留20px的空间 */
}


        h2 {
            text-align: center;
            color: #333;
            margin-bottom: 30px;
            font-size: 28px;
        }

        .faq-item {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-bottom: 10px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
        }

        .faq-item.active {
            border-color: #007BFF;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .faq-question {
            padding: 15px;
            font-size: 18px;
            color: #333;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-question:hover {
            background-color: #f1f1f1;
        }

        .faq-answer {
            padding: 15px;
            font-size: 16px;
            color: #666;
            display: none; /* 默认隐藏答案 */
            border-top: 1px solid #ddd;
        }

        .faq-question i {
            font-size: 20px;
            transition: transform 0.3s ease;
        }

        /* 图标旋转和变换 */
        .faq-item.active .faq-question i {
            transform: rotate(-180deg);
        }


/*徽章*/

        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }

        .main-container {
            background-color: #ffffff;
            padding: 20px;
            margin: 20px auto;
            max-width: 1200px;
        }

        .badge-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 30px;
        }

        .badge-container img {
            width: 154px;
            height: 200px;
            object-fit: cover;
        }

        .badge-container img:last-child {
            width: 185px;
        }

        .comment-badge-container {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            align-items: center;
            margin-top: 20px;
        }

        .comment-badge-container img:first-child {
            width: 224px;
            height: 28px;
        }

        .comment-badge-container img:nth-child(2) {
            width: 217px;
            height: 24px;
        }

        .comment-badge-container img:last-child {
            width: 145px;
            height: 30px;
        }

        @media (max-width: 768px) {
            .badge-container {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 10px;
                justify-items: center;
            }

            .badge-container img {
                width: 77px;
                height: 100px;
            }

            .badge-container img:last-child {
                width: 93px;
                grid-column: 1 / -1;
                justify-self: center;
            }

            .comment-badge-container {
                flex-direction: column;
                gap: 10px;
                align-items: center;
            }
        }
        
        
        /* 媒体查询：在屏幕宽度小于768px时隐藏按钮 */
        @media screen and (max-width: 768px) {
            .hide-on-mobile {
                display: none !important; /* 强制隐藏 */
            }
        }