        body, img, table, h1, h2, h3, p, .animate {
            animation: fadeInAnimation ease 0.4s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }

        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
        
        ::-webkit-scrollbar {
            width: 4px;
            height: 5px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #c3ffff;
        }
        
        html {
            background: url(/logo.svg) no-repeat center center;
            background-attachment: fixed;
            background-color: #1e1e1e;
        }
        
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            color: #ECF5F4;
        }

        .div-body {
            height: 100%;
            overflow: auto
        }

        div, span, table, p, h1, h2, h3 {
            color: #ECF5F4;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Microsoft JhengHei","Yu Gothic UI","Meiryo UI",Roboto,"Noto Sans","Noto Sans CJK SC","Ubuntu","Cantarell","DejaVu Sans","Liberation Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        }
        
        .mask {
            width: 100%;
            background-color: #121212E5;
            backdrop-filter: blur(1px);
        }

        .card {
            width: 100%;
            background: #84848433;
        }
        
        .card-t50 {
            width: 100%;
            background: #84848480;
        }
        
        .card-t100 {
            width: 100%;
            background: #1e1e1e;            
        }

        .cardin {
            width: calc(100% - 40px);
            margin: 0 auto
        }
        
        .round {
            border-radius: 8px;
        }
        
        .border {
            border: 1px solid #848484;
        }

        .blur5 {
            backdrop-filter: blur(5px) !important;
            -webkit-backdrop-filter: blur(5px);
        }
        
        .blur10 {
            backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px);
        }
        
        .blur20 {
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px);
}

        a {
            text-decoration: none;
            color: #ECF5F4;
        }

        .u {
            text-decoration: underline;
        }

        .text-center {
            text-align: center;
        }
        
        .h20 {
            height: 20px;
        }
        
        .h40 {
            height: 40px;
        }
        
        hr {
            background-color: #ECF5F4;
            margin: 0 auto;
            border: none;
            height: 1px;
        }

        /* 设置字体大小 */
        .text-large {
            font-size: 50px;
        }

        h1 {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        h2 {
            font-size: 32px;
            font-weight: bold;
        }

        h3 {
            font-size: 24px;
            font-weight: bold;
        }

        p {
            font-size: 20px;
        }

        @media (max-width: 768px) {
            .text-large {
                font-size: 6vw;
            }

            h1 {
                font-size: 5vw;
            }

            h2 {
                font-size: 4vw;
            }

            h3 {
                font-size: 3.5vw;
            }

            p {
                font-size: 3vw;
            }

            img {
                max-width: 80%;
                height: auto;
            }

            .logo {
                transform: scale(1.2);
            }

            table {
                padding: 10px;
            }
        }

        @media (max-width: 480px) {
            .text-large {
                font-size: 7vw;
            }

            h1 {
                font-size: 6vw;
            }

            h2 {
                font-size: 5vw;
            }

            h3 {
                font-size: 4.5vw;
            }

            p {
                font-size: 4vw;
            }

            img {
                max-width: 100%;
                height: auto;
            }

        }