﻿
/***尊贵金**/
.Nick-Gold {
    color: #ff9224;
}

    .Nick-Gold a {
        color: #ff9224;
    }
/***经典红**/
.Nick-Red {
    color: red;
}

    .Nick-Red a {
        color: red;
    }
/*绯色诱惑*/
@keyframes ran {
    from {
        backgroud-position: 0 0;
    }

    to {
        background-position: 2000px 0;
    }
}

.Nick-Crimson {
    font-size: 16px;
    font-family: "黑体";
    color: #ff00000;
    background: -webkit-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    -moz-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    -ms-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    color: transparent;
    /*设置字体颜色透明*/
    -webkit-background-clip: text;
    /*背景裁剪为文本形式*/
    animation: ran 70s linear infinite;
    /*动态10s展示*/
}

    .Nick-Crimson a {
        font-size: 16px;
        font-family: "黑体";
        color: #ff00000;
        background: -webkit-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
        -moz-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
        -ms-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
        color: transparent;
        /*设置字体颜色透明*/
        -webkit-background-clip: text;
        /*背景裁剪为文本形式*/
        animation: ran 70s linear infinite;
        /*动态10s展示*/
    }
/***优雅紫兰**/
@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.Nick-Purple {
    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 4s linear infinite;
}

    .Nick-Purple a {
        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 4s linear infinite;
    }
/*静默守护*/
@keyframes mol3 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.Nick-Guard {
    background-image: -webkit-linear-gradient(left,#0A0218,#11064C 10%,#FD250F 20%,#FE5803 30%, #c48ade 40%, #AA1B61 50%,#544CA4 60%,#AA1B61 70%,#FD250F 80%,#11064C 90%,#0A0218 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: mol3 3s linear infinite;
}

    .Nick-Guard a {
        background-image: -webkit-linear-gradient(left,#0A0218,#11064C 10%,#FD250F 20%,#FE5803 30%, #c48ade 40%, #AA1B61 50%,#544CA4 60%,#AA1B61 70%,#FD250F 80%,#11064C 90%,#0A0218 100%);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: mol3 3s linear infinite;
    }
/*幻想迷雾*/
@-webkit-keyframes mol6 {
    0% {
        color: #ccabd8;
    }

    20% {
        color: #ccabd8;
    }

    40% {
        color: #e25b45;
    }

    60% {
        color: #f7f5df;
    }

    80% {
        color: #fc0d00;
    }

    100% {
        color: #751102;
    }
}

.Nick-Fog {
    color: #ccabd8;
    -webkit-background-clip: text;
    -webkit-animation: mol6 4s linear infinite;
}

    .Nick-Fog a {
        color: #ccabd8;
        -webkit-background-clip: text;
        -webkit-animation: mol6 4s linear infinite;
    }

.Dancing {
    color: #FF5809;
    display: inline-block;
    padding: 1px;
    font-size: 15px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: Dancing-slow;
    -ms-animation-name: Dancing-slow;
    animation-name: Dancing-slow;
    -webkit-animation-duration: 4s;
    -ms-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    -ms-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes Dancing-slow {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
    }

    2% {
        -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg)
    }

    4% {
        -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg)
    }

    6% {
        -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg)
    }

    8% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg)
    }

    10% {
        -webkit-transform: translate(1.4px, 0px) rotate(-2deg)
    }

    12% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-2deg)
    }

    14% {
        -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
    }

    18% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg)
    }

    20% {
        -webkit-transform: translate(1px, 1px) rotate(-0.5deg)
    }

    22% {
        -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg)
    }

    24% {
        -webkit-transform: translate(-1.4px, -1px) rotate(2deg)
    }

    26% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg)
    }

    28% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg)
    }

    30% {
        -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
    }

    32% {
        -webkit-transform: translate(-1px, 0px) rotate(2deg)
    }

    34% {
        -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg)
    }

    36% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg)
    }

    38% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg)
    }

    40% {
        -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg)
    }

    42% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
    }

    44% {
        -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg)
    }

    46% {
        -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
    }

    48% {
        -webkit-transform: translate(1px, 1.6px) rotate(1.5deg)
    }

    50% {
        -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg)
    }

    52% {
        -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg)
    }

    54% {
        -webkit-transform: translate(1.6px, -1px) rotate(-2deg)
    }

    56% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg)
    }

    58% {
        -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg)
    }

    60% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg)
    }

    62% {
        -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
    }

    64% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
    }

    66% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg)
    }

    68% {
        -webkit-transform: translate(0px, -1.6px) rotate(-2deg)
    }

    70% {
        -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg)
    }

    72% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
    }

    74% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg)
    }

    76% {
        -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg)
    }

    78% {
        -webkit-transform: translate(-1px, 1.4px) rotate(2deg)
    }

    80% {
        -webkit-transform: translate(1.4px, 1.6px) rotate(2deg)
    }

    82% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
    }

    84% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg)
    }

    86% {
        -webkit-transform: translate(1px, 1.4px) rotate(-2deg)
    }

    88% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
    }

    90% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
    }

    92% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
    }

    94% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
    }

    96% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg)
    }

    98% {
        -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg)
    }
}

