.data-encryption{padding:.83333rem;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.data-encryption .el-tabs{height:4.16667rem;flex-shrink:0}.data-encryption .el-tabs__content{display:none!important}.data-encryption .el-tabs__item.is-active,.data-encryption .el-tabs__item:hover{color:#f1de09}.data-encryption .el-tabs__active-bar{background-color:#f1de09}.data-encryption .encryption-content{flex:1;min-height:0;display:flex;flex-direction:column}.data-encryption .encryption-panel{flex:1;min-height:0;display:flex;gap:1.33333rem;padding:1.66667rem;box-sizing:border-box;border:1px solid #04507d;background:rgba(4,56,82,.35);box-shadow:inset 0 0 2.5rem rgba(11,234,235,.5)}.data-encryption .panel-column{display:flex;flex-direction:column;min-width:0;min-height:0}.data-encryption .result-column,.data-encryption .source-column{flex:1}.data-encryption .control-column{width:23.33333rem;flex-shrink:0;padding:1.66667rem 1.33333rem;border:1px solid rgba(32,237,250,.25);border-radius:.66667rem;background:rgba(7,23,57,.65);box-sizing:border-box}.data-encryption .column-title{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:#0ff;text-align:center}.data-encryption .column-content{flex:1;min-height:0}.data-encryption .column-content .el-textarea{height:100%}.data-encryption .column-content .el-textarea .el-textarea__inner{height:100%!important;min-height:35rem;padding:1.33333rem;color:#fff;font-size:1.16667rem;line-height:1.6;border:1px solid #04507d;border-radius:.66667rem;background:rgba(6,20,49,.85);box-shadow:none}.data-encryption .column-content .el-textarea .el-textarea__inner::placeholder{color:#69b0c9}.data-encryption .column-content .el-textarea .el-textarea__inner:focus{border-color:#20edfa}.data-encryption .column-tag{margin-top:1rem;align-self:center;padding:.5rem 1.5rem;font-size:1.16667rem;color:#69b0c9;border:1px solid rgba(32,237,250,.2);border-radius:1.66667rem;background:rgba(4,56,82,.8)}.data-encryption .control-item{margin-bottom:1.66667rem}.data-encryption .control-item .control-label{margin-bottom:.66667rem;font-size:1.16667rem;color:#fff}.data-encryption .control-item .el-input__inner{height:3.33333rem;color:#fff;border:1px solid #04507d;border-radius:.5rem;background:rgba(6,20,49,.85)}.data-encryption .control-item .el-input__inner::placeholder{color:#69b0c9}.data-encryption .control-item .el-input__inner:focus{border-color:#20edfa}.data-encryption .control-actions{margin-top:2rem;display:flex;flex-direction:column;gap:1.33333rem}.data-encryption .control-actions .el-button{width:100%;height:3.66667rem;margin-left:0;font-size:1.33333rem;border:none;border-radius:.66667rem}.data-encryption .control-actions .el-button i{margin-right:.5rem}.data-encryption .control-actions .encrypt-btn{background:linear-gradient(180deg,#3ddc84,#2ecc71);color:#fff}.data-encryption .control-actions .encrypt-btn:focus,.data-encryption .control-actions .encrypt-btn:hover{background:linear-gradient(180deg,#49e28d,#36d67a);color:#fff}.data-encryption .control-actions .decrypt-btn{background:linear-gradient(180deg,#ff6b6b,#e74c3c);color:#fff}.data-encryption .control-actions .decrypt-btn:focus,.data-encryption .control-actions .decrypt-btn:hover{background:linear-gradient(180deg,#ff7878,#ef5847);color:#fff}