body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .alert-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;

            justify-content: center;
            align-items: center;
            z-index: 9999;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.5s;
        }

        .alert {
            background-color: #2b2b2c;
            color: #ffffff;
            padding: 0.5rem 1rem;
            border-radius: 0.5rem;
            font-size: 2rem;
        }

         .card-title {
            font-size: 28px;
            color: #48b400;
        }

        .table td, th {
            text-align: center; /* 水平居中 */
            vertical-align: middle; /* 垂直居中 */
        }
        a {
            text-decoration: none;
        }
        a:hover {
            color: #a63737;
        }
        textarea {
            font-family: 'Courier New', Courier, monospace;
            font-size: 14px;
            color: #333;
            background-color: #f8f8f8;
        }
        .account {
            width: 550px;
            border: 0.1rem solid #dddddd;
            border-radius: 0.3rem;
            box-shadow: 0.3rem 0.3rem 1rem #aaa;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5rem;
            padding: 2rem 3rem;
        }
        .account h2{
            margin-top: 0.5rem;
            text-align: center;
        }
        .active_tab {
            color: tomato;
        }