*       {
            margin: 0;
            padding: 0;
            /* box-sizing: border-box; */
        }
        
        body {
            overflow-x: hidden; 
            width: 100%;
            height: auto; /* 改为自动高度 */
            min-height: 100vh; /* 最小高度为视口 */
            /* overflow-x: hidden; */
            overflow-y: auto; /* 允许垂直滚动 */
            position: relative;
            z-index: -4;
        }
        
        html {
            overflow-x: hidden;
            width: 100%;
            font-size: 16px;
            
            height: auto; /* 改为自动高度 */
            min-height: 100vh; /* 最小高度为视口 */
            /* overflow-x: hidden; */
            overflow-y: auto; /* 允许垂直滚动 */
            position: relative;
            z-index: -5;
        }
        @media (max-width: 378px) {
            html {
                font-size: 6.5px;
            }
            
        }
        
        /* 屏幕适配 - 不同屏幕尺寸下的字体大小调整 */
        @media (min-width: 390px)and (max-width: 479px) {
            html {
                font-size: 7.3px;
            }
            
        }

        /* 屏幕适配 - 不同屏幕尺寸下的字体大小调整 */
        @media (min-width: 480px) and (max-width: 600px) {
            html {
                font-size: 7.8px;
            }
            
        }
        
        @media (min-width: 601px) and (max-width: 768px) {
            html {
                font-size: 11px;
            }
        }
        
        @media (min-width: 769px) and (max-width: 1024px) {
            html {
                font-size: 13px;
            }
            
        }
        
        @media (min-width: 1025px) and (max-width: 1440px) {
            html {
                font-size: 15px;
            }
        }
        
        
        @keyframes pulseScale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.2);
            }
            100% {
                transform: scale(1);
            }
        }
        #div-center-main{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #div-center-main1{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        #div-par-center{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
        }
        .div-image{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .parallelogram-container {
            width: 38rem;
            height: 9rem;
            position: relative;
            transform: skew(-20deg);
        }
        .parallelogram-content {
            position: absolute;
            transform: skew(20deg); /* 反向倾斜以抵消容器倾斜 */
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFF;
            font-size: 2.7rem;
            font-size: 400;
            text-align: center;
            width: 38rem;
            height: 9rem;
        }
        .custom-progress {
            background: rgb(53,27,117);
            width: 100%;
            height: 60%;
            border-radius: 2rem;
        }

        /* Webkit 浏览器 (Chrome, Safari, Edge) */
        .custom-progress::-webkit-progress-bar {
            background-color: transparent; /* 背景透明 */
            border-radius: 2rem;
        }

        .custom-progress::-webkit-progress-value {
            /* background: linear-gradient(to right, rgba(255,255,87,0.8), rgba(255,255,255,0.6)); */
            background: rgba(255,253,87,1);
            border-radius: 2rem;
        }

        /* Firefox */
        .custom-progress::-moz-progress-bar {
            background:  rgba(255,253,87,1);
            border-radius: 1rem;
        }
        .data3-bor-font{
            width: 40rem;
            height: 8rem;
            flex-direction: row;
            justify-content: flex-start;
            font-size: 2rem;
            color: rgba(255, 255, 255,0.4);
            line-height: 6rem;
        }
        .error {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            z-index: 99999;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.7);/
        }

        .error-content {
            padding: 30px;
            line-height: 1.5;
            word-break: break-all;
            overflow: auto;
            font-size: 18px;
            color: #fff;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
            max-width: 750px;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
        }