.role-main .main-body,.role-main .main-right-body{overflow-y:auto}.perm-dialog .perm-role-card{display:flex;align-items:center;background:linear-gradient(135deg,#f5f9ff,#eef4ff);border:1px solid #e3edfb;border-radius:8px;padding:14px 20px;margin-bottom:16px}.perm-dialog .perm-role-card__item{display:flex;align-items:baseline;flex:1;min-width:0}.perm-dialog .perm-role-card__label{font-size:13px;color:#8a99b5;margin-right:12px;flex-shrink:0}.perm-dialog .perm-role-card__value{font-size:15px;font-weight:600;color:#25324a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perm-dialog .perm-role-card__divider{width:1px;height:20px;background:#dbe4f2;margin:0 20px;flex-shrink:0}.perm-dialog .perm-section{border:1px solid #edf2f8;border-radius:8px;overflow:hidden}.perm-dialog .perm-section__head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f7f9fc;border-bottom:1px solid #edf2f8}.perm-dialog .perm-section__title{font-size:14px;font-weight:600;color:#25324a;position:relative;padding-left:12px}.perm-dialog .perm-section__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;border-radius:2px;background:#2f7cff}.perm-dialog .perm-section__tools{display:flex;align-items:center}.perm-dialog .perm-section__tools .el-button+.el-button{margin-left:12px}.perm-dialog .perm-checked-count{font-size:12px;color:#8a99b5;margin-right:14px}.perm-dialog .perm-tree{max-height:380px;overflow-y:auto;padding:10px 8px}.perm-dialog .perm-tree ::v-deep .el-tree-node__content{height:34px;border-radius:4px}.perm-dialog .perm-tree ::v-deep .el-tree-node__content:hover{background:#f3f8ff}.perm-dialog .perm-tree ::v-deep .el-tree-node__label{font-size:14px;color:#3c4a63}.perm-footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid #edf2f8}.perm-footer .el-button{min-width:88px}.perm-footer .el-button+.el-button{margin-left:12px}