.trans-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.trans-card{width:100%;max-width:700px;border-radius:16px;border:none;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08)}.trans-card .el-card__body{padding:30px}.card-header{text-align:center;margin-bottom:24px;position:relative}.card-header i{font-size:40px;color:#667eea;display:block;margin-bottom:8px}.card-header span{font-size:22px;font-weight:600;color:#333}.card-header .version{position:absolute;right:0;top:0;font-size:12px;color:#c0c4cc;font-weight:400}.el-tabs__header{border-radius:12px 12px 0 0}.el-tabs__item{font-size:15px}.trans-form{padding-top:20px}.trans-form .el-form-item__label{font-size:15px;color:#606266}.trans-btn{width:100%;height:48px;border-radius:10px;font-size:16px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-transition:all .3s;transition:all .3s;margin-top:10px}.trans-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(102,126,234,.4);box-shadow:0 4px 12px rgba(102,126,234,.4)}.trans-btn.warn{background:linear-gradient(135deg,#e6a23c,#f0a030)}.trans-btn.warn:hover{-webkit-box-shadow:0 4px 12px rgba(230,162,60,.4);box-shadow:0 4px 12px rgba(230,162,60,.4)}.trans-btn.danger{background:linear-gradient(135deg,#f56c6c,#e74c3c)}.trans-btn.danger:hover{-webkit-box-shadow:0 4px 12px rgba(245,108,108,.4);box-shadow:0 4px 12px rgba(245,108,108,.4)}.el-tabs__content{padding:20px 10px}