<style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 0;
            background: #f7f7f7;
        }
        .d-flex {
            display: flex;
            flex-wrap: wrap;
        }
        .mb-25 {
            margin-bottom: 30px; /* 增加了底部间距 */
        }
        .mr-1 {
            margin-right: 10px;
        }
        .text-primary {
            color: #37b5c1 !important;
        }
        .text-success {
            color: #28a745 !important;
        }
        .text-info {
            color: #17a2b8 !important;
        }
        .text-dark {
            color: #343a40 !important;
        }
        .badge {
            display: initial;
            padding: 0.25em 0.4em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25rem;
        }
        .badge-light-primary {
            background-color: rgba(44, 145, 154, 0.12);
            color: #37b5c1 !important;
        }
        .badge-light-orange {
            background-color: rgba(255, 165, 0, 0.125);
            color: #FFA500 !important;
        }
        .badge-light-green {
            background-color: rgba(34, 139, 34, 0.125);
            color: #228B22 !important;
        }
        .badge-light-black {
            background-color: rgba(0, 0, 0, 0.125);
            color: #000000 !important;
        }
        .ms-1 {
            margin-left: 10px;
        }
    </style>