.MColor0{
font-weight:bold;
        display: inline;

        width: 200px;

        height: 22px;

        /*渐变背景*/

        background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,

        #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);

        color: transparent; /*文字填充色为透明*/

        -webkit-text-fill-color: transparent;

        -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/

        background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/

        /* 动画 */

        animation: masked-animation 4s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/

        }

        100% {

            background-position: -100% 0;

        }

    }
.MColor1{
font-weight:bold;
        display: inline;

        width: 200px;

        height: 22px;

        /*渐变背景*/

        background-image: -webkit-linear-gradient(left, #ffa080, #ffa060 10%, #ffa040 20%, #ffa020 30%,

        #bc3838 40%, #ffa080 50%, #ad60ff 80%, #ffa040 70%, #ffa020 80%, #ffa000 90%, #ffff00);

        color: transparent; /*文字填充色为透明*/

        -webkit-text-fill-color: transparent;

        -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/

        background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/

        /* 动画 */

        animation: masked-animation 4s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/

        }

        100% {

            background-position: -100% 0;

        }

    }
.MColor2{
font-weight:bold;
        display: inline;

        width: 200px;

        height: 22px;

        /*渐变背景*/

        background-image: -webkit-linear-gradient(left, #ff0080, #ff0060 10%, #ff0040 20%, #ff0020 30%,

        #ff00a0 40%, #ff0080 50%, #d60d58 80%, #8f2842 70%, #ff0020 80%, #670f0f 90%, #ffff00);

        color: transparent; /*文字填充色为透明*/

        -webkit-text-fill-color: transparent;

        -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/

        background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/

        /* 动画 */

        animation: masked-animation 4s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/

        }

        100% {

            background-position: -100% 0;

        }

    }
