.switchToggle input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}
.switchToggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 100px;
    max-width: 100px;
    height: 30px;
    background: transparent linear-gradient(180deg, #D8DFF1 0%, #E8CED3 27%, #DFBDDB 72%, #D0DFF9 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 10px 5px 6px #00000029;
    border-radius: 120px;
    opacity: 1;
    display: block;
    position: relative;
}
.switchToggle label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {
    background: transparent linear-gradient(180deg, #FCF1FA 0%, #E963667A 44%, #F29D9E7D 69%, #E1EEC3 100%) 0% 0% no-repeat padding-box;
    box-shadow: inset 10px 5px 6px #00000029;
    border-radius: 120px;
    opacity: 1;
}
.switchToggle input + label:before, .switchToggle input + input + label:before {
    content: '繁體';
    position: absolute;
    left: 35px;
    width: 50px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
    content: '简体';
    position: absolute;
    left: 10px;
    width: 50px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
}
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}
.switchToggle label:active:after {
    width: 60px;
} 
.toggle-switchArea {
    margin: 10px 0 10px 0;
}