.lmma{
    color:#ffff00;
}
.MColor3{
    font-weight:bold;
         background-image: 
        -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
        color-stop(0.15, #f2f), 
        color-stop(0.3, #22f), 
        color-stop(0.45, #2ff), 
        color-stop(0.6, #2f2),
        color-stop(0.75, #2f2), 
        color-stop(0.9, #ff2), 
        color-stop(1, #f22) );
        color: transparent;
        -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;
        animation: ran 5s linear infinite;
                /*动态5s展示*/
        }
@keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 200px 0;
                }
            }
.MColor4 {
    font-weight:bold;
                color: #f2f;
                background: 
               -webkit-linear-gradient(180deg, #c40ec4, #bc4d18, #fdefac, #4519c9, #bed5f5);
                color: transparent;
                /*设置字体颜色透明*/
                -webkit-background-clip: text;
                /*背景裁剪为文本形式*/
                animation: ran 5s linear infinite;
                /*动态5s展示*/
            }
            @keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 200px 0;
                }
            }
.MColor5{
    font-weight:bold;
    background-image: -webkit-linear-gradient(left,#ff8600,#ff8600 10%,#faeb4a 20%,#fffc60 30%, #ff8600 40%, #ff8600 50%,#ff8600 60%,#fffc60 70%,#faeb4a 80%,#ff8600 90%,#ff8600 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 3s linear infinite;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}
.MColor21{
    font-weight:bold;
color: aqua;
letter-spacing: 0;
text-shadow: 
0px 1px 0px #999,
0px 1px 0px #888, 
0px 1px 0px #777, 
0px 1px 0px #666, 
0px 1px 0px #555, 
0px 1px 0px #444, 
0px 1px 0px #333, 
0px 1px 7px #001135;

        /* 动画 */

        animation: ran 4s infinite linear;
                /*动态5s展示*/
        }
@keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 200px 0;
                }
            }

.MColor6{
    font-weight:bold;
text-shadow:1px 1px 6px #451e15;
color:deeppink;
background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: ran 4s linear infinite;
                /*动态5s展示*/
        }
@keyframes ran {
                from {
                    backgroud-position: 0 0;
                }
                to {
                    background-position: 200px 0;
                }
            }
.MColor7{
    font-weight:bold;
    background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 3s linear infinite;
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}

.MColor8 {
  --interval: 1s;
    text-shadow: 
    0 0 5px var(--color1),
    0 0 5px var(--color2),
    0 0 5px var(--color3),
    0 0 5px var(--color4);
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
}
.MColor8:nth-of-type(1) {
  color: yellow;
  --color1: azure;
  --color2: orangered;
  --color3: mediumblue;
  --color4: dodgerblue;
  font-family: Gruppo;
}

.MColor8:nth-of-type(2) {
  color: lightpink;
  --color1: pink;
  --color2: mediumblue;
  --color3: dodgerblue;
  --color4: azure;
  font-family: Bad Script;
}

.MColor8:nth-of-type(3) {
  color: lightyellow;
  --color1: yellow;
  --color2: dodgerblue;
  --color3: green;
  --color4: mediumblue;
  font-family: Kumar One Outline;
}

.MColor8:nth-of-type(4) {
  color: lightyellow;
  --color1: gold;
  --color2: dodgerblue;
  --color3: pink;
  --color4: azure;
  font-family: Londrina Outline;
}


.MColor8:nth-of-type(5) {
  color: azure;
  --color1: azure;
  --color2: aqua;
  --color3: dodgerblue;
  --color4: blue;
  font-family: Sriracha;
}

.MColor8:nth-of-type(6) {
  color:  azure;
  --color1: green;
  --color2: pink;
  --color3: dodgerblue;
  --color4: green;
  font-family: Yellowtail;
}

.MColor8:nth-of-type(7) {
  color: lightyellow;
  --color1: yellow;
  --color2: orange;
  --color3: pink;
  --color4: purple;
  font-family: Bad Script;
}

.MColor8:nth-of-type(8) {
  color: yellow;
  --color1: yellow;
  --color2: pink;
  --color3: azure;
  --color4: pink;
  font-family: Monoton;
}

.MColor8:nth-of-type(9) {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: azure;
  --color4: pink;
  font-family: Sriracha;
}
@keyframes flicker {
  50% {
    color:  white;
    filter: saturate(200%) hue-rotate(90deg);
  }
}
.MColor9 {
  background-image: -webkit-linear-gradient(left, #7345b1, #4923a2 10%, #d160ff 20%, #f083ff 30%, #9446f7 40%, #c877fe 50%, #5f26de 60%, #8858f2 70%, #5114b3 80%, #b393ff 90%, #9d7bff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: xucheng 3s linear infinite;
}
.MColor10{

        display: inline;

        width: 200px;

        height: 22px;

        /*渐变背景*/

        background-image: -webkit-linear-gradient(left, #ff80b8, #ff60b6 10%, #ff40b4 20%, #ff20b2 30%,

        #ae00ff 40%, #ae80ff 50%, #ae60ff 80%, #ae40ff 70%, #ae20ff 80%, #ae10ff 90%, #ff00b0);

        color: transparent; /*文字填充色为透明*/

        -webkit-text-fill-color: transparent;

        -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/

        background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/

        /* 动画 */

        animation: masked-animation 4s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/

        }

        100% {

            background-position: -100% 0;

        }

    }
.MColor11 {
  color: #001135; /* 初始颜色（深蓝色） */
  letter-spacing: 0;
  text-shadow: 
    1px 1px 0px rgba(255, 0, 0, 0.5), /* 红色阴影 */
    2px 2px 0px rgba(255, 165, 0, 0.5); /* 橙色阴影 */
  animation: float-shadow 2s ease-in-out infinite alternate, rainbow-color 5s linear infinite;
}

@keyframes float-shadow {
  0% { text-shadow: 1px 1px 0px rgba(255, 0, 0, 0.5), 2px 2px 0px rgba(255, 165, 0, 0.5); }
  100% { text-shadow: 2px 2px 3px rgba(255, 0, 0, 0.5), 3px 3px 3px rgba(255, 165, 0, 0.5); }
}

@keyframes rainbow-color {
  0% { color: #ff0000; } /* 红色 */
  14% { color: #ff7f00; } /* 橙色 */
  28% { color: #ffff00; } /* 黄色 */
  42% { color: #00ff00; } /* 绿色 */
  57% { color: #0000ff; } /* 蓝色 */
  71% { color: #4b0082; } /* 靛蓝色 */
  85% { color: #9400d3; } /* 紫色 */
  100% { color: #ff0000; } /* 回到红色 */
}
.MColor12 {
  background-image: linear-gradient(to right, #ffd700, #daa520 20%, #ffd700 40%, #daa520 60%, #ffd700 80%, #daa520 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 5s linear infinite;
}
.MColor13 {
  background-image: linear-gradient(to right, #ec77ab, #7873f5 20%, #ec77ab 40%, #7873f5 60%, #ec77ab 80%, #7873f5 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 5s linear infinite;
}
.MColor14 {
  background-image: linear-gradient(to right, #6a11cb, #2575fc 20%, #6a11cb 40%, #2575fc 60%, #6a11cb 80%, #2575fc 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 4s linear infinite;
}
.MColor15 {
  background-image: linear-gradient(to right, #ff7e5f, #feb47b 20%, #ff7e5f 40%, #feb47b 60%, #ff7e5f 80%, #feb47b 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 5s linear infinite;
}
.MColor16 {
  background-image: linear-gradient(to right, #ff416c, #ff4b2b 20%, #ff416c 40%, #ff4b2b 60%, #ff416c 80%, #ff4b2b 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 5s linear infinite;
}
.MColor17 {
  background-image: linear-gradient(to right, #a8e063, #56ab2f 20%, #a8e063 40%, #56ab2f 60%, #a8e063 80%, #56ab2f 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 6s linear infinite;
}
.MColor18 {
  background-image: linear-gradient(to right, #00c6ff, #0072ff 20%, #00c6ff 40%, #0072ff 60%, #00c6ff 80%, #0072ff 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 4s linear infinite;
}
.MColor19 {
  background-image: linear-gradient(to right, #ff9a9e, #fad0c4 20%, #fbc2eb 40%, #a6c1ee 60%, #fbc2eb 80%, #ff9a9e 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  animation: xucheng 5s linear infinite;
}
.MColor20 {
  color: #001135; /* 初始颜色（深蓝色） */
  letter-spacing: 0;
  text-shadow: 
    1px 1px 0px rgba(255, 0, 0, 0.5), /* 红色阴影 */
    2px 2px 0px rgba(255, 165, 0, 0.5); /* 橙色阴影 */
  animation: float-shadow 2s ease-in-out infinite alternate, rainbow-color 5s linear infinite;
}

@keyframes float-shadow {
  0% { text-shadow: 1px 1px 0px rgba(255, 0, 0, 0.5), 2px 2px 0px rgba(255, 165, 0, 0.5); }
  100% { text-shadow: 2px 2px 3px rgba(255, 0, 0, 0.5), 3px 3px 3px rgba(255, 165, 0, 0.5); }
}

@keyframes rainbow-color {
  0% { color: #ff0000; } /* 红色 */
  14% { color: #ff7f00; } /* 橙色 */
  28% { color: #ffff00; } /* 黄色 */
  42% { color: #00ff00; } /* 绿色 */
  57% { color: #0000ff; } /* 蓝色 */
  71% { color: #4b0082; } /* 靛蓝色 */
  85% { color: #9400d3; } /* 紫色 */
  100% { color: #ff0000; } /* 回到红色 */
}

.MColor22{
	background-image: linear-gradient(160deg, #9ed900, #789262, #a4e2c6, #00e079, #a4e2c6, #789262, #9ed900, #789262, #a4e2c6, #00e079, #a4e2c6, #789262, #9ed900);
	-webkit-background-clip: text;      
	color: transparent;      
	/* width: 320px;当根据内容固定宽度时高亮部分会变多 */
	-webkit-animation:ani29 5s infinite;  
}
@-webkit-keyframes ani29 {
    0% {
		background-position: 0 0;
	}
	100% {
		background-position: -120px 0;
	}
}
.MColor23 {
  --interval: 1s;
  text-shadow: 
    0 0 5px var(--color1),
    0 0 5px var(--color2),
    0 0 5px var(--color3),
    0 0 5px var(--color4);
  will-change: filter, color;
  filter: saturate(60%);
  animation: flicker steps(100) var(--interval) 1s infinite;
}

.MColor23:nth-of-type(1) {
  color: white;  /* 原 black 改为 white */
  --color1: azure;
  --color2: orangered;
  --color3: mediumblue;
  --color4: dodgerblue;
  font-family: Gruppo;
}

.MColor23:nth-of-type(2) {
  color: lightpink;
  --color1: pink;
  --color2: mediumblue;
  --color3: dodgerblue;
  --color4: azure;
  font-family: Bad Script;
}

.MColor23:nth-of-type(3) {
  color: lightyellow;
  --color1: white;  /* 原 black 改为 white */
  --color2: dodgerblue;
  --color3: green;
  --color4: mediumblue;
  font-family: Kumar One Outline;
}

.MColor23:nth-of-type(4) {
  color: lightyellow;
  --color1: gold;
  --color2: dodgerblue;
  --color3: pink;
  --color4: azure;
  font-family: Londrina Outline;
}

.MColor23:nth-of-type(5) {
  color: azure;
  --color1: azure;
  --color2: aqua;
  --color3: dodgerblue;
  --color4: blue;
  font-family: Sriracha;
}

.MColor23:nth-of-type(6) {
  color: azure;
  --color1: green;
  --color2: pink;
  --color3: dodgerblue;
  --color4: green;
  font-family: Yellowtail;
}

.MColor23:nth-of-type(7) {
  color: lightyellow;
  --color1: yellow;
  --color2: orange;
  --color3: pink;
  --color4: purple;
  font-family: Bad Script;
}

.MColor23:nth-of-type(8) {
  color: yellow;
  --color1: yellow;
  --color2: pink;
  --color3: azure;
  --color4: pink;
  font-family: Monoton;
}

.MColor23:nth-of-type(9) {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: azure;
  --color4: pink;
  font-family: Sriracha;
}

@keyframes flicker {
  50% {
    color: white;
    filter: saturate(200%) hue-rotate(90deg);
  }
}
.MColor24{
color: #FF0000;  /* 改为纯红提升基础亮度 */
text-shadow: 
0px 1px 0px #FFCDD2,  
0px 1px 0px #FF6B6B,  /* 提升为亮橙红 */
0px 1px 0px #FF2D2D,  /* 高饱和红 */
0px 1px 0px #FF0000,  /* 主色层 */
0px 1px 0px #CC0000,  /* 深红 */
0px 1px 4px #990000,  /* 加粗轮廓阴影 */
0px 4px 20px rgba(255, 50, 50, 0.6)  /* 红色辉光替代纯黑投影 */
}